/*  

Theme Name: Zivi Selo
Version: 1.0
Author: Alen Grakalic (za Acumen d.o.o.)
Author URI: http://acumen.hr/

*/

body{
	margin:0;
	padding:0;
	background:#f1f1f1 url(images/back.gif) repeat-x;	
	font:80% "Lucida Grande", Trebuchet MS, Arial, Helvetica, sans-serif; 
	color:#777;
	text-align:center;
	line-height:180%;	
}
a{
	text-decoration:none;
	color:#6b9c15;
}
a:hover{
	text-decoration:none;
	color:#555;
}
img{border:0;}

p,h1,h2,h3,h4{
	padding:0;
	margin:1em 0;
}
h1{font-size:200%;font-weight:normal;}
h2{font-size:180%;font-weight:normal;}
h3{font-size:160%;font-weight:normal;}
h4{font-size:120%;font-weight:normal;}
h5{font-size:110%;font-weight:normal;}
table, input, textarea, select, li{
	font:100% "Lucida Grande", Trebuchet MS, Arial, Helvetica, sans-serif; 
	color:#777;
	line-height:180%;
}	
img{border:none;}
hr{display:none;}
small{
	font-size:100%;
}

.left{
	float:left;
	margin-right:10px;
}
.right{
	float:right;
	margin-left:10px;
}

img.left, img.right, .left img, .right img {
	padding:1px;
	background:#fff;
	border:3px solid #77ac1c;
	margin-top:.5em;
}

blockquote{
	margin:1em 0;
	padding:0 0 0 20px;
	background:url(images/quote_1.gif) no-repeat 0 0;
}
blockquote span{
	display:block;
	background:url(images/quote_2.gif) no-repeat 100% 100%;
}

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

#extra{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:32px;
	line-height:32px;
	background:#f1f1f1;
	border-bottom:1px solid #ebebeb;
	margin:0;
	font-size:90%;
}

#extra a.close {
	position:absolute;
	float:left;
	height:32px;
	line-height:32px;	
	top:0;
	right:0;
	padding:0 10px 0 20px;	
	background:url(images/close.gif) no-repeat 0 50%;
}

a.more{
	white-space:nowrap;
}
.floater{
	margin:0;
	margin-top:-3.5em;
	font-size:90%;
	float:right;
}

.download{
	text-align:center;
	line-height:31px;
	margin:1.5em 0;
	font-size:110%;
}
.download a{
	background:url(images/ico_download.gif) no-repeat 100% 0;
	padding-right:25px;
	line-height:31px;
}

/*------------- layout -------------*/

#page{
	width:849px;
	margin:0 auto;
	text-align:left;
}

#header{
	position:relative;
	height:192px;
}

.description{
}

#wrapper{
	padding:1em 0;
}

#content{

}

#sidebar{

}

#footer{	
	clear:both;
	position:relative;
	height:72px;
}


/*------------- header -------------*/

#header h1{
	position:absolute;
	top:86px;
	left:0;
	margin:0;
	width:237px;
	height:99px;
	background:url(images/logo.gif) no-repeat 0 0;
	text-indent:-8000px;
	overflow:hidden;	
} 
#header h1 a{
	display:block;
	height:99px;
}

#header ul{
	position:absolute;
	margin:0;
	padding:0;
	top:130px;	
	right:0;	
}
#header li{
	list-style:none;
	float:left;	
	height:28px;
	line-height:28px;	
}
#header li a{
	color:#8ec039;
	float:left;
	height:28px;
	line-height:28px;
	margin-left:40px;
	font-weight:bold;
}
#header li a:hover{color:#555;}
#header li.current_page_item a, #header li.current_page_parent a{color:#555;}

#header .description{
	position:absolute;
	top:156px;
	left:36px;
	margin:0;
	font-size:120%;
} 


/*------------- subnav -------------*/

#subnav, #subnav li{
	margin:0;
	padding:0;
	list-style:none;
}
#subnav li {
	display:inline;
	margin-right:6px;
}
#subnav li a{
	text-decoration:none;
}

#content #subnav li{
	padding-left:0;
	background:none;
}

/*------------- content -------------*/

#content h2{
	font-size:130%;
	line-height:120%;
	margin-top:0;
	color:#82bc1d;
	margin-bottom:.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#content a{text-decoration:underline;}
#content h3{font-size:130%;font-family:Georgia, "Times New Roman", Times, serif;margin-bottom:.2em;}
#content h2 a, #content h3 a{color:#82bc1d;text-decoration:none;}

#content ul, #content ol{
	list-style:none;
	margin:1em 0;
	padding:0;
} 
#content li{
	padding-left:15px;
	background:url(images/bullet.gif) no-repeat 0 .7em;
}

/*------------- icons -------------*/

