/*======================================
Theme Name: fotoblog
Version: 1.0
Author: Juta >> http://juta.pri.ee
Description: Fotoblogi teema Wordpressi versioonile alates 2.6, testitud kuni 2.7.1. NB! Iga postitus vajab pilti, muidu on arhiivi kujundus segi! Seaded >> lugemine >> peaks olema konfigureeritud selliselt, et esileht näitab 1 postitust korraga.

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

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


/*BODY*
/*---------------------------------------------------------------------*/

body{
font-family:Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size:12px;
line-height:20px;
background:#555 url(images/bg.jpg) fixed;
color:#aaa;
}

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

a, a:visited{ color:#ddd; text-decoration:none; outline: none; }
a:hover, a:active{ color:#dd0c81; text-decoration:none; outline: none; }

h1, h2, h3, h4, h5, h6 {
color:#ddd;
font-family:Trebuchet, Tahoma, Arial, sans-serif;
text-transform:uppercase;
font-weight:bold;
letter-spacing: 1px;
}

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


/*HEADER*
/*---------------------------------------------------------------------*/
#header{
margin:20px 0;
}

/*LOGO*
/*---------------------------------------------------------------------*/
.logo { float:left; width: 495px;}
.logo h1 {
text-indent:-9999px;
}
.logo h1 a{
background:url(images/logo.png) no-repeat top left;
height:64px;
width:495px;
display:block;
}

/*FEED*
/*---------------------------------------------------------------------*/
.feed { float:right; width: 64px;}

/*MENU*
/*---------------------------------------------------------------------*/
.menu { float:right; width: 820px; }
.menu ul{ float:right; list-style-type:none; padding: 10px 0;}
.menu ul li{ float:left; margin:0 0 0 10px; }
.menu ul li a{
font-size:14px;
font-weight:bold;
letter-spacing:1px;
color:#dd0c81;
}
#header ul li a:hover{
color:#a3055e;
}

/*PHOTO/CONTENT*
/*---------------------------------------------------------------------*/
#photowrap {
border-top:1px solid #777;
padding:10px 0 0;
}
#photowrap h1.title{
font-size:12px;
text-transform:uppercase;
display:block;
padding:0px 5px 0 0;
}
#photowrap h1.title a:hover{
color:#af005f;
}
#photowrap .date{ float:right; text-transform:uppercase;}
.widebar{
margin:0 0 5px;
font-size:11px;
}
.photonav {
text-transform:uppercase;
}
.photonav a:hover{
color:#aaa;
}
.photo{
overflow:hidden;
padding:0 0 5px;
margin:0 0 5px 0;
}
.photo p, .commentlist p{
margin:0 0 10px ;
}
.photo ol, .photo ul{
list-style-position:inside;
margin:0 0 10px 0;
}
.photo img{
padding:10px;
background:url(images/20.png);
margin:15px 0;
}

/*ARCHIVES*
/*---------------------------------------------------------------------*/
h2.pagetitle, h1.pageheading{
font-size:15px;
color:#ddd;
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;
}
ul#archives li a img{
padding:5px;
background:url(images/25.png);
}
ul#archives li a img:hover{
background:url(images/50.png);
}
ul#archives li.srch{ 
float:none;
margin:5px 0 10px;
}
ul#archives li.srch h1{
font-size:15px;
margin:2px 0 20px ;
}

#archside{ 
width:23%;
float:right;
}
#archside ul{
list-style-type:none;
margin:5px 0 14px ;
}
#archside li{
padding:2px 0;
}
.archnav{
width:70%;
padding:4px 0;
margin:20px 0 0;
float:left;
}

/*COMMENT TEMPLATE*
/*---------------------------------------------------------------------*/
#comments{
margin:10px 0 0 ;
border-top:1px solid #aaa;
padding:10px 0;
}
#comments h1{
color: #dd0c81;
font-size:14px;
margin:0 0 5px;
}
ol.commentlist{
list-style:none;
width:60%;
float:right;
}
.commentlist li{
margin: 15px 0 0 0;
padding:10px 10px 0 10px;
background:url(images/25.png);
}
.avatar{
float:left;
border:none;
}
.avatar img{
padding:0;
margin:0;
background: transparent;
}
.commenttext{
float:right;
width:87%;
padding:0;
margin:0;
}
#formsection{
float:left;
padding:5px 0px 15px  0px;
width:38%;
}
#formsection label{
color:#ddd;
font-size:11px;
text-transform: uppercase;
line-height:15px;
}
#author,#url,#email,#commentarea,#s {
background:url(images/25.png);
border: 0px solid #aaa;
padding:5px;
margin:0 0 5px;
width:90%;
color: #ddd;
}
#author:focus,#url:focus,#email:focus,#commentarea:focus, #s:focus {
background:url(images/50.png);
}
#commentarea{
height:90px;
}
#submit{
background:#a3055e;
border: none;
padding:5px 10px;
color:#ddd;
text-transform:uppercase;
font-size: 10px;
letter-spacing: 2px;
margin:5px 0 0 0;
}
#submit:hover{
background:#dd0c81;
}

/*META*
/*--------------------------------------------------------------*/
.fright a{color:#aaa;}
.fright a:hover{color:#ddd;}

/*FOOTER*
/*--------------------------------------------------------------*/
#footer{
color:#999;
margin:20px 0;
font-size:10px;
padding:10px 0; 
border-top: solid 1px #777;
}
#footer a{
color:#999;
}
#footer a:hover{
color:#ddd;
}
span.footnote { float:left; width:400px; }

span.footmenu { float:right; width:400px; }
span.footmenu ul{ float:right; list-style-type:none; }
span.footmenu ul li{ float:left; margin:0 0 0 10px; }
span.footmenu ul li a{
color:#999;
font-weight:bold;
letter-spacing:1px;
text-transform: uppercase;
}
span.footmenu ul li a:hover{
color:#ddd;
}

/*404*
/*--------------------------------------------------------------*/
#ephotowrap {
border-top:1px solid #777;
padding:10px 0 0;
background: url(images/404.png) no-repeat left top;
height:540px;
}

/*SMILEY*
/*--------------------------------------------------------------*/
img.wp-smiley {
padding:0;
margin:0;
background:transparent;
}