@charset "UTF-8";
/* CSS Document */

body{
	background-color:#f2f2f3;
	font-family: Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
	font-size:10pt;
	color:#333;
	font-weight:normal;
}

/* Subhead */
h1{
	color:#FFF;
	font-size:1.2em;
	font-weight:300;
	margin-left:10px;
	margin-right:10px;
}
h2{
	color:#333;
	font-size:1.5em;
	margin-bottom:0px;
	font-weight:300;
}

/* Links */
a{
	text-decoration:none;
	color:#999;
}
a img{
	border:0 none;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
}

small{
	font-size:0.8em;
	color:#999;
}
strong{
	font-size:1.1em;
	color:#417C94;
	font-weight:lighter;
}
p{
	margin-top:5px;
	line-height:1.5em;
}
/* Box */
#container{
	position:absolute;
	top:0px;
	left:0px;
	min-width:768px;
	min-height:964px;
	width:100%;
	height:100%;
}
#topContainer{
	position:relative;
	float:left;
	top:0px;
	width:100%;
	height:75px;
	background-color:#111;
	border-bottom:1px solid #333;
	
}
#midContainer{
	position:relative;
	float:left;
	width:100%;
	min-height:454px;
}
#panelContainer{
	position:relative;
	float:left;
	width:100%;
	height:315px;
	background-color:#000;
}
#bottomContainer{
	position:relative;
	float:left;
	width:100%;
	height:120px;
	background-color:#222;
	border-top:1px solid #BCBEC0;
}

/* Header */
#header{
	position:relative;
	margin:0px auto;
	width:768px;
	height:75px;
}

/* Content */
#content{
	position:relative;
	margin:0px auto;
	width:768px;
	min-height:454px;
	overflow:hidden;
}
#articleContent{
	position:relative;
	margin:0px auto;
	width:768px;
	min-height:774px;
	overflow:hidden;
}

/* Header Content */
#logo{
	position:relative;
	float:left;
	width:115px;
	height:30px;
	margin:20px;
	z-index:99;
}
#highlight{
	position:absolute;
	left:0px;
	background-image:url(images/highlight.png);
	width:768px;
	height:75px;
	z-index:90;
}

/* Search Bar */
#searchHolder{
	position:relative;
	float:right;
	min-width:210px;
	height:30px;
	margin:20px 25px 20px 20px;
	z-index:91;
}
.searchBar{
	position:relative;
	float:left;
	width:158px;
	height:19px;
	background-image:url(images/search_bar.png);
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-style:none;
}
.searchButton{
	position:relative;
	float:left;
	border-style:none;
	width:29px;
	height:30px;
	cursor:pointer;
	background-image:url(images/search_button.png);
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
}

/* Panel */
#panel{
	position:relative;
	margin:0px auto;
	width:768px;
	height:315px;
	background-image:url(images/panel.jpg);
}

/* Cover */
#topPosts{
	position:absolute;
	top:40px;
	left:20px;
	width:108px;
	height:23px;
	background-image:url(images/top-posts.png);
}
#recentPosts{
	position:absolute;
	top:40px;
	left:20px;
	width:142px;
	height:23px;
	background-image:url(images/recent-posts.png);
}

/* Post Containers */
#postContainer1{
	position:absolute;
	left:0px;
	top:40px;
	padding:20px;
	width:728px;
	height:350px;
	-webkit-transition-property: left;
	-webkit-transition: ease-in-out;
	-webkit-transition-duration: 0.7s;
}
#postContainer2{
	position:absolute;
	left:768px;
	top:40px;
	padding:20px;
	width:728px;
	height:350px;
	-webkit-transition-property: left;
	-webkit-transition: ease-in-out;
	-webkit-transition-duration: 0.7s;
}
#postContainer3{
	position:absolute;
	left:1536px;
	top:40px;
	padding:20px;
	width:728px;
	height:350px;
	-webkit-transition-property: left;
	-webkit-transition: ease-in-out;
	-webkit-transition-duration: 0.7s;
}

