 


/*

Theme Name: ElectroPetroleum

Description: ElectroPetroleum Wordpress theme.

*/





body {

	/* background:url(images/background.jpg) repeat-x; */
        background:url(images/bodybg.png);
	font-family:"Lucida Grande", sans-serif;

	margin: 0px;

	padding: 0px;

}


html {
 
}



form{

	margin:0px;

}



.clear{

	clear:both;

}





body > #outer_container, body > #container, body > #shadow_container {height: auto; min-height: 100%;

}




#container {
        
        margin: 0 auto;
	padding: 0px;

	width: 805px;

	border: 0px;

	background-color:#FFFFFF;

	/*padding-bottom:5px*/

}



#shadow_container {

	margin: 0 auto;

	padding: 0px;

	width: 805px;
        background-color:white;
}


/*
*html #shadow_container{

	background:none;

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://aimdevserver.com/electropetroleum/wp-content/themes/electropetrolium/images/shadow_container.png', sizingMethod='crop');
	

}
*/


#outer_container {
	/* background:url(images/shadow_container.png) repeat-y center top; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://aimdevserver.com/electropetroleum/wp-content/themes/electropetrolium/images/shadow_container.png', sizingMethod='scale'); */
        
	/* background: url(images/background1.jpg) repeat-x top; */	
       z-index: 3;
	margin: 0 auto;
       width: 834px;

}

.topnav {

	background: url(images/navigation_back.jpg) repeat ;

	margin: auto;

	padding: 0px;

	height: 48px;

	width: 760px;

}



.topnav ul{

	margin:0px 0px 0px 0px;

	padding:15px 10px 10px 10px;

	height: 23px;

	*padding:20px 15px 15px 10px;

	*height: 13px;

	list-style:none;

	text-align:left;

	background:url(images/navigation_right.jpg) no-repeat right;

}



.topnav ul li{

	margin:10px 27px;

	font-family:"Lucida Sans";
	
	white-space:nowrap;

	font-size:11px;

	font-weight:bold;

	text-decoration:none;

	text-transform:uppercase;

	color:#7f7f7f;

	width:auto;

	display: inline;

}



.topnav ul li a{

	text-decoration:none;

	color:#7f7f7f;

}



.topnav ul li a:hover, .topnav ul li.current_page_item a{

	color:#8dc63f;

}



.topnav div{

	margin:0px;

	padding:0px;

	float:right;

	width:34px;

	height:48px;

}



.logo_text_space {

	margin: auto;

	padding: 0px;

	height: 56px;

	width: 760px;

}

.logo {

	float: left;

	height: 56px;

	width: 287px;

	margin-left:38px;

}



*html .logo {

	margin-left:18px;

}



.header_text_space {

	font-family:"Lucida Grande", sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #8dc63f;

	text-decoration: none;

	margin: 0px;

	float: right;

	width: auto;

	padding: 32px 55px 0px 0px;

}



.header_space {

	margin: 0 auto;

	padding: 0px;

	width: 805px;

	background-image: url(images/header_shadow.jpg);

	background-repeat: repeat-x;

	background-position: bottom;

	height: 267px;

        font-size:0px;

}



.inner_container{
        background-color:white;
	margin: 0px;

	padding: 0px;

	height: auto;

	width: 805px;

	

}

	

.inner_container_sub{

	margin: 0px;

	padding: 0px;

	height: auto;

	width: 805px;

	min-height:600px;
        background-color: white;
	background-image:url(images/subpage_back.jpg);

	background-repeat:no-repeat;

	background-position:right top;

	line-height:20px;

	height:expression(this.scrollHeight > 600 ? "auto":"600px"); 

}	





.left_container {

	margin: 0px 0px 0px 60px;

	padding: 30px 0px 0px 0px;

	float: left;

	height: auto;

	width: 423px;

	font-family:"Lucida Grande", sans-serif;

	font-size: 12px;

	color: #818181;

	text-decoration: none;

	line-height:18px;

}



*html .left_container {

	margin: 0px 0px 0px 27px;

	padding: 0px 0px 0px 0px;

}



.left_container a{

	color: #8dc63f;

	text-decoration: none;

}



.left_container a:hover{

	color: #639421;

	text-decoration:underline;

}



.right_container {

	margin: 10px 35px 0px 0px;

	padding: 0px;

	float: right;

	height: auto;

	width: 284px;

	font-size: 12px;

}





*html .right_container {

		margin: 10px 10px 0px 0px;

		padding: 0px;

		

}



.right_container h2{

	margin: 0px;

	padding: 0px 0px 0px 27px;

	font-family:"Lucida Grande", sans-serif;

	font-size: 24px;

	font-weight: lighter;

	color: #8dc63f;

	text-decoration: none;

	background-image:url(images/sub_head_back.jpg);

	width:257px;

	line-height:50px;

	background-repeat:no-repeat;

	background-position:bottom center;

}



.right_container .rightblock{

	margin:10px auto 10px auto;

	padding:0px;

	height:auto;

	font-family:"Lucida Grande", sans-serif;

	font-weight: normal;

	color: #818181;

	text-decoration: none;

	clear:both;

}



.right_container .rightblock img{

border:0;

}



.right_container .rightblock h2{

	clear:both;

	font-weight: lighter;

}

.rightcontent{

	padding:10px 30px;

	line-height:18px;

}





.right_container .rightblock a{

	font-family:"Lucida Grande", sans-serif;

	font-weight: normal;

	color: #818181;

	text-decoration: none;

}



.right_container .rightblock a:hover {

	color: #818181;

}



.right_container .rightblock a:hover{

	color: #639421;

	text-decoration:underline;

}



#footer {

	/* background: url(images/footer_back.jpg) repeat-x; */
        background:url(images/shadow_container.png) repeat-y center top;
	color:#999999;

	text-align:center;

	/* line-height:30px; */

	font-size:11px;

	width:834px;

	/* margin:-30px  auto; */
        margin: 0 auto;

}
#footer p {padding:12px 0;background-color: #d6d7d9;width:805px;margin: 0 auto;}


.left_container_sub {

	margin: 0px 0px 0px 60px;

	padding: 0px 0px 0px 0px;

	float: left;

	height: auto;

	width: 448px;

	font-family:"Lucida Grande", sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #818181;

	text-decoration: none;

	line-height:18px;

}



*html .left_container_sub {

	margin: 0px 0px 0px 27px;

	padding: 0px 0px 0px 0px;

}



.left_container h2, .left_container_sub h2{

	margin: 28px 0px 28px 0px;

	padding: 0px;

	font-family:"Lucida Grande", sans-serif;

	font-size: 28px;

	color: #8dc63f;

	text-decoration: none;

	line-height: normal;

	font-weight: lighter;

}





.left_container h3, .left_container_sub h3{

	margin: 10px 0px 5px 0px;

	padding: 0px;

	font-family:"Lucida Grande", sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #8dc63f;

	text-decoration: none;

	line-height: normal;

}





.left_container_sub a{

	color: #8dc63f;

	text-decoration: none;

}





.left_container_sub a:hover{

	color: #639421;

	text-decoration:underline;

}



img.centered {

	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;

	}

	

.aligncenter,  div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}

.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}

.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}
#outer_container /* #shadow_container */  {background:url(images/shadow_container.png) repeat-y center top;}
