@charset "utf-8";
/*
Theme Name: Župa Sv. Mihaela Ark. D. Miholjac
Theme URI: http://www.zupa-donjimiholjac.com
Description: Službena stranica župe Sv. Mihaela Arkanđela D. Miholjac
Author: Vanja Devčić, IIT d.o.o.
Author URI: http://iitsoft.hr
Version: 1.0
*/

/* Reset */

html {
	height: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset, img {
border:0 none;
}

li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

caption, th {
text-align:left;
}

h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}

q:before, q:after {
content:'';
}

abbr, acronym {
border:0 none;
font-variant:normal;
}

sup {
vertical-align:text-top;
}

sub {
vertical-align:text-bottom;
}

input, textarea, select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}

legend {
color:#000000;
}

del, ins {
text-decoration:none;
}



/*----------- Main CSS -----------*/
body {
	font-family:Arial, Georgia, sans-serif;
	font-size:12px;
	line-height:1.5em;
	color:#3f3e37;
	background:#e4e1c5 url(images/main_bg.png) top left repeat-x;
	height:100%;
}


/* OVDJE STAVLJENO HEIGHT ZBOG FOOTERA, NAKDNADNO ISPRAVITI!!! */
#top_left_bg {
	background: url(images/cloud_left.png) top left no-repeat;
	min-height: 100%;
    height: auto !important;
    height: 100%;
}

#top_right_bg {
	background: url(images/cloud_right.png) top right no-repeat;
	overflow:hidden;
}

.container {
	width:960px;
	height:100%;
	margin:0 auto;
	position:relative;
}


/*----------- Basic Typography -----------*/
h1, h2, h3, h4 {
	font-family:Georgia, Arial, sans-serif;
	text-transform:uppercase;
}

h2 {
	font-size:24px;
}

h3 {
	font-size:20px;
}

a {
	text-decoration:none;
	color:#3f3e37;
}

a:hover, a:focus {
	color:#7f7d6e;
}

.separator {
	margin:0 0 25px 0;
}

.input, input, textarea, select {
	border:1px solid #c8c5ad;
	padding:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	overflow:auto;
}


<!------------ Main Layout --------------->
#header {
	text-align:center;
}

	#logo img {
		margin:0 0 0 264px;
		height:254px;
	}
	
#main_content {
	padding:40px 10px;
}


	#content {
		margin: 0 30px 0 0;
}
	
		.content_item {
			background-color:#edebd9;
			border:5px solid #fff;
			padding:10px 10px 2px 10px;
			margin-bottom:20px;
			position:relative;
		}
		
		.content_item .content_item_title {
			margin:0 0 7px 0;
		}
		
		.content_item .content_item_title h2 {
			display:block;
			line-height:28px;
			padding:0 70px 0 0;
		}
		
		.content_item .users_comments {
			width:48px;
			height:36px;
			margin:5px 0 0 0;
			background:url(images/comment_icon.png) 0 0 no-repeat;
			text-align:center;
			font-family:Georgia, Arial, sans-serif;
			font-size:20px;
			padding:5px 0 0 0;
			position:absolute;
			top:10px;
			right:10px;
		}
		
		small {
			background-color:#7f7d6e;
			color:#fff;
			padding:2px 7px;
			margin:10px 0 0 0;
			font-size:11px;
		}
		
			small a {
				color:#dfba49;
				text-decoration:none;
			}
			
			small a:hover, small a:focus {
				text-decoration:underline;
				color:#fff;
			}
		
		.content_item .text_block {
			line-height:20px;
			padding:15px 0;
			width:550px;
		}
		
			.content_item .text_block img {
				margin: 5px;
     			padding: 5px;
     			border: solid #fff 2px
			}
			
			
			.content_item .text_block a {
				text-decoration:underline;
				color:#3f3e37;
				font-weight:bold;
			}
			
			.content_item .text_block a:hover, .content_item .text_block a:focus {
				text-decoration:underline;
				color:#7f7d6e;
				font-weight:bold;
			}




