/* info
--------------------------------------------------------
	Start:	30.11.2007.
	Author:	BozooArt, www.bozooart.com
	Name: 	HPB Grand Prix 2007 za slikarstvo
*/

/* Colors
----------------------------------------------- 
#ed1c24 = red
#d8d9da = black 17
#6d6e71 = black 55
#58585a = black 70
#464646 = black 80

----------------------------------------------- */

/* Normalize
----------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0; font-weight: normal; }
ol, ul { list-style: none; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content:''; }
hr { display: none; }
legend { display: none; }

/* General
----------------------------------------------- */
body 	{ font: 78%/1.6 Arial,Helvetica,sans-serif; background: url(../images/bg.jpg) repeat-y center -370px; text-align: center;  }
.clr 	{ clear: both; }
a 		{ padding: 0 2px; background: #ed1c24; color: white; text-decoration: none; }
a:hover { background: #58585a;  }
a:focus { outline: none; }
.left 	{ float: left; }
.red 	{ color: #ed1c24; }

#container 	{ color: #d8d9da; text-align: left; width: 870px; margin: 0 auto; line-height: 1.5em; margin-bottom: 20px; }
h1 			{ background: url(../images/logo.gif) no-repeat; width: 705px; height: 150px; }
h1 span 	{ position: absolute; left: -9999em; }

	ul#nav 				{ background: url(../images/title_bg.gif) no-repeat; width: 870px; height: 31px; padding: 11px 0 0 0; margin: 14px 0; }
	ul#nav li 			{ display: inline; }
	ul#nav li a 		{ text-decoration: none; font-size: 110%; padding: 12px 20px; background: none; }
	ul#nav li a:hover, ul#nav li a.active { color: #ed1c24; }

	#main_content 	{ background: url(../images/main_content.jpg) no-repeat; width: 869px; height: 352px; }
	h3 				{ font-size: 140%; font-weight: bold; color: white; margin-bottom: 10px;  }
	#text 			{ width: 460px; padding: 24px 0 10px 20px; float: left; line-height: 1.2em;   }
	
	#pdf 		{ background: url(../images/pdf.jpg) no-repeat 0 2px; padding: 0 0 10px 80px; margin-top: 15px;}
	#pdf h4 a	{ font-size: 120%;  font-weight: bold; }


#slideshow 		{ float: left; margin: 35px 0 0 21px; }
#visible_part 	{ background: #464646; width: 825px; height: 123px; margin: 25px 0 0 20px; border-bottom: 1px solid black;  }


#place 		{ background: url(../images/place.gif) no-repeat; width: 614px; height: 282px; padding: 50px 230px 0 27px; clear: both; }
#place h2	{ background: none; padding: 0; width: 200px; }
h2 			{ clear: both; font-size: 170%; font-weight: bold; margin-bottom: 10px; background: url(../images/title_bg.gif) no-repeat; width: 840px; height: 31px; padding: 11px 0 0 30px;  }
#place .red { background: #ed1c24; font-size: 110%; padding: 0 2px; color: white; margin: 0 2px; }

#artist_list 			{ padding: 0 0 0 27px;  }
#artist_list ul 		{ float: left; width: 180px; margin: 0 35px 35px 0; }
#artist_list ul.last 	{ margin: 0; }
		
	#artist_list li 			{ font-weight: bold; margin-bottom: 5px; }
	#artist_list li a 			{ background: none; color: #d8d9da; }
	#artist_list li a:hover,
	#artist_list li a.active 	{ background: #ed1c24; color: white; }
	
	#artist_list li span 		{ margin-right: 26px; }
	#artist_list li span.indent { margin-left: 7px; }

#jury 				{ padding: 0 0 0 27px; }
#jury li 			{ display: inline; float: left; width: 213px; padding-left: 37px; margin: 0 30px 22px 0; }
#jury li a 			{ background: none; }
#jury li a:hover	{ background: #ed1c24; }
	
	#jury li.zidic 		{ background: url(../images/zidic.gif) no-repeat 0 5px;  }
	#jury li.pintaric 	{ background: url(../images/pintaric.gif) no-repeat 0 5px; } 
	#jury li.glavan 	{ background: url(../images/glavan.gif) no-repeat 0 5px; }
	#jury li.korbler 	{ background: url(../images/korbler.gif) no-repeat 0 5px; }
	#jury li.sinkovic 	{ background: url(../images/sinkovic.gif) no-repeat 0 5px; }

#text_box { padding: 20px 20px 0 20px; width: 380px; float: left; }
#text_box p { margin-bottom: 60px; font-size: 13px; }
#text_box p.eng {}

/*inside*/
	#wide_text 				{ padding: 0 20px;}
	#wide_text img.fotka 	{ padding: 4px; background: #d8d9da; border: 1px solid #464646; margin: 4px 20px 10px 0;   }
	#wide_text .spacer 		{ margin-top: 60px; clear: both;}
	
	#wide_text #fotogalerija 		{ margin-left: 20px;}
	#wide_text #fotogalerija img 	{ width: 120px; }
	#wide_text #fotogalerija a 		{ background: none; }
	
	#gallery_box 		{ float: left; padding: 30px 0 0 40px; }
	#gallery_box img 	{ margin: 0; padding: 4px; background: #d8d9da; border: 1px solid black; width: 120px; cursor: pointer;  }
	#gallery_box a 		{ background: none; }
	#gallery_box p 		{ width: 95px; line-height: 1.2em; color: #d8d9da; padding: 2px 8px 2px 27px; font-size: 80%; background: #464646 url(../images/enlarge.gif) no-repeat 8px 60%; margin-left: 2px; }

	#gallery_box .info 			{ float: left; width: 250px; margin: -5px 0 0 20px; }
	#gallery_box dl 			{ color: white; }
	#gallery_box dl dt strong 	{ font-size: 110%; }
	#gallery_box dl.eng 		{ margin-top: 20px; }
	
	#second { margin: 40px 0;}

#footer 		{ margin: 40px 0 20px 0; clear: both; text-align: center; font-size: 90%; }
#footer a 		{ background: #6d6e71; color: #d8d9da;  }
#footer a:hover { background: #ed1c24; color: white; }

#footer a.logo 			{ margin: -10px 0 0 27px; background: url(../images/hpb.gif) no-repeat; width: 103px; height: 42px; display: block; padding: 0; text-indent: -9999em; float: left;  }
#footer a.logo:hover 	{ background: url(../images/hpb.gif) no-repeat right 0; } 

/*slideshow*/
div.slideshow 					{ margin: 18px auto; }
div.slideshow p 				{ color: #58585a; padding: 5px 10px; width: 315px; margin-top: -46px; position: absolute; z-index: 2; background: url(../images/description_bg.png); margin-bottom: 20px; }
div.slideshow strong 			{ color: #ed1c24;  }
div.slideshow ul 				{ margin: 66px 0 0 -463px; left: 0px; position: absolute; padding: 5px 0; z-index: 10001; width: 795px; height: 100px;  }
div.slideshow ul li 			{ float: left; display: inline; margin-bottom: 10px; }
div.slideshow ul li a 			{ background-position: 50% 50%; cursor: pointer; display: block; height: 40px; width: 40px; margin-right: 5px; opacity: 0.5; border: 2px solid black; }
div.slideshow ul li a.active,
div.slideshow ul li a:hover 	{ opacity: 1; border: 2px solid #ed1c24; }


	div.slideshow ul li a.prev 			{ opacity: 1; border: none; width: 21px; height: 124px;  background: url(../images/left_button.gif) no-repeat; display: block; padding: 0; position: absolute; margin: -13px 0 0 -38px;    }
	div.slideshow ul li a.prev:hover 	{ background: url(../images/left_button.gif) no-repeat right 0 !important; }
	div.slideshow ul li a.next 			{ opacity: 1; border: none; width: 22px; height: 124px;  background: url(../images/right_button.gif) no-repeat right 0; display: block; padding: 0; position: absolute; margin: -67px 0 0 13px;  }
	div.slideshow ul li a.next:hover 	{ background: url(../images/right_button.gif) no-repeat left 0; }

#slideshow img { cursor: pointer; }