/*
Mfg by Nerdwerx
<----------------||----------------$Re-Re-Re-Reset----------------||---------------->
*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;}[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}body{margin:0;font-size:13px;line-height:1.231;}body,button,input,select,textarea{color:#333;font-family:sans-serif;}a:focus{outline:thin dotted;}a:hover,a:active,a:focus{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}blockquote{margin:1em 40px;}dfn{font-style:italic;}hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #ccc;}ins{background:#ff9;color:#000;text-decoration:none;}mark{background:#ff0;color:#000;font-weight:bold;font-style:italic;}pre,code,kbd,samp{font-size:1em;font-family:monospace,monospace;_font-family:'courier new',monospace;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:"";content:none;}small{font-size:85%;}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0;}sup{top:-0.5em;}sub{bottom:-0.25em;}ul,ol{margin:1em 0;padding:0 0 0 40px;}dd{margin:0 0 0 40px;}nav ul,nav ol{margin:0;padding:0;list-style:none;list-style-image:none;}img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{margin:0;padding:0;border:0;}label{cursor:pointer;}legend{padding:0;border:0;*margin-left:-7px;}button,input,select,textarea{margin:0;vertical-align:baseline;font-size:100%;*vertical-align:middle;}button,input{line-height:normal;*overflow:visible;}table button,table input{*overflow:auto;}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;-moz-appearance:button;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}textarea{overflow:auto;vertical-align:top;resize:vertical;}input:invalid,textarea:invalid{background-color:#f0dddd;}table{border-spacing:0;border-collapse:collapse;}td{vertical-align:top;}.ir{display:block;overflow:hidden;border:0;background-color:transparent;background-repeat:no-repeat;text-align:left;text-indent:-999em;direction:ltr;}.ir br{display:none;}.hidden{display:none !important;visibility:hidden;}.visuallyhidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;padding:0;width:1px;height:1px;border:0;}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{position:static;overflow:visible;clip:auto;margin:0;width:auto;height:auto;}.invisible{visibility:hidden;}.clearfix:before,.clearfix:after{display:table;content:"";}.clearfix:after{clear:both;}.clearfix{zoom:1;}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,font,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{margin:0;padding:0;outline:0;border:0;background:transparent;vertical-align:baseline;font-size:100%;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-spacing:0;border-collapse:collapse;}
/* apply a natural box layout model to all elements */
*, *:before, *:after {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/*
<----------------||----------------$WordPress Core Styles----------------||---------------->
*/
.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}.aligncenter{display:block;margin:5px auto 5px auto}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}
/* Responsive images. From twentyfourteen theme */
.comment-content img,.entry-content img,.entry-summary img,#site-header img,.widget img,.wp-caption{max-width:100%}.comment-content img[height],.entry-content img,.entry-summary img,img[class*="align"],img[class*="wp-image-"],img[class*="attachment-"],#site-header img{height:auto}img.size-full,img.size-large,.wp-post-image,.post-thumbnail img{height:auto;max-width:100%}
embed,iframe,object,video {max-width: 100%;}

/*
<----------------||----------------$Global----------------||---------------->
*/
html, body {
	height: 100%;
	width: 100%;
	overflow: hidden;
}
body {
	font: 16px/24px "nimbus-sans",sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #FFF;
	background: #ccc;
	-webkit-animation: fadeIn 1s;
	-moz-animation: fadeIn 1s;
	-ms-animation: fadeIn 1s;
	-o-animation: fadeIn 1s;
	animation: fadeIn 1s;
}
	#wrapper {
		position: absolute;
		top: 35px;
		bottom: 0;
		left: 0;
		width: 100%;
		overflow: hidden;
		/* iScroll Styles */
		/* Prevent native touch events on Windows */
		-ms-touch-action: none;
		/* Prevent the callout on tap-hold and text selection */
		-webkit-touch-callout: none;
		-webkit-user-select: text;
		-moz-user-select: text;
		-ms-user-select: text;
		-o-user-select: text;
		user-select: text;
		/* Prevent text resize on orientation change, useful for web-apps */
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
		-o-text-size-adjust: none;
		-webkit-transition: top 0.3s ease, bottom 0.3s ease;
		-moz-transition: top 0.3s ease, bottom 0.3s ease;
		-ms-transition: top 0.3s ease, bottom 0.3s ease;
		-o-transition: top 0.3s ease, bottom 0.3s ease;
		transition: top 0.3s ease, bottom 0.3s ease;
	}
		#wrapper > section {
			/* iScroll Styles */
			/* Prevent elements to be highlighted on tap */
			-webkit-tap-highlight-color: rgba(0,0,0,0);
			/* Put the scroller into the HW Compositing layer right from the start */
			-webkit-transform: translateZ(0);
			-moz-transform: translateZ(0);
			-ms-transform: translateZ(0);
			-o-transform: translateZ(0);
			transform: translateZ(0);
			-webkit-overflow-scrolling: touch;
			-webkit-animation: fadeIn 1s;
			-moz-animation: fadeIn 1s;
			-ms-animation: fadeIn 1s;
			-o-animation: fadeIn 1s;
			animation: fadeIn 1s;
		}
		p#copyright {
			position: absolute;
			bottom: 0px;
			left: 0;
			z-index: 99999999;
			font-size: 8px;
			margin: 0;
			height: 20px;
			line-height: 20px;
			-webkit-transform: rotate(-90deg);
			-moz-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
			-o-transform: rotate(-90deg);
			transform: rotate(-90deg);
			-moz-transform-origin: top left;
		    -ms-transform-origin: top left;
		    -o-transform-origin: top left;
		    -webkit-transform-origin: top left;
		    transform-origin: top left;
		}
/* iScroll Style Override */
.iScrollVerticalScrollbar {
	width: 5px !important;
	top: 3px !important;
	right: 3px !important;
	bottom: 3px !important;
}
	.iScrollIndicator {
		border: none !important;	
	}
/* Mobile Classes */
.show-mobile {
	display: none !important;
}
.hide-mobile {
	display: block !important;
}
span.hide-mobile {
	display: inline !important;
}

/*
<----------------||----------------$Colors----------------||---------------->
*/
/* Primary */
.primary-1 { background-color: #008445; }
.primary-2 { background-color: #19633F; }
.primary-3 { background-color: #00562D; }
.primary-4 { background-color: #30C27C; }
.primary-5 { background-color: #57C28E; }
/* Secondary */
.secondary-1 { background-color: #074C79; }
.secondary-2 { background-color: #1B425B; }
.secondary-3 { background-color: #02314F; }
.secondary-4 { background-color: #3788BC; }
.secondary-5 { background-color: #5B96BC; }
/* Tertiary */
.tertiary-1 { background-color: #53AA00; }
.tertiary-2 { background-color: #4F8020; }
.tertiary-3 { background-color: #366F00; }
.tertiary-4 { background-color: #83D535; }
.tertiary-5 { background-color: #99D560; }

/*
<----------------||----------------$Typography----------------||---------------->
*/
/* Fonts */
.nimbus-sans-condensed {
	font-family: "nimbus-sans-condensed",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-weight: 700;
	font-weight: 900;
}
.nimbus-sans {
	font-family: "nimbus-sans",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-weight: 700;
	font-weight: 900;
}
/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 60px; line-height: 1; margin-bottom: 20px; }
h2 { font-size: 50px; line-height: 1; margin-bottom: 20px; }
h3 { font-size: 22px; line-height: 1.25em; margin-bottom: 10px; }
h4 { 
	font-family: Baskerville, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 16px; line-height: 24px; margin-bottom: 10px; padding-top: 15px;
}
h5 { font-size: 14px; line-height: 1; font-weight: 400; }
h6 { font-size: 14px; line-height: 21px; }
.subheader { color: #777; }
/* Paragraphs */
p { margin: 0 0 20px 0; line-height: 1.5em; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }
em { font-style: italic; }
strong { font-weight: 700; }
small { font-size: 80%; }
hr { border: solid #f5f5f5; border-width: 5px 0 0; clear: both; margin: 0 0 20px; height: 0; }
/* Blockquotes */
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
::-moz-selection{background:#0068b3;color:#F5F5F5;text-shadow:none}
::selection{background:#0068b3;color:#F5F5F5;text-shadow:none}
/* Dropcap */
#blog-single .post .content > p:nth-of-type(2):first-letter {
	font-size: 52px;
	font-weight: 700;
	margin: 0 5px 0 0;
	padding-top: 12px;
	height: auto;
	float: left;
}
body.single.ask-tom-why #blog-single .post .content > p:nth-of-type(2):first-letter {
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	float: none;
}
/* Type Anti-Aliased */
.anti-aliased {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

/*
<----------------||----------------$Forecast-Icons----------------||---------------->
*/
@font-face {
	font-family: 'cwc-forecast-icons';
	src:url('icons/cwc-forecast-icons.eot?m5wqzs');
	src:url('icons/cwc-forecast-icons.eot?#iefixm5wqzs') format('embedded-opentype'),
		url('icons/cwc-forecast-icons.woff?m5wqzs') format('woff'),
		url('icons/cwc-forecast-icons.ttf?m5wqzs') format('truetype'),
		url('icons/cwc-forecast-icons.svg?m5wqzs#cwc-forecast-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="forecast-icon-"],
[class*=" forecast-icon-"] {
	font-family: 'cwc-forecast-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.forecast-icon-16:before {
	content: "\e600";
}
.forecast-icon-15:before {
	content: "\e601";
}
.forecast-icon-14:before {
	content: "\e602";
}
.forecast-icon-13:before {
	content: "\e603";
}
.forecast-icon-11:before {
	content: "\e604";
}
.forecast-icon-12:before {
	content: "\e605";
}
.forecast-icon-10:before {
	content: "\e606";
}
.forecast-icon-9:before {
	content: "\e607";
}
.forecast-icon-8:before {
	content: "\e608";
}
.forecast-icon-7:before {
	content: "\e609";
}
.forecast-icon-6:before {
	content: "\e60a";
}
.forecast-icon-5:before {
	content: "\e60b";
}
.forecast-icon-4:before {
	content: "\e60c";
}
.forecast-icon-3:before {
	content: "\e60e";
}
.forecast-icon-3n:before {
	content: "\e60d";
}
.forecast-icon-2:before {
	content: "\e610";
}
.forecast-icon-2n:before {
	content: "\e60f";
}
.forecast-icon-1:before {
	content: "\e612";
}
.forecast-icon-1n:before {
	content: "\e611";
}
.forecast-icon-1 {
	-webkit-animation: spin 50s linear infinite;
	-moz-animation: spin 50s linear infinite;
	-ms-animation: spin 50s linear infinite;
	-o-animation: spin 50s linear infinite;
	animation: spin 50s linear infinite;
}
.forecast-icon-1.forecast-icon-1n {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}

/*
<----------------||----------------$Icons----------------||---------------->
*/
@font-face {
	font-family: 'cwc-icons';
	src:url('icons/cwc-icons.eot?2l2smh');
	src:url('icons/cwc-icons.eot?#iefix2l2smh') format('embedded-opentype'),
		url('icons/cwc-icons.woff?2l2smh') format('woff'),
		url('icons/cwc-icons.ttf?2l2smh') format('truetype'),
		url('icons/cwc-icons.svg?2l2smh#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"],
[class*=" icon-"],
#fancybox-loading > div {
	font-family: 'cwc-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-calendar:before {
	content: "\e112";
}
.icon-close:before {
	content: "\e36d";
}
.icon-mic:before {
	content: "\e06d";
	font-size: 18px;
}
.icon-search2:before {
	content: "\e1ba";
}
.icon-menu:before {
	content: "\e2ac";
}
.icon-arrow-up:before {
	content: "\e410";
}
.icon-spinner:before {
	content: "\e1aa";
}
.icon-warning2:before {
	content: "\e356";
}
.icon-play:before {
	content: "\e380";
}
.icon-pause:before {
	content: "\e381";
}
.icon-backward:before {
	content: "\e383";
}
.icon-forward:before {
	content: "\e384";
}
.icon-map:before {
	content: "\e0fd";
}
.icon-info:before {
	content: "\e362";
}
.icon-share:before {
	content: "\e48c";
}
ul#days li:before {
	content: "\e410";
	position: absolute;
	top: -30px;
	left: 0;
	width: 100%;
	text-align: center;
	font-family: 'cwc-icons','nimbus-sans',sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
ul#days li.current:before {
	opacity: 1;
}

/*
<----------------||----------------$Share-Buttons----------------||---------------->
*/
.share-buttons {
	text-align: center;
}
	.share-button {
		display: inline-block;
	}
		.share-button a {
			display: inline-block;
			width: 24px; height: 24px;
			margin: 6px;
			background-position: 50% 50%;
			background-repeat: no-repeat;
			background-size: contain;
		}
		.share-button.email a {
			background-image: url(img/social-icons/email.png);
		}
		.share-button.linkedin a {
			background-image: url(img/social-icons/linkedin.png);
		}
		.share-button.facebook a {
			background-image: url(img/social-icons/facebook.png);
		}
		.share-button.twitter a {
			background-image: url(img/social-icons/twitter.png);
		}
		.share-button.google a {
			background-image: url(img/social-icons/google.png);
		}
		.share-button.reddit a {
			background-image: url(img/social-icons/reddit.png);
		}
		.share-button.digg a {
			background-image: url(img/social-icons/digg.png);
		}
		.share-button.stumbleupon a {
			background-image: url(img/social-icons/stumbleupon.png);
		}
		.share-button.tumblr a {
			background-image: url(img/social-icons/tumblr.png);
		}
		.share-button.pinterest a {
			background-image: url(img/social-icons/pinterest.png);
		}
		.share-button.digg a {
			background-image: url(img/social-icons/diggit.png);
		}

/*
<----------------||----------------$Voice----------------||---------------->
*/
html.voice-active ul#days,
html.voice-active #header > nav > ul > li > a {
	color: #38DE93 !important;
}
html.voice-active li#toggle-voice > span:before {
	color: #38DE93;
	-webkit-animation: colorPulse 1.5s ease infinite;
	-moz-animation: colorPulse 1.5s ease infinite;
	-ms-animation: colorPulse 1.5s ease infinite;
	-o-animation: colorPulse 1.5s ease infinite;
	animation: colorPulse 1.5s ease infinite;
}
html.no-speechrec li#toggle-voice {
	display: none !important;
}

li#toggle-voice {
	display: none !important;
}

/*
<----------------||----------------$Forms----------------||---------------->
*/
form {

}
	label {
		display: block;
		margin-bottom: 2px;
	}
	input[type=text],
	input[type=email],
	input[type=number],
	input[type=url],
	textarea {
		padding: 8px 12px;
		width: 100%;
		height: 40px;
		outline: none;
		border: 2px solid #CCC;
		background: #f5f5f5;
		box-shadow: none;
		font-weight: 400;
		font-family: "nimbus-sans",sans-serif;
		line-height: 24px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	textarea {
		height: 100px;
	}
		input:focus,
		textarea:focus {
			border: 2px solid #0068b3;
		}
	/*Buttons*/
	input[type=submit],
	input[type=button],
	input[type=reset],
	.button {
		display: inline-block;
		padding: 10px 20px;
		border: none;
		border-radius: 5px;
		background: #0068b3;
		color: #FFF;
		font-weight: 700;
		font-style: normal;
		font-size: 16px;
		text-transform: uppercase;
		line-height: 1.5em !important;
		font-family: "nimbus-sans",sans-serif;
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
		.button:visited,
		.button:focus {
			color: #F5F5F5;
		}
		input[type=submit]:hover,
		input[type=button]:hover,
		input[type=reset]:hover,
		.button:hover {
			background: #004474;
			color: #F5F5F5;
		}
::-webkit-input-placeholder {
   color: #ccc;
}
:-moz-placeholder { /* Firefox 18- */
   color: #ccc;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #ccc;  
}
:-ms-input-placeholder {  
   color: #ccc;  
}
/*Contact-Form*/
body.contact-us section#page {
	color: #222;
}
#contact-form ul {
}
	#contact-form ul li {
		margin-bottom: 20px;
	}

/*
<----------------||----------------$Links----------------||---------------->
*/
a, a:visited {
	outline: 0; 
	color: #0068b3;
	text-decoration: none;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	-moz-transition: color 0.3s ease, background-color 0.3s ease;
	-ms-transition: color 0.3s ease, background-color 0.3s ease;
	-o-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;
}
	a:hover, a:focus { color: #0068b3; }
	p a, p a:visited { line-height: inherit; }

/*
<----------------||----------------$Images----------------||---------------->
*/
img.scale {
	display: block;
	margin: 0 auto;
	max-width: 100% !important;
	width: auto;
	height: auto !important;
}

/*
<----------------||----------------$Animations----------------||---------------->
*/
/*fadeIn*/
@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-moz-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-o-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
/*pulsateSlow*/
@-webkit-keyframes pulsateSlow {
	0% { -webkit-transform: scale(.9, .9); transform: scale(.9, .9); opacity: 0; }
	45% { -webkit-transform: scale(.9, .9); transform: scale(.9, .9); opacity: 0; }
	50% { opacity: .7; }
	55% { -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); opacity: 0; }
	100% { -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); opacity: 0; }
}
@-moz-keyframes pulsateSlow {
	0% { -moz-transform: scale(.9, .9); transform: scale(.9, .9); opacity: 0; }
	45% { -moz-transform: scale(.9, .9); transform: scale(.9, .9); opacity: 0; }
	50% { opacity: .7; }
	55% { -moz-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); opacity: 0; }
	100% { -moz-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); opacity: 0; }
}
@-o-keyframes pulsateSlow {
	0% { -o-transform: scale(.9, .9); transform: scale(.9, .9); opacity: 0; }
	45% { -o-transform: scale(.9, .9); transform: scale(.9, .9); opacity: 0; }
	50% { opacity: .7; }
	55% { -o-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); opacity: 0; }
	100% { -o-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); opacity: 0; }
}
@keyframes pulsateSlow {
	0% { transform: scale(.9, .9); opacity: 0; }
	45% { transform: scale(.9, .9); opacity: 0; }
	50% { opacity: .7; }
	55% { transform: scale(1.5, 1.5); opacity: 0; }
	100% { transform: scale(1.5, 1.5); opacity: 0; }
}
/*pulsate*/
@-webkit-keyframes pulsate {
	0% { -webkit-transform: scale(.9, .9); transform: scale(.9, .9); opacity: 0; }
	50% { opacity: .7; }
	100% { -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); opacity: 0; }
}
@-moz-keyframes pulsate {
	0% { -moz-transform: scale(.9, .9); transform: scale(.9, .9); opacity: 0; }
	50% { opacity: .7; }
	100% { -moz-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); opacity: 0; }
}
@-o-keyframes pulsate {
	0% { -o-transform: scale(.9, .9); transform: scale(.9, .9); opacity: 0; }
	50% { opacity: .7; }
	100% { -o-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); opacity: 0; }
}
@keyframes pulsate {
	0% { transform: scale(.9, .9); opacity: 0; }
	50% { opacity: .7; }
	100% { transform: scale(1.5, 1.5); opacity: 0; }
}
/*sheen*/
@-webkit-keyframes sheen {
	0% { -webkit-transform: translateX(-100%); opacity: 0;	}
	30% { -webkit-transform: translateX(-100%); opacity: 1; }
	60% { -webkit-transform: translateX(100%); opacity: 0; }
	100% { -webkit-transform: translateX(-100%); opacity: 0; }
}
@-moz-keyframes sheen {
	0% { -moz-transform: translateX(-100%); opacity: 0;	}
	30% { -moz-transform: translateX(-100%); opacity: 1; }
	60% { -moz-transform: translateX(100%); opacity: 0; }
	100% { -moz-transform: translateX(-100%); opacity: 0; }
}
@-o-keyframes sheen {
	0% { -o-transform: translateX(-100%); opacity: 0;	}
	30% { -o-transform: translateX(-100%); opacity: 1; }
	60% { -o-transform: translateX(100%); opacity: 0; }
	100% { -o-transform: translateX(-100%); opacity: 0; }
}
@keyframes sheen {
	0% { transform: translateX(-100%); opacity: 0;	}
	30% { transform: translateX(-100%); opacity: 1; }
	60% { transform: translateX(100%); opacity: 0; }
	100% { transform: translateX(-100%); opacity: 0; }
}
/*spin*/
@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes spin {
	from { -moz-transform: rotate(0deg); transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes spin {
	from { -o-transform: rotate(0deg); transform: rotate(0deg); }
	to { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
/*colorPulse*/
@-webkit-keyframes colorPulse {
	0% { text-shadow: 0 0 3px #38DE93; }
	50% { text-shadow: 0 0 3px transparent; }
	100% { text-shadow: 0 0 3px #38DE93; }
}
@-moz-keyframes colorPulse {
	0% { text-shadow: 0 0 3px #38DE93; }
	50% { text-shadow: 0 0 3px transparent; }
	100% { text-shadow: 0 0 3px #38DE93; }
}
@-o-keyframes colorPulse {
	0% { text-shadow: 0 0 3px #38DE93; }
	50% { text-shadow: 0 0 3px transparent; }
	100% { text-shadow: 0 0 3px #38DE93; }
}
@keyframes colorPulse {
	0% { text-shadow: 0 0 3px #38DE93; }
	50% { text-shadow: 0 0 3px transparent; }
	100% { text-shadow: 0 0 3px #38DE93; }
}

/*
<----------------||----------------$Header----------------||---------------->
*/
header#header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 35px;
	background: #0068b3;
	border-bottom: 2px solid #004474;
	line-height: 35px;
	z-index: 10000;
}
	#header h1 {
		margin: 0;
		position: absolute;
		top: 0;
		left: 20px;
		height: 100%;
		line-height: 35px;
		text-indent: -9999px;
	}
		#header h1:before {
			content: '';
			position: absolute;
			top: 0;
			left: -30px;
			bottom: 0;
			width: 300px;
			background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.35) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.35)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.35) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.35) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.35) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
			background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.35) 50%,rgba(255,255,255,0) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
			/*Sheen animation*/
			-webkit-animation: sheen 10s infinite;
			-moz-animation: sheen 10s infinite;
			-ms-animation: sheen 10s infinite;
			-o-animation: sheen 10s infinite;
			animation: sheen 10s infinite;
		}
		#header h1 a {
			background: transparent url(img/logo.png) no-repeat left center;
			background-size: 315px 33px;
			display: block;
			width: 315px;
			height: 33px;
			position: relative;
		}
	/*Navigation*/
	#header #nav {
		width: auto;
		height: 35px;
	}
	#header #nav > ul {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		padding: 0;
		margin: 0;
	}
		#nav > ul > li {
			display: block;
			float: left;
			line-height: 35px;
			position: relative;
			font-size: 14px;
			cursor: pointer;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}
		#nav > ul > li:hover {
			background: rgba(255, 255, 255, 0.1);
		}
			#nav > ul > li > a,
			#nav > ul > li > span {
				padding: 0 20px 0;
				margin: 0;
				cursor: pointer;
				color: #FFF;
				text-transform: uppercase;
				text-decoration: none;
				display: block;
				-webkit-transition: color 0.3s ease;
			}
			#nav > ul > li > span {
				cursor: pointer;
				display: inline-block;
			}
			#nav > ul > li > span.icon-mic {
				position: relative;
				top: 2px;
			}
			#nav > ul > li > a > span.icon-search2 {
				display: block;
				font-size: 18px;
				height: 35px;
				top: 0;
				line-height: 35px;
			}
				#nav > ul > li:hover > a,
				#nav > ul > li:hover > span {
					color: #ffac40;
				}
		#nav > ul > li.current {
			background: #004474;
		}
		body.home #nav > ul > li.home,
		body.forecast #nav > ul > li.forecast,
		body.radar #nav > ul > li.radar,
		body.blog #nav > ul > li.blog,
		body.author #nav > ul > li.blog,
		body.archive #nav > ul > li.blog,
		body.maps #nav > ul > li.maps,
		body.photos #nav > ul > li.maps,
		body.weather-bug #nav > ul > li.maps,
		body.webcams #nav > ul > li.maps,
		body.almanac #nav > ul > li.maps,
		body.search #nav > ul > li.search {
			background: #004474;
		}
		#nav > ul > li.not-current {
			background: transparent !important;
		}
		#nav > ul > li.not-current:hover {
			background: rgba(255, 255, 255, 0.1) !important;
		}
		/* Sub Menus */
		#nav > ul > li > div {
			position: absolute;
			opacity: 0;
			top: 35px;
			right: -9999px;
			width: 250px;
			z-index: 200;
			border-top: 10px solid transparent;
			-webkit-transition: opacity 0.3s ease 0s, right 0s ease 0.3s;
			-moz-transition: opacity 0.3s ease 0s, right 0s ease 0.3s;
			-ms-transition: opacity 0.3s ease 0s, right 0s ease 0.3s;
			-o-transition: opacity 0.3s ease 0s, right 0s ease 0.3s;
			transition: opacity 0.3s ease 0s, right 0s ease 0.3s;
		}
		#nav > ul > li:hover > div {
			opacity: 1;
			right: 0;
			-webkit-transition: opacity 0.3s ease, right 0s ease 0s;
			-moz-transition: opacity 0.3s ease, right 0s ease 0s;
			-ms-transition: opacity 0.3s ease, right 0s ease 0s;
			-o-transition: opacity 0.3s ease, right 0s ease 0s;
			transition: opacity 0.3s ease, right 0s ease 0s;
		}
		#nav > ul > li.hide-sub-menu > div {
			display: none !important;
		}
			#nav > ul > li > div ul.sub-menu {
				box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
				border-radius: 3px;
				z-index: 500;
			}
			#nav > ul > li > div.row ul.sub-menu {
				box-shadow: none;
			}
			#nav > ul > li > div div.column ul.sub-menu {
				border-radius: 0;
			}
			#nav > ul > li > div ul.sub-menu:before {
				position: absolute;
				top: -8px;
				right: 30px;
				display: block;
				width: 0;
				height: 0;
				border-width: 0 8px 8px 8px;
				border-style: solid;
				border-color: transparent transparent #f5f5f5 transparent;
				content: '';
			}
				ul.sub-menu li.title {
					padding: 0 20px;
					height: 50px;
					background-color: #f5f5f5;
					color: #333;
					text-transform: uppercase;
					font-weight: 700;
					font-size: 18px;
					line-height: 50px;
				}	
					#nav ul.children > li,
					ul.sub-menu > li {
						height: 50px;
						border-top: 1px solid #ddd;
						background-color: transparent;
					}
					ul.sub-menu > li:first-child,
					ul.sub-menu > li:first-child > a {
						border-top: none;
						border-top-left-radius: 3px;
						border-top-right-radius: 3px;
					}
					ul.sub-menu > li:last-child > a {
						border-bottom-right-radius: 3px;
						border-bottom-left-radius: 3px;
					}	
						#nav ul.children > li > a,
						ul.sub-menu > li > a {
							display: block;
							padding: 0 20px;
							background-color: #fff;
							color: #0068b3;
							text-transform: uppercase;
							font-weight: 700;
							line-height: 50px;
						}
						#nav ul.children > li > a:hover,
						ul.sub-menu > li > a:hover {
							background-color: #0068b3;
							color: #fff;
						}