#pojmovnik #wrapper{
	background:url(images/ico_pojmovnik.gif) no-repeat 42px 8px;
}
#kontakt #wrapper{
	background:url(images/ico_kontakt.gif) no-repeat 42px 8px;
}
#wrapper.search{
	background:url(images/ico_search.gif) no-repeat 42px 8px;
}
#o-projektu #wrapper{
	background:url(images/ico_oprojektu.gif) no-repeat 42px 8px;
}

/*------------- posts -------------*/

.posts, .posts li{
	margin:0;
	padding:0;
	list-style:none;
}
.posts li {
	float:left;
	width:230px;
	display:inline;
	margin-left:214px;
	margin-bottom:1em;
	position:relative;
}
.posts li.even {
	clear:both;
	margin-left:175px;
}
.posts div{
	position:relative;
}

#content .posts li {
	padding:0;
	background:none;
}

.post .image, .posts .image {
	position:absolute;
	margin:0;
	top:0;
	left:-175px;
}

h2 a:hover, h2 a:visited, h2 a {
}

.post {
	position:relative;
}

.results, .results li{
	margin:0;
	padding:0;
	list-style:none;
}

.navigation {
	clear:both;
	padding:1em 0;
}

/*------------- single -------------*/

.singlePost{
	margin-left:212px;
	margin-right:20px;
}
.singlePage{
	margin-left:108px;
}


/*------------- footer -------------*/

#footer p{
	margin:0;
	padding-top:1em;
}
#footer a{}
#footer a:hover{text-decoration:underline;}


/*------------- contact -------------*/

#contactSuccess{
	padding-left:70px;
	background:url(images/ico_success.gif) no-repeat 0 0;
	margin:4em 0 2em 150px;
}
#contactSuccess h2, #contactSuccess p{
	margin:0;
}

/*------------- comments -------------*/

ol.commentlist{
	padding:0;
	margin:0;
}

ol.commentlist li {
	margin:.5em 0;
	padding:.5em 12px;
	list-style:none;
	border-top:1px solid #efecd9;
	background:#fcfbf7;
}

ol.commentlist li.alt {

}

ol.commentlist a {

}

small.commentmetadata {

}

/*------------- comment form -------------*/

#commentform p{
	margin:0;
	margin-bottom:1px;
	background:#fcfbf7;
	padding:.5em 12px;
}
#author, #email, #url{
	border:1px solid #efecd9;
	background:#fff;	
	width:250px;	
	margin-right:5px;
}
#commentform textarea{
	border:1px solid #efecd9;
	background:#fff;	
	width:450px;		
}
#submit{
	background:#524432;
	color:#fff;
	border:none;
	font-weight:bold;
	padding:5px 10px;
}

/*------------- search form -------------*/

#searchform{
	position:absolute;
	float:left;
	top:5px;
	right:0;
}

#searchform input{

}

#searchform #s{
	border:none;
	background:url(images/search.gif) no-repeat 0 0;	
	width:78px;	
	height:13px;
	padding:3px 8px 3px 19px;
	line-height:13px;
	font-size:80%;

}
#searchsubmit{
	position:absolute;
	float:left;
	top:14px;
	left:150px;
}

#searchform #s.safariField{	
	width:150px;	
	height:20px;
	font-size:100%;
}

/*------------- form -------------*/

form{margin:0;}

.field{
	border:none;
	width:190px;
	height:14px;
	padding:5px 7px;
	background:url(images/field.gif) no-repeat 0 0;	
	font-size:90%;
	line-height:14px;
	vertical-align:middle;
	-webkit-border-radius: 8px;
}
.area{
	border:none;
	width:409px;
	height:93px;
	padding:5px 7px;
	background:url(images/area.gif) no-repeat 0 0;	
	font-size:100%;
	overflow:auto;
	line-height:120%;
}

.submit, #contactsubmit{
	border:none;
	background:none;
	margin:1em 0;
	color:#7fb91d;
	vertical-align:middle;
	padding:0;
}


/*------------- col -------------*/


.col1, .col2  {
	float:left;
	width:320px;
	display:inline;
	position:relative;
}
.col2  {
	margin-left:18px;
}

#mail{
	margin-left:40px;
	padding-left:60px;
	background:url(images/ico_kontakt.gif) no-repeat 0 0;	
}
#rss{
	padding-left:60px;
	background:url(images/ico_rss.gif) no-repeat 0 0;	
}

form.feedform{margin:0;padding:0;}

/*------------- calendar -------------*/


#wp-calendar {

}

#wp-calendar th {

}

#wp-calendar a {

}

#prev a, #next a {

}

#wp-calendar caption {

}

/*------------------------------- float fix ---------------------------------*/

#wrapper:after, .navigation:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#wrapper, .navigation{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #wrapper, * html .navigation{
	height: 1%;
}
#wrapper, .navigation{
	display: block;
}
/* End hide from IE-mac */
/* end float fix */