/* ------------------------------------------------------------------------------------------- */
/*  Base Classes
/* ------------------------------------------------------------------------------------------- */

body {color: #4b2906; background: #a8cc36 url(/images/body_background.jpg) top repeat-x; font: 13px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
p { line-height: 19px;}
img { margin: 0px; padding: 0px; border: 0px;}
td { padding: 0px; vertical-align: top; }
a { color: #567a39; }
a:hover { color: #c4a969;}  
h1 { font-size: 20px; color: #8eb804; }
h1.first { margin-top: 3px; } 
h2 { color: #646464; font-size: 16px;}       

.main-wrapper { margin: 0px auto; width: 992px; background: transparent url(/images/main_background.jpg) repeat-y 0 0;}   
.main-wrapper .outer-left { background: #a8cc36 url(/images/left_dropshadow_bg.jpg) top repeat-y; }
.main-wrapper .outer-right { background: #a8cc36 url(/images/right_dropshadow_bg.jpg) top repeat-y; }

.action-link { margin-top: 20px; }
.action-link a { width: auto; margin-right: 5px; color: #fff; text-decoration: none; display: block; float: left; padding: 7px 9px; background: #106D18; width: auto; border: 1px solid #106D18; }      
.action-link a:hover { background: #8eb804; color: #fff; border: 1px solid #89B300;}  

.sidebar { width: 200px; border-right: 1px solid #ccc;}
.sidebar h2 { font-size: 16px; color: #3c661a; margin-left: 15px; margin-top: 12px; margin-bottom: 12px; }  
/* First Level */
.sidebar ul { list-style: none; margin: 0px; padding: 0px; }  
.sidebar li { margin: 0px; padding-left: 35px; padding-top: 3px; padding-bottom: 3px; }
.sidebar a { font-size: 13px; text-decoration: none; }     
.sidebar .selected a { color: #c4a969; font-weight: bold; } 
.sidebar li.selected { background: url(/images/tea_bullet.jpg) 6px 6px no-repeat; }
/* Second Level */                                                              
.sidebar ul ul li { padding-left: 50px;}  
.sidebar ul ul li a { color: #666; font-size: 11px; }
.sidebar ul ul li.selected { background: none; }
.sidebar ul ul li.selected a { color: #666; font-weight: bold; }
.tea-recipes .row { font-size: 12px; margin: 0px; padding: 7px 0px; border-bottom: 1px solid #eee; }    
.tea-recipes .link { color: #666; } 
.tea-recipes .link a { color: #666; text-decoration: none; }   
.tea-recipes .cat-link { color: #666; } 
.tea-recipes .cat-link a { color: #666; text-decoration: none; }

.content-wrapper { background: #fff; }    

.tea-quote { color: #739600; }
.alphabet a {display: block; float: left; margin-right: 5px; padding: 0px 4px 2px 4px; margin-top: 20px; font-size: 18px; text-decoration: none;}
.alphabet .selected_letter, .alphabet a:hover {background: #c2af83; color: #fff;}

#footer-trees { margin: 0px auto; width: 992px; }
#footer { width: 100%; background: #4e2c08 url(/images/footer_background.jpg) repeat-x; height: 205px; color: #fff; font-size: 11px; }
#footer .wrapper { margin: 0px auto; width: 902px; padding: 10px; }    
#footer a.read_more { color: #C5AD6E; text-decoration: none;}       

#footer #dictionary_term { margin-bottom: 15px; margin-top: 7px; }
#footer #dictionary_term .name { margin-bottom: 2px; }
#footer #dictionary_term .name a { color: #E0D2AF; font-size: 15px; text-decoration: none; }
#footer #dictionary_term .name a:hover { text-decoration: underline; }
#footer #blog_post .date { float: left;  font-size: 30px; height: 106px; padding-top: 17px; padding-left: 6px; width: 126px; margin-top: 15px; background: #4e2c08 url('/images/book.gif') no-repeat; text-align: center; }
#footer #blog_post .post { float: left ; width: 380px; padding-left: 15px; }                    
#footer #blog_post .post .title { margin-bottom: 10px; margin-top: 5px; }   
#footer #blog_post .post .title a { font-size: 20px; color: #c8b18b; text-decoration: none; }                 
#footer #blog_post .post .title a:hover { text-decoration: underline; }  
#footer #blog_post .post .description { font-size: 12px; }
#footer #blog_post .post .more { margin-top: 14px; }

#dictionary_terms .term { font-size: 15px; margin-bottom: 10px; border-bottom: 1px dotted #F3E8CE; padding-bottom: 10px; }
#dictionary_terms h2.title a { font-size: 45px; color: #a16620; text-decoration: none; }   

/* ------------------------------------------------------------------------------------------- */
/*  Float Control
/* ------------------------------------------------------------------------------------------- */  
.float-clear { clear: both; display: block; font-size: 0; line-height: 0; }
.float-left { float: left; }
.float-right { float: right; }
.clear-both {clear: both;}           

/* ------------------------------------------------------------------------------------------- */
/*  Rating System
/* ------------------------------------------------------------------------------------------- */
  
.star-rating{
    list-style:none;
    margin: 0px;
    padding:0px;
    width: 150px;
    height: 30px;
    position: relative;
    background: url(/images/star_rating.gif) top left repeat-x;        
}
.star-rating li{
    padding:0px;
    margin:0px;
    /*\*/
    float: left;
    /* */
}
.star-rating li a{
    display:block;
    width:30px;
    height: 30px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
}
.star-rating li a:hover{
    background: url(/images/star_rating.gif) left center;
    z-index: 2;
    left: 0px;
    border:none;
}
.star-rating a.one-star{
    left: 0px;
}
.star-rating a.one-star:hover{
    width:30px;
}
.star-rating a.two-stars{
    left:30px;
}
.star-rating a.two-stars:hover{
    width: 60px;
}
.star-rating a.three-stars{
    left: 60px;
}
.star-rating a.three-stars:hover{
    width: 90px;
}
.star-rating a.four-stars{
    left: 90px;
}    
.star-rating a.four-stars:hover{
    width: 120px;
}
.star-rating a.five-stars{
    left: 120px;
}
.star-rating a.five-stars:hover{
    width: 150px;
}
.star-rating li.current-rating{
    background: url(/images/star_rating.gif) left bottom;
    position: absolute;
    height: 30px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}