/*
Name: Iztok Kveder - Poročni fotograf
Description: Photographer's blog


*/

/*BACKGROUND IMAGE************/
body {
    background: url('outerback.png') repeat; 
    font: 11px Verdana, Geneva, sans-serif; /*ENTRY FONTS*/
    color:#333; /*OVERALL TEXT COLOR*/
}




/*LINK STYLES****************/
a {
    text-decoration:underline;
    color:#4c4a65;
}
a:hover {text-decoration:none;}


/*LOGO IMAGE*****************/
#logo {
    height:100%;
    width:1000px;
    background:#e9e6dd;    
}


/*MENU COLORS****************/
#menu {
    background:#7d6336;
}

#menu li a {
    font:14px Arial, Helvetica, sans-serif; /*MENU FONT STYLES*/
    text-transform: uppercase;
    color:#d9d8d6;    /*MENU FONT COLOR*/
}

#menu li a:hover {
    color:#ffffff; /*MENU FONT COLOR WHEN HOVERING*/
} 


/*BANNER COLORS*************/
#banner {
height: 100%; /*BANNER HEIGHT in case you want to change it*/
overflow: hidden;
}


/*TWITTER / SEARCH / RSS***/
.holder {
    padding:10px 0 0 0;
    width:1200px;
    overflow:hidden;
}
.holder ul {
    list-style:none;
    margin:0;
    padding:0;
    height:1%;
    overflow:hidden;
}
.holder ul li {
	display:block;
	height:38px;
	padding:10px 48px 0 0;
	text-align:right;
}

/* RSS */
.holder ul li.rss a {
    display:block;
	float:right;
    width:48px;
    height:0;
	margin:-10px -48px 0 0;
	padding-top:48px;
    overflow:hidden;
    background:url(images/rss.png) no-repeat right top;
}

/* Twitter */
.holder ul li.Twitter {
    background:url(images/twitter.png) no-repeat right top;
}


/*POSTS*******************/
.title {
    margin-top: 3px;
}
    /*POST TITLE FONT STYLE**/
.ti, .title h2 {
    margin:0;
    font-size:20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    line-height:25px;
    color:#66ccff;
}
h2 {
    margin:0;
    font-size:20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    line-height:25px;
    color:#66ccff;    
}
h3 {
    margin:0;
    font-size:20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    line-height:25px;
    color:#66ccff;
}
    /*DATE AND CATEGORY FONT STYLES*/
.title span a, .title span {
    color:#c0c0c0;
    font-size:11px;
    font-weight:normal;
    line-height:24px;
}


/* NEXT / PREVIOUS PAGE navigation*/
.navigation {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;    
    width: 100%;
    background: #fff;
    padding: 10px 0px;
    height: 15px;
}
.navigation a {text-decoration:none;}
.navigation a:hover {text-decoration:underline;}

.navbg {background: #fff;}

/*FOOTER LINKS*/
#footer {
    padding:8px 0 0;
    width:100%;
    font:10px/25px Verdana, Arial, Helvetica, sans-serif;
    color:#b2b2b2;
    text-align:center;
}
#footer p {margin:0;}
#footer a, #footer a:hover, #footer a:visited {
    text-decoration: none;
    color: #b2b2b2;
}


.alignleft {float: left;}
.alignright {float: right;}

.clear {clear: both;}




body {
    margin:0;        
}

img {border-style:none;}
input,
textarea,
select{
    font:100% arial,sans-serif;
    vertical-align:middle;
}
form,fieldset{
    margin:0;
    padding:0;
    border-style:none;
}
/*main container*/
#main {
    margin:0 auto;
    width: 1200px;
    padding:0px 0 20px;
}
/*header*/
#header img {display:block;}
#menu {
    list-style:none;
    margin:0;
    padding:5px 0 0px 15px;    
    height:1%;
}
#menu:after {
    content:" ";
    display:block;
    clear:both;
}
#menu li {
    padding:8px 30px 0px 30px;
    float:left;
}
#menu li a {
    height:25px;
    float:left;
    text-align:center;
    text-decoration:none;
}
#menu li.hover a,
#menu li:hover a,
#menu li.hover,
#menu li:hover {
    position: relative;
}
#menu li.hover ul,
#menu li:hover ul {
    display: block;
}
#menu ul {
    padding:0 0 6px 12px;
    margin:0;
    list-style:none;
    width:135px;
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background:#e9e6dd;
}
#menu ul li {
    padding:0 10px 0 17px;
    width:120px;
}
#menu ul li a {
    text-align:left;
    width:100%;
    background:none;
    color:#7a7a7a;
    line-height:18px;
    height:auto;
    display:block;
}
#menu ul li a:hover {color:#000;}

/*content*/
#content {
    width:1200px;
    background:#fff;
    padding:0 15px 0px 15px;
}
.entry {    
    overflow:hidden;
}
.entry p {
    line-height:25px;
    margin:0 0 22px;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 0px;
}
.title a {
    text-decoration: none;
}
.postmetadata {
    font-size: 10px;
    padding: 10px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
}
.postmetadata a {
    color:#82817d;
    text-decoration:none;
    outline:none;
}
.postmetadata a:hover {text-decoration:underline}
.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }
    
.center {text-align: center;}
.center2 {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.commentlist li, #commentform input, #commentform textarea {
    font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }
.commentlist li ul li {
    font-size: 1em;
}

.commentlist li {
    font-weight: bold;
}

.commentlist li .avatar { 
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
    }

.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }

.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }
.commentlist {width: 930px;}
#commentform p {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }

.commentmetadata {
    font-weight: normal;
    }
.comments {
    padding-bottom: 15px;
}
.breaker {height: 20px; width: 100%;}