/*			STYLESHEET FOR HART DIRECTORIES	*/

/*			Designed by Nick Escobedo
			Hart Energy Publishing, Copyright 2010
			nescobedo@hartenergy.com
			
			*/



/* 			________________________________	*/
/* 			GLOBALS							*/

img {behavior: url(/resources/css/css_images/iepngfix.htc); }

html {overflow-y:auto; }

body {
	margin: 0;
	padding: 0;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 17px;
	color: #FFF0BB;
	background-color: #420000;
	}

form { margin: 0px;}
	
.clear { clear:both}

a:link	{ color:#FC9003; text-decoration: none; }

a:visited { color: #FC9003; text-decoration: none; 	} 
	
a:active { color: #FC9003; text-decoration: none; } 
	
a:hover	{ color: #FC9003; text-decoration: underline; } 

.wrapper { width:760px; margin:0 auto; padding:0;}

h1 { font-size:26px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:5px 0 0 0; padding:0 0 10px 0;  }
h2 { font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;  margin:20px 0 0 0; padding:10px 0 5px 0; }

h3 { font-size:12px; font-weight:normal; margin:6px 0 0 0; padding:0 0 5px 0;}
.page_title h1 { }



/* 			________________________________	*/
/* 			ID SELECTORS 						*/

#Leaderboard 	{
	margin:0;
	padding:0;
	background-color:#fff;
	}
	
#Container { xbackground-color: #FFFFFF; xpadding-top:8px;}

#Header	{
	margin:0px;
	xbackground-color:#444444;
	padding: 0px;
	xheight:88px;
	clear:both;
	}

#Nav { height:24px; }	

#Breadcrumb  {
	float:left;
	width:600px;
	line-height:normal;
	color:#7D7D7D;
	font-family: Arial;
	font-size: 11px;
	margin:0;
	padding:0;
	xbackground-color:#CCC;
	}

#Splash { border-top: solid 1px #A1583F; margin:0px; padding:0;}

#FlashID { margin:0; padding:0;}

#Main {
	float:left;
	width:650px;
	padding:15px 0 30px 0;
	}

#MainFull {
	width:760px;
	margin:0 auto;
	padding-bottom: 30px;
	}		

#Sidebar {
	float:right;
	width:300px;
	padding: 0 0 0 25px;
	margin: 0;
	padding-bottom: 30px;
	xbackground-color: #FFFFFF;
	background-image:url(css_images/sidebar_bg.jpg);
	background-position:0 0;
	background-repeat:repeat-y;
	}

#Footer 	{
	margin:0;
	padding: 18px 0px 40px 0;
	clear:both;
	xborder-top: solid #00548f 6px;
	xbackground-color: #000;
	color:#999;
	xbackground-image:url(css_images/footer_bg.jpg);
	xbackground-position:0 0;
	xbackground-repeat:repeat-x;
	}
	
#Footer a { color:#fff; text-decoration:none;}
#Footer a:hover {
	color:#9CF;
}

#Footer ul { xbackground-color:#9F6; margin:0; padding:0;}
#Footer li  { font-size:11px; font-family: Verdana, Geneva, sans-serif; padding:2px 0; margin: 0 0 0 3px; list-style-position:inside;}
#Footer li a{}
#Footer li a:hover{}


	
/* 			________________________________     	*/
/*			SEARCH INPUT			                */

#Search { float:right; margin-top:15px;}
.searchtext { border:1px solid #cbb265; float:left; font-size:11px; xheight:18px; margin-right:6px; padding:5px 7px; width:200px; margin-left:10px;  }
.searchinput { float:left; height:26px; width:77px; border:none; xbackground:transparent url(css_images/searchbutton.png);}

/* 			________________________________     	*/
/*			SEARCH RESULTS			                */

#SearchResults {
	clear:both;
	border-top:solid #CCC 1px;
	padding: 7px 0 0 0;
	}

