/* Mikel Brown.com Styles
 Created: Thurs 06.10.10 @ 9:45am
 Updated: 
 Author: S.W. Whittle
 Site Type: Static Home Page 
 -------------------------------------------------------------*/

/* =REFERENCE 
 =STRUCTURE
 =HEADER
 =NAVAGATION
 =COL-WRAPPER1
 =COL1
 =COL2
 =COL-WRAPPER2
 =COL3
 =COL4
 =GENERIC
 =MEMBERSHIP

NOTE: reset, typography, form elements are all contained
on a seperate style sheet called "reset-text-form.css"
 -------------------------------------------------------------*/

/* STRUCTURE 
 -------------------------------------------------------------*/
body {background-color: #000; margin:0; padding:0; background-image: url(../images/bkgd.png); background-repeat: repeat-x;}

#wrapper {width: 997px; margin: 0; margin-left: auto; margin-right: auto; padding: 0; position: relative; background: #fff;}

#top-nav {width: 997px; height: 49px; margin: 0; padding: 0; position: relative;}

 #top-nav li.last {border-right: 0;}

#header {margin: 0; padding: 0; border: 0; top: 0; bottom: 0; height: 500px; /* ie5win fudge begins */ height: 150px; background-color: #f7e9c5;}

#footer {height:150px; /* ie5win fudge begins */ height: 75px; background-color: black; font-size: 12px; color: #ffffff; margin: 0; padding: 3px 0 0 0; text-align: center; /*This aligns for IE*/ position:relative; clear:both;} 

#innerWrapper1 {margin:0; padding:0; width: 997px; position:relative; float:right;}

#innerWrapper2 {margin:0; padding:0; width: 997px; position:relative; float:right;}

 #col1 {margin: 0; padding: 6px; width: 450px; position: relative; float: left; background-color:#f7e9c5;}

 #col1a {margin: 4px 3px 3px 6px; width: 300px; float: left; position: relative; background-color:#fff; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}

 #question {background-color: #684E28; padding: 3px 0 3px 8px; width: 98%; float: left; position: relative; font-weight: bold; color: #fff;}

  #col2 {margin: 0; padding: 0 5px 0 0; width: 530px; float: right; position: relative; background-color:#efefef;}

 #blogPost {margin: 4px 2px; padding: 6px; width: 230px; float: left; position: relative; background-color:#efefef; display:inline;}

 #mostRequested {margin: 3px; padding: 6px; width: 200px; float: left; position: relative; background-color:#efefef;}
 #mostRequested ul {margin:0; padding:0; list-style:none;}
 #mostRequested li {margin:0 0 8px 0; padding:0 0 10px 0; border-bottom: 1px solid #dbdbdb;}
 #mostRequested li.last {border-bottom: 0;}

 #beSocial {margin: 4px;  padding: 6px; width: 200px; float: right; position: relative;}

 #col3 {margin: 0; padding: 0; width: 200px; float: right; clear:right; position: relative; background-color:#dbdbdb;}

/* =NAVAGATION
 -------------------------------------------------------------*/

#top-nav {float:left; position:relative; width:100%;font-size: 1.12em; line-height:normal; margin-left: 0; background-image: url(../images/nav-bg.png); background-repeat: repeat-x;}

#lower-nav {width:100%; font-size: 1.12em; line-height:normal; margin-left: 0; }

 #top-nav ul {margin:0; padding:0; list-style:none;}

 #top-nav li {float:left; margin:2px 0; padding:0; border-right: 1px solid white;}

 #top-nav a {display:block; color: #f3d380; padding:5px 12px 4px; text-decoration: none; font-weight: bolder;}

 #top-nav a:hover {color: #fff;}

#lower-nav {width:100%; font-size: 1em; line-height:normal; background-image: url(../images/bm-nav-bg.png); background-repeat: repeat-x;}

 #lower-nav ul {margin:0; padding:0; list-style:none;}

 #lower-nav li {float:left; margin:2px 0; padding:0; border-right: 1px solid white;}

 #lower-nav a {display:block; color: #f3d380; padding: 3px 12px 3px; text-decoration: none;}

 #lower-nav a:hover {color: #fff;}

/* =IMAGE FILES
 -------------------------------------------------------------*/
img.floatL {float: left; margin: 0; padding: 0;} 

img.floatR {float: right; margin: 2px 2px 2px 10px; padding: 2px;}

/* =GENERIC
 -------------------------------------------------------------*/
.displayC {display:block; margin: 0 auto; margin-left: auto; margin-right:auto; text-align: center;}

div.displayC {display:block; margin: 0 auto; margin-left: auto; margin-right:auto; text-align: center;}

.spacerBottom {padding-bottom: 1em;}
.spacerBottom3 {padding-bottom: 3em;}

.spacer05em {padding-top:.5em;}
.spacer15em {padding-top:.15em;}
.spacer75em {padding-top:.75em;} 
.spacer125em {padding-top:1.25em;} 
.spacer3px {padding-top:3px;}
.spacer3em {padding-top:3em;}
.spacer4em {padding-top:5em;} 

.smCap {font-variant: small-caps;}
.it {font-style: italic;}
.removeType {list-style-type: none;}
.indent {padding-left: .15em;}
.headline {color:red;}
p.header2 {font-weight:bold; font-size:1.25em;}

.announeHeader {background-color:#4c3327; color:white; background-image: url(../images/header-bg.png); background-repeat: repeat-x;}

/* =FEEDBURNER
 -------------------------------------------------------------*/
.headline {color: #f3d380; text-decoration: none; font-weight: bolder;}
.creditfooter {visibility:hidden;}