#nav > ul > li > div.row {
	height: 400px;
	top: 45px;
	border-top: 0;
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	-ms-background-clip: padding-box;
	-o-background-clip: padding-box;
	background-clip: padding-box;
}
#nav > ul > li > div.row.two {
	width: 500px;
}
#nav > ul > li > div.row.three {
	width: 750px;
}
#nav > ul > li > div.row:after {
	content: '';
	position: absolute;
	height: 35px;
	top: -10px;
	left: 0;
	right: 0;
}
#nav > ul > li > div.row:before {
	position: absolute;
	top: -8px;
	right: 30px;
	display: block;
	width: 0;
	height: 0;
	border-width: 0 8px 8px 8px;
	border-style: solid;
	border-color: transparent transparent #f5f5f5 transparent;
	content: '';
}
	div.row > div.column {
		width: 250px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		border-left: 1px solid #ddd;
	}
	div.row > div.column.one {
		border-left: none;
	}
	div.row > div.column.two {
		left: 250px;
	}
	div.row > div.column.three {
		left: 500px;
	}
		div.row > div.column > div {
			height: 350px;
			position: absolute;
			top: 50px;
			bottom: 0;
			left: 0;
			width: 100%;
			overflow: hidden;
		}
		div.row > div.column span.title {
			display: block;
			padding: 0 20px;
			height: 50px;
			background-color: #f5f5f5;
			color: #333;
			text-transform: uppercase;
			font-weight: 700;
			font-size: 18px;
			line-height: 50px;
			border-bottom: 1px solid #ddd;
		}
		div.row > div.column.one,
		div.row > div.column.one > span.title {
			border-top-left-radius: 3px;
		}
		div.row > div.column.one,
		div.row > div.column.one > div {
			border-bottom-left-radius: 3px;
		}
		div.row.two > div.column.two,
		div.row.two > div.column.two > span.title {
			border-top-right-radius: 3px;
		}
		div.row.three > div.column.three,
		div.row.three > div.column.three > span.title {
			border-top-right-radius: 3px;
		}
		div.row.three > div.column.three,
		div.row.three > div.column.three > div {
			border-bottom-right-radius: 3px;
		}
		div.row > div.column ul.children > li,
		div.row > div.column ul.sub-menu > li {
			height: auto;
			min-height: 50px;
		}
			div.row > div.column ul.sub-menu > li:first-child,
			div.row > div.column ul.sub-menu > li:first-child > a,
			div.row > div.column ul.sub-menu > li:last-child,
			div.row > div.column ul.sub-menu > li:last-child > a {
				border-radius: 0;
			}
			div.row > div.column ul.sub-menu > li:last-child {
				/*border-bottom: 1px solid #ddd;*/
			}
		div.row > div.column ul.sub-menu.images > li {
			border: none;
			padding: 10px 19px 10px;
		}
		div.row > div.column ul.sub-menu.images > li:first-child {
			padding-top: 20px;
		}
		div.row > div.column ul.sub-menu.images > li:last-child {
			padding-bottom: 20px;
		}
		div.row > div.column ul.sub-menu.images > li > a {
			width: 210px;
			height: 100px;
			line-height: 100px;
			text-align: center;
			margin: 0 auto;
			border-radius: 3px;
			box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
			font-family: "nimbus-sans-condensed",sans-serif;
			font-style: normal;
			font-weight: 400;
			font-size: 26px;
			color: #FFF;
			display: block;
			padding: 0;
		}
			div.row > div.column ul.sub-menu.images > li > a span {
				text-transform: capitalize;
				background: rgba(34, 34, 34, 0.25);
				height: 100%;
				width: 100%;
				display: inline-block;
				border-radius: 3px;
			}
		div.row ul.sub-menu > li > a {
			background-color: transparent;
		}
		div.row ul.sub-menu > li > a:hover {
			background-color: #0068b3;
		}

/*
<----------------||----------------$Home----------------||---------------->
*/
section#home {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	height: auto;
}
	#home #headlines {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	/*Phantom Scroll*/
	#headlines > div:first-child { 
		position: relative;
		width: 100%;
		height: auto;
	}
		/*Headline Backgrounds*/
		#headline-bg {
			position: absolute;
			top: 0;
			left: 0;
			width: 75%;
			height: 600px;
			width: calc(75% + 1px);
			height: calc(100vh - 35px);
			overflow: hidden;
			-webkit-transition: height 0.3s ease;
			-moz-transition: height 0.3s ease;
			-ms-transition: height 0.3s ease;
			-o-transition: height 0.3s ease;
			transition: height 0.3s ease;
		}
		html.alerts #headline-bg,
		html.watch-live #headline-bg  {
			height: 600px;
			height: calc(100vh - 70px);
		}
		html.watch-live.alerts #headline-bg {
			height: 600px;
			height: calc(100vh - 105px);
		}
			#headline-bg > div {
				position: relative;
				width: 100%;
				height: 100%;
				background-color: transparent;
				background-repeat: no-repeat;
				background-position: center;
				background-attachment: scroll;
				background-size: cover;
			}
				#headline-bg > div:before {
					content: '';
					position: absolute;
					width: 100%;
					height: 100%;
					background: rgba(34, 34, 34, 0.5);
				}
		/*Headline Slider*/
		#headline-slider {
			width: 75%; /*calc fallback*/
			height: 600px;
			width: calc(75% + 1px);
			height: calc(100vh - 35px);
			position: relative;
			overflow: hidden;
			-webkit-transition: height 0.3s ease;
			-moz-transition: height 0.3s ease;
			-ms-transition: height 0.3s ease;
			-o-transition: height 0.3s ease;
			transition: height 0.3s ease;
		}
		html.alerts #headline-slider,
		html.watch-live #headline-slider {
			height: 600px;
			height: calc(100vh - 70px);
		}
		html.watch-live.alerts #headline-slider {
			height: 600px;
			height: calc(100vh - 105px);
		}
			#headline-slider > div:first-child {
				position: relative;
				height: 100%;
				width: 100%;
			}
			#headline-slider .headline {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 90px;
				visibility: hidden;
				color: #FFF;
			}
			#headline-slider .headline:first-child {
				visibility: visible;
			}
					#headline-slider .headline > h2 {
						position: absolute;
						top: 50%;
						left: 0;
						width: 100%;
						margin: 0;
						padding: 0 10%;
						line-height: 1.25em;
						text-align: left;
						font-size: 40px;
						pointer-events: none;
						-webkit-transform: translateY(-50%);
						-moz-transform: translateY(-50%);
						-ms-transform: translateY(-50%);
						-o-transform: translateY(-50%);
						transform: translateY(-50%);
					}
						#headline-slider .headline > h2 > a {
							color: #FFF;
						}
						#headline-slider h2 span{
							position: absolute;
							top: -40px;
							left: 10%;
							padding: 0;
							margin: 0;
							background: #c00e0e;
							padding: 5px 10px;
							border-radius: 2px;		
							font: 16px/16px "nimbus-sans",sans-serif;
							font-style: normal;
							font-weight: 700;
						}
					@media screen and (min-width: 1200px) {
						#headline-slider .headline > h2 {
							font-size: 50px;
						}
					}
					@media screen and (min-width: 1400px) {
						#headline-slider .headline > h2 {
							font-size: 60px;
						}
					}
					@media screen and (min-width: 1800px) {
						#headline-slider .headline > h2 {
							font-size: 70px;
						}
					}
					@media screen and (min-width: 2200px) {
						#headline-slider .headline > h2 {
							font-size: 80px;
						}
					}
			#blog-home-wrap {
				position: relative;
				width: 75%;
				padding: 10px;
			}
				#blog-home {
					width: 100%;
					padding-bottom: 62px;
				}
					#blog-home .posts-more {
						display: block !important;
						position: absolute;
						bottom: 10px;
						left: 10px;
						/* transform: translateX(-50%); */
						right: 10px;
						text-align: center;
					}
				#blog-home > div {
					width: 50%;
					min-width: 320px;
					padding: 10px;
					color: #333;
					visibility: visible;
					-webkit-animation: fadeIn 1s;
					-moz-animation: fadeIn 1s;
					-ms-animation: fadeIn 1s;
					-o-animation: fadeIn 1s;
					animation: fadeIn 1s;
					-webkit-transition: top 0.3s ease, left 0.3s ease, visibility 0s ease 0.3s;
					-moz-transition: top 0.3s ease, left 0.3s ease, visibility 0s ease 0.3s;
					-ms-transition: top 0.3s ease, left 0.3s ease, visibility 0s ease 0.3s;
					-o-transition: top 0.3s ease, left 0.3s ease, visibility 0s ease 0.3s;
					transition: top 0.3s ease, left 0.3s ease, visibility 0s ease 0.3s;
				}
				@media screen and (min-width: 1307px) {
					#blog-home > div {
						width: 33.333%;
					}
				}
					#blog-home > div > a {
						color: #333;
						display: block;
						width: 100%;
						height: 100%;
						box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
						border-radius: 3px;
					}
						#blog-home > div > a > img {
							min-width: 100%;
							max-width: 100%;
							height: auto !important;
							width: auto;
							display: block;
							margin: 0 auto;
							border-radius: 3px;
							border-bottom-right-radius: 0;
							border-bottom-left-radius: 0;
						}
						#blog-home > div > a > div {
							background-color: #fff;
							padding: 20px;
							-webkit-transition: all 0.3s ease;
							-moz-transition: all 0.3s ease;
							-ms-transition: all 0.3s ease;
							-o-transition: all 0.3s ease;
							transition: all 0.3s ease;
						}
							#blog-home h2 {
								font-family: "nimbus-sans-condensed",sans-serif;
								font-weight: 400;
								font-size: 26px;
								line-height: 1.15em;
								margin-bottom: 0;
								-webkit-transition: all 0.3s ease;
								-moz-transition: all 0.3s ease;
								-ms-transition: all 0.3s ease;
								-o-transition: all 0.3s ease;
								transition: all 0.3s ease;
							}
								#blog-home a:hover h2 {
									color: #0068b3;
								}
						#blog-home > div > a > .meta {
							height: 60px;
							padding: 0;
							line-height: 60px;
							position: relative;
							background-color: #f5f5f5;
							padding: 20px;
							font-size: 14px;
							border-radius: 3px;
							border-top-right-radius: 0;
							border-top-left-radius: 0;
						}
						#blog-home .post.no-img .content {
							border-top-right-radius: 3px;
							border-top-left-radius: 3px;
						}
		/*Right Now*/
		#right-now {
			position: absolute;
			display: block;
			top: 0;
			right: 0;
			height: 25%;
			width: 25%;
			color: #0068b3;
			z-index: 100;
			background-image: url(../media/skyline/CHBSC/small.jpg);
			background-color: #333;
			background-repeat: no-repeat;
			background-position: center;
			background-attachment: scroll;
			background-size: cover;
		}
			#right-now:before {
				content: '';
				background: rgba(204,204,204,0.75);
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
			}
			#right-now span.forecast-icon {
				font-size: 48px;
				position: absolute;
				right: 20px;
				top: 20px;
				color: #FFF;
				pointer-events: none;
				display: none;
			}
			#right-now p {
				line-height: 1;
				margin: 0 0 10px 0;
				font-size: 34px;
				font-family: "nimbus-sans-condensed",sans-serif;
				font-weight: 400;
				text-align: right;
				color: #FFF;
				pointer-events: none;
			}
			#right-now .details {
				position: absolute;
				right: 20px;
				top: 20px;
				line-height: 1.25em;
				text-align: right;
				font-weight: 700;
				pointer-events: none;
			}
			/*$graph*/
			#temps-today-graph {
				position: absolute;
				top: 13%;
				left: 0;
				width: 100% !important;/*important shouldn't be necessary*/
				height: 74% !important;/*important shouldn't be necessary*/
			}
				#home-time-hover,
				#time/*we shouldn't need this*/ {
					position: absolute;
					bottom: 20px;
					left: 20px;
					font-size: 22px;
					font-weight: 700;
					color: #FFF;
					pointer-events: none;
				}
					#home-time-hover span,
					#time span/*we shouldn't need this*/ {
						font-family: "nimbus-sans-condensed",sans-serif;
						font-weight: 400;
					}
				#home-temp-hover,
				#right-now span.temp/*we shouldn't need this*/ {
					font-weight: 700;
					font-size: 60px;
					position: absolute;
					top: 10px;
					left: 20px;
					line-height: 1;
					pointer-events: none;
				}
					#home-temp-hover span,
					#right-now span.temp span/*we shouldn't need this*/ {
						font-size: 40px;
						position: absolute;
					}
		/*Videos*/
		#videos {
			position: absolute;
			width: 25%;
			height: 50%;
			height: calc(50% + 1px);
			right: 0;
			top: 25%;
			overflow: hidden;
			background: #0068b3;
		}
			#videos .video {
				color: #FFF;
				width: 100%;
				height: 100%;
				position: absolute;
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				background-attachment: scroll;
				background-color: transparent;
			}
			#videos .video:before {
				content: '';
				position: absolute;
				width: 100%;
				height: 100%;
				background: rgba(0, 104, 179, 0.75);
				-webkit-transition: background 0.3s ease;
				-moz-transition: background 0.3s ease;
				-ms-transition: background 0.3s ease;
				-o-transition: background 0.3s ease;
				transition: background 0.3s ease;
			}
				#videos .video > div {
					position: absolute;
					bottom: 20px;
					left: 20px;
					right: 20px;
				}
					#videos .video h2 {
						font-size: 30px;
						line-height: 1.25em;
						margin-bottom: 20px;
					}
					#videos .video span.time {
						font-size: 14px;
						line-height: 1;
					}
					#videos .video > .icon-play {
						font-size: 48px;
						margin-bottom: 40px;
						display: inline-block;
						text-align: center;
						position: absolute;
						top: 30px;
						left: 20px;
						width: auto;
					}
		/*User Photos*/
		#user-photos {
			position: absolute;
			bottom: 0;
			right: 0;
			height: 25%;
			height: calc(25% + 1px);
			width: 25%;
			cursor: pointer;
			background: #333;
		}
			#user-photos-slider {
				position: absolute;
				width: 100%;
				height: 100%;
				z-index: 1;
			}
				#user-photos-slider > div {
					width: 100%;
					height: 100%;
					background-color: transparent;
					background-repeat: no-repeat;
					background-position: center;
					background-attachment: scroll;
					background-size: cover;
				}
					#user-photos-slider > div:before {
						content: '';
						position: absolute;
						width: 100%;
						height: 100%;
						background: rgba(34, 34, 34, 0.5);
						-webkit-transition: background 0.3s ease;
						-moz-transition: background 0.3s ease;
						-ms-transition: background 0.3s ease;
						-o-transition: background 0.3s ease;
						transition: background 0.3s ease;
					}
					#user-photos-slider > div > div {
						width: 100%;
						height: 100%;
						display: table;
						opacity: 0;
						position: relative;
						-webkit-transition: opacity 0.3s ease;
						-moz-transition: opacity 0.3s ease;
						-ms-transition: opacity 0.3s ease;
						-o-transition: opacity 0.3s ease;
						transition: opacity 0.3s ease;
					}
					#user-photos:hover #user-photos-slider > div > div {
						opacity: 1;
					}
					#user-photos-slider > div > div > div {
						width: 100%;
						height: 100%;
						display: table-cell;
						vertical-align: middle;
						text-align: center;
						color: #FFF;
					}
						#user-photos-slider h3 {
							margin: 0 20px;
							font-weight: 900;
							text-transform: uppercase;
							font-size: 20px;
							line-height: 1em;
							-webkit-transform: skewY(0deg);
							-moz-transform: skewY(0deg);
							-ms-transform: skewY(0deg);
							-o-transform: skewY(0deg);
							transform: skewY(0deg);
						}
						#user-photos-slider p {
							font-size: 14px;
							margin: 0;
						}
							#user-photos-slider p span {
								font-family: Baskerville, serif;
								font-style: italic;
								font-weight: normal;
							}
			#user-photos .title {
				position: relative;
				display: table;
				height: 100%;
				z-index: 3;
				width: 100%;
				opacity: 1;
				-webkit-transition: opacity 0.3s ease;
				-moz-transition: opacity 0.3s ease;
				-ms-transition: opacity 0.3s ease;
				-o-transition: opacity 0.3s ease;
				transition: opacity 0.3s ease;
			}
			#user-photos:hover .title {
				opacity: 0;
			}
				#user-photos .title:before {
					content: '';
					width: 80px;
					height: 60px;
					border-top: 2px solid #FFF;
					border-bottom: 2px solid #FFF;
					position: absolute;
					top: 50%;
					left: 50%;
					margin-top: -30px;
					margin-left: -40px;
					-webkit-transform: skewY(-5deg);
					-moz-transform: skewY(-5deg);
					-ms-transform: skewY(-5deg);
					-o-transform: skewY(-5deg);
					transform: skewY(-5deg);
				}
				#user-photos .title h3 {
					padding: 20px 0;
					font-weight: 900;
					text-transform: uppercase;
					text-align: center;
					position: relative;
					font-size: 22px;
					line-height: 1.25em;
					color: #0068b3;
					display: table-cell;
					vertical-align: middle;
					-webkit-transform: skewY(-5deg);
					-moz-transform: skewY(-5deg);
					-ms-transform: skewY(-5deg);
					-o-transform: skewY(-5deg);
					transform: skewY(-5deg);
				}
					#user-photos .title h3 span {
						padding: 0 20px;
						border: 2px solid #FFF;
						background: #FFF;
						border-radius: 3px;
					}
	/*Headline-Pager*/
	#headline-pager {
		position: absolute;
		top: 50%;
		margin-top: -50px;
		left: 20px;
		z-index: 200;
		width: 15px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
		#headline-pager li {
			display: block;
			height: 15px;
			width: 15px;
			border: 2px solid #FFF;
			border-radius: 50%;
			margin-bottom: 10px;
			cursor: pointer;
		}
		#headline-pager li.current {
			background: #FFF;
		}
		#headline-pager li:last-child {
			margin-bottom: 0;
		}
	/*Photo credit*/
	#photo-credit {
		position: absolute;
		bottom: 20px;
		right: 25%;
		margin: 0 20px 0 0;
		/* right: 20px; */
		font-size: 14px;
		text-align: right;
		-webkit-transition: -webkit-transform 0.3s ease;
		-moz-transition: -moz-transform 0.3s ease;
		-ms-transition: -ms-transform 0.3s ease;
		-o-transition: -o-transform 0.3s ease;
		transition: transform 0.3s ease;
	}
		#photo-credit a {
			color: #ffac40;
		}
			#photo-credit span {
				font-family: Baskerville, serif;
				font-style: italic;
				font-weight: normal;
			}
	/*Chicago current conditions*/
	#chi-current-temp {
		display: none;
		position: absolute;
		top: 20px;
		right: 25%;
		margin: 0 20px 0 0;
		font-size: 22px;
		font-weight: 700;
		z-index: 100;
		text-align: right;
		-webkit-transition: top 0.3s ease;
		-moz-transition: top 0.3s ease;
		-ms-transition: top 0.3s ease;
		-o-transition: top 0.3s ease;
		transition: top 0.3s ease;
	}
		#chi-current-temp a {
			color: #FFF;
		}
		#chi-current-temp span:nth-of-type(2) {
			font-family: "nimbus-sans-condensed",sans-serif;
			font-weight: 400;
		}
		
