/* info
--------------------------------------------------------
	Start:	11.11.2008.
	Author:	BozooArt, www.bozooart.com
	Name: 	HPB Grand Prix 2008.
*/

/* Colors
----------------------------------------------- 
#a1ba5d = zelena
#94bacb = plava
#b91a20 = crvena
#fef2c9 = zuta
#a18550 = smedja
#bcbdc0 = siva
----------------------------------------------- */

/* 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; }
::-moz-selection { background: #b91a20; color: #fff; }

/* General
----------------------------------------------- */
body 	{ font: 62.5%/1.6 Arial,Helvetica,sans-serif; background: url(images/bg.gif) repeat-x 50% 0; text-align: center;  }
.clr 	{ clear: both; }
a 		{ text-decoration: none; color: #b91a20;  }
a:hover { }
a:focus { outline: none; }
.left 	{ float: left; }
.red 	{ color: #ed1c24; }

#container 	{ color: #a18550; background: #fff; text-align: left; width: 860px; margin: 0 auto; line-height: 1.5em; margin-bottom: 20px; padding: 0 5px; }
h1 			{ background: url(images/image.gif) no-repeat; width: 800px; height: 106px; }
h1 span 	{ position: absolute; left: -9999em; }

	ul#nav 				{ background: url(images/image.gif) no-repeat 0 -115px; width: 858px; padding: 11px 0 10px 0; margin: 14px 0; font-size: 130%; }
	ul#nav li 			{ display: inline; }
	ul#nav li a 		{ text-decoration: none; font-size: 110%; padding: 12px 20px; background: none; color: #fff; }
	ul#nav li a:hover, ul#nav li a.active { background: url(images/image.gif) no-repeat 79% -120px; color: #fff; }

	#main_content 	{ background: url(images/image.gif) no-repeat 100% -649px; width: 860px; height: 570px; font-size: 130%; }
	#text 			{ width: 460px; padding: 5px 0 10px 20px; float: left; line-height: 1.4em;  }
		#text h3		{ font-size: 120%; font-weight: bold; margin-bottom: 5px; color: #b91a20; }
		#text p 		{ margin-bottom: 20px; line-height: 1.3em;  }
		#text a			{ font-weight: normal; padding: 0 2px; z-index: 1 }
		#text a:hover 	{ background: #b91a20; color: #fff; z-index: 1  }
	
	#pdf 		{ padding: 0 0 10px 0px; margin-top: 32px;}
	#pdf h4 	{ font-size: 120%; font-weight: bold; color: #b91a20; padding-top: 15px; }

	#pdf a.pdf 			{ background: url(images/image.gif) no-repeat 0 -323px; width: 55px; height: 66px; float: left; display: block; margin-right: 15px; padding: 0; }
	#pdf a.pdf:hover 	{ background: url(images/image.gif) no-repeat -56px -323px; margin-right: 15px;  height: 66px; float: left; }
	#pdf a.pdf span 	{ display: none; }

#slideshow 		{ float: left; margin: 80px 0 0 21px; }
#visible_part 	{ width: 825px; height: 123px; margin: 25px 0 0 20px; margin-bottom: 20px;  }

h2.location				{ background: url(images/image.gif) no-repeat 0 -217px; color: #fff; width: 839px; padding: 12px 0 11px 20px; clear: both; font-size: 200%; margin-bottom: 20px;  }
div.location 			{ background: url(images/hdlu.jpg) no-repeat 100% 0; width: 614px; padding: 20px 230px 0 27px; clear: both; font-size: 130%; height: 187px; }
div.location p 			{ margin-bottom: 20px; line-height: 1.4em; }
div.location strong 	{ color: #b91a20; }
div.location p.author	{ text-align: right; margin: -10px 20px 0 0; }

h2#artist				{ background: url(images/image.gif) no-repeat 0 -164px; width: 840px; color: #fff; padding: 12px 0 11px 20px; clear: both; font-size: 200%; margin: 20px 0; }
#artist_list 			{ padding: 0 0 0 27px; font-size: 130%;  }
#artist_list ul 		{ float: left; width: 170px; margin: 0 50px 35px 0; }
#artist_list ul.last 	{ margin: 0; }
		
	#artist_list li 			{ font-weight: bold; margin-bottom: 5px; }
	#artist_list li a 			{ color: #a18550; font-weight: normal; padding: 1px 2px; }
	#artist_list li a:hover,
	#artist_list li.active a 			{ background: url(images/image.gif) no-repeat 0 -182px; color: #fff; }
	#artist_list li a:visited:hover 		{ background: url(images/image.gif) no-repeat 0 -182px;  }
	#artist_list li.active a:visited 	{  background: url(images/image.gif) no-repeat 0 -182px; color: #fff;  }

	#artist_list li a:visited 			{ background: url(images/image.gif) no-repeat -140px -330px;  }
	#artist_list li span 				{ margin-right: 5px; }
	
h2.jury				{ background: url(images/image.gif) no-repeat 0 -266px; color: #fff; padding: 12px 0 11px 20px; clear: both; font-size: 200%; margin-bottom: 20px;  }
#jury 				{ padding: 0 0 30px 27px; font-size: 130%; }
#jury li 			{ width: 210px; padding-left: 37px; margin: 0 30px 22px 0; background: url(images/image.gif) no-repeat; float: left;  }
#jury li a 			{ padding: 1px 2px; }
#jury li a:hover	{  color: #fff; background: url(images/image.gif) no-repeat 0 -266px;  }
#jury li span 		{ margin-left: 2px; display: block; font-size: 0.85em }

	#jury li.zidic 		{ background-position: 0 -438px;  }
	#jury li.pintaric 	{ background-position: 0 -527px; } 
	#jury li.glavan 	{ background-position: 0 -615px; }
	#jury li.korbler 	{ background-position: 0 -483px; }
	#jury li.sinkovic 	{ background-position: 0 -571px; }

#text_box { padding: 20px 20px 0 20px; width: 380px; float: left; line-height: 1.5em;  }
#text_box h3 { font-size: 150%; color: #b91a20;  font-weight: bold; margin-bottom: 20px; }
#text_box p { margin-bottom: 60px; font-size: 13px; }


/*inside*/
	#wide_text 				{ padding: 0 20px 40px; font-size: 130%; line-height: 1.5em; background: #fff; }
	#wide_text h3 			{ font-size: 120%; font-weight: bold; margin-bottom: 20px; color: #b91a20; }
	#wide_text img.fotka 	{ padding: 4px; background: #fff; border: 1px solid #bcbdc0; margin: 4px 10px 0 0;   }
	#wide_text .spacer 		{ margin-top: 60px; clear: both;}
	#wide_text.do p			{ margin-bottom: 30px; }
	
	#wide_text #fotogalerija 		{ margin-left: 20px;}
	#wide_text #fotogalerija img 	{ width: 120px; }
	#wide_text #fotogalerija a 		{ background: none; }
	
	#gallery_box 		{ float: left; padding: 10px 0 0 40px; }
	#gallery_box img 	{ margin: 0; padding: 4px; background: #fff; border: 1px solid #bcbdc0; width: 120px; cursor: pointer;  }
	#gallery_box .artwork { float: left; width: 130px;}
	#gallery_box a 		{ background: none; }
	#gallery_box .enlarge 		{ width: 95px; line-height: 1.2em; color: #d8d9da; padding: 2px 8px 2px 25px; font-size: 110%; background: url(images/image.gif) no-repeat -840px 10px; color: #bcbdc0;  }

	#gallery_box .info 			{ float: left; width: 240px; margin: 0 0 0 20px; font-size: 110%; }
	#gallery_box dl 			{ color: #a18550; }
	#gallery_box dl dt strong 	{ font-size: 110%; }
	#gallery_box dl.eng 		{ margin-top: 20px; }
  #gallery_box dd.link	{ margin-top: 10px; }
  #gallery_box dd.link	a { background: none }
  #gallery_box dd.link	a:hover { background: url(images/image.gif) no-repeat -20px -120px; color: #fff }
		
	#second { margin: 40px 0;}

#footer 		{ margin: 40px 0 20px 0; clear: both; text-align: center; font-size: 110%; }
#footer span { margin: 0 7px; }
#footer a 		{  color: #a18550; padding: 1px 2px; }
#footer a:hover { background: #b91a20; color: #fff;  }

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

/*slideshow*/
#slideshow { margin: 30px 0 0 14px; }
div.slideshow 					{ margin: 18px auto; }
div.slideshow p 				{ color: #58585a; padding: 10px; width: 315px; margin-top: -50px; position: absolute; z-index: 2000; background: url(images/description_bg.png); margin-bottom: 20px; }
div.slideshow strong 			{ color: #b91a20; display: block; margin-bottom: 3px;  }
div.slideshow ul 				{ margin: 127px 0 0 -433px; left: 0px; position: absolute; padding: 5px 0; z-index: 10001; width: 760px; 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 #a18550; }
div.slideshow ul li a.active,
div.slideshow ul li a:hover 	{ opacity: 1; border: 2px solid #b91a20; }

	div.slideshow ul li a.next 			{ opacity: 1; border: none; width: 23px; height: 40px;  background: url(images/image.gif) no-repeat 100% -321px; display: block; padding: 0; position: absolute; margin: -25px 0 0 13px;  }
	div.slideshow ul li a.next:hover 	{ background-position: 100% -361px; }
	div.slideshow ul li a.prev 			{ opacity: 1; border: none; width: 23px; height: 40px;  background: url(images/image.gif) no-repeat 100% -401px; display: block; padding: 0; position: absolute; margin: 29px 0 0 -38px;    }
	div.slideshow ul li a.prev:hover 	{ background-position: 100% -441px; }

#slideshow img { cursor: pointer; }
#fotogalerija img { width: 120px; height: 102px; }