@import url(blueprint/reset-clearfix.css);
/*@import url(inc/daddy.css);
@import url(inc/astronauti.css);
@import url(inc/band.css);*/


BODY {
	color: #fff;
	background: #bdb76b url(../images/_theme/bg/band.jpg) repeat-y 50% 0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	/* 9c965a */
}

BODY.biografija,
BODY.rider {
	background: #9c965a url(../images/_theme/bg/band_template.jpg) no-repeat fixed 50% 0;	
}

BODY.daddy {
	background: #FFA401 url(../images/_theme/bg/daddy.jpg) no-repeat fixed 50% 0;
}
BODY.astronauti {
	background: #d92e2a url(../images/_theme/bg/astronauti.jpg) no-repeat fixed 50% 0;
}
BODY.biznis {
	background: #0076a3 url(../images/_theme/bg/biznis.jpg) no-repeat fixed 50% 0;
}
BODY.forum {
	background: #ff6634 url(../images/_theme/bg/forum.jpg) no-repeat fixed 50% 0;
}
BODY.yaya {
	background: #9D7250 url(../images/_theme/bg/yaya.jpg) no-repeat fixed 50% 0;
}

BODY.home {
	background: #cc9900 url(../images/_theme/bg/home.jpg) no-repeat fixed 50% 0;
}

A, A:visited {
	color:#fff;
	text-decoration: none;
}
A:hover {
	text-decoration: underline;
}

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

STRONG {
	font-weight: bold;
}
EM {
	font-style:italic;
}

#center {
	margin: 0 auto;
	text-align: center;
	position: relative;
	width: 960px;
}

#header {
	height: 160px;
	width: 960px;
}

#animacija {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

#naslov {
	position: absolute;
	top: 138px;
	left: 643px;
	z-index: -10;
}

#ilustracijamala {
	position: absolute;
	top: 155px;
	left: 737px;
	z-index: 110;
}

BODY.band #naslov {
	top: 142px;
	left: 626px;
}

BODY.astronauti #naslov {
	top: 149px;
	left: 482px;
}

#naslov H1 {
	display: none;
}
#ilustracijamala H1 {
	display: none;
}



#wrap {
	width: 960px;
	text-align: left;
}

#left-column {
	width:220px;
	float: left;
}

BODY.band #left-column {
	width: 140px;
}

#main {
	float: right;
	min-height: 535px; 
	width:696px; /*736*/
	padding: 5px 10px;
	
	background: transparent url(../images/_theme/band50p.png) repeat 0 0;
	
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

BODY.astronauti #left-column {
	width: 280px;
}

BODY.band #main,
BODY.daddy #main,
BODY.astronauti #main { 
	background: none;
	padding: 0;
}

BODY.astronauti #main { 
	width: 670px;
}
BODY.band #main { 
	width: 800px;
}

#menu {
	float: right;
	width: 400px;
	height: 70px;
}
	#menu UL {
		padding: 13px 0 0 0;
		list-style: none;
	}
	#menu UL LI {
		display:block;
		float: left;
		width:95px;
		height: 14px;
		padding: 0;
	}
	#menu UL LI A {
		display: block;
		height: 14px;
		line-height: 14px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 13px;
		color: #fff;
	}
	#menu UL LI A:hover,
	#menu UL LI A.selected {
		color: #333;
		text-decoration: none;
	}
	
#submenu {
	color: #fff;
	padding: 10px 0 10px 40px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	/* background: transparent url(../images/_theme/pozadina50p.png) repeat 0 0; */
	width: 140px;
	text-align: left;
	*line-height: 1.2;
}

#submenu A {
	position: relative;
	display: block;
	text-decoration: none;
	
	background: transparent url(../images/_theme/band/icons/nav-bullet.png) no-repeat 0 50%;
	padding-right: 4px;
	line-height: 120%;
	
	padding-bottom: 1px;
	
	padding: 1px 3px 1px 17px;
}

#submenu LI LI A {
	background: none;
	font-size: 10px;
	text-transform: lowercase;
	padding-left: 22px;
}

#submenu A:hover,
#submenu A.selected {
	background: transparent url(../images/_theme/band/icons/nav-bullet-selected.png) no-repeat 0 50%;
}

#submenu LI LI A:hover,
#submenu LI LI A.selected {
	background: none;
	color: #00adef;
}

