/*  
Theme Name: modernisticdesign
Theme URI: http://www.merchantandblack.com
Description: A premium styled custom theme.
Version: 3.0
Author: Teresa
Author URI: http://www.merchantandblack.com

/******************************************
*   HTML5 display definitions                         
******************************************/
html, body, div, span, applet, object, iframe, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0;}
/******************************************
*   General Structure                     
******************************************/
* { margin:0; padding:0; }
	
body {background:#F2EFEB; color: #555; padding: 0px 0 0px 0; font-size:18px; -webkit-text-size-adjust: none; }
body, select, input, textarea {	font-family:"Dosis", Arial, Helvetica, Verdana, Sans-Serif; line-height:1.5em; }
p { margin: 15px 0; }
body p { margin: 15px 0; }

a:link, a:visited { color: #1061A0; text-decoration:none; }
a:focus, a:hover, a:active { color:#243248; cursor:pointer; }

img, a:link img, a:visited img{padding-top:0px;}
.post img {max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
img.alignleft, div.alignleft {float:left; margin:0 1em 0.5em 0;}
img.alignright, div.alignright {float:right; margin:0 0 0.5em 1em;}
img.aligncenter, div.aligncenter {text-align:center; margin:0 auto;}
img.alignnone {margin: 0 1em 1em 0;}

.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}	

.metaslider {overflow: hidden;}

.hidden{opacity:0;}
.visible{opacity:1;}

.dynamicmb {display:block; overflow:hidden; position:relative;}
.dynamicup {display:block; overflow:hidden; position:relative;}
.dynamicleft {display:block; overflow:hidden; position:relative;}
.dynamicright {display:block; overflow:hidden; position:relative;}

.sticky {margin:0 auto;}
.gallery-caption {max-width:100%;}

/******************************************
*   Header                      
******************************************/

#phone-wrapper {background:#012138; color:#fff; letter-spacing:0.1em; font-family:"Carrois Gothic", sans-serif; display:block; overflow:hidden; line-height:40px; text-align:right;}
.phone-content {max-width:1000px; padding:0px 25px 0px 25px; margin:0 auto;}
.phone-title {display:inline-block; font-weight:bold; padding-right:10px;}
.phonewidget {float:right; display:inline-block;}

#brand {max-width:500px; margin:0 auto; display:block; position:relative; text-align:center; -webkit-transition: opacity ease-out 0.35s; -moz-transition: opacity ease-out 0.35s; -ms-transition: opacity ease-out 0.35s; -o-transition: opacity ease-out 0.35s; transition: opacity ease-out 0.35s; font-family:"Carrois Gothic", sans-serif; font-weight:bold;}
#brand:hover {opacity:0.9;}

#brand img {max-width:100%; height:auto;}

#brand-right {width:100%; padding:0px;}

.brandspace {margin-top:2%; margin-bottom:3%;}
#splashbrand {margin:0 auto; opacity:1.0; -webkit-transition: opacity ease-out 0.35s; -moz-transition: opacity ease-out 0.35s; -ms-transition: opacity ease-out 0.35s; -o-transition: opacity ease-out 0.35s; transition: opacity ease-out 0.35s;}
#splashbrand:hover {opacity:0.6;}

#splashbrand img {max-width:100%; height:auto;}

#headerwrapper {display:block; overflow:hidden; border-bottom:2px solid #007FFF; position:relative;}
#headerbackground {background:rgba(51,51,51,0.3); overflow:hidden;}

#splash-header {background:#fff; margin:0 auto; letter-spacing:0.1em; font-family:"Carrois Gothic", sans-serif; color:#ccc; font-size:1.3em; text-align:center; line-height:40px; padding-top:0.5em; padding-bottom:0.5em;}
#splashwrapper {background:#fff; border-top:2px solid #ddd; border-bottom: 2px solid #ddd; overflow:hidden;}

#headercontent {max-width:1000px; margin:0 auto; z-index:999; position:relative; top:0; left:0; display:block; width:100%;}
#splashcontent {padding:25px;}
#splashcontent h1 {color:#222; text-align:center; font-weight:normal; text-shadow: 2px 2px 0px #eee;}

#header-container { max-width:1000px; margin:0 auto; position:relative; padding-top:0px;}

#header-left {width:100%; margin:0 auto; padding-top:0px;}
#header-right {width:100%; margin:0 auto; padding-top:0px; font-family:"Reenie Beanie", cursive; font-size:1.8em;}

/******************************************
*   Main Container                     
******************************************/

#containerwrapper {width:100%; max-width:1000px; margin:0 auto; background:#fff;}
#splashcontainerwrapper {width:100%; display:block; overflow:hidden; margin:0 auto; background:#fff;}

#maincontainer {background:#fff; max-width:1000px; margin:0 auto; padding:20px 25px 0px 25px; position:relative;}
#homecontainer {background:#fff; margin:0 auto; padding:0px 25px 0px 25px; position:relative;}
#splashcontainer {background:#fff; max-width:1000px; margin:0 auto; padding:20px 25px 20px 25px; position:relative;}

#toggle-button {display:block;}
#toggle-shown {display:none; height:auto;}

/******************************************
*   Front Page                       
******************************************/

#welcome-wrapper {background:url('images/backgrounds/RDH.jpg') center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow:hidden; position:relative; display:block; width:100%; padding-bottom:25px;}
#welcome-wrapper h1 {color:#fff; font-size:1.3em; font-weight:bold;}

.welcome-left {width:100%;}
.welcome-right {width:100%;}

.welcomewidget {background:rgba(0,0,0,0.6); padding:25px; margin:20px; color:#fff; font-weight:normal; font-size:1.2em;}

#welcomebackground {background:rgba(51,51,51,0.3); overflow:hidden; padding:25px;}

#full-wrapper {margin:0px -25px 0px -25px; display:block; overflow:hidden; position:relative;}

#home-content { max-width:1000px; padding-top:10px; padding-bottom:10px; display:block; overflow:hidden; text-align:left; margin:0 auto;}
#home-content h1 {font-family:"Carrois Gothic", sans-serif; font-size:1.8em; text-align:left;}

.home-feature { background:rgba(0,0,0,0.5); margin:2% 2% 2% 2%; padding:5%; color:#fff; display:block; overflow:hidden; position:relative; text-align:center;}
.home-feature h1 {color:#fff;}
.home-feature h2 {color:#fff;}

.location {background:url('images/backgrounds/RDH.jpg') fixed #000; background-size:cover; padding:25px;}
.rdh-blue {background:#007FFF; color:#fff; padding:10px;}
.rdh-blue h1 {color:#fff; font-weight:bold; font-size:1.3em;}

/******************************************
*   Content                        
******************************************/

#content-wrapper {width:100%; display:block; overflow:hidden; position:relative; clear:both;}

#content {width:100%; padding-bottom:10px;}
#sidebar {width:100%;}

#content h1 {padding-top:5px;}

#full-content {padding-bottom:5px; text-align:left; margin:0 auto;}
#full-content h1 {text-align:left; padding-top:5px;}

#half-one {width:100%;}
#half-two {width:100%;}

#third-one {width:100%;}
#third-two {width:100%;}
#third-three {width:100%;}

.cushion {padding-bottom:10px;}
.description {font-size: 1.3em; font-weight: bold; color:#999;}

/******************************************
*   Sidebar and Widgets                       
******************************************/

#boxes-content {width:100%; display:block; overflow:hidden; position:relative; float:left;}
#boxes-content h1 {color:#333; text-align:center;}

.boxes-widget.widget-1 {display:block; overflow:hidden; padding:10px;}
.boxes-widget.widget-2 {display:block; overflow:hidden; padding:10px;}
.boxes-widget.widget-3 { display:block; overflow:hidden; padding:10px;}

#column-four {width:100%; display:block; overflow:hidden; position:relative; float:left;}
.four-widget {display:block; overflow:hidden; padding:20px;}

#page-feature {width:100%; display:block; overflow:hidden; position:relative; float:left;}
#page-feature0 {width:100%; display:block; overflow:hidden; position:relative; float:left;}
#page-feature1 {width:100%; display:block; overflow:hidden; position:relative; float:left;}
#page-feature2 {width:100%; display:block; overflow:hidden; position:relative; float:left;}
.content-feature-box h1 {font-size:1.3em; text-align:center; color:#111; text-shadow:-1px 2px 0px #ccc;}
.content-feature-box {padding:20px;}

.glossy {opacity:1.0; -webkit-transition: opacity ease-out 0.35s; -moz-transition: opacity ease-out 0.35s; -ms-transition: opacity ease-out 0.35s; -o-transition: opacity ease-out 0.35s; transition: opacity ease-out 0.35s;}
.glossy:hover {opacity:0.5;}

.featureglossy {position:relative; width:100%; height:auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index:2;}

.footerwidget {margin-bottom:15px;}
.footermiddle {padding:1%; margin-bottom:15px; margin-left:0px;}

#sidebar {text-align:left;}
#sidebar h3 {line-height:1.5em; margin-top:5px;}
#sidebar li {list-style:none;}
#sidebar ul {list-style:none;}
.sublist li a:hover, .sublist li a:active {text-decoration:none;}

.wrap {width: 96%; margin: 0 auto;}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: "Muli", sans-serif;
  text-rendering: optimizelegibility;
  font-weight: 500;
  /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
  /* removing text decoration from all headline links */ }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none; }

h1, .h1 {
	font-family:"Carrois Gothic", sans-serif;
	font-size: 1.95em;
	line-height: 1.4em;
	text-transform:none;
	color:#000; 
	margin-bottom: 0.5em; }

h2, .h2 {
	font-family:"Reenie Beanie", cursive;
	font-size: 1.75em;
	line-height: 1.4em;
	text-transform:none;
	color:#000; 
	margin-bottom: 0.375em;
	padding-top:15px; }

h3, .h3 {
	font-family:"Carrois Gothic", sans-serif;
	font-size: 1.125em;
	font-weight:normal;
	text-transform:capitalize; }

h4, .h4 {
	font-size: 1.1em;
	font-weight: 700;
	text-transform:uppercase; }

h5, .h5 {
	font-size: 0.846em;
	line-height: 2.09em;
	text-transform: uppercase;
	letter-spacing: 2px; }


/******************************************
*   Headlines                         
******************************************/

.sitetitle, .sitetitle a {
	color: #000;
	font-size: 1.8em;
	line-height: 1.1em;
	text-transform:uppercase;
	text-align:center;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	}

.title, a.title  {
	font-size:24px;
        line-height:1em;
        padding-bottom:0px;
	font-weight:normal;
	color: #000;
	letter-spacing:normal;
        text-transform:uppercase;
	}

.item-title, a.item-title  {
	font-size:1.2em;
	font-weight:bold;
	color:#000;
	line-height:1.2em;
	text-align:center;
	}

.article-title, a.article-title  {
	font-size:1.2em;
	font-weight:bold;
	color:#000;
	line-height:1.2em;
	text-transform:uppercase;
	}
	
/******************************************
*   Toggle Search Form
******************************************/
#search-icon {position:absolute; top:0; right:0; height:40px; cursor:pointer;}
.mobile {display:block; background:url('images/search-icon.png') center no-repeat #333; width:12%; height:60px;}
.desktop {display:none;}

.search-btn {float:right; cursor: pointer; font-size: 20px; font-weight: bold; color: #000; line-height: 40px;}
.search-btn:after{margin-left: 20px;}

.widesearch {background: #383838; height: 60px; width: 100%; display: none; position: relative; z-index: 60;}

.widesearch .search-field{background: transparent; border:none; height: 60px; width: 70%; line-height: 60px; text-align: center; padding: 0px 0px; margin: 0px 0px; font-size: 20px; outline: none; color: #eee;}

.widesearch .search-field:focus{color: #eee;}
.widesearch input[type="submit"] {background:url('images/search-icon.png') no-repeat; width:50px; height:22px; border:0px solid #000; cursor:pointer;}

/******************************************
*   Main Search Form
******************************************/
#searchform {margin:0 auto; padding-top:3px; margin-bottom:15px; line-height:1.2em;	max-width:310px;}

.rounded {border:1px solid #cccccc; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; background:#333; color:#fff;}

#searchform input {background:url('images/search-icon.png') left no-repeat; width:auto; height: 22px; font-size: 12px; padding-left:30px; margin-bottom:5px; border:0px solid #fff; color:#fff;}
     
#searchform .searchbutton {background:#333; padding:2px; margin-right:5px; border-left:1px solid #fff; color:#fff; float:right;}

.searchbutton {background:#333; color:#B0B0B0; border:0px solid #fff;}

.searchbutton:hover {cursor:pointer;}        

/******************************************
*   Feature Post Frames
******************************************/

#grid-container {margin-right:display:block; overflow:hidden; position:relative;}

#grid-container a:link, #grid-container a:visited {color:#fff;}
#grid-container h2, #grid-container h2 a, #grid-container h2 a:hover {color:#fff; font-size:1.3em; text-decoration:none; display:block; overflow:hidden;}


.mbarchive { overflow:hidden; margin:0; width:100%; height:100%; list-style:none; text-align:center; }

.mbarchive figure { position:relative; z-index:1; display:inline-block; width:99%; margin:0 auto; margin:1% .5% 1% .5%; background:#555555; height:200px; max-width:600px; overflow:hidden; cursor:pointer; color:#fff; }

.mbarchive figure img, .mbarchive figure img a {position:relative; min-height:100%; width:auto; overflow:hidden; opacity:1;}


.mbgrid { overflow:hidden; margin:0; width:100%; height:100%; list-style:none; text-align:center;}
.mbgrid figure { position:relative; z-index:1; display:inline-block; width:99%; margin:0 auto; margin:1% .5% 1% .5%; background:#ddd; height:250px; max-width:600px; overflow:hidden; cursor:pointer; color:#fff; }

.mbgrid figure img, .mbgrid figure img a {position:relative; min-height:100%; width:auto; overflow:hidden; opacity:1;}
.mbgrid figure figcaption {color: #fff; text-transform: uppercase; }

.mbgrid figure figcaption::before,
.mbgrid figure figcaption::after {
	pointer-events: none;}

.mbgrid figure a { position: absolute; top: 0; left: 0; min-height: 100%; width:100%; opacity:1;}
.mbgrid figure p {margin: 0;}

#boxed-holder {display:block; overflow:hidden; position:relative; max-width:900px; margin:0 auto;}

.boxed-set { overflow:hidden; margin:0; width:100%; height:100%; list-style:none; text-align:center;}
.boxed-set figure { position:relative; z-index:1; display:inline-block; width:99%; margin:0 auto; margin:1% .5% 1% .5%; background:#ddd; height:150px; max-width:150px; overflow:hidden; cursor:pointer; color:#fff; }

.boxed-set figure img, .boxed-set figure img a {position:relative; min-height:100%; width:auto; overflow:hidden; opacity:1;}
.boxed-set figure figcaption {color: #fff; text-transform: uppercase; }

.boxed-set figure figcaption::before,
.boxed-set figure figcaption::after {
	pointer-events: none;
}

.boxed-set figure a { position: absolute; top: 0; left: 0; min-height: 100%; width:100%; opacity:1;}
.boxed-set figure p {margin: 0;}

/******************************************
*   Figure Effects                       
******************************************/

figure.effect-minimal {background: #236327;}

figure.effect-minimal img {
	background-position:center;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-minimal:hover img {	
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
	opacity:0;
}

figure.effect-minimal:hover {
	background:#000;
}

figure.effect-minimal figcaption {
	text-align: left;
	padding:2em;
}

figure.effect-minimal h2 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0.5em;
}

figure.effect-minimal h2:hover {opacity:0.6;}
}

figure.effect-minimal p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

figure.effect-minimal:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah {background: #555555;}

figure.effect-sarah img {
	background-position:center;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-sarah:hover img {
	opacity: 0.2;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

figure.effect-sarah figcaption {
	text-align: left;
	padding:2em;
}

figure.effect-sarah h2 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0.5em;
}

figure.effect-sarah h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

figure.effect-sarah:hover h2::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

figure.effect-sarah:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/******************************************
*   Archive Post Structures                       
******************************************/

.archive-posts {display:block; max-width:600px; padding-bottom:5px; border-bottom: 3px dotted #dddddd; margin-bottom:10px;}
.archive-posts:hover {text-decoration: none;}

.photo-posts {display: block; width:100%; margin:0 auto; margin-bottom:2%;}

#article-wrapper {margin:0 auto; display:block; overflow:hidden; background:#fff;}

.article-posts0 { 
        display: block; 
        width:98%;
	background:#F2EFEB;
	margin:0 auto;
	margin-bottom:2%;
        }

.article-posts1 { 
        display: block; 
        width:98%;
	background:#F2EFEB;
	margin:0 auto;
	margin-bottom:2%;
        }

.description {font-size: 1.3em; font-weight: bold; color:#999;}

/******************************************
*   Post Formatting                      
******************************************/

.entry {padding-bottom:5px; display:block; text-align:left;}
.caption-bottom {word-wrap:normal !important; word-break:normal !important; -ms-word-break:normal; -webkit-hyphens: none;	-moz-hyphens: none; hyphens: none;}

.wp-caption {max-width: 100%; background: #eee;padding: 5px; /* images inside wp-caption */ }
.wp-caption img {max-width: 100%; margin-bottom: 0; width: 100%;}
.wp-caption p.wp-caption-text {font-size: 0.85em; margin: 4px 0 7px; text-align: center; }

.post blockquote {color:#333; background:#fcfcfc; padding:3%; margin:5% 2% 5% 2%; border-top:2px solid #ddd; border-bottom:2px solid #ddd; -moz-box-shadow:    0  8px 5px -5px #eee,  0 -8px 5px -5px #eee; -webkit-box-shadow: 0  8px 5px -5px #eee, 0 -8px 5px -5px #eee; box-shadow:        0  8px 5px -5px #eee,   0 -8px 5px -5px #eee;}	

.post ul li {list-style:square; margin-bottom:10px; margin-left:42px;}
.post ol li {margin-bottom:5px; margin-left:48px;}
	
#wpf-wrapper blockquote {background: #ffffff; color: #000000; border: 1px solid #111111; padding-left: 5px; margin: 0;}

ul.topic-text {list-style:square !important;}

#tags {padding:3px; border-bottom:0px solid #DDD; border-top:0px solid #DDD;}	
	
.postmetadata {font-size:0.9em; margin:0 0 10px 0; padding:5px 10px; background:#ffffff; border-top:0px solid #000000; border-bottom:0px solid #000000;}

/******************************************
*   Form Elements                        
******************************************/

select {background:#FbFbFb; padding:1.5%; min-width:200px; border:1px solid #777777;}

.cat-next, cat-next a {font-family:"Carrois Gothic", sans-serif; font-size:1.2em; color:#000; text-align:right; text-decoration:none;}

.wpcf7-text {
	line-height:1.3em;
	padding:1.5%;
	background:#FbFbFb;
	width:42%;
	border:1px solid #777777;
	margin-bottom:10px;
        -moz-box-shadow: inset 0px -7px 10px -7px #999;
        -webkit-box-shadow: inset 0px -7px 10px -7px #999;
         box-shadow: inset 0px -7px 10px -7px #999;
        -o-box-shadow: inset 0px -7px 10px -7px #999;
	}

.wpcf7-textarea {
	line-height:1.3em;
	padding:1.5%;
	width:92%;
	background:#FbFbFb;
	border:1px solid #777777;
	margin-bottom:10px;
        -moz-box-shadow: inset 0px -7px 10px -7px #999;
        -webkit-box-shadow: inset 0px -7px 10px -7px #999;
         box-shadow: inset 0px -7px 10px -7px #999;
        -o-box-shadow: inset 0px -7px 10px -7px #999;
	}

.wpcf7-list-item { display: block; margin-top:5px; color:#555555; }
.wpcf7-list-item.last { float:none; }

.selectbox {padding:1%; width:60%; font-size:1.2em;}

.button {
        background:#007FFF;
        padding-top:15px;
        padding-bottom:15px;
        padding-left:10px;
        padding-right:10px;
	color:#ffffff;
        font-weight:normal;
        text-align:center;
	border:0px solid #333333;
        margin:0 auto;
	font-size:1.3em;
	}

.button:hover {
	color:#ffffff;
        background:#333;
	text-decoration:none;
	}

#button {
        background:#007FFF;
        padding-top:15px;
        padding-bottom:15px;
        padding-left:10px;
        padding-right:10px;
	color:#fff;
        font-weight:normal;
        text-align:center;
	border:0px solid #333333;
        margin:0 auto;
	-webkit-border-radius: 15px;
 	-moz-border-radius: 15px;
  	border-radius: 15px;
	}

#button:hover {color:#ffffff; background:#111111; text-decoration:none;}

#bordered-button, #bordered-button a {display:block; overflow:hidden; position:relative; padding:10px 15px 10px; margin:15px 0px 15px 0px; border:2px solid #007FFF; color:#007FFF; font-size:1.3em; text-align:center; clear:both; max-width:300px;}

#bordered-button:hover, #bordered-button:hover a {color:#555; border:2px solid #555;}

.button a {color:#ffffff;}

/************************************************************************************
Separator Dividing Content
*************************************************************************************/

.or-spacer {margin:0 auto; margin-bottom:15px; max-width:600px; position:relative;}
.or-spacer .mask {overflow:hidden; height:20px;}
.or-spacer .mask:after {content:''; display:block; margin:-25px auto 0; width:100%; height:25px; border-radius:125px / 12px; box-shadow:0 0 8px black;}
.or-spacer span {width:50px; height:50px; position:absolute; bottom:100%; margin-bottom:-25px; left:50%; margin-left:-25px; border-radius:100%; box-shadow:0 2px 4px #999; background:white;}
.or-spacer span i {position:absolute; top:4px; bottom:4px; left:4px; right:4px; border-radius:100%; border:1px dashed #aaa; text-align:center; line-height:40px; font-style:normal; color:#999;}

/************************************************************************************
COMMENTS
*************************************************************************************/

.commentwrap {margin: 10px 0 20px; position: relative; clear: both;}

/* comment title */
.comment-title, #reply-title {font-size: 16px; margin: 0 0 10px; padding: 0;}

/* comment pagenav */
.commentwrap .pagenav {margin: 10px 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.commentwrap .pagenav.top {margin: 0; position: absolute; top: 10px; right: 0;}

/* commentlist */
.commentlist {margin: 0 0 30px; padding: 5px 0 0; border-top: solid 1px #ddd;}
.commentlist li {margin: 0; padding: 15px 0 0; list-style: none; position: relative;}

.commentlist .comment-author {margin: 2px 0 5px; padding: 0;}
.commentlist .avatar {float: left; margin: 0 15px 0 0;}

.commentlist cite {font-style: normal; font-size: 14px;}
.commentlist cite a {text-decoration: none;}
.commentlist .bypostauthor > .comment-author cite {background: url(images/icon-author-comment.png) no-repeat 0 2px; padding-left: 18px;}

.commentlist .comment-time {font-size: 75%; text-transform: uppercase;}
.commentlist .commententry {
	border-bottom: solid 1px #ddd; position: relative; min-height: 40px; overflow: hidden; padding-bottom: 5px; word-wrap: break-word;}

.commentlist ul, .commentlist ol {margin: 0 0 0 7%; padding: 0;}

/* reply link */
.commentlist .reply {position: absolute; right: 0; top: 8px; }
.commentlist .comment-reply-link {font-size: 11px; text-transform: uppercase; text-decoration: none;}
.commentlist .comment-reply-link:hover {text-decoration: none;}

/******************************************
*   Comment Form                        
******************************************/

#respond {margin: 0; padding: 10px 0 0; position: relative; clear: both;}

#respond #cancel-comment-reply-link {position: absolute; top: 20px; right: 0; font-size: 85%; line-height: 100%; text-decoration: none; padding: 5px 10px; display: block; color: #fff; background: #F30;}

#respond #cancel-comment-reply-link:hover {background: #333;}

#commentform {margin: 15px 0 0;}

#commentform input[type=text] {width: 206px; margin-right: 5px;}

#commentform label {font-weight: bold;}

#commentform label small {font-weight: normal;}

#commentform textarea {height: 140px;}

#commentform input#submit {padding: 7px 20px;}

/******************************************
*   Previous and Next Page Navigation                        
******************************************/	

.navigation a {
	width: 120px;
	border: 1px dotted #ccc;
	padding:2px 4px 2px 4px;
	text-align:center;
	font-size:1em;
	text-decoration:none;
	color:#666;
	}

.navigation a:hover {
	background-color:#eee;
	}

.preventries {
	float:left;
	}

.nextentries {
	float:right;
	}
	

/******************************************
*   Float Properties                        
******************************************/

.clearfloat:after {display:block; visibility:hidden; clear:both; height:0; content:".";}
.clearfloat {display:inline-block;}	
.clearfloat {display:block;}
	

/******************************************
*   Footer                        
******************************************/

#footerwrapper {background:#007FFF; display:block; overflow:hidden; margin:0px -25px 0px -25px; padding:20px 25px 20px 25px; position:relative;}
#footerwrapper img {max-width:100%; height:auto;}

#about-section {max-width:950px; margin:0 auto; padding-left:2%; padding-right:2%;}

#footercontent {max-width:1000px; margin:0 auto; color:#fff;}
 
#footer-details {width:100%;}
#footer-menu-left {width:100%;}
#footer-menu-right {width:100%;}

#footer {margin: 0 auto; font-size:0.9em; text-align:center; color:#777777; padding-top:10px; padding-bottom:20px;}
#splash-footerwrapper { display:block; overflow:hidden; text-align:center;}

/* Portrait Tablets  -------------------------------------------------------------------------------------------------------- */

@media screen and (min-width : 500px) {

.photo-posts {display:block; width:50%; float:left;}

}

/* Landscape Tablets and Desktops -------------------------------------------------------------------------------------------------------- */

@media screen and (min-width : 775px) {

body {font-size:18px;}
.mobile {display:none;}
.desktop {display:block; background:url('images/search-icon-noir.png') center no-repeat; width:45px; height:45px;}

.last {margin-right:0px; float:right;}
.first {margin-left:0;}
.middle {margin-left:.2%;}

#headercontent {max-width:1000px; margin:0 auto; z-index:999; position:absolute; top:0; left:0; display:block; width:100%;}

#welcome-wrapper {padding-top:80px;}
.welcome-left {width:45%; float:left;}
.welcome-right {width:55%; float:right;}

#content-wrapper {width:100%; display:block; overflow:hidden; position:relative; clear:both;}

#content {width:65%; padding-right:2.5%; float:left;}
#sidebar {width:32.5%; float:right}

#half-one {width:48%; float:left;}
#half-two {width:48%; float:right;}

#third-one {width:33.3%; float:left;}
#third-two {width:33.3%; float:left;}
#third-three {width:33.3%; float:right;}

.cushion {padding:10px;}
#boxes-content {width:33.3%; display:block; overflow:hidden; position:relative; float:left;}

.boxes-widget.widget-1 {display:block; overflow:hidden; padding:10px;}
.boxes-widget.widget-2 {display:block; overflow:hidden; padding:10px;}
.boxes-widget.widget-3 { display:block; overflow:hidden; padding:10px;}

#boxes-content .boxes-widget.widget-4 { clear:left;}

#page-feature0 {width:33.3%; display:block; overflow:hidden; position:relative; float:left; clear:left;}
#page-feature1 {width:33.3%; display:block; overflow:hidden; position:relative; float:left;}
#page-feature2 {width:33.3%; display:block; overflow:hidden; position:relative; float:left;}
.content-feature-box {padding:20px;}

#footer-details {width:60%; padding-right:2%; float:left;}
#footer-menu-left {width:18%; float:left;}
#footer-menu-right {width:18%; padding-left:2%; float:right;}

#header-container { max-width:1000px; margin:0 auto; position:relative; padding-top:5px; padding-bottom:0px;}

#header-left {width:28%; float:left; padding-top:0px; -webkit-transition: opacity ease-out 0.35s; -moz-transition: opacity ease-out 0.35s; -ms-transition: opacity ease-out 0.35s; -o-transition: opacity ease-out 0.35s; transition: opacity ease-out 0.35s; opacity:1;}
#header-left:hover {opacity:0.8;}
#header-right {position:relative; width:70%; float:right; padding-top:0px; padding-left:2%;}


.mbgrid figure { position:relative; z-index:1; display:inline-block; width:49%; margin:.5%; background:#555555; height:200px; overflow:hidden; float:left; cursor:pointer; color:#fff; border:2px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.boxed-set figure {max-width:200px; height:200px;}

#brand {width:36%; float:left; opacity:1; line-height:40px; padding:0px; font-size:1.3em; text-align:left;}
#brand-right {width:64%; float:right; line-height:40px; text-align:right; padding:0px; background:#007FFF;}

.article-posts0 { 
        display: block; 
        width:47%;
	margin-top:1%;
	margin-right:.5%;
	margin-bottom:2%;
	margin-left:1%;
	float:left;
	clear:left;
        }

.article-posts1 { 
        display: block; 
        width:47%;
	margin-top:1%;
	margin-right:1%;
	margin-bottom:2%;
	margin-left:.5%;
	float:right;
        }

#sidebar {margin:0 auto;}

.footermiddle {padding:1%; margin-bottom:15px; margin-left:5.5%;}

}

/* Desktops and laptops ------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width : 980px) {

body.admin-bar #header-wrapper {margin-top: 28px;}
.fixednav {position:fixed; top:0; left:0; z-index:9999999; width:100%; min-height:40px;}
#headerwrapper {padding-top:0px;}
#headerbackground {padding-top:0px;}

.grid figure { width: 33.333%; }

#containerwrapper {margin-top:25px;}

}