﻿/* ===========================
Kevin Leggett
Copyright 2009
written for - American Chuck Wagon Association

Color Codes
-------------------
dk brown copy - #3a240e
orange links - #b36f26
============================= */

/* page layout 
============================= */
html {padding: 0; margin: 0;}
body {padding: 0; margin: 0; border: 0; background:#fff url('../images/wood_bg.jpg') repeat-x;}

#wrapper {margin: 0 auto; width: 925px; padding: 0;}

#header {height: 123px; padding: 5px 0 0 0; width: 900px;}
#logo {width: 605px; float: left; display: inline;}
#logo img {border: 0; position: relative; top: 15px; left: 50px;}
#eyebrow {float: left; display: inline; position: relative; top: 15px;}

#topnav {clear: both; height: 38px; padding: 20px 0 0 0;}

#splash {height: 258px; padding: 30px 0 0 0; margin: 0;}
#welcome {float: left; display: inline; width: 570px; height: 258px; margin: 0; padding: 0;}
#pics {float: left; display: inline; height: 258px; margin: 0; padding: 0;}

#leftcol {float: left; display: inline; width: 330px; padding: 25px 0 0 0; margin: 0 5px 15px 0;}
#rightcol {float: right; display: inline; width: 550px; padding: 25px 0 0 0; margin: 0;}

#footer {width: 100%; background:url('../images/footer_bg.jpg') repeat-x; height: 20px; padding: 4px 0 0 ; }

/* links & type 
============================= */
#eyebrow {color: #3a240e; font:12px Georgia, Serif;}
#eyebrow a:link, #eyebrow a:visited {color:#b36f26; text-decoration: none;}
#eyebrow a:hover, #eyebrow a:active {text-decoration: underline; color:#3a240e;}

#topnav ul {list-style-type: none; margin: 0; padding: 0; position: relative; top: 1px;} 
#topnav ul li {display: inline; margin: 0; padding: 0;}
#topnav ul li a:link, #topnav ul li a:visited {color:#fff; font:bold 14px arial, sans-serif; text-decoration: none; padding: 22px 10px;}
#topnav ul li a:hover, #topnav ul li a:active {background:url('../images/hover.gif');}
#topnav ul li a.current {background:url('../images/hover.gif');}

#welcome {color: #fff;}
#welcome h1 {font: 24px Georgia, serif; margin: 0 0 20px 0; padding: 0;}
#welcome p {font: 18px Georgia, serif; margin: 0; padding: 0; width: 465px; line-height: 30px;}

#join {margin: 30px 0 0 0; padding: 0;}
#join a:link, #join a:visited {display: block; width: 200px; height: 38px; margin: 0; padding: 10px 0 0 30px; font:24px Georgia, serif; color: #eeeded; text-decoration: none; background:url('../images/join_button.gif') no-repeat 0 0; float: left; display: inline;}
#join a:active, #join a:hover {background-position: 0 -48px; color: #fff;}

#leftcol {color: #3a240e;}
#leftcol h1 {font:24px Georgia, Serif; margin: 0 0 15px 0; padding: 0;}
#leftcol h2 {font:18px Georgia, Serif; margin: 0 0 5px 0; padding: 0;}
#leftcol p {font:12px Georgia, Serif; margin: 0 0 10px 0; padding: 0; line-height: 16px;}
#leftcol a:link, #leftcol a:visited {color:#b36f26; text-decoration: none;}
#leftcol a:hover, #leftcol a:active {text-decoration: underline;}
#leftcol h2 {}
#leftcol ul {list-style-type: none; margin: 0; padding: 0;}
#leftcol ul li {font:12px Georgia, Serif; margin: 0 0 10px 0; padding: 5px 0 0 0; border-top: 1px solid #3a240e; line-height: 16px;}



#rightcol {color: #3a240e;}
#rightcol h1 {font:24px Georgia, Serif; margin: 0 0 15px 0; padding: 0;}
#rightcol h2 {font:18px Georgia, Serif; margin: 0 0 5px 0; padding: 0;}
#rightcol p {font:12px Georgia, Serif; margin: 0 0 10px 0; padding: 0; line-height: 16px;}
#rightcol a:link, #rightcol a:visited {color:#b36f26; text-decoration: none;}
#rightcol a:hover, #rightcol a:active {text-decoration: underline;}

#botmod img {margin:0 10px 10px 0; border: 0;}

#botmodright h2 {}
#botmodright ul {list-style-type: none; margin: 0; padding: 0;}
#botmodright ul li {font:12px Georgia, Serif; margin: 0 0 10px 0; padding: 5px 0 0 0; border-top: 1px solid #3a240e; line-height: 16px;}

#ads, #ads li {margin: 0; padding: 0; list-style-type: none;}
#ads {width: 275px; margin: 0 0 20px 0;}
#ads li {display: none;}  /* hide all elements first. Called by JQuery */ 

#footer p{margin: 0 auto; width: 905px; color: #fff; font:10px arial, sans-serif;} 