/*
<----------------||----------------$Forecast----------------||---------------->
*/
section#forecast {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: #333;
}
	/* Phantom Scroll */
	#forecast > div:first-child {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 800%;
	}
	#forecast .iScrollVerticalScrollbar {
		z-index: 99999 !important;
		opacity: 1;
		-webkit-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		-ms-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
	}
	html.focus #forecast .iScrollVerticalScrollbar {
		opacity: 0;
	}
	/* Live-Slider */
	#forecast #live-slider {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
		/* Slides */
		#live-slider > div {
			width: 100%;
			height: 100%;
			background-color: transparent;
			background-repeat: no-repeat;
			background-position: center;
			background-attachment: scroll;
			background-size: cover;
		}
			#live-slider > div > div {
				position: absolute;
				width: 100%;
				height: 100%;
				opacity: 0;			
				background-color: transparent;
				background-repeat: no-repeat;
				background-position: center;
				background-attachment: scroll;
				background-size: cover;
				-webkit-transition: all 0.6s ease;
				-moz-transition: all 0.6s ease;
				-ms-transition: all 0.6s ease;
				-o-transition: all 0.6s ease;
				transition: all 0.6s ease;
			}
			html.focus #live-slider > div > div {
				opacity: 1;
			}
			/* Timelapse-Slider */
			#timelapse-slider {
				/*inherits styles from #live-slider > div > div*/
			}
				#timelapse-slider > div {
					width: 100%;
					height: 100%;
					background-color: transparent;
					background-repeat: no-repeat;
					background-position: center;
					background-attachment: scroll;
					background-size: cover;
					opacity: 0;
				}
					#timelapse-slider > div img {
						display: none;
					}
					#timelapse-slider > div time {
						position: absolute;
						bottom: 20px;
						left: 20px;
					}
			/* Timelapse Buttons */
			#live-slider ul#timelapse-controls {
				position: absolute;
				top: 50px;
				left: 20px;
				z-index: 300;
				font-size: 28px;
				cursor: pointer;
				opacity: 0;
				-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
				-moz-transition: opacity 0.3s ease, -moz-transform 0.3s ease;
				-ms-transition: opacity 0.3s ease, -ms-transform 0.3s ease;
				-o-transition: opacity 0.3s ease, -o-transform 0.3s ease;
				transition: opacity 0.3s ease, transform 0.3s ease;
			}
			html.focus #live-slider ul#timelapse-controls {
				opacity: 1;
			}
				#live-slider ul#timelapse-controls li {
					float: left;
					margin-right: 10px;
					line-height: 1;
				}
			/* Webcam Locations */
			#live-slider span.webcam-location {
				position: absolute;
				top: 20px;
				left: 20px;
				font-size: 14px;
				z-index: 300;
				opacity: 0;
				-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
				-moz-transition: opacity 0.3s ease, -moz-transform 0.3s ease;
				-ms-transition: opacity 0.3s ease, -ms-transform 0.3s ease;
				-o-transition: opacity 0.3s ease, -o-transform 0.3s ease;
				transition: opacity 0.3s ease, transform 0.3s ease;
			}
			html.focus #live-slider span.webcam-location {
				opacity: 1;
			}
				#live-slider span.webcam-location span {
					font-family: Baskerville, serif;
					font-style: italic;
					font-weight: normal;
				}
				#live-slider span.webcam-location strong {
					font-weight: 700;
				}
			/* Overlay */
			#live-slider span.overlay {
				position: absolute;
				width: 100%;
				height: 100%;
				background:rgba(34, 34, 34, 0.5);
				z-index: 200;
				-webkit-transition: background 0.6s ease;
				-moz-transition: background 0.6s ease;
				-ms-transition: background 0.6s ease;
				-o-transition: background 0.6s ease;
				transition: background 0.6s ease;
			}
			html.focus #live-slider span.overlay {
				background:rgba(34, 34, 34, 0.25);
				-webkit-transition: background 0.6s ease;
				-moz-transition: background 0.6s ease;
				-ms-transition: background 0.6s ease;
				-o-transition: background 0.6s ease;
				transition: background 0.6s ease;
			}
			/* Focus Triggers */
			#live-slider span.focus-bg {
				display: block;
				position: absolute;
				top: 30px;
				right: 30px;
				width: 75px;
				height: 75px;
				border: 2px solid #FFF;
				border-radius: 50%;
				background-size: auto 100%;
				z-index: 300;
				-webkit-transition: -webkit-transform 0.3s ease;
				-moz-transition: -moz-transform 0.3s ease;
				-ms-transition: -ms-transform 0.3s ease;
				-o-transition: -o-transform 0.3s ease;
				transition: transform 0.3s ease;
			}
			#trigger-focus {
				position: absolute;
				top: 30px;
				right: 30px;
				width: 75px;
				height: 75px;
				border-radius: 50%;
				cursor: pointer;
				z-index: 400;
				-webkit-transition: -webkit-transform 0.3s ease;
				-moz-transition: -moz-transform 0.3s ease;
				-ms-transition: -ms-transform 0.3s ease;
				-o-transition: -o-transform 0.3s ease;
				transition: transform 0.3s ease;
			}
				#live-slider span.focus-bg:after {
					content: '';
					border: 2px solid #F5F5F5;
					border-radius: 50%;
					height: 75px;
					width: 75px;
					position: absolute;
					left: -2px;
					top: -2px;
					opacity: 0;
					-webkit-animation: pulsateSlow 10s ease-out infinite;
					-moz-animation: pulsateSlow 10s ease-out infinite;
					-ms-animation: pulsateSlow 10s ease-out infinite;
					-o-animation: pulsateSlow 10s ease-out infinite;
					animation: pulsateSlow 10s ease-out infinite;
				}
				html.focus #live-slider span.focus-bg:after {
					-webkit-animation: pulsate 1s ease-out infinite;
					-moz-animation: pulsate 1s ease-out infinite;
					-ms-animation: pulsate 1s ease-out infinite;
					-o-animation: pulsate 1s ease-out infinite;
					animation: pulsate 1s ease-out infinite;
				}
	/* Pager */
	#live-pager {
		position: absolute;
		top: 50%;
		margin-top: -33px;
		right: 20px;
		z-index: 300;
		width: 15px;
	}
		#live-pager li {
			display: block;
			height: 15px;
			width: 15px;
			border: 2px solid #FFF;
			border-radius: 50%;
			margin-bottom: 10px;
			cursor: pointer;
		}
		#live-pager li.cycle-pager-active {
			background: #FFF;
		}
		#live-pager li:last-child {
			margin-bottom: 0;
		}
	/* Forecast-Details */
	#forecast #forecast-details {
		width: 1024px;
		opacity: 1;
		height: 375px;
		z-index: 200;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -233px;
		margin-left: -512px;
		-webkit-transition: opacity 0.6s ease, left 0s ease 0s;
		-moz-transition: opacity 0.6s ease, left 0s ease 0s;
		-ms-transition: opacity 0.6s ease, left 0s ease 0s;
		-o-transition: opacity 0.6s ease, left 0s ease 0s;
		transition: opacity 0.6s ease, left 0s ease 0s;
	}
	html.focus #forecast #forecast-details, /*Hide Forecast-Details when skyline is focused*/
	#forecast.glance #forecast-details { /*Hide Forecast-Details view when Forecast-Glance view is active*/
		opacity: 0;
		left: -100%;
		-webkit-transition: opacity 0.6s ease, left 0s ease 0s;
		-moz-transition: opacity 0.6s ease, left 0s ease 0s;
		-ms-transition: opacity 0.6s ease, left 0s ease 0s;
		-o-transition: opacity 0.6s ease, left 0s ease 0s;
		transition: opacity 0.6s ease, left 0s ease 0s;
	}
		#forecast #forecast-details #forecast-slider {
			width: 100%;
			height: 100%;
		}
			#forecast #forecast-details #forecast-slider > div {
				visibility: hidden;
			}
		.current-conditions {
			float: left;
			width: 470px;
			height: 205px;
			display: table;
			text-align: center;
		}
			.current-conditions > div {
				display: table-cell;
				vertical-align: middle;
				height: 205px;
			}
			.temps {
				width: 195px;
			}
				.temps .now {
					font-family: "nimbus-sans-condensed",sans-serif;
					font-style: normal;
					font-weight: 400;
					font-size: 120px;
					position: relative;
					line-height: 1;
					width: 195px;
				}
					.temps .now span {
						position: absolute;
						top: -5px;
						right: 20px;
						font-size: 70px;
						line-height: 1;
					}
				.forecasted-day .temps .hi-lo {
					position: relative;
					width: 195px;
				}
					.forecasted-day .temps .hi-lo span.hi-num,
					.forecasted-day .temps .hi-lo span.lo-num {
						font-family: "nimbus-sans-condensed",sans-serif;
						font-style: normal;
						font-weight: 400;
						font-size: 80px;
						line-height: 1;
						position: absolute;
						top: 0;
						left: 30px;
						-webkit-transform: translateY(-100%);
						-moz-transform: translateY(-100%);
						-ms-transform: translateY(-100%);
						-o-transform: translateY(-100%);
						transform: translateY(-100%);
					}
					.forecasted-day .temps .hi-lo span.lo-num {
						right: 30px;
						bottom: 0;
						left: auto;
						top: auto;
						-webkit-transform: translateY(100%);
						-moz-transform: translateY(100%);
						-ms-transform: translateY(100%);
						-o-transform: translateY(100%);
						transform: translateY(100%);
					}
						.forecasted-day .temps .hi-lo span.lo,
						.forecasted-day .temps .hi-lo span.hi {
							font-size: 16px;
							position: absolute;
							top: 0;
							left: 0;
							display: none;
						}
						.forecasted-day .temps .hi-lo span.deg {
							font-size: 46px;
							position: absolute;
							top: 0;
							right: -15px;
						}
					.forecasted-day .temps .hi-lo:before {
						content: '';
						position: absolute;
						top: 50%;
						left: 50%;
						margin-top: 0;
						margin-left: -60px;
						width: 120px;
						height: 2px;
						background: #FFF;
						-webkit-transform: rotate(135deg);
						-moz-transform: rotate(135deg);
						-ms-transform: rotate(135deg);
						-o-transform: rotate(135deg);
						transform: rotate(135deg);
					}
			.conditions {
				border-left: 2px solid #FFF;
				border-right: 2px solid #FFF;
				width: 275px;
			}
				.conditions .forecast-icon {
					width: 100%;
					font-size: 64px;
					line-height: 1;
					margin-bottom: 10px;
				}
				.conditions .desc {
					font-size: 40px;
					font-weight: 900;
					text-transform: uppercase;
					margin: 0 20px;
					line-height: 1;
				}
					.conditions .desc span {
						font-family: "nimbus-sans-condensed",sans-serif;
						font-weight: 400;
						font-size: 22px;
						line-height: 1;
						text-transform: capitalize;
						position: relative;
						top: -10px;
					}
				.conditions .details {
					font-size: 14px;
					line-height: 21px;
				}
		.skilling-forecast {
			width: 554px;
			height: 205px;
			float: right;
			position: relative;
			overflow: hidden;
		}
			.skilling-forecast ul {
				position: absolute;
				top: 10px;
				left: 15px;
				width: 15px;
				text-align: center;
				font-size: 12px;
				line-height: 1;
			}
				.skilling-forecast ul li {
					width: 15px;
					height: 16px;
					line-height: 16px;
					margin-bottom: 12px;
					position: relative;
					cursor: pointer;
					-webkit-transition: color 0.3s ease;
					-moz-transition: color 0.3s ease;
					-ms-transition: color 0.3s ease;
					-o-transition: color 0.3s ease;
					transition: color 0.3s ease;
				} 
					.skilling-forecast ul li span:first-child { 
						display: none;
					}
				.skilling-forecast ul li.current {
					background: #ffac40;
					/* color: #333; */
					border-bottom-left-radius: 3px;
					border-top-left-radius: 3px;
				}
					.skilling-forecast ul li.current:after {
						position: absolute;
						top: 0;
						right: -16px;
						width: 0;
						height: 0;
						border: 8px solid transparent;
						border-left-color: #ffac40;
						content: '';
					}
			.skilling-forecast .details {
				padding: 0 20px 0 60px;
				height: 205px;
			}
		/* Skilling-forecast Clone */
		#full-week-description {
			z-index: 100;
			position: absolute;
			top: 0;
			right: 0;
			height: 206px;
			/*height: 192px; */
			width: 494px;
			overflow: hidden;
			padding-right: 20px;
			-webkit-transition: z-index 0s ease 0.3s;
			-moz-transition: z-index 0s ease 0.3s;
			-ms-transition: z-index 0s ease 0.3s;
			-o-transition: z-index 0s ease 0.3s;
			transition: z-index 0s ease 0.3s;
			/* Prevent native touch events on Windows */
			-ms-touch-action: none;
			/* Prevent the callout on tap-hold and text selection */
			-webkit-touch-callout: none;
			-webkit-user-select: text;
			-moz-user-select: text;
			-ms-user-select: text;
			user-select: text;
			/* Prevent text resize on orientation change, useful for web-apps */
			-webkit-text-size-adjust: none;
			-moz-text-size-adjust: none;
			-ms-text-size-adjust: none;
			-o-text-size-adjust: none;
		}
		#full-week-description.lower {
			z-index: 98;
			-webkit-transition: z-index 0s ease 0s;
			-moz-transition: z-index 0s ease 0s;
			-ms-transition: z-index 0s ease 0s;
			-o-transition: z-index 0s ease 0s;
			transition: z-index 0s ease 0s;
		}
			#full-week-description > div {
				/*iscroll*/
				/* Prevent elements to be highlighted on tap */
				-webkit-tap-highlight-color: rgba(0,0,0,0);
				/* Put the scroller into the HW Compositing layer right from the start */
				-webkit-transform: translateZ(0);
				-moz-transform: translateZ(0);
				-ms-transform: translateZ(0);
				-o-transform: translateZ(0);
				transform: translateZ(0);
			}
				.spacer {
					height: 60px;
				}
				.spacer-b {
					height: 1px;
				}
				.day_6 .spacer-b {
					height: 100px;
				}	
		/* Forecast Graph */
		#temps-graph {
			background: transparent;
			position: absolute;
			bottom: 70px;
			left: 0;
			height: 64px;
			width: 964px;
			margin: 0 30px;
			z-index: 200;
		}
		/*.hourly-graph {
			float: left;
			height: 56px;
			background: transparent;
			width: 964px;
			margin: 40px 30px 0;
		}*/
			.hourly-graph > div > time {
				position: absolute;
				bottom: 100%;
				white-space: nowrap;
				font-size: 12px;
			}
			.graph-hover {
				position: absolute;
				bottom: 100%;
				margin-bottom: 10px;
				background: rgba(34, 34, 34, 0.9);
				padding: 15px;
				border-radius: 3px;
				font-size: 14px;
				opacity: 0;
				-webkit-transform: translateX(-1000%);
				-moz-transform: translateX(-1000%);
				-ms-transform: translateX(-1000%);
				-o-transform: translateX(-1000%);
				transform: translateX(-1000%);
				-webkit-transition: opacity 0.3s ease, left 0.3s ease, -webkit-transform 0s ease 0.3s;
				-moz-transition: opacity 0.3s ease, left 0.3s ease, -moz-transform 0s ease 0.3s;
				-ms-transition: opacity 0.3s ease, left 0.3s ease, -ms-transform 0s ease 0.3s;
				-o-transition: opacity 0.3s ease, left 0.3s ease, -o-transform 0s ease 0.3s;
				transition: opacity 0.3s ease, left 0.3s ease, transform 0s ease 0.3s;
			}
			.graph-hover.show {
				opacity: 1;
				-webkit-transform: translateX(0);
				-moz-transform: translateX(0);
				-ms-transform: translateX(0);
				-o-transform: translateX(0);
				transform: translateX(0);
				-webkit-transition: opacity 0.3s ease, left 0.3s ease, -webkit-transform 0s ease 0s;
				-moz-transition: opacity 0.3s ease, left 0.3s ease, -moz-transform 0s ease 0s;
				-ms-transition: opacity 0.3s ease, left 0.3s ease, -ms-transform 0s ease 0s;
				-o-transition: opacity 0.3s ease, left 0.3s ease, -o-transform 0s ease 0s;
				transition: opacity 0.3s ease, left 0.3s ease, transform 0s ease 0s;
			}
				.graph-hover:after {
					position: absolute;
					bottom: -20px;
					left: 50%;
					z-index: 999;
					margin-left: -10px;
					width: 0;
					height: 0;
					border: 10px solid transparent;
					border-top-color: rgba(34, 34, 34, 0.9);
					content: ' ';
				}
				.graph-hover:before {
					position: absolute;
					bottom: -20px;
					left: 0;
					width: 100%;
					height: 20px;
					content: ' ';
				}
				.graph-hover time {
					font-family: "nimbus-sans-condensed",sans-serif;
					font-weight: 400;
					font-size: 16px;
				}
				.graph-hover table {
					/*font-size: 12px; */
				}
					.graph-hover tr.temperature th {
						color: #e54771;
					}
					.graph-hover tr.wind th {
						color: #ffad30;
					}
					.graph-hover tr.humidity th {
						color: #00b666;
					}
					.graph-hover tr.precipitation th {
						color: #0066b6;
					}
					.graph-hover tr td.val {
						width: 1px;
						padding: 0 0 0 2em;
						white-space: nowrap;
						text-align: right;
					}
		/* Days of the week */
		ul#days {
			position: absolute;
			bottom: 0;
			right: 0;
			left: 0;
			font-size: 20px;
			text-align: center;
			height: 30px;
			z-index: 200;
		}
			ul#days li {
				display: inline-block;
				line-height: 30px;
				position: relative;
				cursor: pointer;
				/* margin: 0 0 0 50px; */
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-ms-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;
				width: 120px;
				text-align: center;
			}
				ul#days li span:last-child {
					display: none;
				}
			ul#days li:first-child {
				margin: 0;
			}
			ul#days li.current {
				color: #ffac40;
			}
	/* Share Forecast */
	#share-forecast {
		font-size: 32px;
		width: 32px;
		position: absolute;
		top: 50%;
		margin-top: 9px;
		left: 20px;
		z-index: 200;
		opacity: 1;
		-webkit-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		-ms-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
	}
	html.focus #share-forecast {
		opacity: 0;
	}
		#share-forecast > span {
			opacity: 1;
			-webkit-transition: opacity 0.3s ease;
			-moz-transition: opacity 0.3s ease;
			-ms-transition: opacity 0.3s ease;
			-o-transition: opacity 0.3s ease;
			transition: opacity 0.3s ease;
		}
		#share-forecast:hover > span {
			opacity: 0;
		}
		#share-forecast ul.share-buttons {
			width: 32px;
			opacity: 0;
			position: absolute;
			top: 0;
			left: 0;
			-webkit-transition: opacity 0.3s ease;
			-moz-transition: opacity 0.3s ease;
			-ms-transition: opacity 0.3s ease;
			-o-transition: opacity 0.3s ease;
			transition: opacity 0.3s ease;
		}
		#share-forecast:hover ul.share-buttons {
			opacity: 1;
		}
			#share-forecast .share-button a {
				margin: 5px 0;
			}
	/* Glance Trigger */
	#trigger-glance {
		width: 32px;
		height: 32px;
		cursor: pointer;
		font-size: 32px;
		position: absolute;
		top: 50%;
		margin-top: -43px;
		left: 20px;
		z-index: 200;
		opacity: 1;
		-webkit-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		-ms-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
	}
	html.focus #trigger-glance {
		opacity: 0;
	}
	/* Forecast-Glance */
	#forecast #forecast-glance {
		width: 1024px;
		height: 375px;
		z-index: 200;
		position: absolute;
		opacity: 1;
		top: 50%;
		margin-top: -233px;
		left: 50%;
		margin-left: -512px;
		-webkit-transition: opacity 0.6s ease, left 0s ease 0s;
		-moz-transition: opacity 0.6s ease, left 0s ease 0s;
		-ms-transition: opacity 0.6s ease, left 0s ease 0s;
		-o-transition: opacity 0.6s ease, left 0s ease 0s;
		transition: opacity 0.6s ease, left 0s ease 0s;
	}
	html.focus #forecast #forecast-glance, /*Hide Forecast-Glance when skyline is focused*/
	#forecast #forecast-glance { /*Hide Forecast-Glance view when Forecast-Details view is active*/
		opacity: 0;
		left: -100%;
		-webkit-transition: opacity 0.6s ease, left 0s ease 0s;
		-moz-transition: opacity 0.6s ease, left 0s ease 0s;
		-ms-transition: opacity 0.6s ease, left 0s ease 0s;
		-o-transition: opacity 0.6s ease, left 0s ease 0s;
		transition: opacity 0.6s ease, left 0s ease 0s;
	}
	#forecast.glance #forecast-glance {
		opacity: 1;
		left: 50%;
	}
		#forecast-glance > div {
			float: left;
			height: 100%;
			width: 146px;
			border-left: 2px solid #FFF;
		}
		#forecast-glance > div:first-child,
		#forecast-glance > div:last-child {
			width: 147px;
		}
		#forecast-glance > div:first-child {
			border: none;
		}
			#forecast-glance > div > div {
				height: 100%;
				padding-top: 20px;
				text-align: center;
				position: relative;
			}
				#forecast-glance .forecast-icon {
					font-size: 48px;
					line-height: 1;
					margin: 25px 0;
					position: relative;
					-webkit-animation: none;
					-moz-animation: none;
					-ms-animation: none;
					-o-animation: none;
					animation: none;
				}
					#forecast-glance .hi-lo {
						font-size: 16px;
						font-weight: 700;
						position: absolute;
						top: -10px;
						left: 20px;
					}
					#forecast-glance .hi-lo.lo {
						left: auto;
						right: 20px;
						top: auto;
						bottom: -10px;
					}
						#forecast-glance .hi-lo span {
							font-family: "nimbus-sans-condensed",sans-serif;
							font-weight: 400;
							display: none;
						}
				#forecast-glance .condition {
					font-size: 22px;
					font-weight: 900;
					text-transform: uppercase;
					line-height: 1;
					margin: 0 10px;
				}
					#forecast-glance .condition span {
						display: none;
					}
				#forecast-glance .numbers {
					margin: 0 10px;
					text-align: left;
					text-align: center;
					font-size: 14px;
				}
				#forecast-glance .base {
					padding: 10px 0;
					position: absolute;
					cursor: default;
					width: 100%;
					bottom: 0;
				}
					#forecast-glance .base > span {
						text-align: center;
						display: block;
						position: relative;
						font-size: 30px;
						font-weight: 900;
						line-height: 1;
						-webkit-transition: -webkit-transform 0.3s ease;
						-moz-transition: -moz-transform 0.3s ease;
						-ms-transition: -ms-transform 0.3s ease;
						-o-transition: -o-transform 0.3s ease;
						transition: transform 0.3s ease;
					}
					#forecast-glance .base:hover > span {
						-webkit-transform: translateY(-5px);
						-moz-transform: translateY(-5px);
						-ms-transform: translateY(-5px);
						-o-transform: translateY(-5px);
						transform: translateY(-5px);
					}
					#forecast-glance .description {
						position: absolute;
						bottom: -1000px;
						left: -30px;
						right: -30px;
						font-size: 14px;
						line-height: 1.5em;
						background: rgba(34, 34, 34, 0.9);
						padding: 15px;
						border-radius: 3px;
						opacity: 0;
						-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease, bottom 0 ease 0.3s;
						-moz-transition: opacity 0.3s ease, -moz-transform 0.3s ease, bottom 0 ease 0.3s;
						-ms-transition: opacity 0.3s ease, -ms-transform 0.3s ease, bottom 0 ease 0.3s;
						-o-transition: opacity 0.3s ease, -o-transform 0.3s ease, bottom 0 ease 0.3s;
						transition: opacity 0.3s ease, transform 0.3s ease, bottom 0 ease 0.3s;
					}
					#forecast-glance .base:hover .description {
						opacity: 1;
						bottom: 60px;
						-webkit-transform: translateY(5px);
						-moz-transform: translateY(5px);
						-ms-transform: translateY(5px);
						-o-transform: translateY(5px);
						transform: translateY(5px);
						-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
						-moz-transition: opacity 0.3s ease, -moz-transform 0.3s ease;
						-ms-transition: opacity 0.3s ease, -ms-transform 0.3s ease;
						-o-transition: opacity 0.3s ease, -o-transform 0.3s ease;
						transition: opacity 0.3s ease, transform 0.3s ease;
					}
					#forecast-glance .description:before {
						position: absolute;
						bottom: -20px;
						left: 0;
						width: 100%;
						height: 20px;
						content: ' ';
					}
					#forecast-glance .description:after {
						position: absolute;
						bottom: -20px;
						left: 50%;
						margin-left: -10px;
						width: 0;
						height: 0;
						border: 10px solid transparent;
						border-top-color: rgba(34, 34, 34, 0.9);
						content: ' ';
					}
				#forecast-glance h4 {
					display: none;
				}
				#forecast-glance .sep {
					height: 2px;
					width: 30px;
					background: #FFF;
					margin: 20px auto;
				}
	/*Resize #forecast-details and #forecast-glance*/
	@media screen and (min-width: 768px) and (max-width: 1049px) {
		#forecast #forecast-details,
		#forecast #forecast-glance {
			margin-top: 0;
			-webkit-transform: scale(.85) translateY(-72%);
			-moz-transform: scale(.85) translateY(-72%);
			-ms-transform: scale(.85) translateY(-72%);
			-o-transform: scale(.85) translateY(-72%);
			transform: scale(.85) translateY(-72%);
		}
	}
	@media screen and (min-width: 1050px) and (max-width: 1150px) {
		#forecast #forecast-details,
		#forecast #forecast-glance {
			margin-top: 0;
			-webkit-transform: scale(.9) translateY(-69%);
			-moz-transform: scale(.9) translateY(-69%);
			-ms-transform: scale(.9) translateY(-69%);
			-o-transform: scale(.9) translateY(-69%);
			transform: scale(.9) translateY(-69%);
		}
	}
	@media screen and (min-width: 1440px) {
		#forecast #forecast-details,
		#forecast #forecast-glance {
			margin-top: 0;
			-webkit-transform: scale(1.25) translateY(-50%);
			-moz-transform: scale(1.25) translateY(-50%);
			-ms-transform: scale(1.25) translateY(-50%);
			-o-transform: scale(1.25) translateY(-50%);
			transform: scale(1.25) translateY(-50%);
		}
	}
	@media screen and (min-width: 1800px) {
		#forecast #forecast-details,
		#forecast #forecast-glance {
			margin-top: 0;
			-webkit-transform: scale(1.5) translateY(-42%);
			-moz-transform: scale(1.5) translateY(-42%);
			-ms-transform: scale(1.5) translateY(-42%);
			-o-transform: scale(1.5) translateY(-42%);
			transform: scale(1.5) translateY(-42%);
		}
	}

