/*
Theme Name: Strauss Consultants, Inc.
Description: Custom theme created for Strauss Consultants.
Version: 1.0
Author: Tanya Nam
Author URI: http://tanyanam.com/
*/
body
{
	font:0.8em Arial;
	margin:0;
	padding:0;
	background-color:#004468;
	text-align:center;
}
body /* Mozilla Firefox alignment */
{
text-align: -moz-center;
} 
a img {border:0;}
#container
{
	margin:0 auto;
	display:table;
	text-align:left;
	width:800px;
	margin:0;
	padding:0;
	background-color:#ffffff;
}
h2
{
	font:bold 1.2em Arial;
	color:#004468;
}
a
{
	color:#4580BF;
}
/*-----------------header-----------------------------*/
#header
{
	background:transparent url("images/header_bg1.jpg") bottom left no-repeat;
	height:150px;
}
#logo
{
	padding:20px;
}
#header span
{
	position:absolute;
	text-align:right;
	width:775px;
	top:25px;
	font:bold 12px Arial;
	color:#004468;
}

#topnav
{
	margin:0;
	height:39px;
	margin-top:16px;
	padding:14px;
	text-align:center;
}

#topnav li
{
	margin: 0; padding: 0; list-style: none; display:inline;
	padding-right:40px;
	height:35px;
}
#topnav li#home
{
	padding-left:10px;
}
#topnav li#contact
{
	padding-right:20px;
}
#topnav li a
{
	color:#fff;
	font:bold 1.3em Arial;

	text-decoration:none;
}
#topnav li a:hover
{
	text-decoration:underline;
}


div.navigation
{
	padding-bottom:15px;
}

/*-------------------top navigation------------------
#topnav
{
	margin:0;
	height:39px;
	margin-top:16px;
	background:transparent url("images/nav_buttons.gif") top left no-repeat;
	position:relative;
}
#topnav li { margin: 0; padding: 0; list-style: none; position: absolute; top:0;}
#topnav li, #topnav a { height: 39px; display: block; background: none; text-decoration: none;}

#home 		{ text-indent: -999em; overflow: hidden; left: 30px; width: 95px; }
#about		{ text-indent: -999em; overflow: hidden; left: 145px; width: 95px; }
#services 	{ text-indent: -999em; overflow: hidden; left: 275px; width: 95px; }
#resources	{ text-indent: -999em; overflow: hidden; left: 405px; width: 115px; }
#blog		{ text-indent: -999em; overflow: hidden; left: 555px; width: 85px; }
#contact 	{ text-indent: -999em; overflow: hidden; left: 665px; width: 95px; }


#home a:hover, #home.active				{ background: transparent url("images/nav_buttons_o.gif") -30px 0 no-repeat; }
#about a:hover, #about.active			{ background: transparent url("images/nav_buttons_o.gif") -145px 0 no-repeat; }
#services a:hover, #services.active		{ background: transparent url("images/nav_buttons_o.gif") -275px 0 no-repeat; }
#resources a:hover, #resources.active 	{ background: transparent url("images/nav_buttons_o.gif") -405px 0 no-repeat; }
#blog a:hover, #blog.active				{ background: transparent url("images/nav_buttons_o.gif") -555px 0 no-repeat; }
#contact a:hover, #contact.active 		{ background: transparent url("images/nav_buttons_o.gif") -665px 0 no-repeat; }
*/

#maincontent
{
	padding:10px 12px;
}

/*-------main section with blue bg-------------------*/
#main_section
{
	width:534px;
	margin-right:15px;
	margin-bottom:15px;
	float:left;
}
#main_top
{
	background:transparent url("images/main_sec_top_bg.gif") top left no-repeat;
	height:37px;
	padding:0;
}
#main_section h1
{
	color:#ffffff;
	font:bold 1.3em Arial;
	margin:0;
	padding-top:9px;
	padding-left:10px;
	/*padding-left:35px;
	background:url("images/main_h1_bg.gif") 8px 8px no-repeat;
	*/
}
#main_section li
{
	padding:5px;
}
#main_mid
{
	background:transparent url("images/main_sec_mid_bg.gif") top left repeat-y;
	min-height:300px;
	margin-top:-2px;
	margin-left:1px;
}
#main_mid #main_text
{
	padding:15px;
	margin:0 6px 0 1px;
	min-height:280px;
	background:transparent url("images/mid_gradient_bg.gif") top left repeat-x;
}
#main_bottom
{
	background:transparent url("images/mid_sec_bottom_bg.gif") top left no-repeat;
	height:7px;
	margin-top:-2px;
	margin-left:1px;
}

img.home_float
{
	float:left;
	margin:0 7px 0 0;
	padding:0;
	border:1px solid #ccc;
}

h2 a
{
	text-decoration:none;
	color:#004468;
}

p.home_desc
{
	margin-bottom:20px;
}
div.home_news_content 
{
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}
div.home_news_content a
{
	color:#000;
}
.post
{
	margin-bottom:25px;
	border-bottom:1px dotted #ccc;
}

.post img
{
	/*float:left;
	margin-right:10px;
	margin-bottom:10px;
	*/
	border:1px solid #ccc;
	
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



.post h2
{
	margin:5px 0;
}
.postmetadata
{
	font-size:10px;
	margin:0;
	margin-bottom:10px;
}
div.home_news_content p
{
	margin:8px 0;
}

div.home_news_content b a
{
	text-decoration:none;
}

div.home_news_content p.news_date
{
	font-size:10px;
}
a.read_more
{
	font-size:10px;
	color:#4580BF;
}
.breadcrumb
{
	font-size:10px;
	font-weight:bold;
}
/*------------news section with yellow bg-------*/
#blog_section
{
	height:auto;
	width:224px;
	float:left;
}

#news_section
{
	height:325px;
	width:224px;
	float:left;
}
#news_top
{
	background:transparent url("images/news_top_bg_green.gif") top left no-repeat;
	height:37px;
	padding:0;
}
#news_mid
{
	background:transparent url("images/news_mid_bg.gif") top left repeat-y;
	min-height:300px;
	margin-top:-2px;
	margin-left:1px;
}
#news_bottom
{
	background:transparent url("images/news_bottom_bg.gif") top left no-repeat;
	height:7px;
	margin-top:-2px;
	margin-left:1px;
}
#news_section h1, #blog_section h1
{
	/*color:#004468;*/
	color:#fff;
	font:bold 1.3em Arial;
	margin:0;
	padding-top:9px;
	padding-left:10px;
	/*padding-left:35px;
	background:url("images/news_h1_bg.gif") 8px 6px no-repeat;
	*/
}
#news_text
{
	padding:15px;
	margin:0 4px 0 1px;
	min-height:280px;
	background:transparent url("images/news_gradient_bg_green.gif") top left repeat-x;
}

/*-------------footer--------------------*/
#footer
{
	margin:0 auto;
	width:800px;
	color:#ffffff;
	background-color:#004468;
}
#copyright
{
	float:left; 
	width:300px;
	text-align:left;
	padding:15px;
}
#links
{
	float:right;
	padding:15px;
	width:400px;
	text-align:right;
}
#footer a
{
	color:#ffffff;
}