/*
Theme Name: Express Plumbing Chicago
Theme URI: http://expressplumbingchicago.com/
Author: Roel Monteros
Author URI: http://expressplumbingchicago.com/
Version: 2.2.19
Tags: blog, theme options, multiple layouts, multiple color schemes

Version History
	See history.txt
*/

body {
    margin: 0;
    padding: 0;
    background: #296999 url(images/diaglines.png) repeat;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;

}
#body {
    
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
#main_wrapper {
    margin: 0 auto;
	width:984px;
    background: url(images/container-bg.png) repeat-y;

}
#wrapper {
    margin: 0 auto;
    width:960px;
}
#header_ {
	
	width:960px;
	height:218px;
}

#menu {
	
	width:960px;
}
/*********************************************
	Navigation Module
*********************************************/
#menu {
	background: #494949 url(images/menu-bg.gif) repeat-x;
	color: #FFF;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	text-align: left;	
	text-transform: uppercase;
	padding: 0px 0px;
	margin: 0px;
	height: 22px;
	display: block;
	clear: both;
}
#nav {
	margin: 0px; padding: 0px;
	height: 22px;
	z-index: 100;
}
#nav li {
	display: block;
    float: left;
	list-style-type: none;
	margin: 0px; padding: 0px;
    
}

#nav li a {
	display: block;
	color: #FFF;
	margin: 0px; padding: 0px 15px;
	text-decoration: none;
	font-size: 12px;
	line-height: 22px;
	border-right: 1px solid #565656;
	border-left: 1px solid #969696;
	}
#nav li.home a {
	border-left: 0px;
}
/* if you want to set a "current page item" style, do it here */
#nav li.current_page_item a {
	background: #494949 url(images/menu-bg.gif) 0px -22px repeat-x;
	color: #FFF;
	margin: 0px; padding: 0px 15px;
	text-decoration: none;
	font-weight: bold;
	line-height: 22px;
}
#nav li a:hover,#nav li ul li a:hover {
	background: #494949 url(images/menu-bg.gif) 0px -22px repeat-x;
	color: #ccc;
	margin: 0px; padding: 0px 15px;
	text-decoration: none;
	line-height: 22px;
	}

#nav li ul { /* second-level lists */
    display: block;
    position: absolute;
    margin-top: 0px;
    padding: 0;
    background: #494949;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li {
    display: block;
    background: #494949 url(images/menu-bg.gif) repeat-x;
    width: 100%;
    clear: both;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

#content_ {
	float: left;
	width:616px;
}
.post {
    padding: 10px;
}

#sidebar_ {
	float: left;
	width:324px;
    padding: 10px;
}
#sidebar_ li {
    list-style-type: none;
}

#plumbing-chicago1_ {
    float: left;
	width:324px;
	height:395px;
}

#plumbing-chicago2_ {
    float: left;
	width:328px;
	height:395px;
}

#plumbing-chicago3_ {
	float: left;
	width:308px;
	height:395px;
}


/*********************************************
		Footer Styles
*********************************************/
#footer {
    width:920px;
	height:80px;
    margin: 0 auto;
    background: #000;
    clear: both;
	padding: 5px 20px 5px 20px;
	clear: both;
	color: #AAA;
	text-align: center;
	font-size: 11px;
}
#footer a {
	color: #AAA;
	text-decoration: none;
}
#footer a:hover {
	color: #FFF;
	text-decoration: none;
}
#footer ul li {
    display: inline;
	list-style-type: none;
	margin: 0px; padding: 0px 10px 0px 10px;
    text-transform: capitalize;
}
#footer ul li+li {
	display: inline;
	border-left: 1px solid #DDD;
	margin: 0px; padding: 0px 10px 0px 10px;
}

#footer ul li a {
	color: #FFF;
	text-decoration: none;
	margin: 0px; padding: 0px;
    text-transform: capitalize;
}
#footer ul li a:hover {
	color: #FFF;
	text-decoration: underline;
    text-transform: capitalize;
}

.clear {
    clear: both;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}