.wp-pagenavi {clear:both; font-weight: bold; text-align:right; margin:30px 0 10px 0; color:#3F3E37}
.wp-pagenavi .pages {float:left;}
.wp-pagenavi .current { background-color:#e8c05d; border:#caab3b 1px solid; padding:3px 7px; margin-left:3px;}
.wp-pagenavi a { background-color:#7f7d6e; border:1px solid #737163; padding:3px 7px; margin-left:3px; color:#fff; }
.wp-pagenavi a:hover, .wp-pagenavi a:focus
{ background-color:#e8c05d; border:#caab3b 1px solid; color:#3f3e37;}



<!-- Sidebar -->
	ul#sidebar {
		margin:0 0 0 0;
		padding:0;
		width:290px;
		height:auto;
		list-style:none;
		text-align:right;
	}
	
		#sidebar li {
			text-align:right;
			margin:0 0 35px 0;
			padding:0;
		}
		
		#sidebar li ul {
			margin:5px 0 0 0 ;
			padding:0;
		}
		
		#sidebar li ul li {
			margin:5px 0 ;
			padding:0;
			width:auto;
			height:auto;
		}
		
		
		#searchform {
			width:270px;
			height:28px;
			background-color:#7f7d6e;
			padding:9px 10px;
		}
		
			#searchform p {
				margin:0;
				padding:0;
			}
		
			
			
			#searchform input#s {
				width:143px;
				height:18px;
				border:#c8c5ad solid 3px;
				margin:0;
				padding:4px 10px 0 10px;
				float:left;
			}
		
			#searchform input#search_submit {
				width:92px;
				height:28px;
				float:right;
				background:url(images/button_bg.png) 0 0 repeat-x;
				border:#caab3b solid 1px;
				color:#fff;
				cursor:pointer;
			}
			
			#searchform input#search_submit:hover, #searchform input#search_submit:focus {
				color:#363636;
			}
		
		#sidebar h3 {
			margin:0 0 15px 0;
		}
		
		#sidebar h2 {
			font-size:20px;
		}
		

#footer {
	border-top:#c4bf91 1px solid;
	width:100%;
	margin:30px 0 0 0;
}

	
	.footer_inside {
		border-top:#fff 1px solid;
		background-color:#edebd9;
		padding:20px 0;
		overflow:auto;
	}
	
	
	.footer_column {
		float:left;
		width:280px;
		margin:0 10px 0 10px;
	}
	
		.footer_column h3 {
			margin-bottom:10px;
		}
		
		.footer_column .rss {
			width:80px
		}
		
		.footer_colum .copyright {
			width:100px;
		}
	
	#footer .long {
		width:560px;
		margin:0 20px 0 0;
	}
	
			

/*
	Comment-Styles
*/

#comments_template {
}

#comments_wrap {
	background-color:#EDEBD9;
	border:1px solid #fff;
	padding:10px;
}
	
	
	#comments_template cite {
		font-weight:bold;
	}

	#comments_template a {
		color:#c89d1b;
		text-decoration:underline;
	}
	
	#comments_template a:hover, #comments_template a:focus {
		color:#363636;
		text-decoration:underline;
	}

ol#comments {
	margin:0px;
	padding:0px;
	margin-top:20px;
}

	ol#comments li {
		margin:0px;
		padding:0px;
		position:relative;
		padding-left:60px;
		list-style:none;
		padding-bottom:20px;
		margin-bottom:20px;
	}

ol#comments .avatar {
	position:absolute;
	top:0px;
	left:0px;
}

ul.commentlist {
	margin:20px 0px 20px 0px;
	padding:0px;
	color:#363636;
}

	ul.commentlist li p {
		margin:0;
		padding:0;
	}

	ul.commentlist .reply {
		margin-top:10px;
	}

	ul.commentlist li {
		margin:0px;
		padding:10px 10px 20px 75px;
		position:relative;
		list-style:none;
		border-bottom:1px solid #7f7d6e;
	}

ul.commentlist .avatar {
	position:absolute;
	top:10px;
	left:10px;
	border:1px solid #7f7d6e;
}

ul.commentlist .commentmetadata {
	display:none;
}
ul.commentlist ul  {
	margin:20px 0px 20px 0px;
	padding:0px;
}

ul.commentlist ul li {
	border:1px solid #7f7d6e;
	background-color:#ffffff;
	overflow:auto;
	background-image:none;
	padding-bottom:10px;
	margin-bottom:10px;
}

#comments_template .trackbacks {
	margin-top:20px;
}

/* Various Columns
/* -------------- */

.col-620 {
	width:650px;
}

.col-290 {
	width:290px;
}

.left {
	float:left;
}

.right {
	float:right;
}


/* Clearfix
/* -------------- */

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}