/*
<----------------||----------------$Radar----------------||---------------->
*/
body.radar #wrapper {
	background: #004474;
}
section#radar {
	position: absolute;
	top: 0;
	bottom: 90px;
	right: 0;
	left: 0;
}
	#radar iframe {
		width: 100%;
		height: 100%;
	}

/*
<----------------||----------------$Almanac----------------||---------------->
*/
body.almanac #page ul {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-ms-column-count: 2;
	-o-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	-ms-column-gap: 30px;
	-o-column-gap: 30px;
	column-gap: 30px;
	margin-bottom: 30px;
}
	body.almanac #page ul li {
		
	}

/*
<----------------||----------------$Blog-Index----------------||---------------->
*/
section#blog {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-left: 250px;
	height: 100%;
	overflow: hidden;
	/* Prevent native touch events on Windows */
	-ms-touch-action: none;
	/* Prevent the callout on tap-hold and text selection */
	-webkit-touch-callout: none;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
	/* Prevent text resize on orientation change, useful for web-apps */
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
}
	#blog > div:first-child {
		padding: 10px;
		/* Prevent elements to be highlighted on tap */
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		/* Put the scroller into the HW Compositing layer right from the start */
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
	}
		#blog > div > #masonry {
			width: 100%;
		}
			#blog > div > #masonry > .post.appending {
				visibility: hidden;
				-webkit-transition: top 0s ease, left 0s ease, visibility 0s ease 0s;
				-moz-transition: top 0s ease, left 0s ease, visibility 0s ease 0s;
				-ms-transition: top 0s ease, left 0s ease, visibility 0s ease 0s;
				-o-transition: top 0s ease, left 0s ease, visibility 0s ease 0s;
				transition: top 0s ease, left 0s ease, visibility 0s ease 0s;
			}
			#blog > div > #masonry > .post {
				width: 25%;
				min-width: 320px;
				padding: 10px;
				color: #333;
				visibility: visible;
				-webkit-animation: fadeIn 1s;
				-moz-animation: fadeIn 1s;
				-ms-animation: fadeIn 1s;
				-o-animation: fadeIn 1s;
				animation: fadeIn 1s;
				-webkit-transition: top 0.3s ease, left 0.3s ease, visibility 0s ease 0.3s;
				-moz-transition: top 0.3s ease, left 0.3s ease, visibility 0s ease 0.3s;
				-ms-transition: top 0.3s ease, left 0.3s ease, visibility 0s ease 0.3s;
				-o-transition: top 0.3s ease, left 0.3s ease, visibility 0s ease 0.3s;
				transition: top 0.3s ease, left 0.3s ease, visibility 0s ease 0.3s;
			}
			#blog > div > #masonry > .post.sticky {
				width: 50%;
			}
			@media screen and (max-width: 1549px) {
				#blog > div > #masonry > .post {
					width: 33.333%;
				}
				#blog > div > #masonry > .post.sticky {
					width: 66.666%;
				}
			}
			@media screen and (max-width: 1229px) {
				#blog > div > #masonry > .post {
					width: 50%;
				}
				#blog > div > #masonry > .post.sticky {
					width: 50%;
				}
			}
			@media screen and (max-width: 909px) {
				#blog > div > #masonry > .post {
					width: 100%;
				}
				#blog > div > #masonry > .post.sticky {
					width: 100%;
				}
			}
			@media screen and (max-width: 768px) {
				#blog > div > #masonry > .post {
					width: 100%;
					min-width: 300px;
				}
			}
					#blog .post > a {
						color: #333;
						display: block;
						width: 100%;
						height: 100%;
						box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
						border-radius: 3px;
					}
					#blog-single .post > video,
					#blog .post > a > video,
					#blog-single .post > img,
					#blog .post > a > img {
						min-width: 100%;
						max-width: 100%;
						height: auto !important;
						width: auto; /* ie8 fix*/
						display: block;
						margin: 0 auto;
						border-radius: 3px;
						border-bottom-right-radius: 0;
						border-bottom-left-radius: 0;
					}
						#blog-single .post .content img,
						#blog .post .content img {
							max-width: 100%;
							height: auto !important;
							display: block;
						}
						#blog-single .post .content img.alignnone,
						#blog .post .content img.alignnone {
							max-width: 100%;
							height: auto !important;
							display: block;
							margin: 0 auto;
						}
						.ie8 #blog-single .post .content img.alignnone,
						.ie8 #blog .post .content img.alignnone {
							width: auto; /* ie8 fix*/
						}
					#blog-single .post .content,	
					#blog .post .content {
						background-color: #fff;
						padding: 20px;
						-webkit-transition: all 0.3s ease;
						-moz-transition: all 0.3s ease;
						-ms-transition: all 0.3s ease;
						-o-transition: all 0.3s ease;
						transition: all 0.3s ease;
					}	
					
					#blog .post.no-img .content {
						border-top-right-radius: 3px;
						border-top-left-radius: 3px;
					}
						#blog-single .post h2,	
						#blog .post h2 {
							font-family: "nimbus-sans-condensed",sans-serif;
							font-weight: 400;
							font-size: 26px;
							line-height: 1.15em;
							margin-bottom: 0;
							-webkit-transition: all 0.3s ease;
							-moz-transition: all 0.3s ease;
							-ms-transition: all 0.3s ease;
							-o-transition: all 0.3s ease;
							transition: all 0.3s ease;
						}
						#blog .post.sticky h2 {
							font-size: 30px;
						}
							#blog > div > #masonry > .post:hover a h2 {
								color: #0068b3;
							}
						#blog-single .post span.comment-count,	
						#blog .post span.comment-count {
							position: absolute;
							top: 22px;
							right: 25px;
							width: 24px;
							height: 24px;
							text-align: center;
							color: #FFF;
						}
							#blog-single .post span.comment-count span,
							#blog .post span.comment-count span {
								position: absolute;
								top: 0;
								left: 0;
								right: 0;
								z-index: auto;
								font-size: 12px;
								font-weight: 700;
								margin: 0;
								padding: 0;
								display: block;
								line-height: 16px;
								color: #0068b3;
							}
							.icon-comment:before {
								content: "\e164";
								font-size: 24px;
								position: absolute;
								top: 0;
								left: 0;
								right: 0;
								bottom: 0;
								color: #F5F5F5;
								z-index: auto;
							}
						#blog-single .post .meta,	
						#blog .post .meta {
							background-color: #f5f5f5;
							padding: 20px;
							font-size: 14px;
							border-radius: 3px;
							border-top-right-radius: 0;
							border-top-left-radius: 0;
						}
						#blog .post .meta {
							height: 60px;
							padding: 0;
							line-height: 60px;
							position: relative;
						}
						#blog-single .post p.meta {
							height: auto;
							line-height: 1;
							background: transparent;
							text-align: center;
							padding: 10px 0;
							position: relative;
						}
						#blog-single .post .comments,
						#blog .post .comments {
							background-color: #fff;
							border-radius: 3px;
							border-top-right-radius: 0;
							border-top-left-radius: 0;
							padding: 30px;
						}
							.meta .time,
							.meta .by-author {
								position: absolute;
								top: 0;
								right: 20px;	
							}
							p.meta .time,
							p.meta .by-author {
								position: static;
							}
							.meta .by-author {
								right: auto;
								left: 20px;
							}
								.meta .by-author span {
									color: #0068b3;
									text-transform: uppercase;
								}
								.meta .by-author em,
								.meta .time em {
									font-family: Baskerville, serif;
									font-style: italic;
									font-weight: normal;
								}
	/* Twitter Feed */						
	section#twitter {
		width: 250px;
		position: fixed;
		top: 55px;
		bottom: 20px;
		left: 20px;
		padding-right: 20px;
		-webkit-transition: top 0.3s ease, bottom 0.3s ease;
		-moz-transition: top 0.3s ease, bottom 0.3s ease;
		-ms-transition: top 0.3s ease, bottom 0.3s ease;
		-o-transition: top 0.3s ease, bottom 0.3s ease;
		transition: top 0.3s ease, bottom 0.3s ease;
	}
		#twitter > div {
			box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
			background: #FFF;
			border-radius: 3px;
			padding: 10px 20px;
			position: relative;
			height: 100%;
		}
			#twitter > div > iframe {
				height: 100% !important;
				width: 100% !important;
				min-width: 0 !important;
				-webkit-animation: fadeIn 1s;
				-moz-animation: fadeIn 1s;
				-ms-animation: fadeIn 1s;
				-o-animation: fadeIn 1s;
				animation: fadeIn 1s;
			}		

