/*







Theme Name: Craft Oil







Theme URI: http://www.craftoilcorp.com







Description: A custom WordPress-as-a-CMS theme for the official website of Craft Oil Corporation.







Version: 1.0







Author: Derek Traver







Author URI: http://www.designbyderek.net







*/















/* global css */







body{background: url(images/bg.gif) #315CA8 repeat-x;}







body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,th,img,div,blockquote,dl,dt,dd,blockquote, pre,object,textarea,input{margin:0;padding:0}







body,select,input,textarea,button{font:14px/1.6 Arial, Helvetica, sans-serif; color: #4D4D4D;}	







input,select,img,button{vertical-align:middle}







h1,h2,h3,h4,h5,h6{font-size: 12px; font-weight: normal;}







fieldset,img,abbr {border: 0;} 







img,object,embed{vertical-align: top;}







ul,ol{list-style-type:none;}







table{border-collapse:collapse;;width:100%; border-spacing:0;}







caption,th{text-align:left;}







table th{line-height:25px;height:25px;}







body{padding: 30px 0;}















a{color: #0054A4;text-decoration:none;}







a:hover,#banner .more a:hover,#banner .more a:hover em{color: #4D4D4D;}















#slogan h2{text-indent: -2000px; overflow: hidden;}















#container:after,#client-list:after,.single:after{content:''; display: block; clear:both}















/* header css */







#header{







	width: 954px;







	margin: 0 auto;







	border: 4px solid #E0E4E8;







	border-width: 3px 3px 0 ;







	background: url(images/header-bg.gif) #F1F1F1 repeat-x;







}







#logo{







	float: left;







	padding:0 0 20px 16px;







}







#slogan{







	float: right;







	width: 570px;







	padding: 40px 20px 20px;







	text-align: center;







	color: #4D4D4D;







}







#slogan h2{







	height: 43px;







	margin-bottom: 4px;







	background: url(images/slogan.gif) no-repeat;







}







#slogan li{







	display:inline;







	margin: 0 4px;







	color: #919191;







	font-style: italic;







}







#slogan li em{







	font-weight: bold;







	font-style: italic;







	font-size: 11px;







}







#main-nav{







	width: 100%;







	clear: both;







	height: 35px;







	font-size: 14px;







	font-weight: bold;







	position: relative;







	z-index: 4;







	border: 1px solid #fff;







	border-width: 01px 0;







	background: url(images/main-nav-bg.gif) repeat-x;







}







#main-nav li,#main-nav a{







	float:left;







}







#main-nav li{







	position: relative;







	height: 35px;







}







#main-nav a{







	height:30px;







	color: #3A7AB7;







	padding: 6px 20px 0;







}







#main-nav .sub-nav{







	position: absolute;







	top: 34px;







	width: 202px;







	left: 0;







	font-weight: normal;







	line-height: 26px;







	font-size: 12px;







	font-family: Georgia;







	display: none;







}







#main-nav .sub-nav li,#main-nav .sub-nav a,#main-nav li.on .sub-nav a{







	float: none;







	width: auto;







	padding: 0;







	height: auto;







	background: none;







}







#main-nav .sub-nav ul{







	width: 100%;







	overflow: hidden;







	background: url(images/sub-nav-ul.gif) #2765AC repeat-x;







}







#main-nav .sub-nav .b{







	height: 22px;







	display: block;







	background: url(images/sub-nav-b.png) no-repeat;







	_background:none;







	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/sub-nav-b.png", sizingMethod="scale");







}















#main-nav .sub-nav a:hover{







	color:#F5D95D;







}







#main-nav .sub-nav li{







	width: 182px;







	margin-top: -1px;







	position: static;







	padding: 0 10px;







	background: url(images/nav-dot.gif) repeat-x;







}







#main-nav a:hover,#main-nav li.on a{







	color: #fff;







	background: url(images/main-nav-li.gif) repeat-x;







}















#banner{







	position: relative;







	height: 214px;







	color: #143968;







	background: url(images/banner.gif) no-repeat;







}







.banner-title{







	font-size: 26px;







	font-weight: bold;







	line-height: 35px;







	width: 600px;







	letter-spacing: -2px;







	font-family: Georgia;







	float: right;







	word-spacing: 3px;







	text-transform: uppercase;







	text-align: right;







	padding: 35px 40px 0 0;







}







