/* =======================
========= RESET ==========
========================*/
html, body, div, span, applet, object, iframe,h1, h2, h3, 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%;	font: inherit;	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;}

/* =======================
========= GRID  ==========
========================*/
.grid_1, .grid_2, .grid_3, .grid_4,
.grid_5, .grid_6, .grid_7, .grid_8,
.grid_9, .grid_10, .grid_11, .grid_12, .grid_border_3 {
	  display: inline;
	  float: left;
	  margin-left: 1%;
	  margin-right: 1%;
}

.grid_1 { width: 6.333%} /* 63.333 px */
.grid_2 { width: 14.666%} /* 146.666 px */
.grid_3 { width: 23%} /* 230 px */
.grid_4 { width: 31.333%} /* 313.333 px */
.grid_5 { width: 39.666%} /* 396.666 px */
.grid_6 { width: 48%} /* 480 px */
.grid_7 { width: 56.333%} /* 563.333 px */
.grid_8 { width: 64.666%} /* 646.666 px */
.grid_9 { width: 73%} /* 730 px */
.grid_10 { width: 81.333%} /* 813.333 px */
.grid_11 { width: 89.666%} /* 896.666 px */
.grid_12 { width: 98%} /* 980 px */

.grid_border_3 { width:21.5% } /* 220 px */

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}

.prefix_1 {margin-left: 9.333%; }
.prefix_2 {margin-left: 17.666%; }
.prefix_3 {margin-left: 26%; }
.prefix_4 {margin-left: 34.333%; }
.prefix_5 {margin-left: 42.666%; }
.prefix_6 {margin-left: 51%; }
.prefix_7 {margin-left: 59.333%; }
.prefix_8 {margin-left: 67.666%; }
.prefix_9 {margin-left: 76%; }
.prefix_10 {margin-left: 84.333%; }
.prefix_11 {margin-left: 92.666%; }
.prefix_12 {margin-left: 100%; }

.suffix_1 {margin-right: 9.333%; }
.suffix_2 {margin-right: 17.666%; }
.suffix_3 {margin-right: 26%; }
.suffix_4 {margin-right: 34.333%; }
.suffix_5 {margin-right: 42.666%; }
.suffix_6 {margin-right: 51%; }
.suffix_7 {margin-right: 59.333%; }
.suffix_8 {margin-right: 67.666%; }
.suffix_9 {margin-right: 76%; }
.suffix_10 {margin-right: 84.333%; }
.suffix_11 {margin-right: 92.666%; }
.suffix_12 {margin-right: 100%; }




.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* =======================
========= STYLES ==========
========================*/

/*-----------------------------------------
------------  GLOBAL ELEMENTS -------------
-----------------------------------------*/
html, body {
	height:100%;
	width:100%;
	font-family: 'Roboto', 'sans-serif';
	margin:0;
	padding:0;
	font-size:16px;
	overflow-x:hidden;
	 -webkit-overflow-scrolling: touch;
}
h1 {
	font-size:2em;	
}
h2 {
	text-transform:uppercase;
}
h3 {
	font-size:1.25em;
	font-weight:bold;
}
h4 {
	font-size:1.125em;
	font-weight:bold;	
}
h5 {
	font-size:1.125em;
}
object{
    pointer-events: none;
}
#wrapper {
	width: 96%;
	max-width:1000px;
	margin-left:2%;
	margin-right:2%;
	margin-top:7.5%;
}
.wrapped {
	width:96%;max-width:1000px;margin:0 auto; padding-left: 2%; padding-right: 2%;}

