@charset "utf-8";
/*

Theme Name: Kup Grada Županje 2010

Theme URI: http://www.antun-debak.iz.hr

Description: Kup grada Županje 2010 

Version: 1.0

Author: Kup grada Županje 2010 by Antun Debak

Author Email: debak.antun@gmail.com

Author URI: http://www.antun-debak.iz.hr

*/





/* General */



body {

	margin: 0;

	background: #2d680e url("images/bckg.jpg") repeat-x center top;



}

.bckg-repeat {
	margin: 0;
	background: url("images/bckg.png") repeat-y center top;
	}



h1, h2, h3, h4 {

	margin: 0;

}



img {

	border: 0;

}



.clear {

	clear: both;

	height: 0;

	overflow: hidden;

}





/* Page */



#page {

	margin: 0 auto;

	width: 960px;

	background: url("images/page.png") no-repeat;

	display: block;

	overflow-x:hidden;



}





/* Header */



#header {

	width: 920px;

	height: 285px;

	position: relative;



}



	/* Header - Info */

	

	#header #header-info {

		position: absolute;

		top: 10px;

		left: 280px;

		width: 700px;

		text-align: center;

		margin-left:0px;

	}



	

	#header #header-info h1 {

		color: #ffffff;

		font: normal 31px Century Gothic, Helvetica, Arial, sans-serif;

		padding-bottom: 0px;

	}

	

	#header #header-info h1 a {

		color: #ffffff;

		text-decoration: none;

	}

	

	#header  .description {

		color: #8bad70;

		font: normal 17px Century Gothic, Helvetica, Arial, sans-serif;

		margin-left:100px;

	}

	

	/* Header - Menu */

	

	#header #header-menu {

		position: absolute;

		top: 235px;

		left: 10px;

		width: 820px;

		height: 26px;

		margin-top:50px;

		margin-bottom:10px;



		float:left;

	}

	

	#header #header-menu ul {

		margin: 0;

		padding: 0;

		list-style-type: none;

		width: 920px;

		height: 26px;

	}

	

	#header #header-menu ul li {

		float: left;

		width: 115px;

		height: 35px;

		font: 14px/35px Gerogia, Century Gothic, Helvetica, Arial, sans-serif;

		font-weight: bold;

		color: #ffffff;

		background: url("images/header_menu.png") no-repeat;

		text-align: center;

	}

	

	#header #header-menu ul li a {

		color: #ffffff;

		text-decoration: none;

		display: block;

	}

	

	#header #header-menu ul li a:hover {

		color: #bfbfbf;

		background: url("images/header_menu_hover.png") no-repeat;

	}

	

		/* Header - Menu - Active */

		

		#header #header-menu ul li.current_page_item a {

			color: #bfbfbf;

			background: url("images/header_menu_hover2.png") no-repeat;

		}

		

		/* Header - Menu - Submenu */

		

		#header #header-menu ul li ul{

			display: none;

		}

	

	/* Header - Feed */

	

	#header #header-feed {

		position: absolute;

		top: 226px;

		left: 762px;

		width: 190px;

		height: 80px;

	}





/* Main */



