/* ======================================================================

   HALFACRECYCLING.ORG/.COM
   hello@halfcrecycling.org
   (c) 2007-08 Half Acre Cycling, All Rights Reserved.

   Stylesheet prepared by Naz Hamid for Weightshift.com

======================================================================== */

* { padding: 0; margin: 0; }


/*----------------------------------------------------------------------- 
   Standard styles
 ------------------------------------------------------------------------ */

body {
	color:			#333;
	background:		#373635 url(gfx/bg.jpg) top no-repeat fixed;
	font-family: 	Georgia, Arial, Verdana, sans-serif;
	font-size: 		13px;
	line-height:	22px;
}

img { border: none;	}

img.left { float: left; margin: 0px 12px 0px 0px; }

img.tn { float: left; margin: 0px 10px 0px 0px; }

a:link { color: #006699; text-decoration: none;  }
a:visited { color: #006699; text-decoration: none; }
a:hover { color: #0099ff; text-decoration: none;  }
a:active { color: #006699; text-decoration: none; outline: none; }
a:focus { outline: none; }

h1 { 
	color: 			#333;
	font-family: 	Helvetica Neue, helvetica-neue, Arial, sans, serif;
	font-weight: 	bold;
	font-size: 		24px;
	line-height: 	24px;
	margin-bottom:  15px;
}


h2 { 
	color: 			#333;
	font-family: 	Helvetica, Arial, sans, serif;
	font-weight: 	normal;
	font-size: 		20px;
	line-height: 	18px; 
	margin-bottom:	0px; 
}

h3 {
	color:			#666;
	font-family: 	Georgia, Times New Roman, serif;
	font-weight: 	normal;
	font-size: 		11px;
	font-weight:	normal;
	font-style:  	italic;
	line-height: 	11px;
	margin-bottom:	5px; 
}

h3 a { color: #cc0000 !important; }
h3 a:visited { color: #cc0000; text-decoration: none; }
h3 a:hover { color: #cc0000; text-decoration: underline;  }
h3 a:active { color: #cc0000; text-decoration: none; outline: none; }
h3 a:focus { outline: none; }

h4 {
	color:			#c00;
	font-family: 	Gill Sans, Arial, Verdana, sans-serif;
	font-weight: 	bold;
	font-size: 		11px;
	line-height: 	11px;
	letter-spacing: 2px; 
	text-transform: uppercase;
	padding: 		15px 10px 10px 10px; 
	margin-bottom: 	10px; 
	border-bottom: 	3px double #CCC;
}

h4 a { font-weight: bold; }

p { margin-bottom: 15px;  }

ol, ul { padding: 0 20px 10px 20px; }

blockquote {
	border-left: 3px solid #cecebd;
	padding-left: 15px;
}

blockquote p { font-size: 12px !important ;}

input { font: 11px arial; }


/*----------------------------------------------------------------------- 
   Layout
 ------------------------------------------------------------------------ */
 
 #callout-about {
 width: 690px;
 padding: 15px 15px 15px 215px;
 margin: 0 auto 0 auto;
 font: italic 12px Georgia;
 color: #FFF;
 }
 
 #frame {
 position: relative;
 width: 920px;
 background-color: #FFF;
 padding: 10px 10px 0px 10px;
 margin: 0 auto 0 auto;
 }
 
 #logo {
 position: absolute;
 top: 0px; 
 left: 30px;
 margin-top: -50px;
 }
 
 #masthead {
 width: 920px;
 height: 300px;
 background: url(http://halfacrecycling.org/gfx/1.jpg) no-repeat;
 border-top: 10px solid #00ccff;
 }
 
 .col-left {
 float: left;
 width: 455px;
 }
 
 .col-left-wide {
 float: left;
 width: 645px;
 margin-right: 10px; 
 }
 
 .col-mid {
 float: left;
 width: 180px;
 margin: 0 10px 0 10px; 
 }
 
 .col-mid p { font-size: 12px; line-height: 16px; padding: 0 10px 10px 10px; }
 
 .col-mid ul, ol { font-size: 12px; margin: 0 10px 0 10px; }
 
 
 .col-right {
 float: left;
 width: 265px;
 }
 
 .post {
 padding: 5px 10px 5px 10px;
 border-bottom: 1px dotted #CCC; 
 margin-bottom: 15px;
 }
 
 .content {
 padding: 5px 10px 10px 10px;
 }
 
 #footer {
 width: 940px;
 height: 53px;
 background: url(gfx/bg_footer.gif) no-repeat;
 margin: 0 auto 50px auto;
 }
 
 #footer p {
 color: #FFF;
 font: 11px Georgia; 
 padding: 15px 20px 0px 20px; 
 text-shadow: 0 0 0 #333;
 }
 
 #footer a { color: #FFF; font-weight: bold; }
 #footer a:hover { text-decoration: underline; }
 
 #fjs-flickrphototitle { font: 18px Arial bold; }
 #fjs-flickrphotonav a { font: 11px Georgia; text-transform: uppercase; padding-top: 15px; }
 #fjs-flickrphoto img { border: 1px solid #CCC; padding: 15px; margin: 15px 0 15px 0; }
 
 
/*----------------------------------------------------------------------- 
   Results table
 ------------------------------------------------------------------------ */ 
 
 table { width: 625px; padding: 0; margin: 0; border-collapse: collapse; }
 
 th { padding: 0 10px 0 10px; text-align: left; font-family: gill sans, arial, sans; font-size: 11px; text-transform: uppercase; border-bottom: 2px solid #555; }
 td { padding: 6px 10px 6px 10px; border-bottom: 1px solid #CCC; line-height: 16px; font-size: 12px; }

 
/*----------------------------------------------------------------------- 
   Navigation
 ------------------------------------------------------------------------ */
 
 ul#nav {
 list-style: none;
 padding-top: 12px;
 margin: 260px auto 0px 30px;
 }
 
 ul#nav li {
 float: left;
 text-align: center;
 font: italic 13px georgia;
 }
 
 ul#nav a { color: #FFF; text-shadow: 0 0 0 #333; padding: 9px 20px 10px 20px; }
 ul#nav a:hover { color: #cc0000; background-color: #FFF; padding: 9px 20px 10px 20px; }
 
/*----------------------------------------------------------------------- 
   Classes
 ------------------------------------------------------------------------ */
  
 .sponsors {
 text-align: center;
 }
 
 .sponsors img { margin: 10px 0 10px 0 !important; }