strong {
	font-weight:bold;	
}
em {
	font-family: 'Roboto';
  	font-style: italic;
  	font-weight: 400;
  	src: local('Roboto Italic'), local('Roboto-Italic'), url(http://themes.googleusercontent.com/static/fonts/roboto/v11/1pO9eUAp8pSF8VnRTP3xnvesZW2xOQ-xsNqO47m55DA.woff) format('woff');	
}

p {
	font-size:1em;
	line-height:1.5em;	
	text-indent:0%;
	margin-bottom:1%;
	margin-top:1%;
}
small {
	font-size:.675em;	
}

a {
	text-decoration:none;
	color:#8AA2BD;
	padding-top:1.5%;
	padding-bottom:1.5%;
	
	-webkit-transition: color 0.25s;
	-moz-transiton: color 0.25s;
	-o-transition: color 0.25s;
	transition: color 0.25s;
}
a.tooltip {
}
.tooltip small {
	vertical-align:text-top;
	}

a.external {
	text-decoration:underline;	
}
a:hover {
	color:#C1CEE4;	
}

object, img {
	display:block;	
}
ul li, table tr td {
	line-height:1.5em;	
}
	ul.indent-list {
		margin-left:10%;
	}
	ul.indent-list li {
		margin-bottom:2%;
	}
	
/* ----------------------------------------
------------- SHORTCODES ------------------
-----------------------------------------*/
.blockquote {margin-left:8%; width:84%; font-style:italic; text-indent:0; font-size:1.25em;}
.shadowbox {border:#000 6px solid; margin-bottom:2%; margin-top:1%; box-shadow:6px 6px 0px 0px #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box;}
.articleImage {margin-top:4%; margin-bottom:4%; width:92%; margin-left:4%;}
.blocklist {margin-left:10%;} .blocklist li {margin-bottom:2%; margin-top:2%;}
.bulletlist {margin-left:5%;} .bulletlist li {margin-bottom:2%; margin-top:2%; list-style:inside;}
.videoWrapper {position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0; margin-top:3%;}
	.videoWrapper iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.table {border:2px dashed #F8CE89; padding:2%; margin-bottom:2%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box;}
.tweetThis {margin-left:10%; margin-right:10%; width:76%; border-top:#C1CEE4 2px solid;  border-bottom:#C1CEE4 2px solid; padding:2%; font-size:1.25em; line-height:1.5em; text-align:center;  margin-bottom:4%; margin-top:2%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box;}
	.tweetThis a {color:#000;}
	.tweetThis:hover {cursor:pointer;opacity:.75;} .tweetThis a:hover {color:#C1CEE4;} .tweetThis a small {font-size:.65em; line-height:.55em;}
.pro-tip {margin-left:4%;margin-right:4%;margin-bottom:2%;margin-top:2%;padding:1%;border:#F8CE89 dashed 2px;} .pro-tip p strong {font-size:1.125em;margin-bottom:.5%;} .pro-tip p {text-indent:2%;margin-bottom:0%;}
.caption {font-size:.875em; text-align:center;}

/* ----------------------------------------
-------  GLOBAL BUTTON AND INPUTS  --------
-----------------------------------------*/

/* GENERAL BUTTON STYLE AND EASING */
.button {webkit-border-radius: .33em;-moz-border-radius: .33em;border-radius: .33em;display:block;text-align:center;font-weight:bold;-webkit-transition: all 0.25s;-moz-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;-webkit-appearance:none; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.button:hover {cursor:pointer;}

/* ---------- CURRENT BUTTONS ---------- */
.hellobarBTN {background-color: #fff; color: #000; margin: 0; padding: .25% 2%; display: inline; font-size: .9em; color: #ECAF2A;}



/* Basic clickable blue button with outline and no padding */
.open-button {background-color:#FFF; color:#8AA2BD; box-shadow:0 0 0 2px #8AA2BD inset;}
.open-button:hover {color:#FFF; background-color:#8AA2BD;}
/* solid light blue button with no padding */
.full-lb-button {background-color:#C1CEE4; color:#FFF; box-shadow:0 0 0 2px #C1CEE4 inset;}
.full-lb-button:hover {background-color:#8AA2BD; box-shadow:0 0 0 2px #8AA2BD inset; color:#FFF;}
/* basic light blue button with large padding format */
.open-lb-big {background-color:#FFF; border:none; color:#444; box-shadow:0 0 0 2px #C1CEE4 inset; padding-top:6%; padding-bottom:6%;}
.open-lb-big:hover {color:#C1CEE4; background-color:#FFF;}
.open-lb-big:focus {box-shadow:0 0 0 2px #8AA2BD inset;}
/* solid light blue button with large padding format */
.full-lb-big {background-color:#C1CEE4; border:none; color:#FFF; box-shadow:0 0 0 2px #C1CEE4 inset; padding-top:6%; padding-bottom:6%; font-weight:bold;}
.full-lb-big:hover {background-color:#8AA2BD; box-shadow:0 0 0 2px #8AA2BD inset; color:#FFF;}
.full-lb-big:focus {box-shadow:0 0 0 2px #8AA2BD inset;}
/* solid button with grey closed styles and no padding */
.closed-button {background-color:#999; color:#FFF;	box-shadow:0 0 0 2px #999 inset;}
.closed-button:hover {cursor:default; color:#FFF;}
/* Basic clickable dark blue button with outline and no padding */
.dark-blue-button {background-color:#8AA2BD; color:#FFF; box-shadow:0 0 0 2px #8AA2BD inset;}
.dark-blue-button:hover {color:#FFF; background-color:#C1CEE4; box-shadow:0 0 0 2px #C1CEE4 inset;}



/*-- INPUT STYLES -----------------------*/
input[type="radio"], input[type="checkbox"] {
	display:none;
}
input[type="radio"] + label, input[type="checkbox"] + label {
	webkit-border-radius: .33em;
	-moz-border-radius: .33em;
	border-radius: .33em;
	display:block;
	text-align:center;
	font-weight:bold;
	
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
	
	background-color:#FFF;
	color:#8AA2BD;
	box-shadow:0 0 0 2px #8AA2BD inset;
}
input[type="radio"] + label:hover, input[type="checkbox"] + label:hover {
	color:#FFF;
	background-color:#8AA2BD;	
	cursor:pointer;
}
input[type="radio"]:checked + label, input[type="checkbox"]:checked + label {
	color:#FFF;
	background-color:#C1CEE4;
	box-shadow:0 0 0 2px #C1CEE4 inset;
}




/* MAILCHIMP BUTTONS --------------------*/
.mc-submit-blue {
	background-color:#C1CEE4;
	border:#C1CEE4 solid 2px;
	color:#FFF;
	font-size:1em;
	padding-top:1.5%;
	padding-bottom:1.5%;
}
.mc-submit-blue-narrow {
	background-color:#C1CEE4;
	border:#C1CEE4 solid 2px;
	color:#FFF;
	font-size:.875em;
	padding-top:.5%;
	padding-bottom:.5%;
}
.mc-submit-mblue {
	background-color:#9BB9D3;
	border:#C1CEE4 solid 2px;
	color:#FFF;
	font-size:1em;
	padding-top:1.5%;
	padding-bottom:1.5%;
}
.mc-submit-blue:hover, .mc-submit-mblue:hover, .mc-submit-blue-narrow:hover {
	cursor:pointer;
	color:#FFF;
	background-color:#8AA2BD;
	border-color:#8AA2BD;
	
}
.mc-email-open {
	color:#CCC;
	background-color:#FFF;
	border:#C1CEE4 solid 2px;
	font-size:1em;
	padding-top:1.5%;
	padding-bottom:1.5%;
	font-weight:normal;
}
.mc-email-open:focus {
	background-color:#FFF;
	color:#8AA2BD;
	box-shadow:0 0 0 2px #8AA2BD inset;	
	outline:none;
}
.mc-email-open-narrow {
	color:#CCC;
	background-color:#FFF;
	border:#C1CEE4 solid 2px;
	font-size:.875em;
	padding-top:.5%;
	padding-bottom:.5%;
	font-weight:normal;
}
.social-email-open {
	color:#CCC;
	background-color:#FFF;
	font-size:1em;
	padding-top:1.5%;
	padding-bottom:1.5%;
	font-weight:normal;
	border:none;
	box-shadow:0 0 0 2px #C1CEE4 inset;	
	-moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;
}
.social-email-open:focus {
	background-color:#FFF;
	color:#8AA2BD;
	box-shadow:0 0 0 2px #8AA2BD inset;	
	outline:none;
}
.social-submit-blue {
	background-color:#9BB9D3;
	border:none;
	color:#FFF;
	font-size:1em;
	padding-top:1.5%;
	padding-bottom:1.5%;
	font-weight:normal;
	 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box;
}
.social-submit-blue:hover {
	cursor:pointer;
	color:#FFF;
	background-color:#8AA2BD;

}





/* ----------------------------------------
------  GLOBAL RESPONSIVE ELEMENTS  -------
-----------------------------------------*/
object, img {
	max-width: 100%;
	max-height: 100%;
}
.fade, #outfit-page-modules-list li img, .sidebar-spotlight-item, .iconActive {
	opacity: 1;
   	transition: opacity .25s;
   	-moz-transition: opacity .25s;
   	-webkit-transition: opacity .25s;
}
.fade:hover, #outfit-page-modules-list li img:hover, .sidebar-spotlight-item:hover, .iconActive:hover {
	opacity: .75;	
}


/*----------------------------------------
------------  GLOBAL HEADER  -------------
----------------------------------------*/
#header-container {position: relative; height: 120px;}
#header-background object {position:absolute; left: 50%; width:1920px; margin-left: -960px; height:120px; max-width: none;}
#header-logo-container {position: absolute; bottom:-50px; z-index: 1; margin-left: 44%; width: 12%;}
#header-name h2 {position: absolute; bottom: 3%; right: 65%; color: #C1CEE4; font-size: 1.35em;}


/*-------- GLOBAL NAVIGATION ------------*/
#global-navigation-container {background-color: #C1CEE4; padding-top: .5%; padding-bottom: .5%; width: 100%;}
ul#global-navigation-left li, ul#global-navigation-right li {display: inline-block; margin-left: 3%; margin-right: 3%; text-transform: uppercase;}
ul#global-navigation-left li a, ul#global-navigation-right li a {color:#fff; font-size: .9em;}
ul#global-navigation-left li a:hover, ul#global-navigation-right li a:hover {color:#8AA2BD;}
ul#global-navigation-left {text-align: right; float:left; width: 42%}
ul#global-navigation-right {text-align: left; float:right; width: 42%}


/*-------- GLOBAL HELLOBAR --------------*/
#header-hellobar-container {background-color: #ECAF2A; text-align: center; width: 100%; box-shadow: 2px 2px 1px #888888;}
#global-hellobar h6 {padding: 5px 0; color: #fff}

/*-------- MOBILE NAVIGATION ------------*/
#header-mobile-nav, #header-name-mobile {display:none;}

/* ------- GLOBAL FEATURE PANO ----------*/
#global-feature-pano {margin: 0 auto;}

/*----------------------------------------
------------  GLOBAL FOOTER  -------------
----------------------------------------*/
#footer-top {background:#C1CEE4;}
#footer-top h3 {text-align:center; padding-top:40px; color:#FFF; font-size:2em; font-weight:100;}
#social {float:right; position:relative; left:-50%; text-align:left; margin:25px 0;}
ul#footer-social {position:relative; left:50%;}
ul#footer-social li {float:left; position:relative; padding:0 5px;}
ul#footer-social li a:hover {cursor:pointer;}
ul#footer-social li a img {width:40px; display: inline;float: left;}
#footer-bottom {background:#8AA2BD; padding:10px 0;}
#footer-bottom p {text-align:center;	color:#FFF;	font-size:.75em; text-indent:0; padding:0; margin:0;}
#footer-bottom p a {color:#FFF;}

/* ======================================
=============== 2.0 STYLES ==============
=======================================*/
#readWrapper2
 {
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:4%;
}
.leaderboardAd {margin-top: 3%; margin-bottom: 1.5%;}
.leaderboardAd img {margin:0 auto;}
.sidebarSquareAd {margin-bottom: 2%;}

/* ---------------------------------------
---------  MULTIPAGE STYLES  -------------
----------------------------------------*/

/*--- HEADER STYLES ---------------------------*/
.post-timestamp {
	text-align:right;
	border-right:#CCC dashed 1px;
	}
.post-timestamp-date {
	font-size:4em;
	font-weight:bold;
	padding-right:4%
	}
.post-timestamp-day, .post-timestamp-month {
	padding-right:6%;
	font-size:.875em;
	}
.post-title h1 span {
	font-size:.75em;		
	}
.post-modules li {
	display:inline-block;
	}
.post-pano {
	border-top: #CCC dashed 1px;
	}

.pinterest-image {
	width:0px;
	height:0px;

	}

	/*----- IN PAGE PROMOTION.php -----------------------*/
	#promotion {border:4px dashed #F8CE89; padding:2%; margin-top:4%; margin-bottom:4%; display: inline; float: left; width:90%; margin-left: 5%; margin-right: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box;}
	#promotion span {margin-bottom:2%; text-align:center;}
	
	/*----- COOKBOOK PROMOTION --------------------------*/
	#cookbook-promotion {border:4px dashed #F8CE89; padding:2%; margin-top:4%; margin-bottom:4%; display: inline; float: left; width:90%; margin-left: 5%; margin-right: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box;}
	#cookbook-promotion h4 {text-align:center; text-transform:uppercase; font-weight:lighter; margin-bottom:4%;}
	#cookbook-promotion a, #cookbook-promotion span {width:92%; margin-left:4%; margin-right:4%;}
	#cookbook-promotion span {padding-top:2%; padding-bottom:2%; text-align:center}
	#cookbook-promotion .button {padding-left:2%; padding-right:2%;}
	#cookbook-promotion a {line-height:1.675em;}

/* -------- PLUGIN STYLES -----------------------------*/
#slides {display:none;}




@media screen and (min-width: 1000px) {
	/*-- HEADER --------*/
	.breadcrumb-title a {font-size:1.325em;}
	#wrapper {margin-bottom:.5%; margin-left:auto; margin-right:auto;}
	#header-logo-container {position:absolute; max-height:150px;}
	a#header-logo img {margin:0 auto; max-height:150px;}
	.breadcrumb-home {font-size:2em;}
	
	/* -- POST HEADER STYLES ------------------*/
	.post-timestamp-day, .post-timestamp-month {
		font-size:1em;	
	}
	
	#cookbook-promotion span {padding-top:5%;}
	#cookbook-promotion a {width:40%; margin-left:2%; margin-right:2%;}
	#cookbook-promotion span {width:8%; margin-left:2%; margin-right:2%;}

}

@media screen and (max-device-width: 1000px), (max-width: 1000px) {
	ul#nav, ul#nav-secondary {bottom:0;}
	ul#nav li a, ul#nav-secondary li a { font-size:1em;}
	ul#nav-secondary {margin-left: 63.5%;}
}

@media screen and (max-device-width: 900px), (max-width: 900px) {
	ul#nav li a, ul#nav-secondary li a { font-size:.85em;}
	ul#nav-secondary {margin-left: 64.5%;}
	.breadcrumb-home {font-size:1.45em;}
	.breadcrumb-title {padding-top:1%;}
	
}

@media screen and (max-device-width: 800px), (max-width: 800px) {
	.breadcrumb-home {font-size:1.225em;}
	.breadcrumb-title {font-size:.7em;}
	ul#nav li {padding-left:.5%; padding-right:.5%;}
	ul#nav li a, ul#nav-secondary li a  {font-size:.75em;}
	ul#nav-secondary {margin-left: 63.5%;}
	
}

@media screen and (max-device-width: 700px), (max-width: 700px) {
		/* ----- HEADER -----------------------*/
	ul#nav li, ul#nav-secondary {display:none;}
	#breadcrumb {display:none;}
	#mobile-title {display:block; text-align:center; font-size:1.875em; background-color:#FFF; height:28px;}
	#header-logo-container {width:14%; margin-left:43%; top:50px;}
	#header-mobile-nav {display:block;}
	#menu-icon {display:block; cursor:pointer; position:absolute; top:25px; right:2%; color:#FFF; font-weight:bold; font-size:1em; font-size:2em;}
	#mobile-nav {clear:both;display:none; padding-top:10%; padding-bottom:2%;}
	ul#mobile-nav li a {background:#FFF; width:80%; margin-left:10%; margin-top:1%; margin-bottom:1%; text-align:center; font-weight:bold; float:left;webkit-border-radius: .33em;-moz-border-radius: .33em;border-radius: .33em;}
	#header-background {padding-bottom:10px; height:40px;}
	#header-background object {position:absolute; top:39px;}
	


	.post-timestamp {
		display:none;
	}	
	.post-header-title {
		width:100%;	
	}
	.breadcrumb-home {
	font-size:1.125em;
	}

	
	
}

@media screen and (max-device-width: 650px), (max-width: 650px) {

}

@media screen and (max-device-width: 600px), (max-width: 600px) {
	


	#readWrapper2 {margin-top: 8%;}
	#read-post {
		width:98%;	
	}

	

}






@media screen and (max-device-width: 480px), (max-width: 480px) {

	
	/* ----- GRID -------------------------*/
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .gird_9, .grid_10, .grid_11, .grid_12 {width:98%;}
	.prefix_1, .prefix_2, .prefix_3, .prefix_4, .prefix_5, .prefix_6, .prefix_7, .prefix_8, .prefix_9, .prefix_10, .prefix_11, .prefix_12 {margin-left:0%;}
	.suffix_1, .suffix_2, .suffix_3, .suffix_4, .suffix_5, .suffix_6, .suffix_7, .suffix_8, .suffix_9, .suffix_10, .suffix_11, .suffix_12 {margin-right:0%;}
	
	#wrapper {width:94.5%; }
	
	h1 {font-size:1.5em;}
	h2 {font-size:1.325em;}
	
	/* ----- HEADER -----------------------*/
	#header-background {height:32px;}
	#header-background object {top:34px;}
	
	.post-modules  {
		display:none;	
	}

	
	

	#read-post-beta-social-email {
		width:80%; margin-left:10%; margin-right:10%; padding:0;
	}
	
}

/* =======================
======== OUTFIT  =========
========================*/

.outfit-page-title h1 {color: #ECAF2A; font-size:1.25em; text-transform:uppercase;}
.outfit-page-title h1 small {color: #EFBD64; font-size: .65em}

.outfit-page {
	margin-top: 2.5%;
	border-top: #CCC dotted 2px;
}
.outfit-page-alpha {
	margin-top:7.5%;
	border-top:none;
}
.outfit-page-title-alpha {
	font-size:1.5em;
	color:#ECAF2A;	
	font-weight:normal;
}

.outfit-page-select, .outfit-page-wrapup {
	border-top: #CCC dashed 4px;	
	margin-top: 2.5%;
}
.outfit-page-title {
	text-align:center;	
	margin-bottom: 2%;
	margin-top: 2%;
	font-size:2em;
	font-weight:bold;
	text-transform:capitalize;
}
.outfit-page-graphic, .outfit-page-graphic object {
	max-height:300px;
}

.outfit-page-text {
}
.outfit-page-specs, .outfit-page-buying {
	margin-top:6%;
}
.outfit-page-buying-spacer {
	width:15%;	
}
.outfit-page-continued {
	margin-top:4%;
}
.outfit-page-modules {
	margin-top:2.5%;
	margin-bottom:1.5%;
	border-top: #CCC dashed 4px;	
}

/* ---- SHORTCODES ------------ --------*/
.outfit-page-comparison {text-align:center;} .outfit-page-comparison h4 {color:#F8CE89; margin-top:1.5%; text-transform:uppercase;} .outfit-page-comparison h5 {color:#ECAF2A; margin-top:1.5%;} .outfit-page-comparison .comparison-spacer {margin-top:5%;} .outfit-page-comparison .comparison-after {margin-bottom:2%;}

/* ---- SELECT STYLES -----------------*/
.outfit-page-select-title {
	font-size:2.5em;
	color:#ECAF2A;
	text-align:center;
	margin-top:2%;
	margin-bottom:2%;
	text-transform:capitalize;
}
.outfit-page-select-row {
	margin-top:1%;	
}

	/* -- ITEM AFFILIATE STYLES ----------*/
	.product-name {font-weight:bold;}
	.comparison-price {text-align:right; width:12%; margin-right:3%; float:left;}
	.comparison-sale-price {font-weight:bold;text-align:right; width:12%; margin-right:3%; float:left;}
	.comparison-list {margin-bottom:1%;}
	.comparison-list li:not(.product-name) {margin-bottom:0%; font-size:.875em;}
	
/* ---- MODULE STYLES --------------------*/
.outfit-page-modules h3 {
	margin-top:1.5%;	
	margin-bottom:1%;
}
#outfit-page-modules-list li.grid_1 {
		max-height:63.333px;
		margin-right:.5%;
		margin-left:.5%;
		width:7.333%;
	}


/*------------------------------
-  GLOBAL OUTFIT MOBILE STYLES -
------------------------------*/

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

@media screen and (max-width: 700px) {
	.comparison-price {width:20%;}
}
@media screen and (max-width: 600px) {
	.outfit-page-graphic {width:100%;}
	.outfit-page-text {width:100%;	}
	#outfit-page-modules-list li.grid_1 {width:14.666%;	margin-bottom:2%; margin-right:1%; margin-left:1%;}
	.outfit-page-comparison {width:98%; margin-left:1%;}	
}


@media screen and (max-device-width: 480px), (max-width: 480px) {
	.outfit-page-title-alpha, .outfit-page-select div {display:none;	}
	.outfit-page-text {margin-top:2%;}
	.outfit-page-buying, .outfit-page-specs {margin-top:5%;	}
	#outfit-page-modules-list li.grid_1 {margin-bottom:1%;}
}

@media screen and (max-device-width: 400px), (max-width: 400px) {
	#outfit-page-modules-list li.grid_1 {width:23%;	margin-bottom:2%;}
}












/* =======================
========= READ  ==========
========================*/

/*----------- READ HOME STYLES -----------------------*/

	
/* ----------- READ PAGE STYLES ----------------------*/
	h1 {text-transform:capitalize;}
	h2 {text-transform:uppercase;}
	h3 {text-transform:capitalize;}

	/*---- HEADER ------ */
	#read-post-timestamp-date, #read-post-timestamp-author {text-align:right; font-size:.875em; margin-right:5%; color:#999; margin-top:1%; margin-bottom:2%;}
	#read-post-timestamp-tweet {text-align:right; font-size:.875em; margin-right:5%; margin-top:1%; margin-bottom:2%;}
	#read-post-header-subtitle {font-size:1.125em;margin-top:1%;margin-bottom:2%;}
	

	
	
	/*----- CONTENT ----------------------------------*/
	.read-post-content {
		margin-top:4%;	
	}
	.citation {
		font-size:.675em;
		vertical-align:text-top;
	}
	.read-post-section-title {
		font-size:1.5em;
		font-weight:bold;
		margin-bottom:2%;
		margin-top:4%;
	}
	.read-post-pano {
		margin-bottom:2%;	
	}
	
	/*----- IN PAGE PROMOTION.php -----------------------*/
	#readPromotion {
		border:4px dashed #F8CE89;
		padding:2%;
		margin-top:4%;
	}
	#readPromotion span {
		margin-bottom:2%;
		text-align:center;
	}
	

	/*----- PAGE SPECIFIC -------------------------------*/
	.readGift {margin-top: 3%; margin-bottom:3% }
	.readGiftInfo h3 {text-transform: uppercase; font-weight: normal; color:#8AA2BD;}
	.readGiftPrice {font-weight: lighter;}
	.readGiftInfo .button {margin-left: 0;}


	/*----- BETA ----------------------------------------*/
	#read-post-beta {
		border-top: #CCC dashed 4px;	
		margin-top: 2.5%;
	}
	#read-post-beta h5 {
		margin-top:2%;
		margin-bottom:2%;
	}
	#read-post-beta-social {
		margin-top:2%;	
		margin-bottom:4%;
	}
	.read-beta li:not(:first-child), .read-sources li:not(:first-child) {list-style:inside; margin-left:4%;}
	.read-sources {margin-top:3%;}
	#read-bio {border-bottom:#BBB dotted 2px; padding-top:1%; padding-bottom:2%;}
	#read-bio h5 { text-align:center; text-transform:uppercase;}

	/*------ SIDEBAR ------------------------------------*/
	.sidebar-spotlight-item {
		margin-bottom:2%;
		margin-top:2%;
	}
	.sidebar-spotlight-item-title {
		font-size:.925em
	}
	.sidebar-spotlight-item-image {
		margin:0;
	}
	.read-sidebar-section {
		margin-bottom:20%;	
	}
	#read-sidebar-mailchimp-info {
		line-height:1.25em;	
	}
	#read-sidebar-mailchimp .mc-submit-blue {
		width:100%;
	}
	
@media screen and (max-device-width: 800px), (max-width: 800px) {
	#read-bio img {width:20%; margin-left:2%; margin-right:1%;}
	#read-bio p {width:74%; margin-left:1%; margin-right:2%;}
}
@media screen and (max-device-width: 750px), (max-width: 750px){
	.readGiftGraphic {width: 31%; margin-left: 2%}
	.readGiftInfo {width: 63%; margin-left: 2%;}
	.readGiftCompare a {padding-top: 2%; padding-bottom: 2%; padding-left: 3%; padding-right: 3% }
}
@media screen and (max-device-width: 600px), (max-width: 600px) {
	/*--- DISPLAY NONES --*/
	#read-sidebar, #read-post-header-timestamp {display:none;}	
	#read-post-header h1, #read-post-header h2 {width:100%;}
	#read-bio img {width:36%; margin-left:32%; margin-right:32%;}
	#read-bio p {width:98%; margin-left:1%; margin-right:1%;}
	.readGiftGraphic {width: 33%; margin-left: 31%; margin-bottom: 4%;}
	.readGiftInfo {width: 92%; margin-left: 4%;}
	.readGiftCompare a {padding-left:1%; padding-right: 1%; mar}
}
@media screen and (max-device-width: 480px), (max-width: 480px) {
	.readGiftCompare a {margin-bottom:1%;}
}


/* =======================
======= EXPLORE ==========
========================*/

/* GLOBAL STYLES */
#beta-social {border-top:#BBB dashed 4px; margin-top:4%; padding-top:2%; margin-bottom:4%; width: 96%; margin-left: 2%;}
#disqus_thread {width: 96%; margin-left: 2%;}

/* ===================================================
================= PARK PAGE STYLES ===================
====================================================*/
/* ===== GENERAL ===== */
h2.park {margin-top:4%; text-align:center; font-size:1.5em; padding-bottom:1%;}
h3.park {text-align:center; margin-bottom:3%; margin-top:4%; }
#park-page #activities, #park-page #camping, #park-page #history, #park-page #weather {margin-top:4%; margin-bottom:4%;}
#park-page #header-pano, #park-activity #header-pano  {height:650px; position:relative; overflow:hidden;}
#park-page .header-image, #park-activity .header-image {background-position: center center; background-repeat: no-repeat; background-attachment:fixed; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover; height: 100%; width: 100%;  }
.park-section {width:96%; margin-left:2%; margin-right:2%;}
#second-pano, #third-pano, #fourth-pano, #fifth-pano, #sixth-pano {height:650px; position:relative; overflow:hidden;}
/* ===== NAVIGATION ==*/
#park-nav {background: rgb(0, 0, 0); background: rgba(0, 0, 0, .75); bottom:0; position:absolute; width:100%; padding-top:.75%; padding-bottom:.75%;}
#park-nav h1 {color:#FFF;}
#park-nav ul {text-align:right;}
#park-nav ul li {display:inline-block; padding-left:4%; text-transform:uppercase; padding-top:1.25%;}

/* ===== MAP ========= */
#park-statistics {margin-top:2%; margin-bottom:2%; margin-left:12%; margin-right:12%;}
#park-stats-container {display: inline-block; position: relative; width: 10%; margin-left:1%; margin-right:1%; border-radius:50%; background:#8AA2BD; color:#FFF; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#park-stats-container:after {content: ''; display: block; margin-top: 100%;}
.park-stats {position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#park-established, #park-acres {top:32%;}
#park-wild-acres, #park-visitors, #park-fee {top:28%;}
#park-npslink {top:35%; color:#FFF;}
.park-stats h4 {text-align:center; font-size:1.2em; margin-bottom:1%;}
.park-stats h5 {font-size:.725em; text-transform:uppercase; text-align:center;}
#park-map {margin-top:3%; margin-bottom:3%;}
#park-map svg, .sectionMap { border:4px solid #000;}
.parkMap, .sectionMap {display:block;}
.parkHidden, .sectionHidden {display:none;}
.parkSection, .sectionActivity {opacity: 1; transition: opacity .25s; -moz-transition: opacity .25s; -webkit-transition: opacity .25s;}
.parkSection:hover, .sectionActivity:hover {cursor:pointer; opacity: .75;}
#park-page #summary {margin-top:0}

/* ===== CHARTS ====== */
#temperature-container {height:300px;}
#precipitation-container {height:175px;}
#visitation-container {height:300px;}
#visitation-container, #temperature-container, #precipitation-container {margin-top:2%; margin-bottom:4%;}

/* ===== SITEMAP ===== */
#sitemap {margin-bottom:4%;}
#sitemap ul li {color:#CCC; text-align:center;}
#sitemap ul li strong {color:#000; text-transform:uppercase; line-height:2.5em;}
#park-resources li {list-style:inside;}

/* ACTIVITY STYLES */
#explore-subheader {position:relative; margin-top: 1.5%;}
#explore-subheader h1 {font-size:2.5em; font-weight:lighter; padding-top:2%; padding-bottom:2%;}
#explore-files-download {background-color:#EFBD64; color:#FFF; margin-top:1.5%; padding-top:1.5%; padding-bottom:1.5%; text-transform:uppercase;}
#explore-files-download:hover {background-color:#F8CE89;}
#explore-activity-stats {background-color:#EFBD64; padding-top:1%; padding-bottom:1%; float:left; width:100%;}
#elevation-profile {margin-bottom:2%; margin-top:2%;}
.activity-stats {text-align:center;}
.activity-stats h4 {font-size:2em; color:#FFF;}
.activity-stats h4 small {font-size:.45em;}
.activity-stats h5 {font-size:.75em; text-transform:uppercase; font-weight:lighter; color:#FFF}
#content {margin-top:2%; margin-bottom:4%;}
#intro {margin-top:2%; margin-bottom:2%;}

#campground-map {border:#C1CEE4 4px solid;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-moz-box-sizing: border-box;}
#campground-booking p {text-align: center;}
#campground-amenities, #campground-booking {margin-bottom: 4%;}
#campground-amenities div {margin-top: 0.25%; margin-bottom: 0.25%;}
#campground-amenities h3, #campground-booking h3 {text-transform: uppercase; margin-top: 1%; margin-bottom: 2%; text-align: center;}
#campground-amenities div object {float: left; height: 24px;}
#campground-amenities div h6 {font-weight: bold; padding-top: 4px; padding-bottom: 4px; margin-left: 2%; float: left;}
#campground-amenities div.false {opacity: 0.33}
#campground-amenities div.false h6 {text-decoration: line-through;}
#activity-comment-review {margin-top: 4%;}
#activity-comment-review h3 {text-transform: uppercase; font-weight: lighter;}

#hike-details {padding-top:2%; border-top:#CCC 2px dotted; }
#hike-details #column-one {border-right:#CCC 2px dotted;}
#hike-details #column-one, #hike-details #column-two {width:46%;}
#hike-details h3 {font-weight:lighter; text-transform:uppercase; font-size:1.5em; padding-bottom:2%;}
#season, #sources, #permits {margin-top:4%;}
#hike-details li {font-size:1.125em; font-weight:bold;}
#landmarks li span, #permits li span, #hike-details #directions li {font-weight:normal;}



@media screen and (max-device-width: 1000px), (max-width: 1000px) {
	#park-page #header-pano, #park-activity #header-pano {height:550px;}
	#second-pano, #third-pano, #fourth-pano, #fifth-pano, #sixth-pano {height:550px;}
}

@media screen and (max-device-width: 900px), (max-width: 900px) {
	#park-stats-container {width:12%;}
	#park-statistics {margin-left:6%; margin-right:6%;}
	#explore-files-download {font-size: .95em; margin-top: 1%;}
	#explore-subheader h1 {font-size: 2em;}
}

@media screen and (max-device-width: 800px), (max-width: 800px) {
	#park-page #header-pano, #park-activity #header-pano {height:450px;}
	#second-pano, #third-pano, #fourth-pano, #fifth-pano, #sixth-pano {height:450px;}
	#park-nav ul li {font-size:.85em; padding-top:3%;}
	#explore-files-download {margin-top: 1.2%}
	#park-statistics {margin-left:1%; margin-right:1%;}
	#park-stats-container {width:14%; margin-left:1%; margin-right:1%;}
	.park-stats h4 {font-size:1.125em;}
	.park-stats h5 {font-size:.675em;}
	#park-npslink {top:37%}
	#park-established, #park-acres {top:35%;}
	#park-wild-acres, #park-visitors, #park-fee {top:30%;}
	.activity-stats h4 {font-size:1.5em;}
	.activity-stats h5 {font-size:.65em;}
}

@media screen and (max-device-width: 700px), (max-width: 700px) {
	#park-nav ul li {font-size:.775em; padding-top:3%;}
	#explore-subheader h1 {font-size: 1.75em;}
	#explore-files-download {margin-top: 1%; font-size: .8em;}
	#campground-amenities div {width: 30%; margin-left: 1.5%; margin-right: 1.5%;}
}
@media screen and (max-device-width: 600px), (max-width: 600px) {
	#explore-subheader {margin-top:5%;}
	#explore-subheader h1 {text-align:center; width:98%; margin-left:1%;}
	#explore-subheader #explore-files-download {margin-top:2%; width:92%; margin-left:4%; margin-bottom:2%; font-size: .9em; padding-top: 2%; padding-bottom: 2%;}
	#park-page #header-pano, #park-activity #header-pano {height:350px;}
	#park-page #second-pano, #park-page #third-pano, #park-page #fourth-pano, #park-page #fifth-pano, #park-page #sixth-pano {height:300px }
	#park-page .header-image, #park-activity .header-image {background-attachment:scroll; background-position:left top;}
	#park-nav ul {display:none;}
	#park-nav h1 {width:92%; margin-left:4%; margin-right:4%; text-align:center;}
	.park-stats h4 {font-size:.875em;}
	.park-stats h5 {font-size:.55em;}
	#park-stats-container {width:13.8%;}
	#hike-details #column-one, #hike-details #column-two {width:94%; margin-left:3%;}
	#hike-details #column-one {border:none;}
	#hike-details #landmarks {margin-top:4%;}
}

@media screen and (max-device-width: 480px), (max-width: 480px) {
	#park-page #header-pano, #park-activity #header-pano {height:250px;}
	.park-stats h4 {font-size:.55em;}
	.park-stats h5 {font-size:.325em;}
	#park-stats-container {width:13.25%;}
	#campground-amenities div {width: 46%; margin-left: 1.9%; margin-right:1.9%;}
	.activity-stats {width:30%; padding-top: 1.5%; padding-bottom: 1.5%;}
}



/* =======================
========= Q TIP ==========
========================*/
/* qTip2 v2.2.0 basic css3 | qtip2.com | Licensed MIT, GPL | Thu Nov 21 2013 20:35:00 */
.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;direction:ltr;box-shadow:none;padding:0}
.qtip-content{position:relative;padding:5px 9px;overflow:hidden;text-align:left;word-wrap:break-word}.qtip-titlebar{position:relative;padding:5px 35px 5px 10px;overflow:hidden;border-width:0 0 1px;font-weight:700}
.qtip-titlebar+.qtip-content{border-top-width:0!important}
.qtip-close{position:absolute;right:-9px;top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid;border-color:transparent}
.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}
* html .qtip-titlebar .qtip-close{top:16px}
.qtip-titlebar .ui-icon,.qtip-icon .ui-icon{display:block;text-indent:-1000em;direction:ltr}
.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}
.qtip-icon .ui-icon{width:18px;height:14px;line-height:14px;text-align:center;text-indent:0;font:400 bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em}
.qtip-focus{}
.qtip-hover{}
.qtip-default{
	border-width:2px;
	border-style:solid;
	border-radius: .75em;
	border-color:#000;
	background-color:#FFF;
	font-size:1em;
	line-height:1.325em;
}


.qtip-default .qtip-titlebar{background-color:#FFEF93}
.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}
.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111} 
.qtip-light{background-color:#fff;border-color:#E2E2E2;color:#454545}
.qtip-light .qtip-titlebar{background-color:#f1f1f1} 
.qtip-dark{background-color:#505050;border-color:#303030;color:#f3f3f3}
.qtip-dark .qtip-titlebar{background-color:#404040}
.qtip-dark .qtip-icon{border-color:#444}
.qtip-dark .qtip-titlebar .ui-state-hover{border-color:#303030} 
.qtip-cream{background-color:#FBF7AA;border-color:#F9E98E;color:#A27D35}.qtip-cream .qtip-titlebar{background-color:#F0DE7D}.qtip-cream .qtip-close .qtip-icon{background-position:-82px 0} .qtip-red{background-color:#F78B83;border-color:#D95252;color:#912323}.qtip-red .qtip-titlebar{background-color:#F06D65}.qtip-red .qtip-close .qtip-icon{background-position:-102px 0}.qtip-red .qtip-icon{border-color:#D95252}.qtip-red .qtip-titlebar .ui-state-hover{border-color:#D95252} .qtip-green{background-color:#CAED9E;border-color:#90D93F;color:#3F6219}.qtip-green .qtip-titlebar{background-color:#B0DE78}.qtip-green .qtip-close .qtip-icon{background-position:-42px 0} .qtip-blue{background-color:#E5F6FE;border-color:#ADD9ED;color:#5E99BD}.qtip-blue .qtip-titlebar{background-color:#D0E9F5}.qtip-blue .qtip-close .qtip-icon{background-position:-2px 0}.qtip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,.15)}.qtip-rounded,.qtip-tipsy,.qtip-bootstrap{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.qtip-rounded .qtip-titlebar{-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.qtip-youtube{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;color:#fff;border-width:0;background:#4A4A4A;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,#000));background-image:-webkit-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-moz-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-ms-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-o-linear-gradient(top,#4A4A4A 0,#000 100%)}.qtip-youtube .qtip-titlebar{background-color:#4A4A4A;background-color:rgba(0,0,0,0)}.qtip-youtube .qtip-content{padding:.75em;font:12px arial,sans-serif;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);"}.qtip-youtube .qtip-icon{border-color:#222}.qtip-youtube .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-jtools{background:#232323;background:rgba(0,0,0,.7);background-image:-webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323));background-image:-moz-linear-gradient(top,#717171,#232323);background-image:-webkit-linear-gradient(top,#717171,#232323);background-image:-ms-linear-gradient(top,#717171,#232323);background-image:-o-linear-gradient(top,#717171,#232323);border:2px solid #ddd;border:2px solid rgba(241,241,241,1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333}.qtip-jtools .qtip-titlebar{background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A)"}.qtip-jtools .qtip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323)"}.qtip-jtools .qtip-titlebar,.qtip-jtools .qtip-content{background:transparent;color:#fff;border:0 dashed transparent}.qtip-jtools .qtip-icon{border-color:#555}.qtip-jtools .qtip-titlebar .ui-state-hover{border-color:#333}.qtip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,.4);box-shadow:4px 4px 5px rgba(0,0,0,.4);background-color:#D9D9C2;color:#111;border:0 dashed transparent}.qtip-cluetip .qtip-titlebar{background-color:#87876A;color:#fff;border:0 dashed transparent}.qtip-cluetip .qtip-icon{border-color:#808064}.qtip-cluetip .qtip-titlebar .ui-state-hover{border-color:#696952;color:#696952}.qtip-tipsy{background:#000;background:rgba(0,0,0,.87);color:#fff;border:0 solid transparent;font-size:11px;font-family:'Lucida Grande',sans-serif;font-weight:700;line-height:16px;text-shadow:0 1px #000}.qtip-tipsy .qtip-titlebar{padding:6px 35px 0 10px;background-color:transparent}.qtip-tipsy .qtip-content{padding:6px 10px}.qtip-tipsy .qtip-icon{border-color:#222;text-shadow:none}.qtip-tipsy .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-tipped{border:3px solid #959FA9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#F9F9F9;color:#454545;font-weight:400;font-family:serif}.qtip-tipped .qtip-titlebar{border-bottom-width:0;color:#fff;background:#3A79B8;background-image:-webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D));background-image:-webkit-linear-gradient(top,#3A79B8,#2E629D);background-image:-moz-linear-gradient(top,#3A79B8,#2E629D);background-image:-ms-linear-gradient(top,#3A79B8,#2E629D);background-image:-o-linear-gradient(top,#3A79B8,#2E629D);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D)"}.qtip-tipped .qtip-icon{border:2px solid #285589;background:#285589}.qtip-tipped .qtip-icon .ui-icon{background-color:#FBFBFB;color:#555}.qtip-bootstrap{font-size:14px;line-height:20px;color:#333;padding:1px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.qtip-bootstrap .qtip-titlebar{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.qtip-bootstrap .qtip-titlebar .qtip-close{right:11px;top:45%;border-style:none}.qtip-bootstrap .qtip-content{padding:9px 14px}.qtip-bootstrap .qtip-icon{background:transparent}.qtip-bootstrap .qtip-icon .ui-icon{width:auto;height:auto;float:right;font-size:20px;font-weight:700;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.qtip-bootstrap .qtip-icon .ui-icon:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}.qtip:not(.ie9haxors) div.qtip-content,.qtip:not(.ie9haxors) div.qtip-titlebar{filter:none;-ms-filter:none}.qtip .qtip-tip{margin:0 auto;overflow:hidden;z-index:10}x:-o-prefocus,.qtip .qtip-tip{visibility:hidden}.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas{position:absolute;color:#123456;background:transparent;border:0 dashed transparent}.qtip .qtip-tip canvas{top:0;left:0}.qtip .qtip-tip .qtip-vml{behavior:url(#default#VML);display:inline-block;visibility:visible}#qtip-overlay{position:fixed;left:0;top:0;width:100%;height:100%}#qtip-overlay.blurs{cursor:pointer}#qtip-overlay div{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(Opacity=70)"}.qtipmodal-ie6fix{position:absolute!important}

/*=================================================
===================================================
=========== RESPONSIVE MEDIA QUERIES ==============
===================================================
=================================================*/

@media screen and (max-device-width: 1000px), (max-width: 1000px) {

	/* ---- HEADER ---- */
	#header-name {right:70%;}
	ul#global-navigation-left li, ul#global-navigation-right li {margin-left: 2%; margin-right: 2%;}
}



@media screen and (max-device-width: 900px), (max-width: 900px) {

	/* ---- HEADER ---- */
 	#header-logo-container {bottom:-40px;}
}



@media screen and (max-device-width: 800px), (max-width: 800px) {

	/* ---- HEADER ---- */
	#header-name h2 {font-size: 1.15em;}
	#header-logo-container {bottom: 3px; width: 14%; margin-left: 43%;}
	ul#global-navigation-left, ul#global-navigation-right {width: 49.5%;}
}


@media screen and (max-device-width: 700px), (max-width: 700px) {

	/* ---- HEADER ---- */
	#header-name h2 {font-size: 1em; right:72%;}
	#global-hellobar h6 {font-size: .75em;}
}


@media screen and (max-device-width: 600px), (max-width: 600px) {

	/* ---- HEADER ---- */
	#header-mobile-nav, #header-name-mobile {display:block;}
	#global-navigation-right, #global-navigation-left, #header-hellobar-container, #global-navigation-container, #header-name {display: none;}
	#header-logo-container {bottom:-35px;}
	#header-container {position: relative; height: 60px;}
	#header-background object {position:absolute; left: 50%; width:1920px; margin-left: -960px; height:60px; max-width: none;}
	ul#mobile-nav {display: none; padding-top: 100px;}
	ul#mobile-nav li a {background:#8AA2BD; width:80%; margin-left:10%; margin-top:1%; margin-bottom:1%; text-align:center; font-weight:bold; float:left;webkit-border-radius: .33em;-moz-border-radius: .33em;border-radius: .33em; color: #fff; text-transform: uppercase;}
	#menu-icon {display:block; cursor:pointer; position:absolute; top:74px; right:2%; color:#FFF; font-weight:500; font-size:1em; font-size:2em;}
	#header-name-mobile h2 {text-align: center; margin-top: 2%; margin-bottom: 2%; font-size: 1.75em;}
}



@media screen and (max-device-width: 500px), (max-width: 500px) {
	
	/* ---- HEADER ---- */
	#header-logo-container {bottom:-32px;}

}


@media screen and (max-device-width: 480px), (max-width: 480px) {

	/* ---- HEADER ---- */
	#header-logo-container {bottom:-27px;}


}