/**
  * Klub Kruna
  *
  * @project Kruna
  * @version 3.0
  * @author Zoran Zlokapa, http://iamzoka.com
  * @copyright 2010
  */


/* XHTML */

body {
	background-color: #000;
	}


/* LAYOUT */

.wrap {
	margin: 0 auto;
	width: 960px;
	}
	
	#head {}
	
		#head h1 {
			background: url(../images/logo.png) left top no-repeat;
			margin: 10px auto;
			width: 150px;
			height: 110px;
			overflow: hidden;
			text-indent: -30000px;
			}
			
			#head h1 a {
				display: block;
				width: 150px;
				height: 110px;
				}
				
	#navbar {
		background: url(../images/bg-nav.png) center 60px no-repeat;
		padding: 0 0 30px 0;
		}
		
		#nav {
			margin: 0 auto 10px auto;
			width: 960px;
			}
			
			#nav ul li a {
				display: block;
				float: left;
				width: 120px;
				margin: 0 0 0 20px;
				padding: 100px 0 0 0;
				text-align: center;
				text-decoration: none;
				color: #fff;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				font-weight: bold;
				font-size: 12px;
				}
				
				#nav ul li a:hover {
					color: #c9c;
					}
				
			#nav ul .menu-item-31 a {
				margin-left: 0;
				}

			#nav ul .menu-item-109 a {
				margin-left: 0;
				}

			#nav ul li.menu-item-31 a { background: url(../images/nav-naslovna0.png) left top no-repeat; }
				#nav ul li.menu-item-31 a:hover { background: url(../images/nav-naslovna1.png) left top no-repeat; }
			#nav ul li.menu-item-36 a { background: url(../images/nav-narodniprogram0.png) left top no-repeat; }
				#nav ul li.menu-item-36 a:hover { background: url(../images/nav-narodniprogram1.png) left top no-repeat;	}
			#nav ul li.menu-item-37 a { color: #090; background: url(../images/nav-electrosound0.png) left top no-repeat; }
				#nav ul li.menu-item-37 a:hover { color: #0c0; background: url(../images/nav-electrosound1.png) left top no-repeat; }
			#nav ul li.menu-item-32 a { background: url(../images/nav-galerija0.png) left top no-repeat; }
				#nav ul li.menu-item-32 a:hover { background: url(../images/nav-galerija1.png) left top no-repeat; }
			#nav ul li.menu-item-34 a { background: url(../images/nav-newscafe0.png) left top no-repeat; }
				#nav ul li.menu-item-34 a:hover { background: url(../images/nav-newscafe1.png) left top no-repeat; }
			#nav ul li.menu-item-35 a { background: url(../images/nav-oklubu0.png) left top no-repeat; }
				#nav ul li.menu-item-35 a:hover { background: url(../images/nav-oklubu1.png) left top no-repeat;	}
			#nav ul li.menu-item-33 a { background: url(../images/nav-kontakt0.png) left top no-repeat; }
				#nav ul li.menu-item-33 a:hover { background: url(../images/nav-kontakt1.png) left top no-repeat; }
	
			#nav ul li.menu-item-109 a { background: url(../images/nav-naslovna0.png) left top no-repeat; }
				#nav ul li.menu-item-109 a:hover { background: url(../images/nav-naslovna1.png) left top no-repeat; }
			#nav ul li.menu-item-107 a { background: url(../images/nav-narodniprogram0.png) left top no-repeat; }
				#nav ul li.menu-item-107 a:hover { background: url(../images/nav-narodniprogram1.png) left top no-repeat;	}
			#nav ul li.menu-item-108 a { color: #090; background: url(../images/nav-electrosound0.png) left top no-repeat; }
				#nav ul li.menu-item-108 a:hover { color: #0c0; background: url(../images/nav-electrosound1.png) left top no-repeat; }
			#nav ul li.menu-item-106 a { background: url(../images/nav-galerija0.png) left top no-repeat; }
				#nav ul li.menu-item-106 a:hover { background: url(../images/nav-galerija1.png) left top no-repeat; }
			#nav ul li.menu-item-105 a { background: url(../images/nav-newscafe0.png) left top no-repeat; }
				#nav ul li.menu-item-105 a:hover { background: url(../images/nav-newscafe1.png) left top no-repeat; }
			#nav ul li.menu-item-103 a { background: url(../images/nav-oklubu0.png) left top no-repeat; }
				#nav ul li.menu-item-103 a:hover { background: url(../images/nav-oklubu1.png) left top no-repeat;	}
			#nav ul li.menu-item-104 a { background: url(../images/nav-kontakt0.png) left top no-repeat; }
				#nav ul li.menu-item-104 a:hover { background: url(../images/nav-kontakt1.png) left top no-repeat; }
	
	#facebookpage {
		}
		
	#content-wrap {
		background: url(../images/bg-content.png) center top no-repeat;
		padding: 0 0 40px 0;
		}
		
		#content-wrap h2 {
			color: #c6c;
			font-size: 22px;
			font-weight: bold;
			margin: 0 0 5px 0;
			}
			
		#content-wrap a {
			color: #c9c;
			}
			
			#content-wrap a:hover {
				color: #fff;
				text-decoration: none;
				}
		
	body.home .post,
	body.category .post {
		float: left;
		width: 270px;
		margin: 0 10px 10px 10px;
		padding: 15px;
		background: url(../images/bg-post.png) left top;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		color: #fff;
		font-family: Verdana, Geneva, sans-serif;
		line-height: 14px;
		font-size: 11px;
		}
		
		body.home .post h3,
		body.category .post h3 {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 16px;
			line-height: 20px;
			margin: 0 0 10px 0;
			color: #fff;
			}
			
		body.single .post h3 {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 16px;
			line-height: 20px;
			margin: 0 0 10px 0;
			color: #fff;
			}
			
	body.single .post,
	body.page-id-8 .page,
	body.page-id-9 .page,
	body.page-id-11 .page {
		width: 680px;
		padding: 15px;
		background: url(../images/bg-post.png) left top;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		color: #fff;
		font-family: Verdana, Geneva, sans-serif;
		line-height: 20px;
		font-size: 12px;
		}
		
	body.single .post {
		width: 100%;
		}
		
	.page p,
	.post p {
		margin: 0 0 10px 0;		
		}		
					
	body#page-galerija .post {
		padding: 15px;
		color: #fff;
		font-family: Verdana, Geneva, sans-serif;
		line-height: 20px;
		font-size: 12px;
		}
		
		body#page-galerija .post h3 {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 16px;
			line-height: 20px;
			margin: 0 0 10px 0;
			color: #fff;
			}
			
			.post h3 a {
				color: #fff;
				text-decoration: none;
				}
		
				.post h3 a:hover {
					color: #c9c;
					}
		
		.wp-post-image {
			border: 1px solid #969;
			margin: 0 0 10px 0;
			}
			
		body.single .wp-post-image {
			float: left;
			margin: 0 10px 10px 0;
			}
			
		.post-date {
			display: inline-block;
			background-color: #5a1f60;
			margin: 0 0 10px 10px;
			padding: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			font-size: 10px;
			}
				
	#content {
		float: left;
		width: 710px;
		}
		
		.gal {
			float: left;
			width: 200px;
			margin: 0 3px 20px 3px;
			padding: 10px;
			background: url(../images/bg-post.png) left top;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			color: #fff;
			font-family: Verdana, Geneva, sans-serif;
			line-height: 14px;
			font-size: 11px;
			color: #c9c;
			}
			
			.gal h4 {
				font-size: 16px;
				font-weight: bold;
				margin: 0 0 5px 0;
				color: #fff;
				}
				
				.gal h4 a {
					color: #fff;
					text-decoration: none;
					}
					
			.gal p {
				margin: 0 0 5px 0;
				}
				
			.gal img {
				border: 1px solid #969;
				margin: 0 0 10px 0;
				}

	#sidebar {
		float: right;
		width: 230px;
		}
		
		#sidebar h3 {
			font-weight: bold;
			font-size: 14px;
			color: #fff;
			margin: 0 0 10px 0;
			}
		
		.sidesection {
			margin: 0 0 20px 0;
			padding: 15px;
			background: url(../images/bg-post.png) left top;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			color: #fff;
			font-family: Verdana, Geneva, sans-serif;
			line-height: 16px;
			font-size: 11px;
			}
			
		.sidesection img {
			border: 1px solid #969;
			margin: 0 0 10px 0;
			}


