/*

by Caleb Winters

	My blue: #0071BC

How dare you disrobe this tremulous virgin code!


*/


/* 

BROWSER RESET 

copied shamelessly from Chris Coyier at http://css-tricks.com

*/

*						{ margin: 0; padding: 0; }
html					{ overflow-y: scroll; }
html, body				{ height: 100%; }
ul						{ list-style: square inside; color: #666; }
ol						{ list-style: none; }
a						{ outline: none; text-decoration: none; }
a img					{ border: none; }
table					{ border-collapse: collapse; }



/*

STRUCTURE

*/

#page_wrap				{ width: 770px; margin: 15px auto -150px auto; margin-left: auto!important;
						  margin-right: auto!important; min-height: 100%; height; auto !important; }

body 					{ background-color: #0071bc; background-image: url(Images/bgBar.jpg);
						  background-position: top center; background-repeat: repeat-y;
						  font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

a 						{ color: #0072bc; text-decoration: none; }   
a:link, a:visited 		{ color: #0072BC; }
a:hover 				{ color: #0071BC; font-weight:bold; }
a:active 				{ color: #0071BC !important; font-weight:bold !important; }

b 						{ color: #666666; }

b.gray 					{ color: #333333; }

h1 						{ color: #0071bc; font-size: 30px; }

#white					{ color: #FFFFFF!important; font-size: 30px; z-index: top; }

.big					{ font-size: 14px; }

h2 						{ color: #0071bc; font-size: 15px; }

.white					{ color: #FFFFFF; }
.blue					{ color: #0072BC; }

h3 						{ color: #FFFFFF; font-size: 14px; }
	
h4 						{ color:#FFFFFF; font-size: 20px; line-height: 30px; bottom: 15px; }

.small					{ font-size: 9px; }

.left					{ float: left; margin-right: 10px}


p 						{ color:#333333; }

ul.sidebar				{ list-style-type: none; }

li.sidebar 				{ color:#FFFFFF; }

#header 				{ width: 770px; height: 115px; max-height: 115px!important;
						  font-family: Arial, Helvetica, sans-serif; background-color: #0071bc;
						  margin-top: 15px; margin-right: auto; margin-left: auto; 
						  padding-bottom: 0px; }
						  
/* #footer					{ width: 760px; height: 45px; margin: 0px auto 0px auto; 
						  padding-left: 10px; background-color: #0072BC; } */
						  
.wp-caption				{ background-color:#F0F0F0; padding: 10px; margin: 10px; }
						  



img.header {
	margin-left:11px;
}

ul.header {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}

li.header {
	display: inline;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.header {
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	float:left;
	width:6em;
	height:2.5em;
	color:#FFFFFF;
	margin-right: 2px;
	padding-top: 0.5em; 
	
}

#banner {
	width: 770px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 0px;
}

#pic {
	width: 300px;
	height: 300px;
}

#main {
	width: 770px;
	min-height: 1000px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
}

#search_form				{ width: 205px; float: right; margin-top: 15px; }

#headline					{ width: 400px; height: 50px; float: left; background-color: none; }
		
div.column {
	width: 200px;
	height: 150px;
	margin-top: 0px;
	margin-left: 10px;
	float: left;
	font-family: Arial, Helvetica, sans-serif; 
}

div.post_title {
		float: left;
		margin-top:15px;
		margin-left: 0px;
		height: 55px;
		width: 500px;
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		padding-top: 0px;
		padding-left: 15px;
		background-color: #0072BC;
		
}

div.post					{ width: 500px; max-width:550px; float: left!important; }
div.postcontent				{ width: 500px; max-width:500px!important; float: left; margin-top: 10px; }

div.content {
		float: right;
		margin-left: 50px;
		margin-top: 15px;
		width: 515px;
		font-family: Arial, Helvetica, sans-serif;
		padding-left: 0px;
		background-color: transparent;
}

li.content {
	color:#333333;
	list-style-type: none;}

#column2 {
	background-color: none;
	width: 200px;
	margin-top: 0px;
	float: right;
	font-family: Arial, Helvetica, sans-serif; 
}

a.content {
	color:#FFFFFF;
	}

a.contact{
	text-decoration: none;
	color: #0072bc;
	}

a.header:link {color: #FFFFFF}
a.header:visited {color: #FFFFFF}
a.header:hover {color: #0071BC; background-color:#FFFFFF; border-color:#FFFFFF;}
a.header:active {color: #0071BC !important;
		 background-color:#FFFFFF !important;}
		 
a.port {
	color:#FFFFFF;
	text-decoration: none;
	} 


a.port:link {color: #FFFFFF}
a.port:visited {color: #FFFFFF}
a.port:hover {color: #FFFFFF; text-decoration: underline; font-weight:bold!important;}
a.port:active {color: #FFFFFF; text-decoration: underline; font-weight:normal!important;}


table {
	width: 770px;
	border-collapse: separate;
}

.style4 {
	font-size: 14px;
	font-weight: bold;
	color: #0071BC;
}
.style5 {color: #666666}
.style6 {color: #0071BC}
.style7 {font-size: 20px;
		 font-weight: bold;
		 color: #FFFFFF}
		 
.style8 {
	font-size: 14px;
	color:#666666;
	font-weight: bold;
	}
	
.style9				{ color: #FFFFFF; }

.blank				{list-style: none; display: inline;}


/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #page_wrap {height: 100%;}

body > #page_wrap {height: auto; min-height: 100%;}

#main3 {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: 150px; /* negative value of footer height */
	height: 150px;
	clear: both;
	width: 745px; height: 150px; margin: 0px auto 0px auto; 
	padding-left: 15px; padding-top: 15px; background-color: #0072BC; }

.footspace { width: 233px; margin-right: 15px; float: left; } 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */