/* Scroll-online */



/* ----- CSS RESET ----- */



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

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

fieldset,img {border:0;}

address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}

ol,ul {list-style: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;}

* {outline:none;}



/* ----- FooterStickAlt ----- */



html { height: 100%; }

body { height: 100%; }

#nonFooter { position: relative; min-height: 100%; }

* html #nonFooter { height: 100%; }

#content { padding-bottom: 240px; }

#footer-wrapper { position: relative; margin-top: -280px; }



/* ----- SCROLL ----- */



body {

	background: #000000 url(/images/background.jpg) no-repeat center fixed;

	color:#fff;

}



a {

	text-decoration:none;

	color:#7d686c;

	font-weight: bold;

	cursor:pointer;

}



a:hover { color:white; }



h1 { font-size:36px; }

h2 { font-size:24px; }



#header-wrapper {

	width:100%;

	height:170px;

	margin:0 auto;

	background:transparent url(/images/nav-background.png) no-repeat center bottom;

}



#header-content {

	width:998px;

	margin:0 auto;

}



#logo {

	background:transparent url(/images/scroll-logo.png) no-repeat scroll 0 0;
	float:left;
	height:100px;
	left:0px;
	position:relative;
	top:20px;
	width:211px;	
}



#fan-club {

	background:transparent url(/images/fan-club.png) no-repeat bottom;

	width:357px;

	height:100px;

	float:right;

	overflow:hidden;

}

	

/* ----- NAVIGATION ----- */



#navigation { clear:both; }



#navigation ul { 

	list-style-type:none; 

	margin-left:74px;

}



#navigation li { display:inline; }



#navigation a {

	font-family:"Impact", Georgia, "Times New Roman", Times, serif;

	font-size:22px;

	font-weight:normal;

	float:left;

	width:auto;

	text-decoration:none;

	color:#7d686c;

	background:#000000;

	margin:5px 19px 5px 19px;

	border:none;

	position: relative;

}



#navigation a span {

	position: absolute;

	display: block;

	width: 100%;

	height: 40px;

	background-image: url(/images/gradient.png);

	background-repeat: repeat-x;

}



#navigation a:hover, #navigation a.selected { color:white; }



#rss-link {

	float:right;

	width:37px;

	height:35px;

	background:#000 url(/images/rss-icon.png) no-repeat 0px -35px;

	display:inline;

	margin-right:10px;

}



#rss-link:hover {

	background:#000 url(/images/rss-icon.png) no-repeat 0px 0px;

}



#language { 

	float:right;

	width:90px;

	color:#999;

	font-size:14px;

	border-left:1px dashed #52272E;

	padding-left:10px;

	font-weight:bold;

}



#language a, #language a:visited {

	color:#52272E;

	text-decoration:none;

}



#language a:hover {

	color:#fff;

	text-decoration:inherit;

}



/* ----- NAVIGATION END ----- */



#container {

	width:998px;

	margin:0 auto;

}



/* ----- NEWS ----- */



#news-container {

	width:484px;

	margin-right:10px;

	padding-left:10px;

	float:left;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:14px;

}



#news {	width:100%; }



#news h1 { 

	font-size:24px;

	font-weight:bold;

	display:block;

}



#news h2 { 

	font-size:18px;

	color: #766266;

	display:block;

	float:left;

	margin-right:8px;

	line-height:30px;

}



img.thumb {

	border:1px solid #fff;

	float:left;

	margin-right:10px;

	margin-top:4px;

	margin-bottom:2px;

	clear:left;

}



#news p { 

	clear:both; 

	margin-bottom:20px;

}



#news p.headpic {

	margin-bottom: 0;

	text-align: center;

}



#news p.headpic img {

	border:1px solid #fff;

	max-width: 100%;

}



/* ----- NEWS END ----- */



/* ----- RIGHT UP COL ----- */



#right-container {

	float:left;

	width:494px;

	height:416px;

}



/* ----- FLASH NEWS -----*/



#flash-news {

	width:236px;

	height:248px;

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

	padding:84px 45px;

	margin-right:10px;

	float:left;

}



#flash-news p {

	font-size:16px;

	font-style:italic;

	font-weight:700;

	line-height:16px;

	margin-bottom:12px;

}



#flash-news a {

	background:url(/images/flash-news-unchecked.png) no-repeat 0% 50%;

	display:block;

	padding-left:38px;

	text-decoration:none;	

	color:#b16063;

	height: 32px;

}



#flash-news a:visited {

	background: url(/images/flash-news-checked.png) no-repeat 0% 50%;

	color:#999;

	text-decoration:line-through;

}



#flash-news a:visited:hover {

	color:#666;

	text-decoration:none;

}



#flash-news a:hover {

	text-decoration:none;	

	color:#6A3334;

}



