/* BASIC */
/* Removes browser presets and presents a clear page for the script that follows */
body{
  font: 62.5% Verdana, Arial, Helvetica, sans-serif; /* Sets base font size to about 10px */
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, p, ul, ol{
  margin: 0px;
  padding: 0px;
}
a img{ 
  border: none;
}

/* LAYOUT */
#wrapper{ /* Surrounds the left and center sections of the page */
  width: 760px;
  margin-right: auto;
  margin-left: auto;
  border-right: 2px solid #000000;
  border-left: 2px solid #000000;
  text-align: left;
}
#secondaryNav{/* Links to articles within each page */
  float: left;
  width: 160px;
  margin-left: -590px;
}
#main{/* Meat of the page */
  display: inline; /*for IE */
  float: left;
  min-height: 700px;
  width: 419px;
  margin-left: 160px;
  padding-left: 10px; 
  border-left: 1px dashed #999999;
}
#primaryNav{/* Main navigation and any ads */
  float: right;
  width: 160px;
}

/* BANNER STYLES */
#banner{
  position: relative;
  background:  url(images/current/banner.png) no-repeat left top;
  border-bottom: #000000 2px solid;
  height: 90px;
}
#banner #chicken{ /* Sets the chicken like a sticker on the top left */
  position: absolute;
  right: 5px;
  top: 5px;
}

/* PRIMARY NAVIGATION STYLES */
#primaryNav h2{
  background:  url("images/current/secNavbg.gif") no-repeat left top;
  color: #ffffff;
  font-size: 1.1em;
  text-transform: uppercase;
  margin-top: 30px;
  padding: 2px 0 2px 0;
  padding-left: 5px;
}
#primaryNav p{
  color: #ED6733;
  padding-right: 5px;
  padding-left: 5px;
  margin: 10px 0 0 0;
}
#primaryNav ul{
  list-style-type: none;
}
#primaryNav li{
  margin-left: 20px; 
}
#primaryNav a{
  color: #333333;
  font-size: 1em;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  padding: 4px 0px 4px 20px;
}
#primaryNav a:hover{
  font-weight: bold;
  text-decoration: underline;
}

#nav{
  margin-top: 100px;
}
#nav li{ /* Main nav bullets */
  background:  url("images/current/primNavBul2.gif") center left no-repeat; 
}

#ads li{ /* Affiliate bullets */
  background:  url("images/current/primNavBul1.gif") center left no-repeat;
}

#arch li{ /* Archives bullets */
  background:  url("images/current/primNavBul3.gif") center left no-repeat;
}

/* MAIN STYLES*/
#main h1{
  color: #3C572A;
  margin: 15px 0 0 0;
  border-bottom: 1px solid #999999;
  font: normal 2.5em Georgia, "Times New Roman", Times, serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  word-spacing: 5px;
}
#main h2{
  color: #3C572A;
  font: 2em/normal Helvetica, "Arial Narrow", Tahoma, sans-serif;
  font-weight: bold;
  margin: 15px 0 0 0;
}
#main .header{/* Gives each heading the yarn bullet and underline */
  background:  url(images/current/yellowyball.gif) no-repeat left center;
  padding: 2px 0 0 30px;
  border-bottom: 1px dotted #999999;
}
#main .date{ /* Sets the date below line and to the right */
  font-size: 1em; 
  color: #3C572A;
  text-transform: uppercase;
  text-align: right;
  margin-bottom: 5px;
}
#main p{
  line-height: 1.1;
  font-size: 1.3em;
  margin-bottom: 10px;
}
#main a{ /* Decorates links in main section w/dotted underline */
  color: #3C572A;
  text-decoration: none;
  border-bottom: 1px dotted #999999;
}
#main .pic{ /* Removes link underline from photo links */
  text-decoration: none;
  border-bottom: none;
}
#main .topLink{ /* Formats link back to top @ bottom of each article */
  font-size: 1.1em; 
  text-transform: uppercase;
  text-align: right;
  padding: 0 15px 25px 0;
}
#main .picLeft{ /* Tells picture to go left */
  float: left;
  margin: 5px 5px 5px 0;
  padding: 5px;
  border: 1px solid #999999;
}
#main .picRight{ /* Tells picture to go right */
  float: right;
  margin: 5px 0 5px 5px;
  padding: 5px;
  border: 1px solid #999999;
}

/* Contact Form styles */
#contactForm{
  margin: 30px 0 0 0;
}
#contactForm td.label{
  float: left;
  width: 100px;
  font-size: 1.3em;
  text-align: right;
  vertical-align: baseline;
  margin: 3px 10px 0 0;
}
#contactForm td.buttons{
  text-align: right;
}
input#name, input#email, textarea#message{
  width: 250px;
  background-color: #fbef99;
}


/* SECONDARY NAVIGATION STYLES */
#news{
  margin-bottom: 15px;
}
#news h2{ /* Formats title of column */
  background: #B2F511 url(images/current/bgtilenews.gif);
  color: #333333;
  font-size: 2em;
  text-transform: uppercase;
  padding: 25px 0 0 5px;
}
#news .story{
  background:  url(images/current/bgtile.gif) ;
  color: #FFFFFF;
  text-decoration: none;
  padding: 5px 5px 5px 5px;
  border-bottom: 1px dashed #AAEB11;
  display: block;
  line-height: 110%;
}
#news span.title{
  color: #ffcc00;
  font-size: 1.1em;
  font-weight: bold;
  display: block;
  line-height: 120%;
}
#news a.story:hover{
  color: #ffcc00;
  background:  url(images/current/bgtile2.gif);
}
#news a.story:hover span.title{
  color: #333333;
}

#terms{/* Section explains abbreviations used in patterns */
  margin: 5px 0 15px 0;
}
#terms h3{ /* Formats title of column */
  color: #3C572A;
  font-size: 1.1em;
  text-align: center;
  padding: 0 0 5px 0;
}
#terms ul{
  list-style-type: none;
}
#terms li{
  margin: 0 5px 5px 5px; 
}
#terms span{
  font-weight: bold;
}

/* COPYRIGHT */
#main .copyright{
  margin: 20px 0 10px 0;
  font-size: 1em;
}
#legal{
  clear: both;
  color: #666666;
  font-weight: bold;
  padding: 5px 160px 20px;
  border-top: 1px dashed #999999;
}

/* IE HACKS - Why? Because Bill refuses to play by the rules. */
* html #main{
  width: 430px;
  w\idth: 419px;
}
* html #secondaryNav a { /* Makes the entirety of any li in #news clickable and the right height */
  height: 1px;
}
* html #primaryNav a{ /* Makes the entirety of any li in #primaryNav clickable and the right height */
  height: 1px;
}