/* Post Buttons */
#btn1{
	position:absolute;
	top:410px;
	left:315px;
	width:30px;
	height:20px;
	background-color:#417C94;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow:0px 0px 4px #000;
	-webkit-transition-property: -webkit-box-shadow;
	-webkit-transition: ease-in-out;
	-webkit-transition-duration: 0.2s;
}
#btn1:hover{
	-webkit-box-shadow:0px 0px 8px #003C9F;
	-moz-box-shadow:0px 0px 8px #003C9F;
}
#btn2{
	position:absolute;
	top:410px;
	left:365px;
	background-color:#CCC;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow:0px 0px 4px #000;
	-webkit-transition-property: -webkit-box-shadow;
	-webkit-transition: ease-in-out;
	-webkit-transition-duration: 0.2s;
}
#btn2:hover{
	-webkit-box-shadow:0px 0px 8px #003C9F;
	-moz-box-shadow:0px 0px 8px #003C9F;
}
#btn3{
	position:absolute;
	top:410px;
	left:415px;
	background-color:#CCC;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow:0px 0px 4px #000;
	-webkit-transition-property: -webkit-box-shadow, -webkit-transform;
	-webkit-transition: ease-in-out;
	-webkit-transition-duration: 0.2s;
}
#btn3:hover{
	-webkit-box-shadow:0px 0px 8px #003C9F;
	-moz-box-shadow:0px 0px 8px #003C9F;
	box-shadow:0px 0px 8px #003C9F;
}
/* Columns */
.panelColumn1{
	position:absolute;
	top:83px;
	left:20px;
	float:left;
	width:350px;
	min-height:345px;
}
.panelColumn2{
	position:absolute;
	top:83px;
	left:390px;
	float:left;
	width:350px;
	min-height:345px;
}
.coverColumn1{
	position:absolute;
	top:40px;
	left:20px;
	float:left;
	width:360px;
	min-height:345px;
}
.coverColumn2{
	position:absolute;
	top:40px;
	left:390px;
	float:left;
	width:360px;
	min-height:345px;
}
/* Images */
.image{
	position:relative;
	float:left;
	width:540px;
	height:300px;
	margin:20px 10px 0px 20px;
	background-color:#fff;
	-webkit-box-shadow:0px 0px 6px #000; 
	-moz-box-shadow:0px 0px 6px #000; 
	-webkit-transition-property: box-shadow;
	-webkit-transition: ease-out;
	-webkit-transition-duration: 0.25s;
}
.lgThumb{
	position:relative;
	float:left;
	width:350px;
	height:200px;
	background-color:#fff;
	-webkit-box-shadow:0px 0px 6px #000; 
	-moz-box-shadow:0px 0px 6px #000; 
	-webkit-transition-property: box-shadow;
	-webkit-transition: ease-out;
	-webkit-transition-duration: 0.25s;
}
.lgThumb:hover{
	-webkit-box-shadow:0px 5px 20px #008CFF;
	-moz-box-shadow:0px 5px 20px #008CFF;
	top:-5px;
}
.mdThumb{
	position:relative;
	float:left;
	width:170px;
	height:200px;
	margin-right:10px;
	background-color:#fff;
	-webkit-box-shadow:0px 0px 4px #000; 
	-moz-box-shadow:0px 0px 4px #000;
	-webkit-transition-property: box-shadow;
	-webkit-transition: ease-out;
	-webkit-transition-duration: 0.25s;
}
.mdThumb:hover{
	-webkit-box-shadow:0px 5px 20px #008CFF;
	-moz-box-shadow:0px 5px 20px #008CFF;
	top:-5px;
}
.smThumb{
	position:relative;
	float:left;
	width:170px;
	height:95px;
	margin-bottom:10px;
	background-color:#fff;
	-webkit-box-shadow:0px 0px 4px #000; 
	-moz-box-shadow:0px 0px 4px #000; 
	-webkit-transition-property: box-shadow;
	-webkit-transition: ease-out;
	-webkit-transition-duration: 0.25s;
}
.smThumb:hover{
	-webkit-box-shadow:0px 5px 20px #008CFF;
	-moz-box-shadow:0px 5px 20px #008CFF;
	top:-5px;
}
.longThumb{
	position:relative;
	float:left;
	width:350px;
	height:95px;
	margin-top:10px;
	background-color:#fff;
	-webkit-box-shadow:0px 0px 4px #333; 
	-moz-box-shadow:0px 0px 4px #333; 
	-webkit-transition-property: box-shadow;
	-webkit-transition: ease-out;
	-webkit-transition-duration: 0.25s;
}
.longThumb:hover{
	-webkit-box-shadow:0px 5px 20px #008CFF;
	-moz-box-shadow:0px 5px 20px #008CFF;
	top:-5px;
}

/* Subhead Section */
.subhead{
	position:absolute;
	float:left;
	width:100%;
	background-image:url(images/subhead.png);
	background-repeat:repeat;
}

/* Footer Content */
#footerTop{
	position:relative;
	margin:0px auto;
	width:768px;
	height:30px;
	border:1px solid #333;
}
#footerBottom{
	position:relative;
	margin:0px auto;
	width:768px;
	height:88px;
	border-left:1px solid #333;
	border-right:1px solid #333;
}
.fMenu{
	position:relative;
	float:left;
	padding:10px 20px 0px 20px;
	width:60px;
	height:20px;
	color:#C0DFED;
	font-size:1.1em;
	font-weight:300;
	
}
.fMenuMid{
	position:relative;
	float:left;
	padding:10px 20px 0px 20px;
	width:526px;
	height:20px;
	color:#C0DFED;
	font-size:1.1em;
	font-weight:300;
	border-left:1px solid #333;
	border-right:1px solid #333;
}
.fContent{
	position:relative;
	float:left;
	padding:5px 20px 0px 20px;
	font-size:0.8em;
	width:60px;
	height:83px;
	line-height:1.4em;
}
.fContentMid{
	position:relative;
	float:left;
	padding:5px 20px 0px 20px;
	font-size:0.8em;
	width:526px;
	height:83px;
	line-height:1.4em;
	border-left:1px solid #333;
	border-right:1px solid #333;
}
.fColumns{
	position:relative;
	float:left;
	margin-right:20px;	
}

/* Article content */
#sidebar{
	position:absolute;
	top:20px;
	left:570px;
	width:170px;
	height:300px;
}
.text{
	position:relative;
	float:left;
	width: 540px;
	margin: 20px;
}

/* Sidebar */
#bar{
	position:relative;
	float:left;
	width:170px;
	height:38px;
	background-image:url(images/bar-bg.jpg);
}
#barSubhead{
	position:relative;
	float:left;
	clear:both;
	margin-top:30px;
	width:170px;
	height:32px;
	background-image:url(images/recent-posts.png);
	background-repeat:no-repeat;
}
.barButton{
	position:relative;
	float:left;
	width:46px;
	height:28px;
	padding:5px;
	-webkit-transition-property: background-color;
	-webkit-transition: ease-in-out;
	-webkit-transition-duration: 0.25s;
}
.barButton:hover{
	background-color: #333;
}
.barButtonCenter{
	position:relative;
	float:left;
	width:46px;
	height:28px;
	border-left:1px solid #222;
	border-right:1px solid #222;
	padding:5px;
	-webkit-transition-property: background-color;
	-webkit-transition: ease-in-out;
	-webkit-transition-duration: 0.25s;
}
.barButtonCenter:hover{
	background-color: #333;
}