.banner-title span{







	font-size: 38px;







	font-weight: bold;







}







.banner-title em{







	font-weight: bold;







}







#banner .more{







	position: absolute;







	bottom: 10px;







	left: 11px;







	height: 25px;







	color: #0054A4;







	font-size: 10px;







	padding: 4px 0 0 30px;







	line-height: 15px;







	background: url(images/banner-more.gif) no-repeat;







}







#banner .more em{







	font-size: 12px;







	color: #17447E;







	display: block;







	margin-bottom: -2px;







	font-weight: bold;







}















/* center of page */







#container{







	width: 940px;







	padding: 20px 10px 50px;







	margin: 0 auto;







	background: #fff;







}















#main-bar{







	float: left;







	width: 620px;







}







#client-list{







	width: 100%;







	margin-bottom: 25px;







	padding: 0 0 17px;







	background: url(images/client-list-bg.gif) center bottom no-repeat;







}







#client-list ul{







	float: left;







	padding-left: 15px;







	margin: 0 -30px 0 0;







}







#client-list li{







	float: left;







	margin-right: 22px;







}















.single{







	width: 100%;







	padding-bottom:23px;







	margin-bottom:20px;







	background: url(images/line.gif) center bottom no-repeat;







}







.single-left{







	float: left;







	width: 110px;







}







.single-left img{







	border: 1px solid #ccc;







}







.single .content{







	float: right;







	width: 505px;







}







.content h1,#side-bar h2{







	font-family: Georgia;







	font-size: 28px;







	color: #17447E;







	letter-spacing: -2px;







	word-spacing: 3px;







	line-height: 25px;







	margin-bottom: 15px;







	font-variant: small-caps;







}







.content h1{







	border-bottom: 1px solid #ccc;







	font-size: 28px;







	margin-bottom: 15px;







	padding-bottom: 15px;







}







.content h2, .content h3{







	font-family: Georgia;







	color: #17447E;







	letter-spacing: -2px;







	word-spacing: 3px;







	line-height: 25px;







	margin-bottom: 10px;







	font-variant: small-caps;







}







.content h2{







	font-size: 22px;







}







.content h3{







	font-size: 18px;







}







.content p{







	margin-bottom: 15px;







}







.content p.pdf{







	background: url(images/pdf-icon.gif) left no-repeat;







	margin: 0 0 6px 20px;







	padding: 15px 0 15px 35px;







}







.content ul{







	margin: 0 15px 15px 20px;







}







.content ul li{







	list-style-image: url(images/icon-list.gif);







	margin-left: 15px;







}







.content hr{







	background-color: #e4e4e4;







	border: 0;







	color: #e4e4e4;







	height: 1px;







	margin: 20px 0;







}







.italic-bold,.foot-top .intro em{







	font-style: italic;







	font-weight: bold;







}















#side-bar{







	float: right;







	width: 300px;







}







#side-bar h2{	







	font-size: 21px;







	line-height: 21px;







	margin-bottom: 10px;







}







.our-service{







	position: relative;







	z-index: 3;







	padding: 0 0 0 98px;







	margin-bottom: 30px;







	background: url(images/our-service-bg.gif) 0 10px no-repeat;







}







.our-service p{







	font-size: 11px;







	line-height: 1.25;







}







#select-menu{







	width: 252px;







	position: relative;







	margin: 25px 0 0 -74px;







}







#select-menu h3{







	color: #6F5110;







	text-align: center;







	line-height: 23px;







	font-weight: bold;







	height: 23px;







	cursor: default;







	background: url(images/select-bg.gif) no-repeat;







}







#select-menu h3.on{







	background-position: 0 bottom;







}







#select-menu select{







	display: none;







}







#select-content{







	position: absolute;







	top: 23px;







	left: 0;







	width: 100%;







	background: #CCE0ED;







	display: none;







}







#select-content li{







	width: 100%;







}







#select-content li.on{







	background: #316AC5;







	color: #fff;







}















.sentiment{







	font-size: 12px;







	width: 100%;







	background: url(images/sentiment-bg.gif) repeat-y;







}







#side-bar .sentiment h2{	







	color: #414141;







}