/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

#slider { width: 680px; height: 370px; position: relative; margin: 0 auto; }
#slider .wrapper { width: 680px; overflow: auto; height: 370px; margin: 0; position: absolute; top: 0; left: 0; }
#slider .wrapper ul { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
#slider ul li { display: block; float: left; padding: 0; height: 317px; width: 680px; margin: 0; }
#slider .arrow { display: block; height: 20px; width: 20px; text-indent: -9999px; position: absolute; top: 162px; cursor: pointer; }
#slider .forward { background: url(../images/slider-arrow-right.png); right: -20px; }
#slider .back { background: url(../images/slider-arrow-left.png); left: -22px; }

#thumbNav { position: relative; top: 370px; text-align: center; }
#thumbNav a { 
	color: #fff; 
	text-decoration: none; 
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 10px; 
	display: inline-block; 
	padding: 2px 8px; 
	line-height: 18px; 
	margin: 0 5px 0 0; 
	background-color: #969; 
	text-align: center; 
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	}
	
#thumbNav a:hover { background-image: none; }
#thumbNav a.cur { background: #c9c; }

#start-stop                             { display: none; background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
#slider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
#slider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }


	/* KONTAKT FORMA */
	
	.kontaktforma {
		margin: 0 0 10px 0;
		padding: 10px;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		}
		
		.kontaktforma label {
			float: left;
			width: 200px;
			font-weight: bold;
			margin: 7px 0 5px 0;
			color: #c9c;
			}
			
		.kontaktforma .your-name input,
		.kontaktforma .your-email input,
		.kontaktforma .your-subject input,
		.kontaktforma .your-message textarea {
			float: left;
			width: 400px;
			margin: 0 0 5px 0;
			padding: 5px;
			color: #fff;
			background-color: #000;
			border: 1px solid #333;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			font-family: Verdana, Geneva, sans-serif;
			}
	
		.kontaktforma .your-message textarea {
			height: 100px;
			font-size: 12px;
			}
	
		.kontaktforma .submitbutton {
			clear: both;
			margin: 0 0 0 200px;
			}
	

/* MISC */

.kontakt-informacije {
	font-size: 11px;
	line-height: 18px;
	}
.kontakt-informacije a {
	color: #969;
	}

.post-listing {
	clear: both;
	text-align: center;
	}
	
	.post-listing li { 
		display: inline; 
		margin: 0 10px; 
		}
		
	.post-listing a { 
		display: inline-block; 
		padding: 5px; 
		background-color: #fff;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 10px;
		color: #969;
		text-decoration: none;
		}

		.post-listing a:hover { 
			color: #000 !important;
			}
	
.alignleft {
	float: left;
	margin: 0 20px 20px 0;
	}
	
.alignright {
	float: right;
	margin: 0 0 20px 20px;
	}
	
.alignnone {
	clear: both;
	display: block;
	margin: 0 auto 20px auto;
	text-align: center;
	}

.clear { clear: both; }
.clearfix { display: inline-block; }
	.clearfix:after {
		content: “.”;
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}