#main {

	width:960px;

	padding-top: 27px;

	overflow: hidden;

}



	/* Main - Content */

	

	#content {

		float: left;

		width: 505px;

		padding: 0 10px;

		overflow: hidden;

		margin-top:15px;

	}

	

	/* Main - Content - Post */

	

	#content .post {

		float: left;

		margin-bottom: 30px;

		width: 505px;

	}

	

		/* Post - Title */

		

		

		#content .post .post-title {

			width: 505px;

			color: #ffffff;

			font: normal 10px Century Gothic, Helvetica, Arial, sans-serif;

		}

		

		#content .post .post-title a {

			color: #99cc00;

			text-decoration: underline;

		}

		

		#content .post .post-title a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-title .post-date {

			float: left;

			text-align: center;

			text-transform: lowercase;

			color: #000;

			width: 42px;

			height: 42px;

			padding-top: 20px;

			font: normal 20px/26px Verdana;

			background: url("images/post_date.jpg") no-repeat;

			margin-right: 15px;

		}

		

		

		#content .post .post-title h2 {

			color: #99cc00;

			font: normal 20px Verdana;

			padding: 10px 0 5px 0;

		}

		

		



		

		#content .post .post-title h2 a {

			color: #99cc00;

			text-decoration: none;

		}

		

		#content .post .post-title h2 a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-title .post-title-info {

			line-height: 25px;

		}

		

		#content .post .post-title .post-title-info .category {

			background: url("images/icon_category.gif") no-repeat;

			padding-left: 17px;

		}

		.post-title-info a:link,.post-title-info a:active,.post-title-info a:current {

		color:#99cc00;

		}

		#content .post .post-title .post-title-info .author {

			background: url("images/icon_author.gif") no-repeat;

			padding-left: 18px;

			color: #99cc00;

			text-decoration: underline;

		}

		

		/* Post - Entry */

		

		#content .post .post-entry {

			font: normal 12px/18px Verdana;

			color: #ffffff;

			width: 505px;

		}

		

		#content .post .post-entry a {

			color: #99cc00;



			text-decoration: none;

		}

		





		#content .post .post-entry a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-entry a.more-link {

			font-weight: bold;

		}

		

		#content .post .post-entry blockquote {

			border-left: 6px solid #99cc00;

			font-size: 11px;

			color: #99cc00;

			margin: 0px 30px;

			padding-left: 15px;

		}

		

		/* Post - Info */

		

		#content .post .post-info {

			clear: both;

			width: 470px;

			height: 34px;

			background: url("images/post_info.gif") repeat-x;

			padding: 0 15px;

			font: normal 11px/34px Verdana;

			color: #ffffff;

		}

		.read {

		float:right;



			padding: -10px 15px 0 15px;

			font: normal 11px/34px Verdana;

			color: #ffffff;

		}

		#content .post .post-info a {

			color: #99cc00;

			text-decoration: none;

		}

		

		#content .post .post-info a:hover {

			text-decoration: underline;

		}

		

			#content .post .post-info .post-info-comments {

				background: url("images/icon_comments.gif") no-repeat left center;

				padding: 0 5px 0 24px;

				float: left;

			}

			

			#content .post .post-info .post-info-share {

				float: right;

				padding: 9px 0;

			}

		

		/* Post - Subtitle */

		

		#content .post h3 {

			margin: 20px 0 5px 0;

			color: #99cc00;

			font: bold 15px Verdana;

		}

		

		/* Post - Comments */

		

		#content .post .comments {

			font: normal 12px/18px Verdana;

			color: #ffffff;

			width: 480px;

		}

		

		#content .post .comments ol {

			margin: 10px 0;

			padding-left: 25px;

		}

		

		#content .post .comments ol li {

			padding: 5px;

		}

		

		#content .post .comments ol li a {

			color: #88c802;

			text-decoration: none;

		}

		

		#content .post .comments ol li a:hover {

			text-decoration: underline;

		}

		

		#content .post .comments ol li.alt {

			background: #112502;

		}

		

		#content .post .comments ol li cite {

			color: #99cc00;

			font-style: normal;

			font-weight: bold;

		}

		

		#content .post .comments ol li cite a {

			color: #99cc00;

			text-decoration: none;

		}

		

		#content .post .comments ol li cite a:hover {

			text-decoration: underline;

		}

		

		#content .post .comments ol li .commentmetadata a {

			color: #99cc00;

			text-decoration: none;

		}

		

		#content .post .comments ol li .commentmetadata a:hover {

			text-decoration: underline;

		}

		

		/* Post - Comment Form */

		

		#content .post #commentform {

			font: normal 12px/18px Verdana;

			color: #ffffff;

			width: 655px;

			padding-left: 25px;

			margin: 0;

			float: left;

		}

		

		#content .post #commentform a {

			color: #a4c4d2;

			text-decoration: none;

		}

		

		#content .post #commentform a:hover {

			text-decoration: underline;

		}

	

	/* Main - Content - Navigation */

	

	#content .navigation {

		font: bold 12px Verdana;

		color: #99cc00;

		margin-bottom: 30px;

		width: 480px;

	}

	

	#content .navigation a {

		color: #99cc00;

		text-decoration: none;

	}

	

	#content .navigation a:hover {

		text-decoration: underline;

	}

	

		#content .navigation .navigation-previous {

			float: left;

		}

		

		#content .navigation .navigation-next {

			float: right;

		}

	

	/* Main - Sidebar */

	

	#sidebar{

		float:right;

		width: 147px;

		font: normal 12px/18px Verdana;

		color: #ffffff;

		margin-right:5px;

		margin-top:40px;

		text-align:left;

		padding-right:5px;

	overflow: hidden;

	}

	#lsidebar{

		float: right;

		width: 209px;

		font: normal 12px/18px Verdana;

		color: #ffffff;

		margin-right: 8px;

                margin-top:20px;

	}



	

	#sidebar a {

		color: #ccd8c4;

		text-decoration: none;

	}

	#lsidebar a {

		color: #ccd8c4;

		text-decoration: none;

	}

	

	#sidebar a:hover,#lsidebar a:hover {

		text-decoration: underline;

	}

	

	/* Main - Sidebar - Boxes */

	

	#sidebar .sidebar-box {

		width: 209px;

		margin-bottom: 20px;

		background: url("images/sidebar.gif") repeat-y;

	}

	#lsidebar .sidebar-box{

		width: 209px;

		margin-bottom: 20px;

		background: url("images/sidebar.gif") repeat-y;

	}

	#sidebar .sidebar-box-top {

		width: 209px;

		background: url("images/sidebar_top.gif") no-repeat;

	}

		#lsidebar .sidebar-box-top {

		width: 209px;

		background: url("images/sidebar_top.gif") no-repeat;

	}

	#sidebar .sidebar-box-bottom {

		width: 209px;



		background: url("images/sidebar_bottom.gif") no-repeat left bottom;

		padding-bottom: 5px;

	}

		#lsidebar .sidebar-box-bottom {

		width: 209px;

		background: url("images/sidebar_bottom.gif") no-repeat left bottom;

		padding-bottom: 5px;

	}

	

	#sidebar .sidebar-box-blank {

		width: 209px;

		margin-bottom: 20px;

		text-align: center;

	}

		#lsidebar .sidebar-box-blank {

		width: 209px;

		margin-bottom: 20px;

		text-align: center;

	}

	

		/* Sidebar - Titles */

		

		#sidebar h3{

			width: 199px;

			height: 36px;

			padding-left: 10px;

			text-align:left;

			font: bold 12px/36px Verdana;

			color: #c5e402;

			background: url("images/sidebar_title.gif") no-repeat;

		}

		#lsidebar h3 {

			width: 199px;

			height: 36px;

			padding-left: 10px;

			font: bold 12px/36px Verdana;

			color: #c5e402;

			background: url("images/sidebar_title.gif") no-repeat;

		}

		

		/* Sidebar - Menus */

		

		#sidebar ul {

			margin: 0;

			padding: 0;

			list-style-type: none;

			margin: 7px;

			width: 195px;

			background: #112502;

		}

		

		#sidebar ul  a:hover  {

			background: #34561a;

		}

		

		#lsidebar ul {

			margin: 0;

			padding: 0;

			list-style-type: none;

			margin: 7px;

			width: 195px;

			background: #112502;

		}

		

		#lsidebar ul a:hover {

			background: #34561a;

		}

		

		#sidebar ul li {

			color: #ffffff;

			font: normal 12px/30px Verdana;

			text-align:left;

		}

			#lsidebar ul li {

			color: #ffffff;

			font: normal 12px/20px Verdana;

		}

		#sidebar ul li a {

			width: 190px;

			color: #ccd8c4;

			padding-left: 5px;

			text-decoration: none;

			display: block;

			border-bottom: 1px solid #1b2f0c;

		}

				#lsidebar ul li a {

			width: 190px;

			color: #ccd8c4;

			padding-left: 5px;

			text-decoration: none;

			display: block;

			border-bottom: 1px solid #1b2f0c;

		}

		

		#sidebar ul li a:hover {

			text-decoration: underline;

		}

				#lsidebar ul li a:hover {

			text-decoration: underline;

		}

		

			/* Sidebar - Menus - Submenus */

			

			#sidebar ul li ul {

				margin: 0;

			}

			

			#sidebar ul li ul li a {

				padding-left: 10px;

				width: 195px;

			}

					#lsidebar ul li ul {

				margin: 0;

			}

			

			#lsidebar ul li ul li a {

				padding-left: 10px;

				width: 195px;

			}

		/* Sidebar - Forms */

		

		#sidebar  {

			margin: 0;

			padding: 25px 0 10px 0;

			width: 209px;

			text-align: center;

		}

		

		#sidebar #s {

			width: 130px;

		}

		

		/* Sidebar - Tables */

		

		#sidebar #calendar_wrap {

			margin: 0 auto;

			padding-top: 7px;

			width: 170px;

		}

		

		#sidebar #calendar_wrap caption {

			font-weight: bold;

		}

		

		#sidebar #calendar_wrap tbody {

			text-align: right;

		}

		

		#sidebar #calendar_wrap tfoot #next {

			text-align: right;

		}

		

		#sidebar #calendar_wrap #today {

			font-weight: bold;

		}

		

		/* Sidebar - Texts */

		

		#sidebar .textwidget {

			padding: 2px 6px 0 6px;

		}

		#lsidebar .textwidget {

			padding: 2px 6px 0 6px;

		}