#submenu A SPAN {
	position: relative;
}
#submenu A SPAN.jq-shadow {
	color: #000;
	top: 3px;
	left: 18px;
	position: absolute;
	width: 120px;
}

#submenu LI LI A SPAN.jq-shadow {
	color: #000;
	top: 2px;
	left: 24px;
	position: absolute;
	/*width: 103px;*/
	width: 115px;
}

	#footer {
		width: 940px;
		padding: 10px;
		font-size: 10px;
		text-align: left;
	}

	#details {
		float: right;
		background-color: #a6ce39;
		border: 1px solid #4a5721;
		margin-right: 15px;
		margin-top: 61px;
		width: 270px;
	}
	#details .inner {
		margin: 7px;
		background-color: #fff;
		margin-top: 0;
	}
	#details .inner DIV {
		padding: 5px;
		font-size:130%;
		line-height: 120%;
		max-height: 340px;
		overflow: auto;
	}
	

	
	/*Galerija*/
	
	#gallery {
		float: right;
		width: 430px;
		overflow: hidden;
	}
	#gallery #details {
		margin: 0;
		padding: 0;
		float: none;
		background-color: transparent;
		border: 0;
		width: 100%;
		margin-top: 2px;
	}
	
	#controls {
		margin-bottom: 2px;
	}
	
	#navigation {
		float: left;
		width:180px;
		margin-top: 16px;
	}

	.ss-controls {
		float: left;
	}
	.nav-controls {
		float: right;
	}
	
ul.thumbs LI {
	float: left;
	margin: 0 5px 5px 0;
}
	
ul.thumbs li a {
	border:1px solid #CCCCCC;
	display:block;
	padding:2px;
}
	
ul.thumbs img {
	border:medium none;
	display:block;
}

ul.thumbs li.selected a {
	background: #a6ce39 none repeat scroll 0 0;
}

#image-title,
#image-desc {
	display: none;
}

.image-wrapper {
	display: block;
	width: 440px;
	height: 330px;
	overflow: hidden;
}

/* Colorbox section */
#colorbox, #modalBackgroundOverlay, #modalWrap{position:absolute; top:0; left:0; z-index:9999;}
#modalBackgroundOverlay{position:fixed; width:100%; height:100%;}
#colorbox{overflow:hidden; padding:1px; margin-top:-1px; margin-left:-1px;}/*padding fixes a ghosting issue in IE7, the negative margin compensates */
	#modalWrap{width:9000px; height:9000px;}
		#modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {float:left; height:0; width:0; overflow:hidden;}
		#borderMiddleLeft, #borderBottomLeft{clear:left;}
		#modalContent{position:relative; overflow:visible;}
			#contentTitle{margin:0;}
			#modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer; border:0; margin:0;}
			#modalLoadedContent{overflow:auto; width:0; height:0;}
			#modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
			#modalLoadedContent img#modalPhoto{display:block; border:0; margin:auto;}
			#modalLoadedContent embed{display:block; border:0;}/* Display:block removes the line-height gap underneath images, iframes, and embedded content */
			#modalLoadingOverlay{position:absolute; width:100%; height:100%; top:0; left:0;}
			
#modalBackgroundOverlay{background:#000;}

#colorbox{}
	#modalContent{background:#000; margin-top:20px;}
		#modalLoadedContent{background:#000; padding:10px;}
			#contentTitle{position:absolute; top:-20px; left:0; color:#fff;}
			#contentCurrent{display:none;}
			#contentPrevious{position:absolute; top:50%; left:10px; margin-top:-41px; background:url(/images/colorbox/controls.png) top left no-repeat; width:38px; height:81px; text-indent:-9999px;}
			#contentPrevious:hover{background-position:bottom left;}
			#contentNext{position:absolute; top:50%; right:10px; margin-top:-41px; background:url(/images/colorbox/controls.png) top right no-repeat; width:38px; height:81px; text-indent:-9999px;}
			#contentNext:hover{background-position:bottom right;}
		#modalLoadingOverlay{background:url(/images/colorbox/loading.gif) center center no-repeat #000;}
		#modalClose{position:absolute; top:10px; right:10px; display:block; background:url(/images/colorbox/controls.png) top center no-repeat; width:47px; height:24px; text-indent:-9999px;}
		#modalClose:hover{background-position:bottom center;}