/********************************************************************************
 * Default Screen Styles
 ********************************************************************************/
@font-face {
	font-family: 'open-sans';
	src: url('/common/include/fonts/open-sans/open-sans.eot');
	src: url('/common/include/fonts/open-sans/open-sans.eot?#iefix') format('embedded-opentype'), 
		 url('/common/include/fonts/open-sans/open-sans.woff') format('woff'), 
		 url('/common/include/fonts/open-sans/open-sans.ttf') format('truetype'), 
		 url('/common/include/fonts/open-sans/open-sans.svg#open-sans') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* fix for poor font rendering in chrome */
 @media screen and (-webkit-min-device-pixel-ratio:0) {
	 @font-face {
		 font-family: 'open-sans';
		 src: url('/common/include/fonts/open-sans/open-sans.svg') format('svg');
	 }
 } 


@font-face {
    font-family: 'lora';
    src: url('/common/include/fonts/lora/lora.eot');
    src: url('/common/include/fonts/lora/lora.eot?#iefix') format('embedded-opentype'),
         url('/common/include/fonts/lora/lora.woff') format('woff'),
         url('/common/include/fonts/lora/lora.ttf') format('truetype'),
         url('/common/include/fonts/lora/lora.svg#bitterregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* fix for poor font rendering in chrome */
 @media screen and (-webkit-min-device-pixel-ratio:0) {
	 @font-face {
	 	font-family: 'lora';
	 	src: url('/common/include/fonts/lora/lora.svg') format('svg');
	 }
 } 

@media screen {
	
	/* Reset some defaults
 	 ****************************************************************************/
	/* redefine headers */
	h1, h2, h3, h4, h5, h6 {
		color: #000;
		font-family: 'lora', 'times', 'serif';
		margin: .5em 0;
	}

	h1 {
		font-size: 2.5em;
	}

	h2 {
		font-size: 2.0em;
	}

	h3 {
		font-size: 1.5em;
	}

	h4 {
		font-size: 1.3em;
	}

	h5 {
		font-size: 1.2em;
	}

	h6 {
		font-size: 1.0em;
	}

	img {
		max-width: 100%;
		height: auto !important; /* just in case, to force correct aspect ratio */
		-ms-interpolation-mode: bicubic;
		border: 0;
	}

	.skipLink {
		position: absolute;
		left: -3500px;
	}

	/* Search
 	 ****************************************************************************/
	.searchWrapper {
		height: auto;
		overflow: hidden;
		background: transparent;
		margin: 0 0 20px 0;
	}

	.searchForm {
		overflow: hidden;
		position: relative;
	}
	
		.searchForm label {
			position: absolute;
			left: -35000px;
			height: 0;
			width: 0;
		}

	.searchInputWrapper {
		padding: 0 26px 0 0;
		overflow: hidden;
	}

	.searchInput {
		width: 100%;
		box-sizing: content-box;
		height: 26px;
		padding: 0 36px 0 10px;
		border-color: #666;
		border-radius: 0;
		border: 0;
		color: #666;
		font-family: tahoma, arial, sans-serif;
		font-size: 12px;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		-webkit-appearance: none;
		-moz-appearance: none;
	}

	.searchSubmit {
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		width: 26px;
		height: 26px;
		padding: 0;
		border: none;
		background: #fcbe57;
		color: #fff;
		font-family: 'FontAwesome';
		font-size: 14px;
		line-height: 20px;
	}

	.searchInput:focus {
		outline: none;
		border-color: #333;
	}

	.searchInput:focus.searchSubmit { color: #333; }

	.searchSubmit:hover {
		background: #fcbe57;
		cursor: pointer;
	}

	::-webkit-input-placeholder { color: #666; }
	input:-moz-placeholder { color: #666; }
	
	
	
	/* Weather
 	 ****************************************************************************/
	#weatherContainer {
		color: #fff;
		font-family: 'open-sans', tahoma, arial, sans-serif;
		font-size: 1.5em;
	}
	
		#weatherContainer .temperature {
			position: relative;
			top: -6px;
		}
		
		#weatherContainer #weatherIcon {
			height: 24px;
			width: 24px;
			position: relative;
		}
		
		#weatherContainer a:link {
			color: #fff;
			font-size: 1em;
			position: relative;
			top: -6px;
		}
		
		#weatherContainer a:visited {
			color: #fff;
		}
		
	/* Breaking News
	 ****************************************************************************/
	.breakingNews {
		margin-bottom: 30px;
		background: #9e0b0f;
		border-bottom: 2px solid #fff;
	}
	
	.breakingNews .breakingNewsInner {
		color: #fff;
		position: relative;
		max-width: 950px;
		margin: 0 auto;
	}
	
	.breakingNews .breakingNewsInner .newsLink {
		color: #fff;
		font: 1.2em 'open-sans','tahoma', sans-serif;
		text-decoration: underline;
	}
	
	.breakingNews .breakingNewsColumn1 {
		left: 0;
		padding: 10px 20px;
		position: absolute; 
		top: 0;
	}
	
		.breakingNews .breakingNewsColumn1 .cwHeader {
			font: 1.8em 'lora','times', serif;
			color: #fff;
			text-transform: uppercase;
			margin: 0;
		}
	
		.breakingNews .breakingNewsColumn1 .moreContainer {
			padding: 0;
		}
	
	
	.breakingNews .breakingNewsColumn2 { 
		margin-left: 18em; 
		padding: 10px 20px 10px 0;
	}
	

	/* Clear Fix
	 ********************************************************************************/
	.clearfix:after {
		content: '.';
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.clearfix {
		display: inline-block;
	}
	/* Hide from IE Mac \*/
	.clearfix {
		display: block;
	}
	/* End hide from IE Mac */
	* html .clearfix {
		height: 1px;
	}
	
	.printOnly {
		display: none;
	}

}

@media screen and (max-width: 950px) {
	/* Home Weather and Search
 	 ****************************************************************************/
 	 .bodyHome .searchWrapper {
 		float: right;
 	}
 	
 	#weatherContainer {
 		float: left;
 	}
}

@media screen and (max-width: 600px) {
	/* Home Weather and Search
 	 ****************************************************************************/
 	 .bodyHome .searchWrapper {
 		float: none;
 		width: auto;
 		margin: 0 auto;
 	}
 	
 	#weatherContainer {
 		float: none;
 		width: auto;
 		margin: 0 auto;
 		text-align: center;
 	}
}