/* Footer */



#footer {

	margin: 0 auto;

	width: 960px;

	height: 100px;

	background: url("images/footer.jpg") no-repeat;

	color: #ffffff;

	font: normal 11px/110px Verdana;

	text-align: center;

	overflow: hidden;

}



#footer a {

	color: #99cc00;

	text-decoration: none;

}



#footer a:hover {

	text-decoration: underline;

}

/************************************************

*	[Search Form]				*

************************************************/

	

#searchform {

     float:right;

     margin: 0px;

     margin-right:10px;

     margin-top:1px;

     padding: 4px 0px 0px 0px



	 

}

#s {

     background: url(images/searchbg.png) no-repeat;

     width: 180px;

     color: #99cc00;

     font-size: 11px;

     font-family: Arial, Tahoma, Verdana;	

     padding:4px;

	 padding-left:20px;

     margin: 0px 0px 0px 10px;

	 border:1px solid #1b3e06;

}	

#sbutt {

	background: url("images/search.png") no-repeat;

	width:55px;

	color: #99cc00;

	font-size: 11px;

	text-transform: uppercase;

	font-family: Arial, Tahoma, Verdana;

	padding: 2px;

	font-weight:bold;

	margin: 0px 0px 0px 10px;

	 border:1px solid  #2e7201;

}	

