/* CSS Document */



/*			STYLESHEET FOR HEC (Hart Energy Consulting)	*/



/*			Designed by Nick Escobedo

				

			Hart Energy Publishing, Copyright 2007

			

			nescobedo@hartenergy.com

			

			*/





/* 			_______________________	     */

/*			BODY - LINKS                 */



	

* {xpadding: 0; xmargin: 0;}



p {margin: 0;}



body {

	margin: 0;

	padding: 0;

	font-family: verdana, arial, helvetica, sans-serif;

	font-size: 76%;/* font sizing in ems. if you want to change anything, just change this.*/

	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. Seems 76% is as small as you can go and stay the same across browsers.*/

	color: #000;

	background-color: #CAC08A;

	}

#ExpandAd { padding:5px 0;}		

/*typography*/

a {

	color: #106996;

	}

a:link {

	text-decoration: none;

	}

a:visited {

	}

a:active {

	}

	

a:hover {

	text-decoration: underline;

	}



.borderimg {

	border: thin solid #F19109;

	}

		

form { margin: 0px;	}	



img {

	border: 0;

	}





ul {

	margin-top: 0.35em;

	margin-left: 0em;

	padding-left: 0;

	}

	

li {  line-height: 1.25em;} 



strong, b {

	font-weight: bold;

	}













h1 {

	font-size: 2.3em;

	font-weight: bold;

	margin-top: 0px;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	letter-spacing: -1px;

	line-height: 1;

	color: #BE961B;

	margin-bottom: 0px;

	}

h2 {

	font-size: 2.2em;

	margin: 0em 0em 1em 0em;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	letter-spacing: -1px;

	color: #065882;

	border-bottom: dotted #e1b300 1px;

	padding-bottom: 5px;

	}

h3 {

	font-size: 1.4em;

	margin: 0em 0em .5em 0em;

	font-weight: normal;

	font-family: Arial, Helvetica, sans-serif;

	letter-spacing: -1px;

	color: #333333;

	}

h4 {

	font-size: 1.2em;

	margin: 1.2em 0em 1.2em 0em;

	font-weight: bold;

	}

h5 {

	font-size: 1.0em;

	margin: 1.2em 0em 1.2em 0em;

	font-weight: bold;

	}

h6 {

	font-size: 0.8em;

	margin: 1.2em 0em 1.2em 0em;

	font-weight: bold;

	}





/* 			_______________________	     */

/*			LAYOUT - LINKS               */

#Wrapper {

	background-color: #FFFFFF;

	margin: 0 auto;

	width: 790px;

	border: solid #ffcb02 1px;

	margin-bottom: 15px;

	}

	

#Header {



	margin: 0px 0px 0px 0px;

	}

	

#Nav {

	margin: 0px 0px 0px 0px;

	border-bottom: solid #ffcb02 3px;

	xbackground-color: #336666;

	}



			

#Sidebar {

	float:left;

	width:167px;

	xborder-right-style: solid;

	xborder-right-width: 1px;

	xborder-right-color: #D7D7D7;

	xbackground-color: #FF9933;

	margin-left: 10px;

	margin-top: 27px;

	border-right: solid #b2b2b2 1px;

	}



#Footer {

	width: 800px

	clear: both;

	clear: both;

	margin-top: 30px;

	}



			

#Main {

	float:right;

	width:550px;

	xborder-left-style: solid;

	xborder-left-width: 1px;

	xborder-left-color: #D7D7D7;

	xbackground-color: #CCFF33;

	margin-right: 25px;

	margin-top: 27px;

	}

		

.floattitle {

	color:#000000;

	font-size:118%;

	font-weight:bold;

	padding:8px 0pt;

	}



.bylineFeature {

	color:#999999;

	font-size:90%;

	margin:0pt;

	}

	

.textlarge {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 16px;

	letter-spacing: -0.5px;

	color: #003333;

	}



.bodytextlarge {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 16px;

	line-height: 24px;

	}

	

.bodytext {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 20px;

	}

	

.biotext {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	line-height: 18px;

	color: #795200;

	xpadding: 15px 15px 15px 15px;

	xbackground-color: #FFFF99;

	xborder: solid #000000 1px;

	}

.textsmall {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #003333;

	}



.field {

	padding-top:3px;

	padding-bottom:1px;

	padding-left:5px;

	padding-right:5px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	}

		

.listing {

	margin: 0px 5px 30px 0px;

	}

	

.coname {

	font-weight: bold;

	margin-bottom: 8px;

	color: #24344D;

	}

	

.listingAD {

	margin: 0px 10px 30px 0px; 

	border: solid #ffcb02 1px;

	padding: 5px;

	background-color: #f5e29b;

	}

	

.AD {

	border: solid #ffcb02 1px;

	margin: 0px 7px 1px 0px;

	float: none;

	}

	

.details {

	color: #333333;

	font-size: 0.85em;

	line-height: 1.25em;

	}

	

.webad {

	xpadding: 15px 15px 15px 15px;

	xbackground-color: #FFFF99;

	xborder: solid #000000 1px;

	margin: 10px 0px 30px 0px;

	}



#navigation li a {

	color: #4269A8;

	text-decoration: none;

	width: 155px;

	display: block;

	padding: 4px 2px 4px 2px;

	background-color: #FFFFFF;

	}

	

#navigation {

	width: 150px;

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	}



#navigation li {list-style-type: none;}



#navigation li a:hover {

	text-decoration: none;

	color: #333333;

	background-color: #FFFFCC;

	}

.Sechead {

	color:#333333;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 15px;

	font-weight: bold;

	padding-bottom: 10px;

	letter-spacing: 0px;

}