/** 
 * @theme name  ::       adoil_theme
 * @author      ::       Arjay Aquino arjayaquino@imagineinfinitystudios.com
 * @version     ::       1.0
 * @date        ::       09.02.2009
 * @description ::       theme for ADOIL website
 * @description ::       imports general css including 960 grid layout. Creates custom styles.
 * @copyright   ::       Copyright(C) 2009 ADOIL
 
 * @notes       ::       Color values: Orange: #c5661d | Light Orange: #deb89a | Light Grey: #a1a1a1 | Grey: #313131 | Dark-Grey: #252525
**/

@import url('css/960.css');
@import url('css/reset.css');
@import url('css/text.css');
@import url('css/forms.css');
@import url('css/jquery.lightbox-0.5.css');


/**										LAYOUT
________________________________________________
**/

	body{
		background:#252525 url(images/site_bg.jpg) no-repeat top center;
	}

/* ________________ =ABOVE HEADER / LOGO _________ */
	
	#site_above_header{
		height: 110px;
	}
	
	#site_logo{
		margin-top:10px;
		height:93px;
	}
	
/* ________________ =SITE NAVIGATION _________ */

	#site_nav{
		margin-top: 85px;
		height: 25px;
	}
	
  /* ___________DROPDOWN _____ */
	
	#dropmenu, #dropmenu ul {
		margin:0; 
		padding:0; 
		list-style-type:none; 
		list-style-position:outside; 
		position:relative; 
		line-height:1.5em; 
		z-index:200; 
		width:100%; 
	} 
	
	#dropmenu a {
		display:block; 
		height:20px;
		padding:5px 17px 0px 17px; 
		color:#fff; 
		text-decoration:none; 
		background-color:#000000;
	}
	
	#dropmenu li a.current_page_item{
		background-color:#c5661d;
	}
	
	#dropmenu a:hover {
		background-color:#c5661d; 
		color:#fff;
	} 
	
	#dropmenu li {
		float:right; 
		margin-left: 5px;
		position:relative;
	}
	
	#dropmenu  ul li {
		float:left; 
		margin-left: 0px;
		position:relative;
	} 
	
	#dropmenu ul {
		position:absolute; 
		display:none; 
		width:12em; 
		top:1.9em; 
		left:-1px;
	}
	
	#dropmenu li ul {
		width:14.1em;
	} 
	
	#dropmenu li ul a {
		width:12em; 
		height:auto; float:left;  
		border-bottom:1px solid #a1a1a1;
	} 
	
	#dropmenu ul ul {
		top:auto;
	} 
	
	#dropmenu li ul ul {
		left:12em; 
		margin:0px 0 0 10px;
	} 
	
	#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} 
	
	#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}  
	
/* ________________ =HEADER  ________________ */
	
	#site_header{
		background-color:#000000;
		height: 300px;
		z-index:-10;
	}
	
	#slideshow {
		position:relative;
		height:280px;
		margin:10px 0px 0px 15px;
		width: 910px;
	}
	
	#slideshow IMG {
		position:absolute;
		top:0;
		left:0;
		z-index:8;
		
	}
	
	#slideshow IMG.active {
		z-index:10;
		
	}
	
	#slideshow IMG.last-active {
		z-index:9;
	}
	
/* ________________ =PAGE CONTENT _________ */

	#site_content{
		margin-top:15px;
	}
	
	#site_content #content_entries{
		min-height: 500px;
		margin: 15px 0px 0px 15px;
		width: 605px;
	}
	
	#site_content .category .entry, #site_content .category .product_entry{
		border-bottom:#313131 1px solid;
		padding-bottom:5px;
		margin-bottom:15px;
	}
	
	
/* ________________ =PRODUCT LIST _________ */
	
	.product_entry{
		float:left;
		min-height:220px;
		width:605px;
	}
	
	.product_entry strong{
		color:#ffffff;
	}
	
	.product_entry .image_container{
		float:left;
		width:210px;
	}
	
	.product_entry .image_container .entry_image{
		background-color:#313131;
		float:left;
		height:205px;
		padding:5px 0px 0px 5px;
		margin-bottom:3px;
		width:205px;
	}
	
	.product_entry .entry_content{
		float:left;
		min-height:190px;
		padding-left:10px;
		width:385px;
	}
	
	.product_entry .backtoTop{
		float:left;
		text-align:right;
		width:385px;
	}
	
	
/* ________________ =SIDEBAR _________ */
	#site_sidebar{
		background-color:#313131;
		margin-top:15px;
	}
	
	#site_sidebar #sidebar_content{
		margin: 15px 0px 0px 15px;
		padding-bottom:20px;
		width: 270px;
	}

	#site_sidebar #sidebar_content ul{
		list-style:none;
		margin:0px;
	}
	
	#site_sidebar #sidebar_content ul .widget_box{
		margin-bottom:15px;
	}
	

/* ________________ =FOOTER _________ */
	#site_footer{
		background-color:#313131;
		height:160px;
		margin-top:45px;
		padding-top:15px;
	}
	
	#site_footer .footer_text{
		border-right:#deb89a 1px solid;
		height:150px;
	}
	
	#site_footer #footer_misc .footer_text{
		border-right:none;
	}
	
	#site_footer #footer_clients .footer_text{
		padding-left: 15px;
	}
	
	#site_footer .footer_text{
		padding-right: 15px;
	}
	
	#site_footer ul{
		list-style:none;
		margin:0px;
	}
	
	#site_footer .col2{
		margin-left: 130px;
	}
	
	#site_footer #footer_distributor .col2{
		margin-left: 200px;
	}
	
	#site_footer .top{
		margin-top: -9.1em;
	}
	
	
/**										FORMAT
________________________________________________
**/

	a{color: #c5661d; text-decoration: underline;}
	a:hover{color: #c5661d; text-decoration:none;}
	a:focus{outline:none; color: #c5661d;}
	a:visited{color: #c5661d;}
	
	.button, .li_button input{
		border:none;
		background-color:#c5661d;	
		color:#ffffff;
		padding:3px 5px 3px 5px;
		text-decoration:none;
	}
	
	.button:hover{
		color:#ffffff;	
	}
	
	.button:focus{
		color:#ffffff;	
	}
	
	
/* ________________ =HEADINGS _________ */
	
	h1{
		background: url(images/title_bar.gif) no-repeat bottom right;
		border-bottom:#deb89a 2px solid;
		padding-bottom:6px;
	}
	
	h1 a{
		text-decoration:none;
	}
	
	
/* ________________ =FORMS _________ */
	
	.contact_form{
		list-style:none;
		margin:0px;
		padding:0px;
	}
	
	.contact_form li{
		margin-bottom:5px;	
	}