/* ----- FLASH NEWS END -----*/



/* ----- PHOTO GALLERY -----*/



#galleries {

	width:138px;

	height:291px;

	float:left;

	padding-top:0px;

	text-align:center;

}



#galleries h1 {

	font-size:36px;

	margin-bottom:5px;

}



#galleries img {

	border:5px solid #fff;

	margin-bottom:3px;

	width:148px;

	#height:52px;

}



#galleries img:hover {

	padding:5px;

	background:transparent url(/images/galleries-background-hover.png);

	border:none;

}



#galleries p { margin-bottom:6px; }



#galleries h2 a {

	color:inherit;

	text-decoration:none;

	border-bottom:1px solid #fff;

	padding:2px;

	font-size:14px;

}



#galleries h2 a:hover {

	text-decoration:none;

	background-color: #fff;

	border:none;

	color:#000;

}



/* ----- PHOTO GALLERY -----*/



#nimbit {

	padding-left:22px;

	padding-top:20px;

	height:282px;

	width:462px;

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

}



#footer-wrapper { 

	height:215px;

	background: url(/images/footer.png) no-repeat 50%;

	clear:both;

	padding-top:60px;

}



#footer {

	width:998px;

	margin:0 auto;

	text-align:left;

}



#footer img { float:left; }



#footer #band { 

	width:360px;

	background: black url(/images/scroll-logo.png) no-repeat top left;

	padding-top: 48px;

	font-size:26px;

	color:#999;

	line-height:25px;

	float:left;

	margin-left:10px;

}



#footer #band h1 { 

	color:#fff;

	font-size:26px;	

	display:inline;

	margin-right:4px;

}



#footer #band h2 { 

	font-size:16px;

	display:inline;

}



#designeus {

	float:right;

	width:202px;

	height:96px;

	background: transparent url(/images/designeus.png) no-repeat 0% 0%;

	margin-top:70px;

	cursor:pointer;

}



#designeus:hover { background: black url(/images/designeus.png) no-repeat 0% -96px;}



/* ----- READ ----- */



#lyrics {

	width:494px;

	margin-right:10px;

	float:left;

}



#lyrics ul, #press ul {

	margin-left:40px;

	width:360px;

}



#lyrics li a, #lyrics li a:visited, #press li a, #press li a:visited {

	border-bottom:1px dotted #fff;

	padding:4px;

	display:block;

	text-decoration:none;

	color:#fff;

	font-size:16px;

	letter-spacing: 0.2em;

}



#lyrics li a, #lyrics li a:visited { background:url(/images/lyrics-li-background.png) no-repeat left top; }



#lyrics li a:hover {

	background:url(/images/lyrics-li-background.png) no-repeat left -56px;

	color:#000;

}



#press li a, #press li a:visited { background:url(/images/press-li-background.png) no-repeat left top; }



#press li a:hover {

	background:url(/images/press-li-background.png) no-repeat left -360px;

	color:#000;

}



#press {

	width:494px;

	float:left;

}



#older {

	height:24px;

	background:transparent url(/images/press-arrow-older.png) no-repeat left top;

	margin-top:10px;

	margin-bottom:6px;

}



#older:hover {

	background:transparent url(/images/press-arrow-older.png) no-repeat left -24px;

}



#older-inactive, #newer-inactive { 

	background:transparent; 

	height:40px;

}



#newer {

	height:24px;

	width:460px;

	background:transparent url(/images/press-arrow-newer.png) no-repeat right top;

	margin-bottom:10px;

	margin-top:16px;

}



#newer:hover {

	background:transparent url(/images/press-arrow-newer.png) no-repeat right -24px;

}



#display {

	margin-left:40px;

	width:866px;

	clear:both;

	color:#000;

	font-size:18px;

}



#display h3 { 

	font-size:24px; 

	margin-bottom:8px; 

	text-decoration:underline;

}



#display a:hover { color:#522726; }



#display-top {

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

	height:126px;

}



#display-middle {

	background:url(/images/display-middle-background.png) repeat-y;

	padding:10px 40px 0px 50px;

}



#display-bottom {

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

	height:63px;

}





.clear { height:20px; clear:both; }



/* ----- READ END ----- */



/* ----- SEE BEGIN -----*/



#galleries-list p a img {

	border:5px solid #fff;

	margin:3px 10px 0px 0px;

	float:left;

}



/*#galleries-list img:hover,*/

#galleries-list p a:hover img {

	border:5px solid #280000;

}



#galleries-list p a, #galleries-list p a:visited {

	background:url(/images/see-galleries-p-background.jpg) no-repeat 200px left;

	border-bottom:1px dotted #fff;

	padding:4px 0px 4px 4px;

	display:block;

	text-decoration:none;

	color:#fff;

	font-size:16px;

	width:916px;

	margin-left:40px;

}



