@charset "utf-8";
/* CSS Document */

body{
 background-color:#1e1007;
 background-image:url(../images/bamboo_darkbrown_bg.jpg);
 background-repeat:repeat-x;
 margin:0;
 padding:0;
 font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
 font-size:14px;
} 

#main{
 width:850px;
 margin-left:auto;
 margin-right:auto;
 margin-top:10px;
}

#header{
 width:850px;
 height:180px;
 margin:0; padding:0;
}

#header_login_info{
 color:#ffebc1;
 font-size:11px;
 text-align:right;
 padding:4px;
}
#header_login_info a {
 color:#a5bf2a;
 text-decoration:none;
}

#main_nav{
 width:850px;
 height:40px;
 margin:0; padding:0;
 margin-top:5px;
}

#main_nav div{ margin-left:10px; float:left; }
#main_nav div a{
 height:40px;
 background-repeat:no-repeat;
 display:block;
 text-indent:-200px;
 overflow:hidden;
}
.nav_home a{ 
 width:80px;
 background-image:url(../images/tab_home.gif);
}
.nav_mybar a{ 
 width:108px;
 background-image:url(../images/tab_mybar.gif);
}
.nav_thedrinks a{ 
 width:142px;
 background-image:url(../images/tab_thedrinks.gif);
}
.nav_myprofile a{ 
 width:142px;
 background-image:url(../images/tab_myprofile.gif);
}

#main_nav .current a{ background-position:0px -80px;}
#main_nav .active a{ background-position:0px 0px;}
#main_nav .disabled a{ background-position:0px -120px;}

#main_nav .active a:hover{ background-position:0px -40px; }

.rounded10{
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 -khtml-border-radius:10px;
 border-radius:10px;
}
.rounded5{
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 -khtml-border-radius:5px;
 border-radius:5px;
}
.roundedtop10{
 -moz-border-radius-topleft:10px;
 -webkit-border-top-left-radius:10px;
 -moz-border-radius-topright:10px;
 -webkit-border-top-right-radius:10px;
  border-top-right-radius:10px;
  border-top-left-radius:10px;
  -khtml-border-radius-topleft:10px;
  -khtml-border-top-left-radius:10px;
}
.roundedbtm10{
 -moz-border-radius-bottomleft:10px;
 -webkit-border-bottom-left-radius:10px;
 -moz-border-radius-bottomright:10px;
 -webkit-border-bottom-right-radius:10px;
  border-bottom-right-radius:10px;
  border-bottom-left-radius:10px;
  -khtml-border-radius-bottomleft:10px;
  -khtml-border-bottom-left-radius:10px;
}




#content{
 width:834px;
 background-color:#ffebc1;
 background-image:url(../images/beige_grunge_bg.jpg);
 background-repeat:no-repeat;
 background-position:bottom left;
 padding:8px;
}

#left_section{
 float:right;
 width:510px;
 margin-top:30px;
 margin-right:40px;
}
#left_section a{
 text-decoration:none;
}
#left_section a img{
 vertical-align:baseline;
}

#rightbar{
 width:265px;
 background-color:#a5bf2a;
 height:495px;
 float:right;
 background-image:url(../images/hulagirl_green_bg.gif);
 background-position:bottom left;
 background-repeat:no-repeat;
 position:relative;
}

#login_box{
 width:236px;
 background-color:#64c4cd;
 padding:0;
 margin-top:10px;
 margin-left:auto;
 margin-right:auto;
 border:2px solid #ffebc1;

}
#login_box form {
 margin-top:10px;
}

#login_title{
 width:226px;
 background-color:#2b575b;
 padding:5px;
 text-align:center;
}

.login_input{ margin-left:15px; margin-bottom:6px;}

#register_button{
 width:240px;
 height:85px;
 padding:0;
 margin-top:10px;
 margin-left:auto;
 margin-right:auto;
}


#bookfooter{
 width:850px;
 height:110px;
 margin-top:10px;
 background-image:url(../images/footer_blue_bg.jpg);
 background-position:center;
 background-repeat:no-repeat;
}

.footerbook{
  margin-left:15px;
}
.footerbook img{
  border:2px solid #ffebc1;
  vertical-align:middle;
}

#footer_nav{
 margin-top:15px;
 margin-bottom:15px;
 text-align:center;
 width:850px;
 color:#64c4cd;
 font-size:12px;
}
#footer_nav a{
 color:#a5bf2a;
 text-decoration:none;
}
#footer_nav a:hover{
 color:#64c4cd;
}
#credits{
 font-size:11px;
 text-align:center;
 color:#996600;
}
#credits a{
 text-decoration:none;
 color:#FFCC00;
}

