/*  
Theme Name: Rob Aubrey
Theme URI: http://RobAubrey.com
Description: Another theme from the <a href="http://robaubrey.com">Rob Aubrey</a>.
Version: 1.0
Author: Rob Aubrey
Author URI: 
*/

body {
	background: #fff url(images/neut_bg.gif) top left repeat-x;
}

body.red {
	background-image: url(images/red_bodyBg.gif);
}

body.blue {
	background-image: url(images/blue_bodyBg.gif);
}

/*
=GLOBAL CSS
*/

form, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.clear {
	clear: both;
}

/*
=LAYOUT CSS
*/

	#header {
		position: relative;
		background: transparent url(images/neut_header.gif) top center no-repeat;
		height: 274px;
		width: 873px;
		text-align: center;
		margin: 25px auto 0 auto;
		padding:0;
	}
	
		body.red #header {
			background-image: url(images/red_header.gif);
		}
		
		body.blue #header {
			background-image: url(images/blue_header.gif);
		}
		
		/*
		=NAV CSS
		*/
		
		ul#nav {
			position: absolute;
			background: transparent url(images/nav_bg.gif) top left no-repeat;
			height: 31px;
			top: 275px;
			left: 10px;
			right: 0px;
			margin: 0 auto;
			padding-top: 8px;
			overflow: hidden !important;
			font: 12.5px "Verdana", serif normal;
			text-align: center;
		}
		
			ul#nav li {
				display: inline;
				padding: 0 10px;
			}
			
				ul#nav a:active, ul#nav a:visited, ul#nav a:link {color: #6b6b6b; text-decoration: none;}
				ul#nav a:hover {color: #ca2a23; text-decoration: underline;}
		
		/*
		=LEFT CSS
		*/
		
		#left {
			background: transparent url(images/red_bg.gif) top left repeat-y;
			position: relative;
			width: 176px;
			float: left;
			margin-top: 60px;
			padding: 0 15px;
			font: 12px "Tahoma", serif;
			color: #fff;
		}
		
			#left .redTop {
				background: transparent url(images/red_top.gif) top left no-repeat;
				height: 33px;
				width: 206px;
				margin: 0 -15px;
			}
			
			#left a#blueCallout {
				background: transparent url(images/red_callout.gif) top left no-repeat;
				height: 135px;
				width: 198px;
				margin: 0 -11px 20px -11px;
				display: block;
				text-indent: -500em;
			}
			
			#left a:active, #left a:visited, #left a:link {color: #ff756f; text-decoration: none;}
			#left a:hover {color: #ffcfcd; text-decoration: underline;}
		
			#left a#rssinfo {
				background: transparent url(images/red_rssInfo.gif) left top no-repeat;
				height: 60px;
				width: 175px;
				margin: -15px auto 10px auto;
				display: block;
				text-indent: -500em;
			}
		
			#left a#rss {
				background: transparent url(images/red_rss.gif) left top no-repeat;
				height: 47px;
				width: 26px;
				float: left;
				margin-right: 5px;
				display: block;
				text-indent: -500em;
			}
			
			#left input {
				background-color: #74b2ff;
				margin: 2px;
				padding: 2px;
				border: 1px solid #2b5cb2;
				font: 12px "Tahoma", serif;
				color: #fff;
			}
			
			#left h2 {
				margin: 0;
				padding: 0;
				clear: both;
				font: 20px "Tahoma", serif lighter;
				color: #ffa7a3;
			}
			
			#left ul {
				margin: 0;
				padding:0;
				padding-left:15px;
				list-style:none;
			}
			
				#left ul li {
					padding: 2px 0;
				}
			
			#left .redBtm {
				background: transparent url(images/red_btm.gif) top left no-repeat;
				height: 22px;
				width: 206px;
				margin: 0 -15px;
			}
			
		/*
		=CONTENT CSS
		*/
		
		#content {
			position: absolute;
			left: 230px;
			right: 250px;
			margin: 60px auto;
			float: left;
			font: 12px/16px "Verdana", serif normal;
			color: #5e5e5e;
		}
		
		body.red #content {
			right: 40px;
		}
		
		body.blue #content {
			left: 30px;
		}
		
			#content h2 {
				font: 20px "Verdana", serif lighter;
				color: #5a5a5a;
				clear: both;
			}
			
				#content h2.title {
					margin: 0;
					padding: 0;
					font: 24px "Tahoma", serif lighter;
				}
				
					#content h2.title a:active, #content h2.title a:visited, #content h2.title a:link {color: #3384bc; text-decoration: none;}
					#content h2.title a:hover {color: #07416a; text-decoration: underline;}
			
			#content h3 {
				font: bold 16px "Tahoma", serif;
				color: #bb1d18;
			}
			
			#content h4 {
				font: bold 15px "Arial", sans-serif;
				color: #3c74c9;
			}
			
			#content p.postinfo {
				margin: 0px;
				padding: 0px;
				font: 10px "Arial", serif normal;
				color: #929292;
			}
			
				#content p.postinfo .category {
					color: #5c6065;
				}
			
			#content a:active, #content a:visited, #content a:link {color: #4b84cc; text-decoration: none;}
			#content a:hover {color: #d83029; text-decoration: underline;}
			
			#content img {
				border: 0;
				margin: 10px 10px 10px 0;
			}
			
				#content img.houseLeft {
					float: left;
				}
			
			#content ul {
				margin: 15px;
			}
			
			#content p.postdata {
				font: 12px "Verdana", serif normal;
				text-align: right;
			}
 

		
		/*
		=RIGHT CSS
		*/
		
		#right {
			background: transparent url(images/blue_bg.gif) top left repeat-y;
			position: relative;
			width: 186px;
			margin-top: 60px;
			padding: 0 20px;
			float: right;
			font: 12px "Tahoma", serif normal;
		}
	
			#right .blueTop {
				background: transparent url(images/blue_top.gif) top left no-repeat;
				height: 39px;
				width: 226px;
				margin: 0 -20px;
			}
			
			#right a:active, #right a:visited, #right a:link {color: #b5dfff; text-decoration: none;}
			#right a:hover {color: #fff; text-decoration: underline;}
			
			#right a#redCallout {
				background: transparent url(images/blue_callout.gif) top left no-repeat;
				height: 135px;
				width: 198px;
				margin: 0 -8px 20px -8px;
				display: block;
				text-indent: -500em;
			}
			
			#right input {
				background-color: #de3833;
				margin: 2px;
				padding: 2px;
				font: 12px "Tahoma", serif normal;
				color: #fff;
				border: 1px solid #a8413b;
			}
			
			#right h2 {
				font: 20px "Tahoma", serif normal;
				color: #fff;
			}
			
			#right ul {
				margin:0;
				padding:0;
				padding-left: 15px;
				list-style:none;
			}
			
				#right ul li {
					margin: 4px 0;
				}
			
			#right .blueBtm {
				background: transparent url(images/blue_btm.gif) top left no-repeat;
				height: 30px;
				width: 226px;
				margin: 0 -20px;
			}

#comment {
    width: 450px; }