/*  
Theme Name: Content Builder
Theme URI: http://www.guymclaren.com/
Description: Content Builder is a theme with 3 columns, Internet Explorer 7, 8 and Safari. Theme is XHTML/CSS valid and SEO friendly.
Version: 1.0
Author: Guy McLaren
Author URI: http://www.guymclaren.com/
Tags: SEO, Content Builder
*/

/* General */

body {
	margin: 0;
	font: normal 12px Verdana, sans-serif;
	font-style: italic;
	background : #003399; 
	}
	
td {
	margin: 0;
	font: normal 12px Verdana, sans-serif;
	font-style: italic;
	color : #ffffff; 
	}
	
h1 {
	margin: 0;
	font: bold 18px Helvetica, sans-serif;
	font-style: italic;
}

h2 {
	margin-top: 10px;
	margin-bottom: 6px;
	font: bold 16px Helvetica, sans-serif;
	font-style: italic;
}

h3, h4 {
	margin-top: 10px;
	margin-bottom: 6px;
	font: bold 14px Verdana, sans-serif;
	font-style: italic;
}

img {
	border: 0;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

/* Page */

#page {
	margin: 0 auto;
	padding-bottom: 25px;
	height:450px;
	width: 1004px;	
}



/* Header */

#header {
	width: 1004px;
	height: 122px;
	position: relative;
	background: url("images/headr.jpg") no-repeat;
	
}
	#header #hinfo {
		position: absolute;
		top: 10px;
		left: 450px;
		width: 350px;
	}
	
	#header #hinfo h1 {
		color:#0c4c93;
		font: bolder 18px Verdana, sans-serif;
		margin:0;
		padding-bottom: 5px;
	}

	#header #hinfo2 {
		position: absolute;
		top: 2px;
		left: 690px;
		width: 300px;
		text-align: right;
	}
	
	#header #hinfo2 h2 {
		color:#0c4c93;
		font: italic 12px Verdana, sans-serif;
		margin:0;
		padding-bottom: 0px;
		font-weight:bold;
	}
	
/* Main */


#main {
	width: 1004px;
	height:430px;
	background: url("images/hiqbg.gif") no-repeat;
}

#contenti {
		width: 1004px;
		margin-top: 7px;
		margin-left:11px;
		}		

/* Navigation */
		
	#contenti #iwrap {
		width: 210px;
		height: 900px;
		position: relative;
		top: -7px;
		left: -11px;
		float:left;
		background: url("images/menubg.jpg") repeat-y;
		}
	#contenti #iwrap .post-title {
			width: 198px;
			height: 6px;
			background: url("images/menutit.jpg") no-repeat;
			font: normal 12px Verdana;
		}
		#contenti #iwrap #post-entry1 {
			padding-top:10px;
			padding-left:40px;
			margin-left:2px;
			width: 768px;
			height:30px;
			background: url("images/menubg1.jpg") repeat-y;
			text-align: left;
		}
		#contenti #iwrap1 #post-entry1 .pt {
			width: 600px;
			height:30px;
			float:left;
			margin-left:50px;
			margin-top:10px;
			text-align: left;
			}
			
			#contenti #iwrap1 #post-entry1 .pt h1 {
			color: #ffffff;
			font:18px Verdana;
			font-weight:bold;
			text-decoration: none;
			}
			
			#contenti #iwrap1 #post-entry1 .pt a {
			color: #ffff00;
			font:18px Verdana;
			font-style:italic;
			font-weight:bold;
			text-decoration: none;
			}
			
			#contenti #iwrap1 #post-entry1 .pt a:hover {
			color: #ffffff;
			font:18px Verdana;
			font-style:italic;
			font-weight:bold;
			text-decoration: none;
			}
		
			#contenti #iwrap .post-entry {
			padding-top:10px;
			padding-left:40px;
			margin-left:2px;
			width: 128px;
			height:25px;
			background: url("images/menubg1.jpg") repeat-y;
			text-align: left;
		}
		#contenti #iwrap .post-entry a {
			color: #ffff00;
			font:12/18 px Verdana;
			font-style:italic;
			font-weight:bold;
			text-decoration: none;
			}
		#contenti #iwrap .post-entry a:hover {
			color: #ffffff;
			font: bold 12/18 px Verdana;
			font-style:italic;
			font-weight:bold;
			text-decoration: none;
			}
	#contenti #iwrap .post-entry h2 {
			color: #ffffff;
			font: bold 14/18 px Verdana;
			font-style:italic;
			font-weight:bold;
			text-decoration: none;
			}
	#contenti  #iwrap .post-info {
			clear: both;
			padding: 0;
			margin-left:2px;
			width: 198px;
			height: 10px;
			background: url("images/menubot.jpg") no-repeat;
			}



	/* Main - Content */
	