#galleries-list p a:hover {

		background:url(/images/see-galleries-p-background.jpg) no-repeat top left;

		color:#000;

}



#galleries-list p h1 { font-size:24px; vertical-align:top;}



#galleries-list a:hover { color:#000; }



.thumbs-wrapper { 

	width:920px;

	margin-left:40px;

	border-bottom:1px dotted #fff;

	display:none;

}



.open .thumbs-wrapper {

	display:block;

}

	

.thumbs-top {

	background:transparent url(/images/see-thumbs-background.png) no-repeat left -33px;

	height:33px;

}



.thumbs-container {

	width:890px;

	margin:0 auto;

}



.thumbs-container a img {

	border:solid 5px #fff;

	margin:6px;

	float:left;

}



.thumbs-container img:hover { 	

	padding:5px;

	border-collapse:true;

	background:transparent url(/images/galleries-background-hover.png);

	border:none;

}



.thumbs-container .video img:hover { 

	padding:5px;

	background:transparent url(/images/galleries-background-video-hover.png);

	border:none;

}



.thumbs-bottom {

	background:transparent url(/images/see-thumbs-background.png) no-repeat left top;

	height:33px;

}



.thumbs-close div {

	height:30px;

	width:100%;

	background:transparent url(/images/see-close.png) no-repeat center top;

	margin-top:16px;

	clear:left;

}



.thumbs-close:hover div {

	background-position: center -30px;

}



/* ----- SEE END -----*/



/* ----- LIVE BEGIN -----*/



#live {

	font-size:18px;

}



.gig {

	width:914px;

	margin-left:40px;

	border-bottom:1px dashed #fff;

	padding: 20px 0px 20px 4px;

	line-height:24px;

}



.gig h1, .gig h2 { 

	font-size:24px; 

	float:left;

}



.gig h2 {

	font-weight:bold;

	padding-left:5px;

	margin-left:4px;

	padding-right:5px;

	background: #000;

}



/* ----- LIVE END -----*/



/* ----- SIGN BEGIN -----*/



#sign {

	width:494px;

	margin-right:10px;

	float:left;

	scrollbar-base-color:#000;

}



#guestbook {

	width:494px;

	float:left;

}



.sign_post {

	border-bottom:1px dotted #fff;

	padding:4px;

	line-height:22px;

	width:460px;

}



.sign_post h1 {

	float:left;

	font-size:20px;

	font-weight:bold;

	padding:0px 5px 0px 5px;

	background: #000;

}



.sign_post .staff {

	background: transparent url(/images/sign-staff-post.png) no-repeat bottom;

}



.sign_post h2 { 

	float:right;

}



.sign_post h3 { 

	padding: 5px 0px 0px 5px;

	clear:both;

}



#sign_form {

	font-size:16px;

}



p.inputtext {

	height:17px;

	padding:23px 0px 15px 25px;

	background: transparent url(/images/sign-form-field-background.png) no-repeat;

	width:370px;

}



p.commenttext {

	height:250px;

	padding:23px 0px 15px 25px;

	background: transparent	url(/images/sign-form-txtarea-background.png) no-repeat;

}



#sign_form input, #sign_form select { 

	background:#030000;

	border:none;

	color:#fff;

	font-size:15px;

	font-family:Georgia, "Times New Roman", Times, serif;

}



/* ZA SLUCAJ DA POLJA ZA UNOS MORAJU BITI LAKSE PREPOZNATLJIVA



#sign_form input:focus{ background-color:#401E24; }



*/



/*#sign_form input:hover, #sign_form textarea:hover { background-color: #401E24; }*/



#sign_form label {

	float:left;

	width:55px;

	text-align:right;

	padding-right:6px;

	color:#8C4653;

}



#sign_form label.zip {

	width:57px;

}



#sign_form label.yob {

	width:80px;

}



#sign_form textarea {

	background-color:#030000;

	border:none;

	color:#fff;

	font-size:14px;

	font-family:Georgia, "Times New Roman", Times, serif;

}



#sign_form .button {

	background: transparent url(/images/form-button-background.png) no-repeat;

	width:130px;

	height:36px;

	cursor:pointer;

	display:block;

	font-size:14px;

	padding-bottom:4px;

	color:#8C4653;

}



#sign_form .button:hover { color:#fff; }



p.sendbutton {

	width:120px;

	margin-left:140px;

	margin-top:20px;

}



/* ----- SIGN END -----*/



.title, .content_div { width:100%; padding-bottom: 10px; }



.errorbox,

.warningbox,

.infobox {

	padding: 5px;

	margin: 3px;

	color: black;

	font-weight: bold;

}



.errorbox { background-color:#f77; }

.warningbox { background-color:#FFBF00; }

.infobox { background-color:#7f7; }