body {
   background-color: #ceffde;
   background-image: url(images/bg.gif);
   font-size: 11px;
   font-family: verdana;
   line-height: 11pt;
   text-transform: none;
   margin-top:20px;
   margin-bottom:20px;
   color: #333333;
   text-align: left;
}

html {
   scrollbar-3dlight-color: #ceffde;
   scrollbar-arrow-color: #ceffde;
   scrollbar-base-color: #ceffde;
   scrollbar-darkshadow-color: #ceffde;
   scrollbar-face-color: #b5ffc6;
   scrollbar-highlight-color: #ceffde;
   scrollbar-shadow-color: #ceffde;
   scrollbar-track-color: #ceffde;
}

#top { 
   width: 700px;
   background-image:url(images/layout_bg.gif);
   background-repeat:repeat-y;
   height: auto;
   margin: auto;
   text-align: justify;
   background-color: #fff;
}  

#header { 
   width: 700px;
   height: 223px;
   background-image: url(images/header.gif);
   background-repeat: no-repeat;
   padding-top: 15px;
} 

#footer { 
   width: 700px;
   height: 20px;
   background-image: url(images/footer.gif);
   background-repeat: no-repeat;
   clear: both;
}

#content { 
   width: 627px;
   margin-top: -40px;
   margin-left: 35px;
   padding:0 0;
   text-align:left;
} 

ul.a, ol, li {
   list-style-type: circle;
   margin-left: 30px;
   padding:0;
}

.letter { 
   color: #678b3f;
   font-family: georgia, times new roman, serif;
   font-size: 30px;
   font-weight: bold;
   font-style: italic;
   letter-spacing: 2px;
   padding: 0;
   text-transform: uppercase;
}

h1, h2, h3 { 
   margin-top: 10px;
   padding-bottom: 3px;
   margin-bottom: 10px;
   color: #8cb85c;
   font-family: georgia, times new roman, serif;
   text-align: left;
   font-weight: normal;
   font-style: italic;
   font-size: 14pt;
   line-height: 18px;
   letter-spacing: 2px;
   text-transform: lowercase;
   border-bottom: 1px solid #678b3f;
}

h4 { 
   margin-top: 10px;
   padding-bottom: 3px;
   margin-bottom: 10px;
   color: #8cb85c;
   font-family: georgia, times new roman, serif;
   text-align: left;
   font-weight: bold;
   font-style: italic;
   font-size: 14pt;
   line-height: 18px;
   letter-spacing: 2px;
   text-transform: capitalize;
   border-bottom: 0px solid #678b3f;
}

a:hover {
   color: #678b3f;
   text-decoration: none;
}

a {
   color: #8cb85c;
   text-decoration: none;
}

.fl_wishlist, .fl_joined {
   background: #8cb85c;
   border: 1px solid #021a40; 
   padding: 3px;
   margin: 6px;
}

.fl_wishlist:hover, .fl_joined:hover {
   background: #678b3f;
   border: 1px solid #021a40;
   margin: 6px;
}

blockquote {
   width: 40%;
   text-align: left;
   border: 1px dashed #678b3f;
   /*background-image: url('/charmmyquote.gif');*/
   margin: 0 20px;
   padding: 1px 10px 5px 52px;
   font-size: 10px;
   line-height: 12px;
}

/* Tabbed Nav */
#menu { 
   margin-left: 25px;
   padding: 0;
   width: 100%;
   background: transparent;
   padding-left: 5px;
} 


#menu li {
   display:inline;
   margin:0 2px 0 0;
   padding:0;
   text-transform:uppercase;
}

#menu ul {
   font: bold 11px Arial, Verdana, sans-serif;
   margin:0;
   padding:0;
   list-style:none;
}

#menu a {
   float:left;
   color: white;
   background: #678b3f url(images/nav_left.gif) no-repeat left top;
   margin:0 2px 0 0;
   padding:0 0 1px 3px;
   text-decoration:none;
   letter-spacing: 1px;
}

#menu a:hover {
   background-color: #8cb85c;
}

#menu #current a, #nav #current span { /*currently selected tab*/
   background-color: #8cb85c;
}

#menu a span {
   float:left;
   display:block;
   background: transparent url(images/nav_right.gif) no-repeat right top;
   padding:4px 9px 2px 6px;
}

#menu a span {
   float:none;
}

#menu a:hover span {
   background-color: #8cb85c;
}

input, textarea, option, select { 
   font-family: Tahoma, Trebuchet MS, Georgia, Arial, Times New Roman;
   color: #678b3f;
   font-size: 8pt;
   border: 1px solid #678b3f;
   background-color: #ffffff;
   padding: 2px;
   margin: 0 0 2px 0;
}

option {
    border-top: 0;
}

.input3 {
    background-color: transparent;
    border: 0;
}

fieldset { 
    border: 0; 
    margin: 1px 10px 12px auto; 
    padding: 0 1%;
    width: 99%; 
}

fieldset label {
    float: left;
    padding: 0 5px 0 0; 
    text-align: left; 
    width: 400px; 
}

.input1 { 
    width: 30%; 
} 

.input2 { 
    padding: 5px 3px; 
    width: auto;
}

.tc {
   text-align: center;
}

/* Updates */
.post {
   border: 0px solid #cff3b6;
   background-color: #ffffff;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 5px;
}

.postlayout {
   background-color: #ffffff;
   border: 1px solid #638a39;
   padding-left: 5px;
   padding-right: 5px;
}

.postheader {
   text-align: left; 
   font-weight: normal; 
   font-size: 19px; 
   color: #638a39; 
   letter-spacing: 0;
   line-height: 29px;
   text-transform: uppercase;
   padding: 3px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: -5px;
   margin-right: -5px;
   background: #d6f3bd;
}

.postmetadata {
   color: #638a39;
   width: auto;
   font-size : 11px; 
   text-align : left; 
   line-height : 15px;
   text-transform : capitalize;
   padding: 0;
   background: #d6f3bd;
   margin-left: -5px;
   margin-right: -5px;
   margin-bottom: 5px;
   border-bottom: 3px solid #638a39;
}

.post img{
   padding-top: 5px;
   padding-bottom: 5px;
}   

.postfooter {
   margin-left: -5px;
   margin-right: -5px;
   margin-bottom: -12px;
   padding: 1px;
   background-color: #d6f3bd;
   border-top: 3px solid #638a39;
   border-bottom: 1px solid #638a39;
}

.postmetadata img, .postfooter img {
   border: none;
   vertical-align: middle;
   margin: 2px;
}

/* Updates Pagination */
.pagination a {
   padding: 2px 4px 2px 4px;
   margin: 2px;
   text-decoration: none;
   color: #ffffff;
   background-color: #638a39;
}

.pagination a:visited, .pagination a:active {
   padding: 2px 4px 2px 4px;
   margin: 2px;
   text-decoration: none;
   color: #ffffff;
   background-color: #638a39;
}

.pagination a:hover {
   color: #ffffff;
   background-color: #8cba5a;
 }

.pagination span.pages {
   padding: 2px 4px 2px 4px;
   margin: 2px;
   font-weight: bold;
   color: #ffffff;
   background-color: #8cba5a;
}

.pagination span.current {
   padding: 2px 4px 2px 4px;
   margin: 2px;
   font-weight: bold;
   color: #ffffff;
   background-color: #8cba5a;
}

.pagination span.extend {
   padding: 2px 4px 2px 4px;
   margin: 2px;
   color: #ffffff;
   background-color: #8cba5a;
}
