body{
  background:#2c2720;
  text-align:center;
  font-family:sans-serif;
  line-height:1.5em;
}

a{
  outline:none;
}


/***********************

Styles for the header bar

************************/

#topBarOutter{
  border-bottom:3px solid #a98f73;
  position:relative;
  z-index:0;
}

#topBar{
  position:relative;
  padding-bottom:33px;
  text-align:left;
  width:1000px;
  margin:0 auto;
  z-index:0;
}

#topBar #logo{
  display:block;
  float:left;
  margin-top:20px;
}


#topBar #tagLine{
  color:white;
  position:absolute;
  bottom:34px;
  left:230px;
  margin:0px;
}


#topBar #coupons{
  position:absolute;
  right:0px;
  top:0px;
  color:#ac8e71;
  display:block;
  padding:15px 0;
  padding-left:50px;
  background:transparent url(../images/dollar_dark.jpg) 0 50% no-repeat;
  font-size:1.4em;
  
}

#topBar #topMenu{
  position:absolute;
  bottom:34px;
  right:0px;
  margin:0px;
  padding:0px;
}

#couponForm{
  width:270px;
  float:right;
  margin:0;
  margin-top:20px;
  color:#fff;
}

#couponForm label{
  color:#d9dd5e;
}

#topMenu ul{
  margin:0px;
  padding:0px;
}

#topMenu li{
  float:left;
  padding:0px;
  margin-left:15px;
}

#topMenu a{
  color:white;
}

#topMenu a:hover{
  color:#ffef2a;
  text-decoration:none;
}

#mainMenu{
  background:#514536 url(../images/top_menu_background.jpg) 0 0% repeat-x;
  width:1000px;
  margin:0px auto;
  margin-top:2px;
  list-style:none;
  border-bottom:1px solid #9b8d80;
}

#mainMenu ul{
  margin:0px;
  padding:8px 0px;
  list-style:none;
  width:1000px;
  text-align:center;
  
}


#mainMenu ul li{
  display:inline;
  border-right:1px solid #ecddd0;
  padding:10px 0px;
}

#mainMenu ul li.item1{
  border-left:1px solid #ecddd0;
}

#mainMenu ul li a{
  padding:10px 20px;
  color:white;
}

#mainMenu ul li a:hover{
  background:#514536 url(../images/top_menu_background.jpg) 0 -10px repeat-x;
}
/*********************
Styles for the waldens reward program
**********************/
#reward_program_logo {
  float:right;
  margin-top:8px;
}

/*********************
Styles for the main content area
**********************/

#pageWrapOutter{
  background:white;
  margin:0px;
  border-top:1px solid green;
  z-index:10;
  position:relative;
  text-align:center;
}

#featureImg{
  width:1000px;
  height:271px;
  background:white url(../images/default_header.jpg) 0 0 no-repeat;
  margin:0 auto;
  position:relative;
  top:-33px;
  margin-bottom:-33px;
  z-index:10;
}

#featureImg .apeel_img_controls{
  position:absolute;
  top:10px;
  left:5px;
  text-align:left;
}

#featureImg .apeel_img_controls a{
  background:white;
  padding:5px;
}

#pageWrap{
  background:#fff9f2;
  width:1000px;
  padding:0px;
  padding-top:20px;
  margin:0px auto;
  text-align:center;
  z-index:11;
  position:relative;
}

#pageWrapInner{
  text-align:left;
  width:950px;
  margin:0 auto;
}



/*********************

Styles for the footer

********************/


#footer{
  border-top:1px solid #dfdfdf;
  margin-top:20px;
}


/***********************
* Paginiation, for blogs
* and tags
************************/

.pagination{
  background:#eee;
  padding:10px;
  border:1px solid #ccc;
  border-left:0px;
  border-right:0px;
  text-align:center;
  margin:10px 0px;
}

.pagination a{
  border:1px solid #ccc;
  padding:3px 8px;
  margin:3px;
}

.pagination a:hover{
  background:#ccc;
  color:black !important;
}


/*************************
* Tag cloud
**************************/

.tag1 {font-size: 1.0em;}
.tag2 {font-size: 1.2em;}
.tag3 {font-size: 1.4em;}
.tag4 {font-size: 1.6em;}
.tag5 {font-size: 1.8em;}
.tag6 {font-size: 2.0em;}

/*********************************
*Coments
**********************************/

.comment{
  border-bottom:1px solid #eee;
  padding:10px 0px;
  width:100%;
}

.comment .author{
  float:left;
  width:200px;
  margin:10px;
}

.comment .author_name{
  margin-bottom:10px;
}

.comment .date{
  margin-top:10px;
}

.comment .content{
  margin-left:220px;
}

/*****************************
* Blog layout
******************************/

#blogMainArea{
  
}

#blogSidebar{
  
}

.post{
  background: transparent url(../images/shadow_line.gif) 0 100% no-repeat;
  padding-bottom:30px;
  margin-bottom:10px;
}

.post .grav_img{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

.post .body{
  clear:left;
}

.postInfo h3, .postInfo h5{
  border-bottom:0px;
  margin:0px;
}

.postInfo .grav_img{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

.postBody{
  clear:left;
}


.decoyEmail{
  display:none;
}
/***********************
**Some general form stuff
************************/


ul.form_errors{ 
  border:1px solid red;
  background:#fdd;
  padding:10px;
  padding-left:30px;
}

.submitted_ok{ 
  border:1px solid green;
  background:#dfd;
  padding:10px;
  padding-left:30px;  
  margin:10px;
}

input.form_error,textarea.form_error,select.form_error{ 
  border:2px inset red;
  background:#fdd;
}


/*********************
*This allows fluid images
***********************/
img.full{
  max-width:100%;
}

table td img.full{
  width:100%;
}


/***********************
* Clearfix rules
************************/
.clearfix {
  display:inline-block;
}
.clearfix:after {
  display:block; 
  visibility:hidden; 
  clear:both; 
  height:0; 
  content: "."; 
}