hr {color: #ffebc1; background-color: #ffebc1; border: 1px dashed #826844; border-style: none none dashed; }
.success { color:#FFFFFF; background-color:#66CC00; font-size:12px; padding:3px; margin-left:auto; margin-right:auto; width:50%; text-align:center; border:2px solid #004400; }
.error { color:#FFFFFF; background-color:#CC0000; font-size:12px; padding:3px; margin-left:auto; margin-right:auto; width:50%; text-align:center; border:2px solid #660000; }
.small { font-size:11px; }
.form_label { color:#2b575b; font-weight:bold; font-size:12px;}
.form_input { width:200px; text-align:left; float:left; padding:4px;}

.comment_list {
  margin-top:4px;
  margin-left: 0;
  padding-left: 0;
  list-style-type:none;  
}
.comment_list li{
 padding:8px 8px 8px 40px;
 border-bottom:1px dotted #b7ac95;
 background-color:#fffaef;
 position:relative;
}
.comment_list li:nth-child(odd){
 background-color:#fff2d6;
}
.comment_username{
  color:#2b575b;
  font-weight:bold;
  font-size:14px;
  text-decoration:none;
}
.comment_username:hover{
 text-decoration:underline;
}
.no_comments{
 text-align:center;
 font-weight:bold;
 font-style:italic;
}
.comment_date{
 margin-left:6px;
 font-size:11px;
 font-style:italic;
 color:#b7ac95;
}
.comment_number{
  color:#999999;
  font-weight:bold;
  font-size:15px;
  position:absolute;
  left:3px;
  top:6px;
}
.comment_rating{
 color:#88a20d;
 font-size:13px;
 font-weight:bold;
 text-align:right;
}
.hide_comments{
 margin-top:4px;
 text-align:right;
 display:none;
}
.hide_comments img{
 vertical-align:middle;
}
.hide_comments a{
  text-decoration:none;
  color:#2b575b;
  font-size:12px;
}
.comment_form{
 width:500px;
 margin-left:auto;
 margin-right:auto;
 margin-top:10px;
 text-align:center;
}
.comment_delete{
 float:right;
}
/* DRINK PAGE ############### */
 .drinklist{
  margin-left: 10px;
  padding-left: 0;
  list-style-type:none;  
 }
 
 
 .recipe{
  width:750px;
  border:1px solid #95a15a;
  background-color:#dbe4ac;
  margin-bottom:8px;
  padding:12px 0px 0px 0px;
  position:relative;
 }
 
 .drinklist .rated{
  background-color:#aaeaf0;
 }
 
.drinklist .checkmark{
 width:35px; height:34px;
 background-image:url(../images/rating_checked.png);
 background-repeat:no-repeat;
 position:absolute;
 right:-30px;
 top:50px;
}
 .norating{
  color:#990000;
 }
 
 .drink_name{ 
   background-color:#35250c;
   color:#fffaef;
   font-size:18px;
   font-weight:bold;
   padding:5px 9px 5px 9px;
   margin-left:8px;

 }   
 .drink_book{
  color:#2b575b;
  font-weight:bold;
  font-size:15px;
  margin-left:12px;
  margin-top:7px;
 }
 .drink_grade{
  font-family:Impact, Verdana, Arial, Helvetica;
  font-size:28px;
  color:#2b575b;
  position:absolute;
  top:14px;
  right:15px;
  text-align:center;
 }
 .drink_grade div{
  margin-top:-6px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
 }
 
 .drink_userrating{
  font-family:Arial, Helvetica;
  font-size:13px;
  color:#2b575b;
  text-align:right;
  font-weight:bold;
  margin-right:10px;
 }
 .drink_bottom{
  margin-top:6px;
  width:736px;
  padding:7px;
  border-top:1px dashed #95a15a;
  background-color:#fffaef;
  color:#35250c;
 }
 
 .drink_links{
  /*float:right;*/
  text-align:right;
 }
 .drink_links div{
  padding:5px;
  border-left:1px solid #6e9a9e;
  padding-left:5px;
  display:inline;
 }
 .drink_links a{
  text-decoration:none;
  color:#2b575b;
  font-size:12px;
 }
 .drink_links a:hover{
  text-decoration:underline;
 }
 .comments_holder{
  display:none;
  margin-top:10px;
 }
.ratings_holder{
  display:none;
  margin-top:10px;
}

.profile{
 list-style:none;
}
.profile span{
 font-weight:bold;
 width:100px;
 text-align:right;
 display:inline-block;
}

label
{
font-size:12px;
font-weight:bold;
width: 120px;
float: left;
text-align: right;
margin-right: 5px;
display: block
}
/* ######################### ADMIN ###################### */
.admin #content{
 width:900px;
}

.admin_ing_list{
 font-size:11px;
 float:left;
}
.formclear{
 clear:both;
 margin-bottom:6px;
}
.deletelink{
 padding:10px;
 padding-left:30px;
 background-image:url(/images/icon_delete.png);
 background-repeat:no-repeat;
 border:2px solid #ff0000;
 background-position:5px 6px;
 font-size:14px;
 text-decoration:none;
 background-color:#990000;
 color:#ffffff; 
 float:right;
}
.deletelink:hover{
 background-color:#BB0000;
}
.list_title{
 font-weight:bold;
 font-size:13px;
 color:#330000;
}

.edit_btn{
 display:inline-block;
 padding:2px;
 height:10px;
 line-height:10px;
 text-align:center;
 font-size:11px;
 color:#ffffff;
 background-color:#006666;
 text-decoration:none;
 border-left:1px solid #00aaaa;
 border-top:1px solid #00aaaa;
 border-bottom:1px solid #003333;
 border-right:1px solid #003333;
}
.edit_btn:hover{ background-color:#008888; }
.edit_btn:active{ background-color:#004444; }