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

body{
font-size:11px;
background:#2D2D2D;
/* line-height:17px; */
color:#CCCCCC;
font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
}


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

a{ color: #4AB1E3; text-decoration:none; font-size:10px; font-weight:bold;}
a:hover{ text-decoration:underline; }


/*WRAP*
/*---------------------------------------------------------------------*/
#wrap{
width:755px; 
margin:0 auto;
}


/*HEADER*
/*---------------------------------------------------------------------*/
#header{
background:#000000 url(images/header_bg.gif) bottom;
height:30px;
}
#header h1 {
text-indent:-9999px;
}
#header h1 a{
float:right;
/* margin-right:7px;
 background:url(images/title1.gif) no-repeat center left; */
height:25px;
width:740px;
display:block;
}

/*MENU*
/*---------------------------------------------------------------------*/
.menucontainer {
width:100%;
height:15px;
background-color:#3e3e3e;
float:left;
}
.menucontainer .menu {float:right; margin-top:-5px;} 
.menucontainer ul {float:right;list-style-type:none; width:100%;}
.menucontainer ul li {list-style-type:none; float:right; margin:0 5px; }
.menucontainer ul li a{
color:#CCCCCC;
display:block;
padding:4px 4px 2px 4px;
font-size:10px;
font-weight:bold;
text-decoration:none;
text-transform:lowercase;
}
.menucontainer ul li a:hover{
color:#4ab1e3;
display:block;
padding:4px 4px 2px 4px;
font-size:10px;
font-weight:bold;
text-decoration:none;
text-transform:lowercase;
}

/*PHOTO/CONTENT*
/*---------------------------------------------------------------------*/
#photowrap{
border-top:1px dashed #666666;
padding:10px 0 0;
}
#photowrap h1.title{
font-size:10px;
/* font-weight:lighter; */
display:block;
padding:0px 5px 0 0;
}
#photowrap h1.title a:hover{
color:#006666;
text-decoration:none;
}
#photowrap p {
margin-bottom:10px;
}
.widebar{
font-size:10px;
font-weight:bold;
margin:-3px 0 5px 0px;
}
.widebar1{
margin:0px;
font-size:11px;
}
.photonav a{
font-size:10px;
text-transform:uppercase;
color: #999999;
}
.photo{
overflow:hidden;
/* padding:0 0 5px; */
margin:0 0 5px 0;
border-bottom:1px solid #333;
}
.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  #000000;  change this if you wanted to modify the border of the photo on the main page */
}


/*ARCHIVES*
/*---------------------------------------------------------------------*/
h2.pagetitle, h1.pageheading{
font-size:15px;
font-weight:lighter;
color:#66CC00;
margin:5px 0 ;
}
ul#archives{
list-style-type:none;
padding:10px 0 0;
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 10px;
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{
margin:6px 0 0 ;
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/tag.gif) no-repeat left; margin:0 5px 0 0; }
span.tag a{ color:#999999; }
span.prev{ background:url(images/prev.png) no-repeat left; }
span.next{ background:url(images/next.png) no-repeat right; padding:2px 20px 4px 0px; }
span.comment{ background:url(images/comment.gif) no-repeat left; }


/*FOOTER*
/*--------------------------------------------------------------*/
#footer{
color:#444;
border-top:1px dashed #666;
margin:5px 0px 10px 0px;
padding:10px 0px 5px;
}
#footer a{
color:#999999;
}

.readmoremore {
	display:none;}