/*
<----------------||----------------$Blog-Single----------------||---------------->
*/
#post-wrap {
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease 0s, left 0s ease 0.3s;
	-moz-transition: opacity 0.3s ease 0s, left 0s ease 0.3s;
	-ms-transition: opacity 0.3s ease 0s, left 0s ease 0.3s;
	-o-transition: opacity 0.3s ease 0s, left 0s ease 0.3s;
	transition: opacity 0.3s ease 0s, left 0s ease 0.3s;
	overflow: hidden;
}
body.single #post-wrap {
	left: 0;
	opacity: 1;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-ms-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
#post-wrap:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(204,204,204,0.9);
	opacity: 0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-ms-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
body.single #post-wrap:before {
	opacity: 1;
}
	#blog-single {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		margin: 0;
		height: auto;	
	}
		#blog-single > div {
			position: relative;
			height: auto;
			padding: 20px 0;
			width: 100%;
			max-width: 700px;
			margin: 0 auto;
		}
		@media screen and (max-width: 1379px) {
			#blog-single > div {
				max-width: 600px;
			}
		}
		@media screen and (max-width: 1279px) {
			#blog-single > div {
				max-width: 500px;
			}
		}
			#blog-single .post {
				color: #333;
			 	position: relative;
				width: 100%;
				padding: 0;
				box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
				border-radius: 3px;
			}
				#blog-single .post .content {
					padding: 30px;
					background-color: #fff;
				}
				#blog-single .post.no-img .content {
					border-top-left-radius: 3px;
					border-top-right-radius: 3px;
				}
					#blog-single .post .content .wp-caption {
						max-width: 100%;
					}
						#blog-single .post .content .wp-caption a {
							display: block;
							line-height: 0;
						}
						#blog-single .post .content .wp-caption img {
							max-width: 100%;
							height: auto !important;
						}
						#blog-single .post .content p.wp-caption-text {
							font-family: Baskerville, serif;
							font-style: italic;
							font-weight: normal;
							font-size: 14px;
							text-align: center;
						}
					#blog-single .post h2 {
						font-size: 34px;
						margin-bottom: 20px;
						text-align: center;
					}			
			/*#blog-single .post .meta {
				border-radius: 0;
				padding: 30px;
			}*/
				#blog-single .post .meta .author {
					min-height: 100px;
					position: relative;
					padding: 10px;
				}
					#blog-single .post .meta .author .avatar {
						position: absolute;
						width: 80px;
						height: 80px;
						overflow: hidden;
						border-radius: 50%;
						box-shadow: 0 0 0 4px #f5f5f5;
						top: -40px;
						left: 50%;
						margin-left: -40px;
					}
						#blog-single .post .meta .author .avatar img {
							min-width: 80px;
							max-width: 80px;
							height: auto !important;
							width: auto;
							display: block;
							border-radius: 0;
							top: 0;
						}
					#blog-single .post .meta .author .bio {
						/*float: left;
						margin-left: 100px;*/
					}
						#blog-single .post .meta .author .bio h3 {
							line-height: 1;
							margin-bottom: 10px;
							margin-top: 40px;
							text-align: center;
						}
						#blog-single .post .meta .author .bio p.social-links {
							text-align: center;
						}
						#blog-single .post .meta .author .bio p {
							margin-bottom: 10px;
						}
		/* Single blog actions */
			#close-wrap {
				position: absolute;
				top: 0;
				bottom: 0;
				right: 0;
				width: 27%;
				width: calc(50% - 350px);
			}
			#post-wrap #ad-wrap {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				width: 27%;
				width: calc(50% - 350px);
			}
			@media screen and (max-width: 1379px) {
				#close-wrap,
				#post-wrap #ad-wrap {
					width: calc(50% - 300px);
				}
			}
			@media screen and (max-width: 1279px) {
				#close-wrap,
				#post-wrap #ad-wrap {
					width: calc(50% - 250px);
				}
			}
				.close {
					display: block;
					cursor: pointer;
					width: 160px;
					height: 160px;
					position: absolute;
					outline: none;
					top: 50%;
					right: 50%;
					margin-top: -80px;
					margin-right: -80px;
					z-index: 500;
					-webkit-transform: rotate(45deg);
					-moz-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
					-o-transform: rotate(45deg);
					transform: rotate(45deg);
				}
					.close:before,
					.close:after {
						content: '';
						position: absolute;
						background: #FFF;
					}
					.close:before {
						top: 0;
						left: 50%;
						margin-left: -1px;
						width: 2px;
						height: 160px;
					}
					.close:after {
						top: 50%;
						left: 0;
						margin-top: -1px;
						width: 160px;
						height: 2px;
					}

		.posts-more {
			display: none;
		}
		a#arrow-prev,
		a#arrow-next {	
			display: none;
			cursor: pointer;
			width: 80px;
			height: 120px;
			position: fixed;
			outline: none;
			bottom: 75px;
			margin-top: -40px;
			opacity: 1;
			z-index: 500;
			-webkit-transition: -webkit-transform 1s ease 0.5s, opacity 0.3s ease 0.5s;
			-moz-transition: -moz-transform 1s ease 0.5s, opacity 0.3s ease 0.5s;
			-ms-transition: -ms-transform 1s ease 0.5s, opacity 0.3s ease 0.5s;
			-o-transition: -o-transform 1s ease 0.5s, opacity 0.3s ease 0.5s;
			transition: transform 1s ease 0.5s, opacity 0.3s ease 0.5s;
		}
		a#arrow-next {
			right: 60px;
		}
		a#arrow-prev {
			left: 60px;
		}
			a#arrow-prev:after,
			a#arrow-next:after {
				content: '';
				display: block;
				position: absolute;
				width: 80px;
				height: 80px;
				margin: 0;
				top: 20px;
				left: -20px;
				border-left: 2px solid #F5F5F5;
				border-top: 2px solid #F5F5F5;
				-webkit-transform: rotate(135deg);
				-moz-transform: rotate(135deg);
				-ms-transform: rotate(135deg);
				-o-transform: rotate(135deg);
				transform: rotate(135deg);
			}
			a#arrow-prev:after {
				left: auto;
				right: -20px;
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}
	/* Live Blog */
	#liveblog-container {
		margin-bottom: 20px;
	}
	.liveblog-author-avatar {
		position: absolute;
		width: 60px;
		height: 60px;
		overflow: hidden;
		border-radius: 50%;
		box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
	}
		.liveblog-author-avatar img {
			min-width: 60px;
			max-width: 60px;
			height: auto !important;
			width: auto;
			display: block;
			border-radius: 0;
		}
		.live-blog .content {
			position: relative;
			padding-top: 50px !important;
		}
			.live-blog .content:before {
				width: 100%;
				height: 30px;
				display: block;
				text-align: center;
				line-height: 30px;
				content: 'Live Blogging Now!';
				background: #c00e0e;
				color: #F5F5F5;
				position: absolute;
				top: 0;
				left: 0;
			}
			.liveblog-entry .liveblog-meta a {
				pointer-events: none !important;
				cursor: text !important;
			}
			.liveblog-entry .liveblog-meta .liveblog-author-name {
				margin-left: 75px;
			}
				.liveblog-entry .liveblog-meta .liveblog-author-name a {
					font-weight: 700;
					color: #333 !important;
				}
			.liveblog-entry .liveblog-meta .liveblog-meta-time {
				line-height: 18px !important;
			}
			.liveblog-entry .liveblog-entry-text {
				font-size: inherit !important;
				line-height: inherit !important;
				padding: 0 !important;
				margin-left: 75px !important;
			}
			.liveblog-entry {
				border: solid #f5f5f5 !important;
				border-width: 5px 0 0 !important;
				margin: 20px 0 0 0 !important;
				padding: 20px 0 0 0 !important;
			}		
	/* Social Buttons */		
	#ssba {
		text-align: center;
		margin: 30px 0;
	}
	/* Comments */
	#comment-author {
		width: 50%;
		padding-right: 10px;
		float: left;
	}
	#comment-email {
		width: 50%;
		float: left;
		padding-left: 10px;
	}

/*
<----------------||----------------$Photos----------------||---------------->
*/
section#photos {
	
}
	/* Masthead */
	#masthead {
		height: 400px;
		width: 100%;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center center;
		background-attachment: scroll;
		background-size: cover;
		position: relative;
	}
		#masthead:before {
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			background: rgba(34, 34, 34, 0.5);
		}
		#masthead h2 {
			font-size: 60px;
			line-height: 400px;
			text-align: center;
			position: relative;
		}
		/* Photo credit */
		#masthead #photo-credit {
			position: absolute;
			bottom: 20px;
			right: 20px;
			margin: 0;
			font-size: 14px;
			text-align: right;
			-webkit-transition: -webkit-transform 0.3s ease;
			-moz-transition: -moz-transform 0.3s ease;
			-ms-transition: -ms-transform 0.3s ease;
			-o-transition: -o-transform 0.3s ease;
			transition: transform 0.3s ease;
		}
			#masthead #photo-credit span {
				font-family: Baskerville, serif;
				font-style: italic;
				font-weight: normal;
			}
	#photos-inner {
		padding: 10px;
		padding-bottom: 100px;
		position: relative;
	}
		/* Timeline Titles */
		#photos-inner:before {/*Vertical Line*/
			content: '';
			position: absolute;
			width: 2px;
			bottom: 0;
			top: 50px;
			left: 50%;
			margin-left: -1px;
			background: #FFF;
		}
		#photos #posts-more-wrap {
			display: none;
		}
		.fancybox-inner > .overlay h3,
		#photos h3,
		#inner-submit-photo h2 {
			margin: 20px 0;
			font-weight: 900;
			text-transform: uppercase;
			text-align: center;
			position: relative;
			font-size: 22px;
			line-height: 1.25em;
		}
		#photos h3 {
			-webkit-transform: skewY(-5deg);
			-moz-transform: skewY(-5deg);
			-ms-transform: skewY(-5deg);
			-o-transform: skewY(-5deg);
			transform: skewY(-5deg);
		}
		#photos .gallery > .img > a h3 {
			margin: 0;
			-webkit-transform: skewY(0deg);
			-moz-transform: skewY(0deg);
			-ms-transform: skewY(0deg);
			-o-transform: skewY(0deg);
			transform: skewY(0deg);
		}
			#photos h3 span {
				padding: 0 20px;
				border: 2px solid #FFF;
				background: #FFF;
				color: #CCC;
				border-radius: 3px;
			}
		/* Gallery */
		.gallery {
			margin: 0 auto;
			width: 100%;
			height: auto;
		}
			.gallery > .img {
				display: block;
				width: 25%;
				padding: 10px;
				-webkit-animation: fadeIn 1s;
				-moz-animation: fadeIn 1s;
				-ms-animation: fadeIn 1s;
				-o-animation: fadeIn 1s;
				animation: fadeIn 1s;
				-webkit-transition: width 0.3s ease, top 0.3s ease, left 0.3s ease;
				-moz-transition: width 0.3s ease, top 0.3s ease, left 0.3s ease;
				-ms-transition: width 0.3s ease, top 0.3s ease, left 0.3s ease;
				-o-transition: width 0.3s ease, top .03s ease, left 0.3s ease;
				transition: width 0.3s ease, top 0.3s ease, left 0.3s ease;
			}
				.gallery > .img > a {
					display: block;
					position: relative;
					width: 100%;
					height: 100%;
					line-height: 0;
					box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
					/* border-radius: 3px; */
					overflow: hidden;
				}	
					.fancybox-inner > span {
						position: absolute;
						bottom: 20px;
						right: 20px;
						font-size: 24px;
						color: #f5f5f5;
						z-index: 200;
						cursor: pointer;
						border-radius: 50%;
						background: rgba(34, 34, 34, 0.5);
						width: 24px;
						height: 23px;
					}
					.fancybox-inner > .overlay,
					.gallery > .img > a > .overlay {
						position: absolute;
						display: block;
						top: 5px;
						bottom: 5px;
						right: 5px;
						left: 5px;
						background: rgba(34, 34, 34, 0.5);
						line-height: 1.5em;
						opacity: 0;
						-webkit-transition: opacity 0.3s ease;
						-moz-transition: opacity 0.3s ease;
						-ms-transition: opacity 0.3s ease;
						-o-transition: opacity 0.3s ease;
						transition: opacity 0.3s ease;
					}
					.fancybox-inner > .overlay {
						overflow: auto;
						top: 0;
						left: 0;
						bottom: 0;
						right: 0;
					}
					.fancybox-inner > span:hover + .overlay,
					.gallery > .img > a:hover > .overlay {
						opacity: 1;
					}
						.fancybox-wrap .fancybox-inner > .overlay > div,
						.gallery > .img > a > .overlay > div {
							display: table;
							height: 100%;
							width: 100%;
						}
						.fancybox-wrap .fancybox-inner > .overlay > div {
							padding: 0 30px;
						}
							.fancybox-wrap .fancybox-inner > .overlay > div > div,
							.gallery > .img > a > .overlay > div > div {
								display: table-cell;
								vertical-align: middle;
								padding: 30px;
							}
								.fancybox-inner > .overlay p,
								.fancybox-inner > .overlay h3,
								.gallery > .img > a > .overlay p,
								.gallery > .img > a > .overlay h3 {
									color: #fff;
									text-align: center;
									margin: 0;
								}
								.fancybox-inner > .overlay p.author,
								.fancybox-inner > .overlay p.date,
								.gallery > .img > a > .overlay p.author {
									font-size: 14px;
								}
								.fancybox-inner > .overlay p.date {
									margin-bottom: 20px;
								}
									.fancybox-inner > .overlay p.author span,
									.fancybox-inner > .overlay p.date span,
									.gallery > .img > a > .overlay p.author span {
										font-family: Baskerville, serif;
										font-style: italic;
										font-weight: normal;
									}
					.gallery > .img > a > img {
						border: 5px solid #fff;
						/* border-radius: 3px; */
						display: block;
						margin: 0 auto;
						max-width: 100% !important;
						min-width: 100%;
						width: auto;
						height: auto !important;
						position: relative;
						z-index: auto;
					}

				@media screen and (max-width: 1400px) {
					.gallery > .img {
						width: 33.333%;
					}
				}
				@media screen and (max-width: 960px) {
					.gallery > .img {
						width: 50%;
					}
				}
				@media screen and (max-width: 580px) {
					.gallery > .img {
						width: 100%;
					}
				}

		/* Fancybox */
		html.fancybox-lock .iScrollVerticalScrollbar {
			z-index: 1 !important;
		}
		.fancybox-skin {
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
		.fancybox-opened .fancybox-skin {
			-webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
			-moz-box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
			box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
		}
		.fancybox-overlay {
			z-index: 200;
			background: rgba(204,204,204,0.9);
		}
		.fancybox-lock .fancybox-overlay {
			overflow: hidden;
			overflow-y: hidden;
		}
		.fancybox-overlay-fixed {
			top: 35px;
		}
		html.alerts .fancybox-overlay-fixed {
			top: 70px;
		}
		html.watch-live .fancybox-overlay-fixed {
			bottom: 35px;
		}
		#fancybox-loading {
			background: none;
			width: 64px;
			height: 64px;
			z-index: 500;
			position: fixed;
			opacity: 1;
			top: 50%;
			margin-top: -32px;
			left: 50%;
			margin-left: -32px;
			-webkit-animation: spin 0.6s linear infinite;
			-moz-animation: spin 0.6s linear infinite;
			-ms-animation: spin 0.6s linear infinite;
			-o-animation: spin 0.6s linear infinite;
			animation: spin 0.6s linear infinite;
		}
			#fancybox-loading div {
				background: none;
				width: 100%;
				height: 100%;
			}
			#fancybox-loading div:before {
				content: "\e1aa";
				color: #0068b3;
				font-size: 64px;
				line-height: 1;
			}
		a.fancybox-close {
			background-image: none;
			display: block;
			width: 60px;
			height: 60px;
			position: fixed;
			top: 65px;
			right: 30px;
		}
		html.alerts a.fancybox-close {
			top: 100px;
		}
			.fancybox-close:before,
			.fancybox-close:after {
				content: '';
				display: block;
				position: absolute;
				top: 50%;
				left: 50%;
				width: 80px;
				height: 2px;
				background: #FFF;
				margin-left: -40px;
				-webkit-transform: rotate(135deg);
				-moz-transform: rotate(135deg);
				-ms-transform: rotate(135deg);
				-o-transform: rotate(135deg);
				transform: rotate(135deg);
			}
			.fancybox-close:after {
				left: auto;
				right: -10px;
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg);
			}
		a.fancybox-next,
		a.fancybox-prev {
			position: fixed;
			display: block;
			width: 80px;
			height: 130px;
			outline: none;
			top: 50%;
			left: 30px;
			margin-top: -35px;
			overflow: hidden;
		}
		a.fancybox-next {
			left: auto;
			right: 30px;
		}
			.fancybox-next:before,
			.fancybox-prev:before {
				content: '';
				display: block;
				position: absolute;
				top: 25px;
				left: 25px;
				width: 80px;
				height: 80px;
				margin: 0;
				border-top: 2px solid #fff;
				border-left: 2px solid #fff;
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}
			.fancybox-next:before {
				border-left: none;
				border-right: 2px solid #fff;
				left: auto;
				right: 25px;
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg);
			}			
