/*======================================
Theme Name: fotolog
Theme URI: http://www.flisterz.com/
Description: Another wordpress theme by <a href="http://www.flisterz.com">flisterz</a> which is built specifically for photoblogging. Please leave the credit intact :)
Version: 1.0
Author: flisterz
======================================*/
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:#8683a4;
line-height:17px;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


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

a{ color: #fff; text-decoration:none; }
a:hover{ text-decoration:underline; }


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


/*HEADER*
/*---------------------------------------------------------------------*/
#header{
background:#8683a4 url(images/header4.png) no-repeat bottom right;
height:56px;
}
#header h1 {
text-indent:-9999px;
}
#header h1 a{
background:url(images/title.png) no-repeat top left;
height:48px;
width:200px;
display:block;
}

/*MENU*
/*---------------------------------------------------------------------*/
#menu{ float:right; }
ul#menu{ list-style-type:none; }
ul#menu li{ float:left; margin:0 5px; }
ul#menu li a{
color:#fff;
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;
}
#photowrap h1.title{
font-size:12px;
font-weight:lighter;
display:block;
padding:0px 5px 0 0;
}
#photowrap h1.title a:hover{
color:#fff;
text-decoration:none;
}
.widebar{
margin:0 0 5px;
font-size:11px;
}
.photonav a{
font-size:10px;
text-transform:uppercase;
color: #fff;
}
.photo{
overflow:hidden;
padding:0 0 5px;
margin:0 0 5px 0;
border-bottom:1px solid #ccc;
}
.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:2px solid  #ccc; /* 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:#fff;
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 #fff;
}
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 #fff;
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 #fff;
padding:4px 0;
margin:20px 0 0;
float:left;
}


/*COMMENT TEMPLATE*
/*---------------------------------------------------------------------*/
#comments{
margin:10px 0 0 ;
border-top:1px solid #fff;
padding:10px 0;
}
#comments h1{
color: #fff;
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 #fff;
}
.commenttext{
float:right;
width:87%;
}
.small, .small a{
font-size:10px;
color:#fff;
}
#formsection{
float:left;
padding:5px 0px 15px  0px;
width:38%;
}
#formsection label{
color:#fff;
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.png) 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.png) no-repeat left; }


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