* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 76%;
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/bg.jpg) repeat #000000;
}

a {color: #111;
   text-decoration: none;
   outline: none;
}

a.footer {color: #fff;
text-decoration: none;
outline: none;
}

a:hover { color: #666;
			text-decoration: underline;
}

p.postmetadata {
	padding: 25px 40px 20px 30px;
	line-height: 160%;
	font-size: 12px;
	color: #222;
}

p.sidebar {
	padding: 10px 40px 60px 30px;
	line-height: 160%;
	font-size: 11px;
	color: #eee;
}

p#copy {margin-top: 150px;}

h1 {color: 111;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
}

h2 {
	text-indent: -9999px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	padding: 0px 0px 10px 0px;
	color: #0097a9;
}

h2#brzi {background: url(images/links.png) no-repeat;
		width: 140px;
		height: 45px;
}

h2#profili {background: url(images/profili.png) no-repeat;
		width: 99px;
		height: 45px;
}

		#headerbg {
			background: url(images/header-bg.png) repeat-x;
			height: 495px;
		}
		
		#header {
			height: 485px;
			background: url(images/header.jpg) center no-repeat;
		}

				#nav {
				background:url(images/nav-sprite.png) no-repeat;
				width:850px;
				height:30px;
				margin-left: auto;
				margin-right: auto;
				margin-top: -53px;
				list-style-type: none;
				text-indent: -9999px;
				position: relative;
			}
			
				#nav li, #nav a {
				height:30px;
				display:block;
			}
			
				#nav li {
				float:left;
				list-style:none;
				display:inline;
			}

				#pocetna {width: 140px;}
				#bio {width: 128px;}
				#disko {width: 142px;}
				#konc {width: 120px;}
				#multi {width: 140px;}
				#shop {width: 90px;}
				#forum {width: 90px;}
				#pocetna a:hover {background:url(images/nav-sprite.png) 0px -30px no-repeat; }
				#bio a:hover {background:url(images/nav-sprite.png) -140px -30px no-repeat; }
				#disko a:hover {background:url(images/nav-sprite.png) -268px -30px no-repeat; }
				#konc a:hover {background:url(images/nav-sprite.png) -410px -30px no-repeat; }
				#multi a:hover {background:url(images/nav-sprite.png) -530px -30px no-repeat; }
				#shop a:hover {background:url(images/nav-sprite.png) -670px -30px no-repeat; }
				#forum a:hover {background:url(images/nav-sprite.png) -760px -30px no-repeat; }


	#content {
		width: 960px;
		margin: 0 auto;
	}
	
	div#featured { margin-left: 27px;
	text-indent: -9999px;
	background:url(images/mishi.jpg) no-repeat;
	width: 550px;
	height: 270px;
	border: 1px solid black;
	}
	
	div#featured a {display: block;
	width: 550px;
	height: 270px;
	outline: none;
	}

		#content-top {
			margin-top: 30px;
			background: url(images/content-top.png) no-repeat;
			width: 960px;
			height: 32px;
		}
		
		#content-middle {
			background:url(images/content-tile.png) repeat-y;
			width: 960px;
		}
		
		.blog-post {
			padding-left: 25px;
			
		}
		
		.blog-top {
			background: url(images/blog-top.png) no-repeat;
			width: 565px;
			height: 19px;
		}
		
		.blog-text {
			background: url(images/blog-mid.png) repeat-y;
			width: 515px;
			padding: 25px;
			line-height: 1.6em;
		}
		
		.blog-bottom {
			background: url(images/blog-bottom.png) no-repeat;
			width: 565px;
			height: 42px;
		}
		
					#right {
						float: right;
						margin-right: 25px;
					}
					
					#sidebar-top{
						background:url(images/sidebar-top.png) no-repeat;
						width: 320px;
						height: 19px;
						margin-top: 30px;
					}
					
					#sidebar-mid{
						background:url(images/sidebar-mid.png) repeat-y;
						width: 320px;
					}
					
					#sidebar-bottom{
						background: url(images/sidebar-bottom.png) no-repeat;
						width: 320px;
						height: 23px;
					}
					
							#vesti{
								background:url(images/vesti.png) no-repeat;
								width: 200px;
								height: 66px;
								margin-left: -13px;
								margin-top: 30px;
							}
							
							#koncerti{
								background:url(images/koncerti.png) no-repeat;
								width: 200px;
								height: 66px;
								margin-left: -12px;
							}

		
		#content-bottom {
			background:url(images/content-bottom.png) no-repeat;
			width: 960px;
			height: 58px;
		}

#soclinks {
	width: 960px;
	margin: 0 auto;
}

			#soc {
				clear: both;
				background:url(images/nav-soc.png) no-repeat;
				width:265px;
				height:20px;
				list-style-type: none;
				text-indent: -9999px;
				position: absolute;
				margin: -515px 0px 430px 675px;
			}
			
				#soc li, #soc a {
				height:20px;
				display:block;
			}
			
				#soc li {
				float:left;
				list-style:none;
				display:inline;
			}

				#rss {width: 18px;}
				#myspace {width: 70px;}
				#facebook {width: 63px;}
				#twitter {width: 64px;}
				#youtube {width: 50px;}
				
				#rss a:hover {background:url(images/nav-soc.png) 0px -20px no-repeat; }
				#myspace a:hover {background:url(images/nav-soc.png) -18px -20px no-repeat; }
				#facebook a:hover {background:url(images/nav-soc.png) -88px -20px no-repeat; }
				#twitter a:hover {background:url(images/nav-soc.png) -151px -20px no-repeat; }
				#youtube a:hover {background:url(images/nav-soc.png) -215px -20px no-repeat; }
				
																								
		#footer {
			height: 210px;
			background:url(images/footer.png) repeat-x;
			font-size:10px;
			color: #eee;
			margin-top: 30px;
			padding-bottom: 5px;
			line-height: 1.6em;
		}
		
		#footerwrap {
			margin: 0 auto;
			width: 960px;
		}
		
		ul#partnerlinks {
			display: block;
			width: 150px;
			height: 150px;
			float: left;
			padding: 20px 0px 0px 25px;
			margin-top: 15px;
			list-style-type: none;
			text-indent: -9999px;
		}
		
		ul#sitemap1 {
			width: 145px;
			float: left;
			padding: 25px 110px 20px 20px;
			margin-top: 5px;
			list-style-type: none;
		}
		
		#copyright {
			background: url(images/marcelo-filter.png) no-repeat;
			width: 155px;
			height: 160px;
			float: left;
			margin: 15px 10px 0 5px;
			padding: 0 25px 12px 10px;
			text-align: left;
		}
		
		div#sitemap {width: 550px;
		float: left;
		}
		
		div#sitemap a { padding-left: 10px;
		line-height: 2em;
		}
		
			ul#partnerlinks li#multim {
				background: url(images/multimedia.png) no-repeat;
				width: 168px;
				height: 15px;
			}
			
			ul#partnerlinks li#vega {
				background: url(images/vega.png) no-repeat;
				width: 70px;
				height: 19px;
				margin-top: 10px;
			}
			
			ul#partnerlinks li#cons {
				background: url(images/converse.png) no-repeat;
				width: 129px;
				height: 15px;
				margin-top: 10px;
			}
			
			ul#partnerlinks li a {
				display: block;
			}