html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a { margin: 0; padding: 0; border: 0; font-size:13px;} 


body{
font-size:11px;
background:#2B371D;
line-height:17px;
color:#6F742B;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1 a, h1 a:visited{
        color: #CC6600;
        text-decoration: none;
font-size:20px;}
h1 a:hover{
        color: #ffffff;
        text-decoration: none;
}

.fleft{ float:left; }
.fright{ float:right; }
.clear{
clear:both;
height:1px;
font-size:10px; 
line-height:1px; 
}

a {
        color: #CC6600;
        text-decoration: none;
}
a:visited {
        color: #CC6633;
        text-decoration: none;
}
a:hover {
        color: #FF6600;
        text-decoration: underline;
}


p { margin-bottom:6px;
    margin-top:12px;}

ul { margin-bottom:12px; margin-left:2em; list-style:disc outside; }
ol { margin-bottom:12px; list-style:decimal; margin-left:10px; }
ul ul { margin-top:4px; margin-bottom:5px; }


/*WRAP*
/*---------------------------------------------------------------------*/
#wrap{
width:808px; /* change this value if you want to reduce/increase the maximum photo dimension - default : 808px */
margin:0 auto;
background:#ECFDCE;}


/*HEADER*
/*---------------------------------------------------------------------*/
#header{
background:#2B371D url(images/header.jpg) no-repeat bottom right;
height:69px;
}
#header h1 {
text-indent:35px;
}
#header h1 a{
/*background:url(images/title.jpg) no-repeat top left;*/
height:20px;
width:650px;
display:block;
}



/*MENU*
/*---------------------------------------------------------------------*/
#menu{ float:left; }
ul#menu{ list-style-type:none; }
ul#menu li{ float:left; margin:0 5px; }
ul#menu li a{ 
color:#6F742B;
display:block;
padding:4px 4px 2px 4px;
font-size:11px;
text-decoration:none;
/*text-transform:uppercase;*/
}


/*PHOTO/CONTENT*
/*---------------------------------------------------------------------*/
#photowrap{
border-top:1px dashed #666666;
padding:10px 0 0;
margin:0px 30px 0px 40px;}
#photowrap h1.title{
font-size:12px;
font-weight:lighter;
display:block;
padding:0px 5px 0 0;
}
#photowrap h1.title a:hover{
color:#006666;
text-decoration:none;
}
.widebar{

font-size:11px;
/*border:1px dashed #666666;*/}


.photonav a{
font-size:12px;
color: #CC6600;
 font-weight: bold;
}
.photo{
overflow:hidden;
padding:0 0 5px;

}


.photo p, .commentlist p{
margin:0 0 10px ;
}
.photo ul, .photo ol{
list-style-position:inside;
margin:0 0 10px 20px;
}
.photo ul{
list-style-image:url(images/ul.png);
}
.photo img{
border:4px solid  #ECFDCE; /* change this if you wanted to modify the border of the photo on the main page */
}


/*ARCHIVES*
/*---------------------------------------------------------------------*/
h2.pagetitle, h1.pageheading{
font-size:13px;

color:#66CC00;
margin:5px 0 ;
}
ul#archives{
list-style-type:none;
margin:0px 0px 0px 5px;
width:75%;
float:left;
}
ul#archives li{
margin:5px 6px 5px 0;
float:left;
display:inline;
}
img.thumbarch{
height:100px; /* change this to reduce/increase the height of your thumbnail (only if you does not supply a different thumbnail file) */
}
ul#archives li a img{
border:2px solid #666666;
}
ul#archives li a img:hover{
border-color:#fff;color: #FFFFFF;
}
ul#archives li.srch{ /* for search result page */
float:none;
margin:5px 0 10px;
}
ul#archives li.srch h1{
font-size:15px;
margin:2px 0 20px ;
}