.item { padding:8px 0; border-bottom:dotted #CCC 1px; clear:both;}
.itemno { background-color:#ccc; float:left; padding:2px 4px; margin-right:12px; font-size:10px; color:#000; }
.alt { background-color:#F1F3F3;}

.pagination { float: right; width:400px; text-align:right; color:#CCC;  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; padding:10px 0;}	
.paginalpha { padding:8px 0 4px 0; clear:both; color:#CCC; font-size:10px; text-align:right; border-bottom:solid #CCC 1px;}


/* 			________________________________     	*/
/*			ARTICLE ELEMENTS		                */

#Article {
	float:left;
	width:560px;
	padding: 0px 0px 150px 30px;
	margin-bottom: 20px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:24px;
	color: #333333;
	background-color: #FFFFFF;
	}	

#Article p {margin:15px 0;}
#Article ul {padding:8px 0px 0 6px;}
#Article ul li {
	padding:0 4px 0 0px;
	list-style-type: disc;
	list-style-position: inside;
	margin: 0px 0px 0px 20px;
	}
.byline {
	font-size: 11px;
	color: #333333;
	font-family: Tahoma;
	line-height: 15px;
	float:left;
	width:300px;
	}

#Article .date {
	FONT-SIZE: 9px;
	COLOR: #747474;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	}





/* 			________________________________     	*/
/*			LANDINGPAGE UL FORMAT                 */

ul.sections { margin:0; padding:0;}
ul.sections li{
	color:#666666;
	list-style-image:none;
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding: 0;
	border-bottom:dotted #CCC 1px;
	}

ul.sections li a{
	font-size:11px;
	line-height:normal;
	list-style-image:none;
	list-style-type:none;
	list-style-position:outside;
	padding: 5px 3px;
	text-decoration:none;
	display:block;
	}

ul.sections li a:hover { background-color:#666; color:#FFF;}

/* 			________________________________     	*/
/*			NEWS UL				                 */

ul.news { margin:0 0 0 15px; padding:0;}
ul.news li{
	font-size:11px;
	line-height:normal;
	color:#d25400;
	list-style-image:none;
	list-style-type: disc;
	list-style-position:outside;
	margin:0;
	padding: 3px 0px;
	}

/* 			________________________________     	*/
/*			COMPANY LIST			                 */

ul.company { margin:0px; padding:0px;} 
ul.company li {
	color:#555555;
	border-bottom:1px dotted #c4c4c4;
	list-style-image: url(none);
	list-style-type: none;
	font-size: 12px;
	line-height: 15px;
	padding: 4px 0;
	margin: 0px;
	}
ul.company li:hover {	xbackground-color: #cfd9ff;}
ul.company li a { display:block; }
ul.company li a:hover { border:none;}


/* 			________________________________	*/
/* 			STYLE - CLASS SELECTORS 				*/

#Header h1	{
	margin:9px 0 0 0;
	padding: 0px;
	color:#ffffff;
	font-size:34px;
	line-height:32px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	float:left;
	border:none;
	}	
	
#Header h1 a { color:#FFF; text-decoration:none;}

.UtxtSmallPx {
	font-family : Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: 13px;
	}
	
.UtxtMed {
	font-family : Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 16px;
	}
	
.UtxtLg {
	font-family : Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height: 20px;
	}	

.rightbarad { margin-bottom:8px;}

cite { font-size:11px;color:#666666; margin:0;}

.ImageLeft { margin:0 14px 10px 0; float:left;}
.ImageRight { margin:0 0 10px 14px; float:right;}

/* 	SIDEBAR 				*/

#login {
	background-color:#ebecee;
	padding:10px 10px;
	color:#575252;
	border:solid 1px #dfe0e2;
	font-size:10px;
	line-height:14px;
}

#login ul {
	margin:0px 15px;
	padding:5px;
}

.rightBarAd { margin-bottom:8px;}

ul.storelist {background-color: #EDF1F3; padding:5px; margin:0; list-style-type:none; font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	xcolor: #000000;
	line-height: 13px;}
ul.storelist li {border-bottom:dotted #CCC 1px; clear:both; margin:0; padding:0;}	
ul.storelist li a { list-style-type:none; display:block; padding:4px 2px; width:260px;}
ul.storelist li a:hover {
	background-color: #dcdde1;
	color:#000000;
	text-decoration:none;
}
ul.storelist li a img { float:right; padding:0 0 0 12px;} 






.locations { padding:10px 0; border-bottom:dotted 1px #CCC; margin:0;}

.previewmore a { padding:6px 14px; margin-top:20px; font-size:14px; background-color:#900; text-decoration:none; color:#FFF; clear:both; font-weight:bold;}
.previewmore a:hover {
	background-color:#350000;
}




.careers_right h2  { font-size:25px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; letter-spacing:normal; border-bottom:dotted #CCC 1px; color:#FFC;}
.careers_left { float:left; width:250px;}
.careers_right {float:right; width:395px; padding-top:20px;}