/* Index content */
	#contenti #iwrap1 {
		  width: 770px;
		  float: left;
		  margin-left: 0px;	
 	  }
	#contenti #iwrap1 .post-title {
			width: 768px;
			height: 25px;
			padding: 0px 0px 0 0px;
			color: black;
			font: normal 12px Verdana, sans-serif;
			background: url("images/conttop.png") no-repeat;
		}
		
		#contenti #iwrap1 .post-entry2 {
			font: normal 12px/20px;
			color: black;
			width: 768px;
			height: 60px;
			text-align: left;
			background: url(images/contbg.png) repeat-y;
			}
			
		#contenti #iwrap1 #post-entry2 {
			font: normal 12px/20px;
			color: black;
			width: 768px;
			text-align: left;
			background: url("images/contbg.png") repeat-y;
			}
			
		#contenti #iwrap1 .post-entry2 .pt2 {
			color: #ffffff;
			width: 690px;
			height:50px;
			float:left;
			margin-left:50px;
			margin-top:10px;
			text-align: center;
			}
			
		#contenti #iwrap1 .post-entry2 .pt2 a {
			color: #ffff00;
			font:18px Verdana;
			font-style:italic;
			font-weight:bold;
			text-decoration: none;
			}
			
			#contenti #iwrap1 .post-entry2 .pt2 a:hover {
			color: #ffffff;
			font:18px Verdana;
			font-style:italic;
			font-weight:bold;
			text-decoration: none;
			}
			
		#contenti #iwrap1 #post-entry2 #pt2 {
			color: #ffffff;
			width: 690px;
			float:left;
			margin-left:50px;
			margin-top:10px;
			text-align: center;
			}
			
		#contenti #iwrap1 #post-entry2 #pt2 a {
			color: #ffff00;
			font:18px Verdana;
			font-style:italic;
			font-weight:bold;
			text-decoration: none;
			}
			
			#contenti #iwrap1 #post-entry2 #pt2 a:hover {
			color: #ffffff;
			font:18px Verdana;
			font-style:italic;
			font-weight:bold;
			text-decoration: none;
			}
			
		#contenti #iwrap1 .post-entry2 .pt1 {
			color: #ffffff;
			font:12px Verdana;
			width: 690px;
			float:left;
			margin-left:50px;
			text-align: left;
			}
			#contenti #iwrap1 .post-entry2 .pt1 h2 {
			color: #ffffff;
			font:14px Verdana;
			font-weight:bold;
			text-decoration: none;
			}
			
			#contenti #iwrap1 .post-entry2 .pt1 a {
			color: #ffff00;
			font:12px Verdana;
			font-style:italic;
			font-weight:bold;
			text-decoration: none;
			}
			
			#contenti #iwrap1 .post-entry2 .pt1 a:hover {
			color: #ffffff;
			font:12px Verdana;
			font-style:italic;
			font-weight:bold;
			text-decoration: none;
			}
			
			#contenti #iwrap1 .post-entry2 .pt1 td {
			color: #ffffff;
			font:12px Verdana;
			font-style:italic;
			font-weight:bold;
			text-decoration: none;
			}	
			
		#contenti #iwrap1 #post-entry {
			font: normal 12px/20px;
			color: black;
			width: 768px;
			height: 280px;
			text-align: left;
			background: url("images/contbg.png") repeat-y;
			}
			
			#contenti #iwrap1 #post-entry .pt {
			width: 310px;
			height:100px;
			float:left;
			margin-left:50px;
			margin-top:100px;
			text-align: left;
			}
			
			#contenti #iwrap1 #post-entry .pi {
			width: 400px;
			height:280px;
			float:left;
			}
			
			#contenti #iwrap1 #post-entry .pt h1 {
			color: #ffffff;
			font:18px Verdana;
			font-weight:bold;
			text-decoration: none;
			}
			
			#contenti #iwrap1 #post-entry .pt a {
			color: #ffff00;
			font:18px Verdana;
			font-style:italic;
			font-weight:bold;
			text-decoration: none;
			}
			
			#contenti #iwrap1 #post-entry .pt a:hover {
			color: #ffffff;
			font:18px Verdana;
			font-style:italic;
			font-weight:bold;
			text-decoration: none;
			}
			
			
		
			
						
			#contenti  #iwrap1 .post-info {
			clear: both;
			padding: 0 15px;
			width: 768px;
			height: 25px;
			background: url("images/contbot.png") no-repeat;
			}
			
			/* Trio boxes */
			#contenti #iwrap1 #post-entrya {
				width: 768px;
			}
			
			#contenti #iwrap1 #post-entrya #trio {
			width: 256px;
			height:220;
			float: left;
			}
			#contenti #iwrap1 #post-entrya #trio .post-title {
			width: 256px;
			height: 25px;
			background: url("images/tritop.png") no-repeat;
			}	
			
			#contenti #iwrap1 #post-entrya #trio #post-entry {
			padding-left:10px;
			width: 256px;
			height: 200px;
			background: url("images/tribg.png") repeat-y;
			}	
			
			#contenti #iwrap1 #post-entrya #trio .post-entry {
			color: #ffffff;
			font: normal 12px Verdana, sans-serif;
			padding-left:3px;
			width: 236px;
			height: 200px;
			}	
					
			#contenti #iwrap1 #post-entrya #trio #post-entry .post-entry a {
			color: #ffff00;
			font:12px Verdana;
			font-style:italic;
			font-weight:bold;
			text-decoration: none;
			}
			#contenti #iwrap1 #post-entrya #trio #post-entry .post-entry a:hover {
			color: #ffffff;
			font:12px Verdana;
			font-style:italic;
			font-weight:bold;
			text-decoration: none;
			}
			#contenti #iwrap1 #post-entrya #trio .post-info {
			width: 256px;
			height: 25px;
			background: url("images/tribot.png") no-repeat;
			}
			
			/* footer */
			
			#contenti #iwrap1 #footer {
				width: 768px;
				font:  normal 12px Verdana, sans-serif;
			  color: #ffffff;
				text-align:right;
			}
			
			#copy {
			width: 1004px;
			float:left;
				font:  normal 12px Verdana, sans-serif;
			  color: #ffffff;
				text-align:left;
			}
			
			#copy a {
			color: #ffff00;
			font:12px Verdana;
			font-style:italic;
			font-weight:bold;
			text-decoration: none;
			}
			#copy a:hover {
			color: #ffffff;
			font:12px Verdana;
			font-style:italic;
			font-weight:bold;
			text-decoration: none;
			}