#archside{ /* sidebar on archive page */
border-left:1px solid #333333;
padding:0 0 0 8px;
width:23%;
float:right;
}
#archside ul{
list-style-type:none;
margin:5px 0 14px ;
}
#archside li{
padding:2px 0;
}
.archnav{
width:70%;
border-top:1px solid #333333;
padding:4px 0;
margin:20px 0 0;
float:left;
}


/*COMMENT TEMPLATE*
/*---------------------------------------------------------------------*/
#comments{

border-top:1px solid #666666;
padding:10px 0;
}
#comments h1{
color: #669900;
font-size:13px;
margin:0 0 5px;
}
ol.commentlist{
list-style:none;
width:60%;
float:right;
}
.commentlist li{
padding:10px 0;
border-bottom:1px dashed #666;
}
.avatar{
float:left;
border:2px solid #000;
}
.commenttext{
float:right;
width:87%;
}
.small, .small a{
font-size:10px;
color:#666;
}
#formsection{
float:left;
padding:5px 0px 15px  0px;
width:38%;
}
#formsection label{
color:#666;
font-size:10px;
line-height:15px;
}
#author,#url,#email,#commentarea{
background:#ccc;
padding:2px;
border:none;
margin:0 0 4px;
width:90%;
}
#author:focus,#url:focus,#email:focus,#commentarea:focus{
background:#fff;
}
#commentarea{
height:90px;
}


/*ICONS*
/*--------------------------------------------------------------*/
span.tag,span.comment,span.prev,span.next{ padding:2px 0 5px 20px; }
span.tag{ background:url(images/mini-category.gif) no-repeat left; margin:0 5px 0 0; }
span.tag a{ color:#6F742B; }

span.comment{ background:url(images/mini-page.gif) no-repeat left; }

/*FOOTER*
/*--------------------------------------------------------------*/

#footer a{
color:#E1FCC1;
}

/* footer area */
#footer {
        clear: both;
        background: #648939;
        color: #E1FCC1;
        font-size: 95%;
        line-height: 130%;
        margin:10px 0 0;
padding:10px 0px 10px 0px;
}

#footer h4 {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        color: #ECFDD7;
        margin: 5px 0px 5px;
}
.footer-recent-comments {
        width: 240px;
        float: left;
        margin-left: 10px;
}
.footer-recent-comments ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
}
.footer-recent-comments ul li {
        background: url(images/mini-footer-comments.gif) no-repeat;
        padding: 0px 0px 10px 20px;
}
.footer-recent-posts {
        width: 240px;
        float: left;
        margin-left: 20px;
}
.footer-recent-posts strong {
        font-size: 107%;
        line-height: 135%;
        font-weight: bold;
}
.footer-recent-posts ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        font-size: 92%;
        line-height: 110%;
}
.footer-recent-posts ul li {
        background: url(images/mini-footer-post.gif) no-repeat;
        padding: 0px 0px 10px 20px;
}
.footer-about {
        width: 200px;
        float: right;
        padding-right: 10px;
        padding-left: 10px;
}

/* credits */
#credits {
        margin: 0px auto;
        width: 760px;
        color: #C9DAAE;
        font-size: 85%;
        line-height: 120%;
}
#credits a, #credit a:visited {
        color: #C9DAAE;
}
.rss {
        background: url(images/mini-rss.gif) no-repeat left center;
        padding-left: 18px;
        padding-bottom: 2px;
        margin-left: 8px;
}
.loginout {
        background: url(images/mini-loginout.gif) no-repeat left center;
        padding-left: 18px;
        padding-bottom: 2px;
        margin-left: 8px;
}

.button{
        border-top: solid 1px #64CE00;
        border-left: solid 1px #64CE00;
        border-bottom: solid 1px #64CE00;
        border-right: solid 1px #64CE00;
        background-color: #6F742B;
        TEXT-ALIGN: center;
        font: 10pt Arial, Helvetica, sans-serif;
        font-weight: bold;
        color:  #ffffff;
        }