/* Submit-Photo */
.trigger-submit-photo {
	cursor: pointer;
	text-align: center;
	position: relative;
	margin: 80px 0;
}
#masthead .trigger-submit-photo {
	margin: 0;
	position: absolute;
	bottom: 80px;
	left: 0;
	width: 100%;
}
#submit-photo {
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: rgba(204,204,204,0.9);
	opacity: 0;
	z-index: 600;
	-webkit-transition: opacity 0.6s ease, left 0s ease 0.6s;
	-moz-transition: opacity 0.6s ease, left 0s ease 0.6s;
	-ms-transition: opacity 0.6s ease, left 0s ease 0.6s;
	-o-transition: opacity 0.6s ease, left 0s ease 0.6s;
	transition: opacity 0.6s ease, left 0s ease 0.6s;
}
#submit-photo.open {
	left: 0;
	opacity: 1;
	-webkit-transition: opacity 0.6s ease, left 0s ease 0s;
	-moz-transition: opacity 0.6s ease, left 0s ease 0s;
	-ms-transition: opacity 0.6s ease, left 0s ease 0s;
	-o-transition: opacity 0.6s ease, left 0s ease 0s;
	transition: opacity 0.6s ease, left 0s ease 0s;
}
	#close-submit-photo {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#submit-photo #inner-submit-photo {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		/*background: #004474;*/
		border-radius: 3px;
		overflow: hidden;
		box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
		z-index: 100;
		/* Prevent native touch events on Windows */
		-ms-touch-action: none;
		/* Prevent the callout on tap-hold and text selection */
		-webkit-touch-callout: none;
		-webkit-user-select: text;
		-moz-user-select: text;
		-ms-user-select: text;
		user-select: text;
		/* Prevent text resize on orientation change, useful for web-apps */
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
		-o-text-size-adjust: none;
		-webkit-transform: translateY(110%);
		-moz-transform: translateY(110%);
		-ms-transform: translateY(110%);
		-o-transform: translateY(110%);
		transform: translateY(110%);
		-webkit-transition: -webkit-transform 0.3s ease, left 0s ease 0.3s;
		-moz-transition: -moz-transform 0.3s ease, left 0s ease 0.3s;
		-ms-transition: -ms-transform 0.3s ease, left 0s ease 0.3s;
		-o-transition: -o-transform 0.3s ease, left 0s ease 0.3s;
		transition: transform 0.3s ease, left 0s ease 0.3s;
	}
	#submit-photo.open #inner-submit-photo {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		-webkit-transition: -webkit-transform 0.3s ease 0.3s;
		-moz-transition: -moz-transform 0.3s ease 0.3s;
		-ms-transition: -ms-transform 0.3s ease 0.3s;
		-o-transition: -o-transform 0.3s ease 0.3s;
		transition: transform 0.3s ease 0.3s;
	}
		#submit-photo #inner-submit-photo > .scroller {
			margin: 0 auto;
			display: table;
			width: 700px;
			height: 100%;
			padding: 20px 50px;
			background: #004474;
			/* Prevent elements to be highlighted on tap */
			-webkit-tap-highlight-color: rgba(0,0,0,0);
			/* Put the scroller into the HW Compositing layer right from the start */
			-webkit-transform: translateZ(0);
			-moz-transform: translateZ(0);
			-ms-transform: translateZ(0);
			-o-transform: translateZ(0);
			transform: translateZ(0);
		}
		#submit-photo #inner-submit-photo > div > div {
			display: table-cell;
			vertical-align: middle;
		}
			#submit-photo #inner-submit-photo a {
				color: #f5f5f5;
				text-decoration: underline;
			}
			#submit-photo #inner-submit-photo form {
				margin-bottom: 20px;
			}
			#submit-photo .ugc-inner-wrapper h2 {
				display: none;
			}
			#submit-photo #inner-submit-photo h2 {
				margin: 0;
				padding: 20px 0;
			}
			#submit-photo .ugc-inner-wrapper .ugc-input-wrapper label {
				font-weight: normal;
				margin: 0;
			}
			#submit-photo .ugc-inner-wrapper .ugc-input-wrapper label span {
				color: #c00e0e;
			}
			#submit-photo .ugc-inner-wrapper .ugc-input-wrapper label.error {
				color: #c00e0e;
				font-size: 14px;
				line-height: 1.25em;
			}
			#submit-photo form > div > div.ugc-input-wrapper {
				position: relative;
				padding: 4px 0;
			}
				#submit-photo form input[type=submit] {
					background: #ddd;
					color: #333;
				}
				#submit-photo form input[type=file] {
					color: #f5f5f5;
				}
				#submit-photo form input[type=submit]:hover {
					background: #ccc;
				}
				#submit-photo form label[for=photo-submit] {
					height: 55px;
					padding-top: 10px;
				}
					#submit-photo form label[for=photo-submit] input {
						position: absolute;
						left: 50%;
						margin-left: -46px;
					}
		.submit-photo-close-wrap {
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			width: 30%;
			width: calc(50% - 350px);
			z-index: 200;
		}
		.submit-photo-close-wrap:first-child {
			left: 0;
			right: auto;
		}

/*
<----------------||----------------$Maps----------------||---------------->
*/
section#maps {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #004474;
}
	#maps-slider-wrap {
		width: 1024px;
		height: 375px;
		margin: auto;
		position: absolute !important;
		top: 50%;
		margin-top: -233px;
		left: 50%;
		margin-left: -512px;
	}
	@media screen and (min-width: 768px) and (max-width: 1049px) {
		#maps-slider-wrap {
			margin-top: 0;
			-webkit-transform: scale(.85) translateY(-72%);
			-moz-transform: scale(.85) translateY(-72%);
			-ms-transform: scale(.85) translateY(-72%);
			-o-transform: scale(.85) translateY(-72%);
			transform: scale(.85) translateY(-72%);
		}
	}
	@media screen and (min-width: 1050px) and (max-width: 1150px) {
		#maps-slider-wrap {
			margin-top: 0;
			-webkit-transform: scale(.9) translateY(-69%);
			-moz-transform: scale(.9) translateY(-69%);
			-ms-transform: scale(.9) translateY(-69%);
			-o-transform: scale(.9) translateY(-69%);
			transform: scale(.9) translateY(-69%);
		}
	}
	@media screen and (min-width: 1440px) {
		#maps-slider-wrap {
			margin-top: 0;
			-webkit-transform: scale(1.25) translateY(-50%);
			-moz-transform: scale(1.25) translateY(-50%);
			-ms-transform: scale(1.25) translateY(-50%);
			-o-transform: scale(1.25) translateY(-50%);
			transform: scale(1.25) translateY(-50%);
		}
	}
	@media screen and (min-width: 1800px) {
		#maps-slider-wrap {
			margin-top: 0;
			-webkit-transform: scale(1.5) translateY(-42%);
			-moz-transform: scale(1.5) translateY(-42%);
			-ms-transform: scale(1.5) translateY(-42%);
			-o-transform: scale(1.5) translateY(-42%);
			transform: scale(1.5) translateY(-42%);
		}
	}
	#maps-slider {
		width: 615px;
		height: 360px;
		margin-left: 40px;
	}
	/* Map Slider Pager */
	#maps-pager-wrap {
		position: absolute;
		top: 0;
		right: 40px;
		height: 360px;
		width: 250px;
		overflow: hidden;
	}
	#maps-pager {
		padding: 0 20px;
	}
		#maps-pager > li {
			display: block;
			border-radius: 3px;
			box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
			font-family: "nimbus-sans-condensed",sans-serif;
			font-style: normal;
			font-weight: 400;
			font-size: 26px;
			color: #FFF;
			margin-top: 21px;
			overflow: hidden;
		}
		#maps-pager > li:first-child {
			margin-top: 0;
		}
			#maps-pager > li > div {
				width: 210px;
				height: 106px;
				display: table;
				position: relative;
			}
				#maps-pager > li > div > img {
					height: 100%;
					width: 100%;
					display: block;
					line-height: 0;
					position: absolute;
					top: 0;
					left: 0;
				}
				#maps-pager > li > div > span {
					cursor: pointer;
					padding: 0 20px;
					display: table-cell;
					vertical-align: middle;
					text-align: center;
					background: rgba(34, 34, 34, 0.25);
					height: 100%;
					width: 100%;
					opacity: 0;
					position: relative;
					-webkit-transition: opacity 0.3s ease;
					-moz-transition: opacity 0.3s ease;
					-ms-transition: opacity 0.3s ease;
					-o-transition: opacity 0.3s ease;
					transition: opacity 0.3s ease;
				}
				#maps-pager > li.current > div > span,
				#maps-pager > li:hover > div > span {
					opacity: 1;
				}
		#maps-slider > div {
			position: absolute;
			width: 694px;
			height: 360px;
			background-color: transparent;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center bottom;
			border-radius: 3px;
			box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
		}
			#maps-slider > div > div {
				width: 100%;
				height: 100%;
				position: relative;
				background-color: transparent;
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center bottom;
				border-radius: 3px;
			}
				#maps-slider > div > .maps-inner-slider > div {
					width: 100%;
					height: 100%;
					position: relative;
				}
					#maps-slider > div > .maps-inner-slider > div > div {
						width: 100%;
						height: 100%;
						position: relative;
						background-color: transparent;
						background-repeat: no-repeat;
						background-size: cover;
						background-position: center bottom;
						border-radius: 3px;
					}
						#maps-slider .title {
							display: none !important;
							position: absolute;
							top: -45px;
							left: 0;
							width: 612px;
							height: 35px;
							line-height: 35px;
							text-align: center;
							font-family: "nimbus-sans-condensed",sans-serif;
							font-style: normal;
							font-weight: 400;
							font-size: 26px;
							color: #FFF;
						}
						/* Inner Map Slider Pager */		
						#maps-slider > div > .inner-pager {
							z-index: 200;
							position: absolute;
							display: block;
							bottom: -15px;
							height: 34px;
							width: auto;
							background: #004474;
							border: 2px solid #ffac40;
							border-radius: 5px;
							left: 50%;
							-webkit-transform: translateX(-50%);
							-moz-transform: translateX(-50%);
							-ms-transform: translateX(-50%);
							-o-transform: translateX(-50%);
							transform: translateX(-50%);
						}
							#maps-slider > div > .inner-pager li {
								float: left;
								height: 30px;
								position: relative;
								text-align: center;
								border-left: 2px solid #ffac40;
							}
							#maps-slider > div > .inner-pager li:first-child {
								border-left: none;
							}
							#maps-slider > div > .inner-pager li.current {
								background: #ffac40;
							}
								#maps-slider > div > .inner-pager li.current span {
									color: #004474;
								}
								#maps-slider > div > .inner-pager li span {
									display: block;
									cursor: pointer;
									line-height: 30px;
									padding: 0 20px;
									-webkit-transition: color 0.3s ease;
									-moz-transition: color 0.3s ease;
									-ms-transition: color 0.3s ease;
									-o-transition: color 0.3s ease;
									transition: color 0.3s ease;
								}
	/* Next and Prev Arrows */
	span#maps-prev,
	span#maps-next {
		display: block;
		cursor: pointer;
		width: 40px;
		height: 60px;
		position: absolute;
		outline: none;
		top: 50%;
		margin-top: -20px;
		left: -10px;
		z-index: 200;
	}
	span#maps-next {
		left: auto;
		right: -10px;
	}
		span#maps-prev:after,
		span#maps-next:after {
			content: '';
			display: block;
			width: 40px;
			height: 40px;
			margin: 0;
			top: 10px;
			left: -10px;
			position: absolute;
			-webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			-o-transform: rotate(135deg);
			-ms-transform: rotate(135deg);
			transform: rotate(135deg);
			border-left: 2px solid #FFF;
			border-top: 2px solid #FFF;
		}
		span#maps-prev:after {
			left: 10px;
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

/*
<----------------||----------------$Alerts----------------||---------------->
*/
/*Alerts bar*/
#alerts-bar {
	position: fixed;
	top: 35px;
	left: 0;
	width: 100%;
	height: 35px;
	background-color: #c00e0e;
	/* text-transform: uppercase; */
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
	z-index: 600;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.3s ease;
	-moz-transition: -moz-transform 0.3s ease;
	-ms-transition: -ms-transform 0.3s ease;
	-o-transition: -o-transform 0.3s ease;
	transition: transform 0.3s ease;
}
html.alerts #alerts-bar {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
	#dismiss-alerts {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		font-size: 24px;
		padding-right: 20px;
		line-height: 35px;
		opacity: 0;
		-webkit-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		-ms-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
	}
	body.show-alerts #dismiss-alerts {
		opacity: 1;
	}
	#alerts-bar > h5 {
		line-height: 35px;
		opacity: 0;
		-webkit-transition: opacity 0.1s ease;
		-moz-transition: opacity 0.1s ease;
		-ms-transition: opacity 0.1s ease;
		-o-transition: opacity 0.1s ease;
		transition: opacity 0.1s ease;
	}
	#alerts-bar > h5 span:first-child {
		font-size: 18px;
		position: relative;
		top: 2px;
		margin-right: 10px;
	}
	#alerts-bar > h5 span#hide-details,
	#alerts-bar > h5 span#view-details {
		display: inline;
		color: #c00e0e;
		background: #FFF;
		border-radius: 2px;
		padding: 0 5px;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: 700;
		position: relative;
		top: -1px;
		margin-left: 10px;
	}
	body.show-alerts #alerts-bar > h5 span#view-details {
		display: none;
	}
	#alerts-bar > h5 span#hide-details {
		display: none;
	}
	body.show-alerts #alerts-bar > h5 span#hide-details {
		display: inline;
	}
	html.alerts #alerts-bar > h5 {
		opacity: 1;
		-webkit-transition: opacity 0.3s ease 0.3s;
		-moz-transition: opacity 0.3s ease 0.3s;
		-ms-transition: opacity 0.3s ease 0.3s;
		-o-transition: opacity 0.3s ease 0.3s;
		transition: opacity 0.3s ease 0.3s;
	}
/*Alerts*/
#alerts {
	position: fixed;
	top: 0;
	left: -100%;
	bottom: 0;
	right: 0;
	z-index: 500;
	width: 100%;
	height: auto;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease, left 0s ease 0.3s;
	-moz-transition: opacity 0.3s ease, left 0s ease 0.3s;
	-ms-transition: opacity 0.3s ease, left 0s ease 0.3s;
	-o-transition: opacity 0.3s ease, left 0s ease 0.3s;
	transition: opacity 0.3s ease, left 0s ease 0.3s;
}
body.show-alerts #alerts {
	opacity: 1;
	left: 0;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
	#close-alerts {
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(204,204,204,0.9);
	}
	/*Alert States*/
	ul#states {
		position: absolute;
		top: 100px;
		left: 10%;
		right: 10%;
		background: transparent;
		text-align: center;
		font-size: 0;
	}
		ul#states li {
			font-family: "nimbus-sans-condensed",sans-serif;
			font-weight: 400;
			font-size: 22px;
			display: inline-block;
			position: relative;
			height: 34px;
			line-height: 30px;
			text-align: center;
			padding: 0 30px;
			cursor: pointer;
			border-left: 1px solid #c00e0e;
			border-right: 1px solid #c00e0e;
			border-top: 2px solid #c00e0e;
			border-bottom: 2px solid #c00e0e;
			background: #FFF;
			color: #333;
			-webkit-transition: background 0.3s ease, color 0.3s ease;
			-moz-transition: background 0.3s ease, color 0.3s ease;
			-ms-transition: background 0.3s ease, color 0.3s ease;
			-o-transition: background 0.3s ease, color 0.3s ease;
			transition: background 0.3s ease, color 0.3s ease;
		}
		ul#states li:first-child {
			border-left: none;
			border-left: 2px solid #c00e0e;
			border-bottom-left-radius: 5px;
			border-top-left-radius: 5px;
		}
		ul#states li:last-child {
			border-right: none;
			border-right: 2px solid #c00e0e;
			border-bottom-right-radius: 5px;
			border-top-right-radius: 5px;
		}
		ul#states li.no-alerts {
			display: none;
		}
		ul#states li.current {
			background: #c00e0e;
			color: #FFF;
		}
			ul#states li.current:before {
				position: absolute;
				bottom: -8px;
				left: 50%;
				display: block;
				width: 0;
				height: 0;
				border-width: 8px 8px 0 8px;
				border-style: solid;
				border-color: transparent;
				border-top-color: #c00e0e;
				content: '';
				-webkit-transform: translateX(-50%);
				-moz-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
				-o-transform: translateX(-50%);
				transform: translateX(-50%);
			}
			ul#states li span {
				position: absolute;
				top: -12px;
				right: 6px;
				width: 20px;
				height: 20px;
				text-align: center;
				line-height: 16px;
				border-radius: 50%;
				font-weight: 700;
				background: #c00e0e;
				color: #FFF;
				border: 2px solid #c00e0e;
				font-family: "nimbus-sans",sans-serif;
				font-size: 12px;
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-ms-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}
			ul#states li.current span {
				background: #FFF;
				border: 2px solid #fff;
				color: #c00e0e;
			}
	/* Alerts */
	#alert-wrap {
		position: absolute;
		top: 160px;
		bottom: 30px;
		left: 10%;
		right: 10%;
		z-index: auto;
		background: #fff;
		color: #333;
		border-radius: 3px;
		box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
	}
	html.watch-live #alert-wrap {
		bottom: 155px;
	}
		#alert-wrap:before,
		#alert-wrap:after {
			pointer-events: none;
			content: '';
			position: absolute;
			top: 0;
			left: 30px;
			right: 30px;
			height: 30px;
			z-index: 2;
			background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
		}
		#alert-wrap:after {
			top: auto;
			bottom: 0;
			background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		}
			#alert-wrap > a#map-alerts {
				color: #c00e0e;
				position: absolute;
				right: 20px;
				top: 20px;
				font-size: 14px;
				line-height: 1.5em;
				text-align: center;
				text-transform: uppercase;
				z-index: 2;
			}
				#alert-wrap > a#map-alerts > span.icon-map {
					font-size: 48px;
				}

/*Nick's Alert Styles, I will organize later - Ryan*/
#alert-wrap {
	overflow: hidden;
}
	#alerts .state {
		display: none;
		width: 100%;
		height: 100%;
		overflow: hidden;
		padding: 0 60px;
		/* Prevent native touch events on Windows */
		-ms-touch-action: none;
		/* Prevent the callout on tap-hold and text selection */
		-webkit-touch-callout: none;
		-webkit-user-select: text;
		-moz-user-select: text;
		-ms-user-select: text;
		user-select: text;
		/* Prevent text resize on orientation change, useful for web-apps */
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
		-o-text-size-adjust: none;
	}
	#alerts .state.current {
		display: block;
	}
		#alerts .state > div {
			/* Prevent elements to be highlighted on tap */
			-webkit-tap-highlight-color: rgba(0,0,0,0);
			/* Put the scroller into the HW Compositing layer right from the start */
			-webkit-transform: translateZ(0);
			-moz-transform: translateZ(0);
			-ms-transform: translateZ(0);
			-o-transform: translateZ(0);
			transform: translateZ(0);
		}
		#alert:last-child {
			border-bottom: none;
		}
			.alert {
				margin-bottom: 30px;
			}
			.state .alert:first-child {
				padding-top: 30px;
			}
			.state .alert:last-child {
				padding-bottom: 30px;
			}
			#alerts h3.warning-title {
				padding-top: 20px;
				font-family: "nimbus-sans-condensed",sans-serif;
				font-weight: 400;
				font-size: 36px;
				line-height: 1.15em;
			}
			#alerts p {
				margin-bottom: 10px;
			}

/*
<----------------||----------------$Watch-Live----------------||---------------->
*/
#watch-live {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 35px;
	overflow: hidden;
	z-index: 500;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.3s ease;
	-moz-transition: -moz-transform 0.3s ease;
	-ms-transition: -ms-transform 0.3s ease;
	-o-transition: -o-transform 0.3s ease;
	transition: transform 0.3s ease;
}
html.watch-live #watch-live {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
	#watch-live > div {
		position: absolute;
		right: 0;
		width: 50%;
		height: 100%;
		background: #c00e0e;
	}
		#watch-live > div > div {
			position: relative;
			width: 100%;
			height: 100%;
			background-size: 40%;
			z-index: 200;
			color: #FFF;
			text-transform: uppercase;
			text-align: left;
			line-height: 35px;
			padding-left: 40px;
		}
			#watch-live > div > div strong {
				font-weight: 900;
			}
			#watch-live > div > div span.icon-play {
				position: absolute;
				top: 0;
				right: -10px;
				font-size: 18px;
				line-height: 35px;
			}
	#watch-live > div:first-child {
		right: auto;
		left: 0;
		background: #0068b3;
	}
		#watch-live > div:first-child > div {
			text-align: right;
			padding-right:20px;
			padding-left: 0;
		}
	#watch-live > div:first-child:before {
		content: '';
		position: absolute;
		right: -20px;
		top: -3px;
		width: 40px;
		height: 40px;
		background: #0068b3;
		border: 3px solid #004474;
		border-left: none;
		border-bottom: none;
		z-index: 100;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

/*Global results of body classes*/
html.alerts #wrapper {
	top: 70px;
}
html.watch-live #wrapper {
	bottom: 35px;
}
html.alerts #twitter {
	top: 90px;
}
html.watch-live #twitter {
	bottom: 55px;
}
html.animate-height .resize {
	-webkit-transition: height 0.3s ease;
	-moz-transition: height 0.3s ease;
	-ms-transition: height 0.3s ease;
	-o-transition: height 0.3s ease;
	transition: height 0.3s ease;
}

/*
<----------------||----------------$Ask-Tom-Anything----------------||---------------->
*/
/*Ask Tom Bar*/
#ask-tom-bar {
	display: none;
	position: fixed;
	top: 55px;
	left: 20px;
	width: 250px;
	height: 45px;
	padding-right: 20px;
	text-align: center;
	cursor: pointer;
	z-index: 0;
}
#ask-tom-bar h5 {
	display: block;
	text-transform: uppercase; 
	line-height: 45px;
	font-weight: 600;
	background-color: #004474;
	border-radius: 3px;
	font-size: 16px;
}
body.ask-tom-why #ask-tom-bar {
	display: block;
	-webkit-transition: top 0.3s ease;
	-moz-transition: top 0.3s ease;
	-ms-transition: top 0.3s ease;
	-o-transition: top 0.3s ease;
	transition: top 0.3s ease;
}
html.alerts #ask-tom-bar {
	top: 90px;
}
section#twitter.ask-tom-why {
	top: 120px;
}
html.alerts section#twitter.ask-tom-why {
	top: 155px;
}

#ask-tom-anything {
	position: fixed;
	top: 35px;
	left: -100%;
	bottom: 0;
	width: 100%;
	height: auto;
	opacity: 0;
	background: rgba(204,204,204,0.9);
	-webkit-transition: opacity 0.6s ease, left 0s ease 0.6s;
	-moz-transition: opacity 0.6s ease, left 0s ease 0.6s;
	-ms-transition: opacity 0.6s ease, left 0s ease 0.6s;
	-o-transition: opacity 0.6s ease, left 0s ease 0.6s;
	transition: opacity 0.6s ease, left 0s ease 0.6s;
}
html.alerts #ask-tom-anything {
	top: 70px;
}
html.watch-live #ask-tom-anything {
	bottom: 35px;
}
#ask-tom-anything.open {
	opacity: 1;
	left: 0;
	-webkit-transition: opacity 0.6s ease, left 0s ease 0s;
	-moz-transition: opacity 0.6s ease, left 0s ease 0s;
	-ms-transition: opacity 0.6s ease, left 0s ease 0s;
	-o-transition: opacity 0.6s ease, left 0s ease 0s;
	transition: opacity 0.6s ease, left 0s ease 0s;
}
	#ask-tom-anything > #ask-tom-inner {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 100;
		border-radius: 3px;
		box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
		-webkit-transition: -webkit-transform 0.3s ease, left 0s ease 0.3s;
		-moz-transition: -moz-transform 0.3s ease, left 0s ease 0.3s;
		-ms-transition: -ms-transform 0.3s ease, left 0s ease 0.3s;
		-o-transition: -o-transform 0.3s ease, left 0s ease 0.3s;
		transition: transform 0.3s ease, left 0s ease 0.3s;
	}
	#ask-tom-anything.open > #ask-tom-inner {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		-webkit-transition: -webkit-transform 0.3s ease 0.3s;
		-moz-transition: -moz-transform 0.3s ease 0.3s;
		-ms-transition: -ms-transform 0.3s ease 0.3s;
		-o-transition: -o-transform 0.3s ease 0.3s;
		transition: transform 0.3s ease 0.3s;
	}
		#ask-tom-anything > #ask-tom-inner > .scroller {
			margin: 0 auto;
			display: table;
			width: 700px;
			height: 100%;
			padding: 20px 50px;
			background: #004474;
			/* Prevent elements to be highlighted on tap */
			-webkit-tap-highlight-color: rgba(0,0,0,0);
			/* Put the scroller into the HW Compositing layer right from the start */
			-webkit-transform: translateZ(0);
			-moz-transform: translateZ(0);
			-ms-transform: translateZ(0);
			-o-transform: translateZ(0);
			transform: translateZ(0);
		}
			#ask-tom-anything > #ask-tom-inner > .scroller > div {
				display: table-cell;
				vertical-align: middle;
			}
				#ask-tom-anything > #ask-tom-inner p,
				#ask-tom-anything > #ask-tom-inner h3,
				#ask-tom-anything > #ask-tom-inner form {
					position: relative;
					z-index: 200;
				}
				#ask-tom-anything > #ask-tom-inner form {
					margin: 0 -10px;
				}
				#ask-tom-anything > #ask-tom-inner h2 {
					margin: 20px 0;
					font-weight: 900;
					text-transform: uppercase;
					text-align: center;
					position: relative;
					font-size: 22px;
					line-height: 1.25em;
				}
					#ask-tom-anything > #ask-tom-inner form li {
						position: relative;
						padding: 0 10px 20px;
						clear: both;
					}
					#ask-tom-anything > #ask-tom-inner form li.half {
						width: 50%;
						float: left;
						clear: none;
					}
					#ask-tom-anything > #ask-tom-inner form > div.submit {
						text-align: center;
					}
						#ask-tom-anything > #ask-tom-inner form input[type=submit] {
							background: #ddd;
							color: #333;
						}
						#ask-tom-anything > #ask-tom-inner form input[type=submit]:hover {
							background: #ccc;
						}
						#ask-tom-anything > #ask-tom-inner form li span.error {
							position: absolute;
							left: 10px;
							bottom: 2px;
							color: #c00e0e;
							font-size: 14px;
							line-height: 1.25em;
						}
	.ask-tom-close-wrap {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 30%;
		width: calc(50% - 350px);
		z-index: 200;
	}
	.ask-tom-close-wrap:first-child {
		left: 0;
		right: auto;
	}		

/*
<----------------||----------------$Search----------------||---------------->
*/
section#search-view {
	background: #CCC;
	min-height: 100%;
}
	#search-view > div {
		width: 600px;
		margin: 0 auto;
		padding: 60px 0 120px;
		position: relative;
	}
	#search-view > div hr {
		border: solid #f5f5f5;
		border-width: 2px 0 0 ;
		margin: 20px 0;
	}
	#search-view > div hr:first-child {
		margin-top: 30px;
	}
	#search-view > div h2 {
		color: #0068b3;
		text-align: center;
	}
	#search-view > div h3 {
		margin-bottom: 0;
	}
		form#search-form {
			position: relative;
			width: 400px;
			margin: 0 auto;
		}
			#search-form input[type=text],
			#search-form input[type=submit] {
				height: 40px;
				line-height: 40px;
				padding: 0 10px;
				border-radius: 5px;
			}
			#search-form input[type=text] {
				width: 350px;
				float: left;
				border-top-right-radius: 0;
				border-bottom-right-radius: 0;
				background: #F5F5F5;
				border-color: #0068b3;
				border-right: none;
				-webkit-transition: background 0.3s ease;
				-moz-transition: background 0.3s ease;
				-ms-transition: background 0.3s ease;
				-o-transition: background 0.3s ease;
				transition: background 0.3s ease;
			}
			#search-form input[type=text]:focus {
				background: #FFF;
			}
			#search-form span {
				display: block;
				width: 50px;
				height: 40px;
				font-size: 24px;
				position: absolute;
				top: 0;
				right: 0;
				line-height: 40px;
				text-align: center;
				background: #0068b3;
				cursor: pointer;
				border-top-right-radius: 5px;
				border-bottom-right-radius: 5px;
				-webkit-transition: background 0.3s ease;
				-moz-transition: background 0.3s ease;
				-ms-transition: background 0.3s ease;
				-o-transition: background 0.3s ease;
				transition: background 0.3s ease;
			}
				#search-form span:hover {
					background: #004474;
				}
				#search-form input[type=submit] {
					position: absolute;
					top: 0;
					right: 0;
					width: 50px;
					background: transparent;
					border-top-left-radius: 0;
					border-bottom-left-radius: 0;
				}	

/*
<----------------||----------------$Page----------------||---------------->
*/
section#page {
	
}
	#page > div {
		max-width: 600px;
		margin: 0 auto;
		padding: 30px 60px 120px;
		background: #F5F5F5;
	}
		#page h2 {
			color: #0068b3;
			text-align: center;
			margin-bottom: 20px;
		}
		#page h3 {
			text-align: center;
			color: #333;
		}

/*
<----------------||----------------$404----------------||---------------->
*/
section#error404 {
	text-align: center;
	color: #333;
}
	#error404 > div {
		padding: 60px 0 120px;
	}
		#error404 h2 {
			color: #0068b3;
		}
		#error404 span.icon-search2 {
			color: #fff;
		}

/*
<----------------||----------------$Ads----------------||---------------->
*/
/*ad-726x88*/
.ad-banner {
	background: rgba(0,0,0,0.5);
	width: 728px;
	height: 90px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -364px;
	z-index: 400;
	-webkit-animation: fadeIn 1s;
	-moz-animation: fadeIn 1s;
	-ms-animation: fadeIn 1s;
	-o-animation: fadeIn 1s;
	animation: fadeIn 1s;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	overflow: hidden;/*this is temporary - hides overflow of iframe*/
}
/*Overrides for special cases*/
html.watch-live #alerts .ad-banner {
	bottom: 35px;
}
#radar .ad-banner {
	bottom: -90px;
}
body.show-alerts #headlines .ad-banner {
	opacity: 0;
}

/*
<----------------$Blog Ads---------------->
*/
.ad-square-wrap {
	background: rgba(0,0,0,0.5);
	border-radius: 0;
	display: block;
	margin: 0 auto;
	box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
}
#home .ad-square-wrap,
#blog .ad-square-wrap {
	width: 300px;
	height: 250px;
	margin: 0 auto;
	overflow: hidden;
}
#post-wrap .ad-square-wrap {
	width: 300px;
	height: 250px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -125px;
}

/* Responsive Blog Ads */
/*
@media all and (max-width: 1650px) and (min-width: 1401px) {
	#blog .ad-square-wrap {
		width: 200px;
		height: 200px;
	}
}
@media all and (max-width: 1400px) and (min-width: 1291px) {
	#blog .ad-square-wrap,
	#post-wrap .ad-square-wrap {
		width: 300px;
		height: 250px;
	}
	#post-wrap .ad-square-wrap {
		margin-top: -125px;
		margin-left: -150px;
	}
}
@media all and (max-width: 1290px) and (min-width: 769px) {
	#blog .ad-square-wrap,
	#post-wrap .ad-square-wrap {
		width: 200px;
		height: 200px;
	}
	#post-wrap .ad-square-wrap {
		margin-top: -100px;
		margin-left: -100px;
	}
}
*/
@media screen and (max-width: 1100px) {
	#blog-single {
		z-index: 1;
	}
	#blog-single > div {
		padding: 20px 0 290px;
	}
	#post-wrap #ad-wrap {
		position: absolute;
		width: 100%;
		width: -webkit-calc(100% + 40px);
		width: calc(100% + 40px);
		height: 250px;
		margin: 0 -20px 20px;
		top: auto;
		z-index: 0;
		padding: 0;
		margin: 0 0 20px;
		max-width: 100%;
	}
}
		
/*
<----------------||----------------$Spinner----------------||---------------->
*/
#loader-wrapper {
	position: fixed;
	top: 50%;
	left: 0;
	width: 100%;
	height: 64px;
	margin-top: -32px;
	display: none;
	pointer-events: none;
}
body.loading #loader-wrapper {
	display: block;
}
	#loader {
		width: 100%;
		text-align: center;
		height: 64px;
		z-index: 99999;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-animation: spin 0.6s linear infinite;
		-moz-animation: spin 0.6s linear infinite;
		-ms-animation: spin 0.6s linear infinite;
		-o-animation: spin 0.6s linear infinite;
		animation: spin 0.6s linear infinite;
	}
		.icon-spinner:before {
			color: #0068b3;
			font-size: 64px;
			line-height: 1;
		}

/*
<----------------||----------------$NDN-Ooyala-Videos----------------||---------------->
*/
.ndn_embedContainer iframe {
	display: none;
}
.video-embed,
.ndn_embed .akamai-layer {
	border-top-right-radius: 3px;
 	border-top-left-radius: 3px;
 	overflow: hidden;
 	background-size: 100% 100%;
}
.video-embed .ooyala-video-wrapper,
.ndn_embed {
	width: 100% !important;
	height: auto !important;
  	position: relative;
 	padding: 56.3% 0 0 0; /* 56.3% = 16:9 ratio */
 	border-top-right-radius: 3px;
 	border-top-left-radius: 3px;
 	overflow: hidden;
}
/*.post .content .ooyala-video-wrapper {
	display: none;
}*/
	.video-embed .ooyala-video-wrapper .innerWrapper,
	.ndn_embedContainer.ndn_widget_VideoPlayer-Default .ndn_videoPlayer {
		position: absolute !important;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
		min-width: 280px !important;
		min-height: 170px !important;
		border-top-right-radius: 3px;
		border-top-left-radius: 3px;
	}
		.ndn_embedContainer.ndn_widget_VideoPlayer-Default .ndn_videoPlayer .backstretch {
			position: absolute;
			top: 0;
			width: 100%;
			height: 100%;
		}
			.backstretch img {
				height: 100% !important;
				width: 100% !important;
				left: auto !important;
			}

/*
<----------------||----------------$Micro-Clearfix----------------||---------------->
*/
.cf:before,
.cf:after {
    display: table;
    content: '';
}
.cf:after {
    clear: both;
}
/*For IE 6/7 only. Include this rule to trigger hasLayout and contain floats.*/
.cf {
    *zoom: 1;
}

/*
<----------------||----------------$Responsive-Styles----------------||---------------->
*/
@media screen and (max-width: 768px) {

	/*
	<----------------||----------------$Global----------------||---------------->
	*/
	.show-mobile {
		display: block !important;
	}
	span.show-mobile {
		display: inline !important;
	}
	.hide-mobile,
	span.hide-mobile {
		display: none !important;
	}
	/*Watch Live Bar*/
	#watch-live > div > div > span > span {
		display: none;	
	}

	/*
	<----------------||----------------$Menu----------------||---------------->
	*/
	#header h1 a {
		background-size: 240px auto;
		width: 240px;
	}
	#header h1:before {
		-webkit-animation: none;
		-moz-animation: none;
		-ms-animation: none;
		-o-animation: none;
		animation: none;
		display: none;
	}
	#toggle-voice {
		display: none !important; 
	}
	#toggle-menu-mobile {
		position: absolute;
		right: 0;
		top: 0;
		line-height: 33px;
		text-align: center;
		width: 40px;
		height: 33px;
	}
	#toggle-voice-mobile {
		position: absolute;
		right: 50px;
		top: 0;
		line-height: 35px;
		text-align: center;
		width: 40px;
		height: 35px;
	}
	#header #nav {
		position: fixed;
		top: 35px;
		right: -100%;
		bottom: 0;
		height: auto;
		background: #f5f5f5;
		width: 100%;
		z-index: 500;
		-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.770, 0.000, 0.175, 1.000), right 0s ease 0.7s;
		-moz-transition: -moz-transform 0.7s cubic-bezier(0.770, 0.000, 0.175, 1.000), right 0s ease 0.7s;
		-ms-transition: -ms-transform 0.7s cubic-bezier(0.770, 0.000, 0.175, 1.000), right 0s ease 0.7s;
		-o-transition: -o-transform 0.7s cubic-bezier(0.770, 0.000, 0.175, 1.000), right 0s ease 0.7s;
		transition: transform 0.7s cubic-bezier(0.770, 0.000, 0.175, 1.000), right 0s ease 0.7s;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}
	body.menu-open #header #nav {
		right: 0;
		-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.770, 0.000, 0.175, 1.000), right 0s ease 0s;
		-moz-transition: -moz-transform 0.7s cubic-bezier(0.770, 0.000, 0.175, 1.000), right 0s ease 0s;
		-ms-transition: -ms-transform 0.7s cubic-bezier(0.770, 0.000, 0.175, 1.000), right 0s ease 0s;
		-o-transition: -o-transform 0.7s cubic-bezier(0.770, 0.000, 0.175, 1.000), right 0s ease 0s;
		transition: transform 0.7s cubic-bezier(0.770, 0.000, 0.175, 1.000), right 0s ease 0s;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	body.menu-open .iScrollVerticalScrollbar {
		z-index: 1 !important;
	}
		#header #nav > ul {
			left: 0;
			background: #f5f5f5;
			overflow: hidden;
			overflow-y: auto;
			-webkit-overflow-scrolling: touch;
		}
			#nav > ul > li {
				float: none;
				display: block;
				height: auto;
				position: static;
				border-bottom: 1px solid #ddd;
			}
			#nav > ul > li:first-child {
				border-top: 1px solid #ddd;
			}
				#nav > ul > li > a {
					display: block;
					padding: 0 20px;
					background-color: #fff;
					color: #0068b3;
					text-transform: uppercase;
					font-weight: 700;
					line-height: 50px;
					position: relative;
				}
				#nav > ul > li:hover > a {
					color: #0068b3;
				}
				#nav > ul > li > a > span.icon-search2 {
					height: 50px;
					line-height: 50px;
					float: left;
					margin-right: 5px;
				}
		/* Sub-Menu */
		#nav > ul > li > div.row,
		#nav > ul > li > div {
			position: relative;
			top: auto;
			right: 0;
			opacity: 1;
			border-radius: 0 !important;
			width: 100%;
			height: auto;
			background: none;
			box-shadow: none;
		}
		#nav > ul > li.has-sub-menu > a > span.toggle-sub-menu {
			position: absolute;
			width: 100%;
			height: 50px;
			top: 0;
			right: 0;
			color: #0068b3;
			font-size: 40px;
			line-height: 50px;
			text-align: center;
		}
		/* Sub-menu Arrow */
		#nav > ul > li.has-sub-menu > a > span.toggle-sub-menu:after {
			content: '';
			position: absolute;
			height: 8px;
			width: 8px;
			top: 50%;
			right: 24px;
			margin-top: -4px;
			border-top: 2px solid #0068b3;
			border-right: 2px solid #0068b3;
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
		}
			#nav > ul > li > div ul.sub-menu {
				box-shadow: none;
			}
			#nav > ul > li.has-sub-menu > div {
				background: #f5f5f5;
				position: fixed;
				right: -100%;
				top: 0;
				bottom: 0;
				width: 100% !important;
				border-top: none;
				overflow: hidden;
				overflow-y: auto;
				-webkit-overflow-scrolling: touch;
				-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.770, 0.000, 0.175, 1.000), right 0 ease 0.7s;
				-moz-transition: -moz-transform 0.7s cubic-bezier(0.770, 0.000, 0.175, 1.000), right 0 ease 0.7s;
				-ms-transition: -ms-transform 0.7s cubic-bezier(0.770, 0.000, 0.175, 1.000), right 0 ease 0.7s;
				-o-transition: -o-transform 0.7s cubic-bezier(0.770, 0.000, 0.175, 1.000), right 0 ease 0.7s;
				transition: transform 0.7s cubic-bezier(0.770, 0.000, 0.175, 1.000), right 0 ease 0.7s;
				-webkit-transform: translateX(100%);
				-moz-transform: translateX(100%);
				-ms-transform: translateX(100%);
				-o-transform: translateX(100%);
				transform: translateX(100%);
			}
			body.menu-open #header #nav > ul > li.has-sub-menu.active > div {
				right: 0;
				-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.770, 0.000, 0.175, 1.000), right 0 ease 0s;
				-moz-transition: -webkit-transform 0.7s cubic-bezier(0.770, 0.000, 0.175, 1.000), right 0 ease 0s;
				-ms-transition: -webkit-transform 0.7s cubic-bezier(0.770, 0.000, 0.175, 1.000), right 0 ease 0s;
				-o-transition: -webkit-transform 0.7s cubic-bezier(0.770, 0.000, 0.175, 1.000), right 0 ease 0s;
				transition: -webkit-transform 0.7s cubic-bezier(0.770, 0.000, 0.175, 1.000), right 0 ease 0s;
				-webkit-transform: translateX(0);
				-moz-transform: translateX(0);
				-ms-transform: translateX(0);
				-o-transform: translateX(0);
				transform: translateX(0);
			}
			#nav > ul > li.has-sub-menu > div a.overview,
			#nav > ul > li.has-sub-menu > div span.toggle-sub-menu {
				display: block !important;
				position: relative;
				padding: 0 20px 0 32px;
				background-color: #fff;
				color: #0068b3;
				text-transform: uppercase;
				font-weight: 700;
				line-height: 50px;
			}
			#nav > ul > li.has-sub-menu > div span.toggle-sub-menu {
				border-top: 1px solid #ddd;
				border-bottom: 1px solid #ddd;
			}
			#nav > ul > li.has-sub-menu > div a.overview {
				display: block !important;
				padding: 0 20px;
				border-bottom: 1px solid #ddd;
			}
			/* Back Button Arrow */
			#nav > ul > li.has-sub-menu > div span.toggle-sub-menu:before {
				content: '';
				position: absolute;
				height: 8px;
				width: 8px;
				top: 50%;
				left: 20px;
				margin-top: -4px;
				border-bottom: 2px solid #0068b3;
				border-left: 2px solid #0068b3;
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg);
			}
				/* Sub-menu Columns */
				div.row > div.column {
					position: static;
					height: auto;
					width: 100%;
					left: auto !important;
					background: #fff;
					border-radius: 0 !important;
					border-left: none !important;
					border-bottom: 1px solid #ddd;
				}
				div.row > div.column,
				div.row > div.column > div {
					border-radius: 0 !important;
				}
				#nav > ul > li > div.row:before,
				#nav > ul > li > div ul.sub-menu:before {
					display: none;
				}
					div.row > div.column > div {
						height: auto;
						position: static;
						top: auto;
					}
						div.row > div.column > div .iScrollVerticalScrollbar {
							display: none;
						}
							#nav > ul > li > div > ul.sub-menu {
								border-radius: 0;
								height: 100%;
								background: #f5f5f5;
								box-shadow: none !important
							}
								ul.sub-menu > li:first-child,
								ul.sub-menu > li:last-child,
								ul.sub-menu > li:first-child > a,
								ul.sub-menu > li:last-child > a {
									border-radius: 0 !important;
								}
								ul#maps-menu.sub-menu > li:first-child > a,
								ul#maps-menu.sub-menu > li:last-child > a {
									border-radius: 3px !important;
								}
								ul.sub-menu > li > span {
									display: block;
									padding: 0 20px;
									background-color: #fff;
									color: #0068b3;
									text-transform: uppercase;
									font-weight: 700;
									line-height: 50px;
									position: relative;
								}
								div.row ul.sub-menu > li > a:hover,
								ul.sub-menu > li > a:hover {
									background: #fff;
									color: #0068b3;
								}

	/*
	<----------------||----------------$Home----------------||---------------->
	*/
	section#home {
		/*background: transparent url(img/user-photo-example.jpg) no-repeat center scroll;*/
		background-size: cover;
	}
	#headline-slider {
		position: relative;
		width: 100%;
		margin-top: 0;
	}
	#headline {
		height: 100%;
	}
	#headline-bg {
		width: 100%;
	}
		#headline-slider h4 {
			top: 20px;
			left: 20px;
		}
		#headline-slider .headline {
			bottom: 50px;
			top: 0 !important;
		}
			#headline-slider .headline > h2 {
				padding: 0 20px;
				font-size: 22px;
				/*top: 40px;*/
			}
				#headline-slider h2 span {
					left: 20px;
				}
				#headline-slider .headline > h2 > a {
					vertical-align: top;
				}
			#headline-pager {
				left: auto;
				right: 20px;
				/*top: 50%;
				transform: translateY(-50%);*/
				top: auto;
				bottom: 70px;
				margin: 0;
			}
	#chi-current-temp {
		display: block;
		top: 20px;
		right: 20px;
		/*bottom: 70px;*/
		margin: 0;
	}
	#right-now,
	#user-photos,
	#videos {
		display: none;
	}

	#blog-home-wrap {
		width: 100%;
	}
		#blog-home > div {
			width: 100%;
		}
	
	/*
	<----------------||----------------$Pages----------------||---------------->
	*/