#right{

margin-top:20px;

float:right;

width:430px;

padding:2px;

}

.subscribe{

margin-top:-10px;

}





/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

/* End Images */





/* Captions */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #081300;

	text-align: center;

	background-color: #112502;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	color:#99cc00;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

/* End captions */





/* Prognoza  */
.prognoza_tablica {
	margin:20px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.prognoza_tablica thead {
	background-color:#1f4d02;
}
.prognoza_tablica tbody td {
	border-bottom:1px solid #1f4d02;
	padding:5px;	
}
.prognoza_tablica .prognoza_dan {
	font-weight:bold;
	text-align:center;
}
.prognoza_tablica .prognoza_dan span{
	font-weight:normal;
	font-size:10px;
	text-align:center;
}
.prognoza_tablica .prognoza_min {
	color:#74cc00;
	text-align:center;
}
.prognoza_tablica .prognoza_max {
	color:#eea519;
	text-align:center;
}

h2 { margin-bottom:5px;  }

.azurirano {
	font-weight:normal;
	font-size:10px;
	text-align:center;
	color:#74cc00;
	font-style: italic;	
	margin-top:10px;
	margin-bottom:10px;
}

hr { color:#74cc00; border:0; height:2px; background-color: #74cc00; } 

.poredak {
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
	margin-left:15px;
}


.rezultati {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	text-align:left;
}

table {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px;
	border : 0 none;
	height: 10px;
}
tr  {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px;
	border : 0 none;
	border-bottom :#1f4d02 1px solid;
	height: 10px;
}
td {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px;
	border : 0 none;
	border-bottom :#1f4d02 1px solid;
	height: 10px;
}