.sentiment h2{







	padding: 15px 0 20px 74px;







	border-bottom:1px solid #DADADA;







	background: url(images/sentiment-h2.gif) no-repeat;







}







.sentiment-top{







	height: 8px;







	overflow: hidden;







	background: url(images/sentiment-top.gif);







}







.sentiment .inner{







	padding:0 18px 30px;







	width: 264px;







	position: relative;







	background: url(images/sentiment-bottom.gif) left bottom no-repeat;







}







.sentiment p{







	margin-bottom: 15px;







}







.sentiment input, .sentiment textarea, .sentiment select{







	font-size: 12px;







	width: 170px;







	line-height: normal;







	padding: 3px 10px;







	border: 1px solid #AEA5A5;







}







.sentiment textarea{







	height: 60px;







}







.sentiment select{



	



	width: 190px;



	padding: 3px;







}







.sentiment li{







	text-align: center;







}







.sentiment li.label{







	font-size: 11px;







	font-weight: bold;







	margin-left: 40px;







	margin-top: 3px;







	text-align: left;







}







.sentiment li.btn{







	position: absolute;







	bottom: -20px;







	left: 70px;







	height: 40px;







}







.sentiment li.btn input{







	width: 158px;







	height: 34px;







	border: 0;







	font-size: 18px;







	cursor: pointer;







	color: #6F5110;







	font-weight: bold;







	font-family: Georgia;







	background: url(images/btn.gif) no-repeat;







}















/* footer */







#footer{







	width: 960px;







	margin: 0 auto;







	padding: 30px 0 0;







	background: url(images/footer-bg.gif) center top #F6F6F6 no-repeat;







}







.foot-top{







	float: left;







	width: 100%;







	padding-bottom:15px;







	border-bottom: 2px solid #B1BED3;







}







.foot-top ul,.foot-top li,.foot-top .intro{







	float:left;







	display: inline;







}







.foot-top .intro{







	font-size: 12px;







	width: 475px;







	padding: 10px 0 0 20px;







}







.bottom-logo{







	float: right;







	position: relative;







	margin-top: -20px;







	padding-right: 17px;







}







.foot-top ul{







	padding-left: 10px;







}







.foot-top li{







	margin-right: 40px;







}















.foot-nav{







	clear: both;







	width: 100%;







	height: 30px;







	line-height: 30px;







	font-weight: bold;







	text-align: center;







	background: #B1BED3;







	border-top: 1px solid #DDE2E8;







}







.foot-nav li{







	display:inline;







	margin: 0 20px;







}















/* Tables







-------------------------------------------------------------- */















table       	{ margin-bottom: 1.4em; width:100%; }







th          	{ font-weight: bold; }







thead th 		{ background: #c3d9ff; }







th,td,caption 	{ padding: 4px 10px 4px 5px; }







tr.even td  	{ background: #e5ecf9; }







tfoot       	{ font-style: italic; }







caption     	{ background: #eee; }





table.careers{

	width: 100%;

}



table.careers th{

	background: #17447f;

	border-bottom: 1px solid #fff;

	border-right: 1px solid #fff;

	color: #fff;

	font-weight: bold;

}



table.careers td{

	background: #e3efff;

	border-bottom: 1px solid #fff;

	border-left: 1px solid #fff;

}



table.careers a.view{

	display: block;

	float: right;

}







/* newsletter form */















.form{







	padding: 20px 120px;







}















.form label{







	font-weight: bold;







}















.form input{







	font-size: 16px;







	margin-top: -18px;







	padding: 3px;







	width: 100%;







}















/* WordPress stuff */















/* images */















p img {







	padding: 0;







	max-width: 100%;







}















img.aligncenter {







	border: 1px solid #999;







	display: block;







	margin-left: auto;







	margin-right: auto;







}















img.alignright {







	border: 1px solid #999;







	margin: 0 0 5px 15px;







	display: inline;







}















img.alignleft {







	border: 1px solid #999;







	margin: 0 15px 5px 0;







	display: inline;







}















.alignright {







	float: right;







}















.alignleft {







	float: left;







}















/* Captions */







.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.alignleft{







	margin: 0 15px 5px 0;







}















.wp-caption.alignright{







	margin: 0 0 5px 15px;







}















.wp-caption.aligncenter{







	display: block;







	width: 100%;







	margin: 0 auto;







}















.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;







}







/* End captions */