/*======================================

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:#2D2D2D url(images/bg.jpg) center top no-repeat;

line-height:17px;

color:#CCCCCC;

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: #4AB1E3; text-decoration:none; }

a:hover{ text-decoration:underline; }





/*WRAP*

/*---------------------------------------------------------------------*/

#wrap{

width:808px; /* change this value if you want to reduce/increase the maximum photo dimension - default : 808px */

margin:0 auto;

}





/*HEADER*

/*---------------------------------------------------------------------*/

#header{

background:#000 url(images/header.jpg) no-repeat bottom right;

height:56px;

}

#header h1 {

text-indent:-9999px;

}

#header h1 a{

/*background:url(images/title.jpg) 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:#CCCCCC;

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:#006666;

text-decoration:none;

}

.widebar{

margin:0 0 5px;

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:10px 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.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:#666;

border-top:1px dashed #666;

margin:10px 0 0;

padding:10px 0px 5px;

}

#footer a{

color:#999999;

}