/*
	body.weather-bug #page > div {
		padding: 30px 0 120px;
	}
		body.weather-bug #page > div h2 {
			font-size: 30px;
		}
		body.weather-bug #page > div iframe {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			height: 1275px;
			width: 400px;
			overflow: auto;
		}
*/
	
	/*
	<----------------||----------------$Forecast----------------||---------------->
	*/
	/* Timelapse - Live Slider */
	#live-slider span.webcam-location {
		padding-right: 95px;
	}
	html.focus #live-slider ul#timelapse-controls {
		top: 75px;
	}
	#forecast #forecast-glance,
	#trigger-glance,
	#share-forecast {
		display: none;
	}
	#forecast #forecast-details {
		width: 100%;
		height: auto;
		top: 0;
		margin-top: 0;
		left: 0;
		bottom: 0;
		margin-left: 0;
	}
		.skilling-forecast ul {
			top: 0;
		}
		.current-conditions {
			width: 100%;
			height: auto;
			position: relative;
		}
			.current-conditions > div {
				height: auto;
			}
			.temps {
				width: auto;
				position: absolute;
				top: 20px;
				left: 20px;
			}
				.temps .now {
					font-size: 50px;
					width: auto;
				}
					.temps .now span {
						font-size: 40px;
						right: 0;
					}
					.temps .hi-lo {
						font-size: 10px;
						line-height: 1;
					}
					.temps .windchill,
					.temps .feelslike,
					.temps .heatindex {
						display: none;
					}
				.forecasted-day .temps .hi-lo {
					width: auto;
					margin-top: 15px;
				}
					.forecasted-day .temps .hi-lo span.hi-num, 
					.forecasted-day .temps .hi-lo span.lo-num {
						font-size: 30px;
						position: relative;
						left: 0;
						top: -15px;
					}
					.forecasted-day .temps .hi-lo span.lo-num {
						right: 0;
						bottom: -15px;
						top: auto;
					}
						.forecasted-day .temps .hi-lo:before {
							margin-left: -30px;
							width: 60px;
						}
						.forecasted-day .temps .hi-lo span.deg {
							font-size: 20px;
							right: -10px;
						}
			.conditions {
				width: 100%;
				height: auto;
				border: none;
			}
				.conditions .forecast-icon {
					margin-top: 40px;
					font-size: 56px;
				}
				.conditions .desc {
					font-size: 30px;
				}
		.skilling-forecast {
			width: 100%;
			margin-top: 20px;
			height: 300px;
		}
			.skilling-forecast ul li {
				margin-bottom: 10px;
			}
		#full-week-description {
			width: 100%;
			margin-top: 20px;
			height: auto;
			padding: 0 20px 0 60px;
			top: 150px;
			bottom: 50px;
			z-index: -1;
		}
		#trigger-focus,
		#live-slider span.focus-bg {
			top: 20px;
			right: 20px;
		}
		.hourly-graph,
		ul#days,
		a.ad-sample {
			display: none;
		}
	#live-slider span.focus-bg {
		position: absolute;
		width: 60px;
		height: 60px;
	}
	#live-slider span.focus-bg:after {
		width: 60px;
		height: 60px;
	}
	#live-pager {
		display: none;
	}
	#timelapse-slider > div time {
		bottom: 70px;
	}									

	/*
	<----------------||----------------$Blog-Index----------------||---------------->
	*/
	#ask-tom-bar {
		padding-left: 0;
	}
	section#twitter {
		display: none;
	}
	section#blog {
		padding-left: 0;
	}
		#blog .post.sticky h2,
		#blog-single .post h2 {
			font-size: 26px;
		}
			#liveblog-container {
				font: 16px/24px "nimbus-sans",sans-serif;
			}
			.liveblog-author-avatar {
				display: none;
			}
			.liveblog-entry .liveblog-entry-text,
			.liveblog-entry .liveblog-meta .liveblog-author-name {
				margin-left: 0 !important;
			}

	/*
	<----------------||----------------$Blog-Single----------------||---------------->
	*/
	#copyright {
		display: none;
	}
	#blog-single > div {
		left: 0;
		padding: 0 0 290px 0;
	}	
	#blog-single .post,
	#blog-single .post > img,
	#blog-single .post .meta,
	.video-embed,
	.ndn_embed .akamai-layer,
	.video-embed .ooyala-video-wrapper,
	.ndn_embed,
	.video-embed .ooyala-video-wrapper .innerWrapper,
	.ndn_embedContainer.ndn_widget_VideoPlayer-Default .ndn_videoPlayer {
		border-radius: 0;
	}
	#blog-single .post > img {
		background-color: #ccc;
	}
		#blog-single .post .content {
			padding: 20px;
		}
			/*#blog-single .post .meta .author .avatar {
				display: none;
			}*/
			#blog-single .post .meta .author .bio {
				margin: 0;
			}
	#post-wrap #close-wrap {
		position: fixed;
		display: block;
		background: #0068b3;
		left: auto;
		right: 0;
		bottom: auto;
		top: 55%;
		height: 32px;
		width: 32px;
		z-index: 10000;
		opacity: 0;
		border-radius: 3px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		-webkit-transition: opacity 0.3s ease 0.5s;
		-moz-transition: opacity 0.3s ease 0.5s;
		-ms-transition: opacity 0.3s ease 0.5s;
		-o-transition: opacity 0.3s ease 0.5s;
		transition: opacity 0.3s ease 0.5s;
	}
	body.single #post-wrap #close-wrap {
		opacity: 1;
	}
	#post-wrap #close-wrap .close {
		position: relative;
		width: 100%;
		height: 100%;
		top: auto;
		right: auto;
		margin: 0;
		opacity: 1;
	}	
		#post-wrap a#arrow-prev,
		#post-wrap a#arrow-next {
			display: block;
			left: auto;
			top: 55%;
			right: 0;
			bottom: auto;
			margin-top: 0;
			background: #0068b3;
			height: 32px;
			width: 32px;
			border-radius: 3px;
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
			z-index: 10000;
			opacity: 0;
			-webkit-transition: opacity 0.3s ease 0.5s;
			-moz-transition: opacity 0.3s ease 0.5s;
			-ms-transition: opacity 0.3s ease 0.5s;
			-o-transition: opacity 0.3s ease 0.5s;
			transition: opacity 0.3s ease 0.5s;
		}
		body.single #post-wrap a#arrow-prev,
		body.single #post-wrap a#arrow-next {
			opacity: 1;
		}
		#post-wrap a#arrow-prev {
			margin-top: 47px;
		}
		#post-wrap a#arrow-next {
			margin-top: -47px;
		}
		#post-wrap .close:before {
			width: 2px;
			height: 24px;
			top: 50%;
			margin-top: -12px;
		}
		#post-wrap .close:after {
			height: 2px;
			width: 24px;
			left: 50%;
			margin-left: -12px;
		}
		#post-wrap a#arrow-prev:after,
		#post-wrap a#arrow-next:after {
			height: 16px;
			width: 16px;
			top: 50%;
			left: 50%;
			margin-top: -8px;
			margin-left: -11px;
		}
		#post-wrap a#arrow-prev:after {
			margin-left: -3px;
		}
		/* Comments */
		#comment-author {
			width: 100%;
			padding-right: 0;
			float: none;
		}
		#comment-email {
			width: 100%;
			float: none;
			padding-left: 0;
		}

	/*
	<----------------||----------------$Alerts----------------||---------------->
	*/
	#alert-wrap:before,
	#alert-wrap:after {
		height: 20px;
	}
	#alerts-bar > #dismiss-alerts,
	#alerts-bar > h5 span:nth-of-type(2) {
		display: none;
	}
		#alert-wrap {
			top: 145px;
			bottom: 70px;
			left: 20px;
			right: 20px;
		}
		html.watch-live #alert-wrap {
			bottom: 105px;
		}
		ul#states {
			z-index: 99999;
			padding-top: 34px;
			left: 20px;
			right: 20px;
			top: 90px;
			text-align: left;
		}
		#alerts .state {
			padding: 0 30px;
		}
			.state .alert:first-child {
				padding-top: 0;
			}
			ul#states li {
				display: none;
				border: 2px solid #c00e0e;
				border-top: none;
				border-radius: 0;
				text-align: left;
				padding-left: 60px;
				line-height: 32px;
			}
			ul#states li:first-child,
			ul#states li:last-child {
				border-radius: 0;
			}
			ul#states li.current {
				position: absolute;
				display: block;
				border-radius: 5px;
				width: 100%;
				top: 0;
			}
			/* States open */
			ul#states.open li.current {
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
			}
				ul#states.open li {
					display: block;
				}
			ul#states li.current:before {
				content: '';
				position: absolute;
				bottom: -8px;
				right: 10px;
				left: auto;
				top: 50%;
				margin-top: -4px;
				display: block;
				width: 0;
				height: 0;
				border-width: 8px 8px 0 8px;
				border-style: solid;
				border-color: #f5f5f5 transparent transparent transparent;
			}
			ul#states.open li.current:before {
				border-width: 0 8px 8px 8px;
				border-color: transparent transparent #f5f5f5 transparent;
			}
				ul#states li span {
					position: absolute;
					left: 30px;
					top: 50%;
					margin-top: -10px;
					right: auto;
					display: inline-block;
				}
		#alert-wrap > a#map-alerts > span.icon-map {
			font-size: 24px;
		}		
	
	/*
	<----------------||----------------$Photos----------------||---------------->
	*/
	#masthead h2 {
		font-size: 40px;
		line-height: 1;
		top: 30%;
	}
	#submit-photo #inner-submit-photo {
		width: auto;
		height: auto;
		margin-left: auto;
		margin-top: auto;
		overflow: hidden;
		padding: 0 30px;
	}
	#submit-photo #inner-submit-photo form {
		padding-bottom: 0;
	}
	#submit-photo #inner-submit-photo > .scroller {
		width: 100%;
		padding: 30px;
		display: block;
		height: auto;
	}
	#submit-photo #inner-submit-photo form {
		display: block;
	}
	#submit-photo #inner-submit-photo form label[for="ug_photo"] {
		font-size: 14px;
	}
	.submit-photo-close-wrap {
		display: none;
	}

	/*
	<----------------||----------------$Maps----------------||---------------->
	*/
	#maps-pager-wrap {
		display: none;
	}
	#maps-slider-wrap {
		width: 100%;
		height: auto;
		margin-left: 0;
		margin-top: 0;
		left: auto;
		padding: 56.3% 0 0 0; /* 56.3% = 16:9 ratio */
		top: 50px;
	}
		#maps-slider {
			width: 100%;
			height: 100%;
			margin-left: 0;
			position: absolute !important;
			top: 0;
		}
			#maps-slider > div {
				width: 100%;
				height: 100%;
				padding: 0 20px;
			}
		#maps-slider .title {
			top: -35px;
			width: 100%;
			font-size: 20px;
			line-height: 30px;
			height: 30px;
			display: block !important;
		}
			#maps-slider > div {
				box-shadow: none;
			}
				#maps-slider > div > div {
					box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
				}
		#maps-slider > div > .inner-pager {
			width: 110px;
			border: none;
			border-radius: 0;
			bottom: -55px;
		}
			#maps-slider > div > .inner-pager li {
				float: none;
				border: 2px solid #ffac40;
			}
			#maps-slider > div > .inner-pager li:first-child {
				border: 2px solid #ffac40;
				border-top-right-radius: 5px;
				border-top-left-radius: 5px;
			}
			#maps-slider > div > .inner-pager li:nth-of-type(2) {
				border-top: none;
			}
			#maps-slider > div > .inner-pager li:last-child {
				border-top: none;
				border-bottom-right-radius: 5px;
				border-bottom-left-radius: 5px;
			}
			span#maps-prev,
			span#maps-next {
				height: 70px;
				width: 60px;
				left: 30px;
				top: auto;
				bottom: -95px;
			}
			span#maps-next {
				left: auto;
				right: 30px;
			}
			span#maps-prev:after,
			span#maps-next:after {
				height: 40px;
				width: 40px;
				top: 15px;
				left: 20px;
			}
			span#maps-next:after {
				left: 0;
			}
			#maps-pager-wrap {
				display: none;
			}

	/*
	<----------------||----------------$Ask-Tom----------------||---------------->
	*/
	body.ask-tom-why #blog {
		top: 35px;
	}
	.ask-tom-close-wrap {
		display: none;
	}
	#ask-tom-bar {
		width: auto;
		left: 0;
		right: 0;
		padding: 0;
		top: 35px;
		height: 35px;
	}
	html.alerts #ask-tom-bar {
		top: 70px;
	}
		#ask-tom-bar h5 {
			border-radius: 0;
			line-height: 35px;
			font-size: 14px;
		}
		#inner-submit-photo .icon-close,
		#ask-tom-inner .icon-close {
			position: absolute;
			right: 40px;
			top: 10px;
			font-size: 20px;
		}
		#ask-tom-anything > #ask-tom-inner form {
			padding-bottom: 100px;
		}	
	#ask-tom-anything > #ask-tom-inner {
		width: auto;
		height: auto;
		margin-left: auto;
		margin-top: auto;
		overflow: hidden;
		padding: 0 30px;
	}
		#ask-tom-anything > #ask-tom-inner > .scroller {
			width: 100%;
			padding: 30px;
		}
	#ask-tom-anything > #ask-tom-inner > h3 {
		margin-top: 0;
	}
	#ask-tom-anything > #ask-tom-inner form li.half:first-child,
	#ask-tom-anything > #ask-tom-inner form li.half {
		width: 100%;
		padding: 0 10px 20px;
	}			

	/*
	<----------------||----------------$Ads----------------||---------------->
	*/
	.ad-banner {
		width: 320px;
		height: 50px;
		left: 50%;
		margin-left: -160px;
	}
	section#radar {
		bottom: 50px;
	}
	#radar .ad-banner {
		bottom: -50px;
	}
	#blog > div > #masonry > .post.advertisement {
		padding: 10px 0;
	}
	
	/*
	<----------------||----------------$404-Search----------------||---------------->
	*/
	#error404 {
		padding: 0;
	}
	#error404 > div,
	#search-view > div {
		width: 100%;
		padding: 50px 20px;
	}
		form#search-form {
			width: 100%;
		}
			#search-form input[type=text] {
				width: -webkit-calc(100% - 40px);
				width: calc(100% - 40px);
			}

} /* End @media max-width 768 */


@media screen and (max-width: 480px) { /*If browser is < 480px*/

}
@media screen and (max-width: 320px) { /*If browser is < 320px*/

}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
	
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
	
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
	
}
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
	
}
/* iPhone 4 and high pixel ratio devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	
}

/*
<----------------||----------------$Print-Styles----------------||---------------->
*/
@media print {
	* { background: transparent !important; box-shadow:none !important; color: black !important; text-shadow: none !important; }
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
}