/* Regenerator.hr screen stylesheet, 23/08/2010. bojan@yesterdayishere.com */

/* global */
* { margin: 0; padding: 0 }

a { color: #0bb; text-decoration: none }
a:visited { color: #0bb }
a:hover { color: #0bb; background: #fff; text-decoration: underline }

html { background: url(gfx/body-bg.jpg) 50% 0; height: 100%; padding: 0 0 1px 0 }
body { background: url(gfx/robo-top.jpg) 50% 0 no-repeat; color: #788; font: 12px/1.5 serif; font-family: Georgia, "Times New Roman", Times, serif }

h1, h2, h3, h4 { color: #788; margin-bottom: 10px }
h1 { }
h2 { line-height: 18px; font-size: 14px }
h3 { }
p, ul, ol { font-size: 12px; margin-bottom: 1.5em }
ul { }
em { }
strong { color: #677 }

label { cursor: pointer }

/* */
#kontejner { padding: 215px 0 0 0; display: block;  }
#head { position: relative; background: url(gfx/brand.jpg) 50% 0 repeat-y; height: 265px; display: block;width: 940px; margin: 0 auto }
	#head h1 { display: none }
	#head p { width: 92px; height: 14px !important; background: url(gfx/mouth.gif) no-repeat; position: absolute; left: 423px; top: -43px }
	
/* main */	
article, #main { width: 940px; margin: 0 auto; background: url(gfx/nubg.jpg) 50% 0 repeat-y; position: relative }
	#glavni-kontejner { background: transparent url(gfx/sadrzaj-bottom.jpg) bottom no-repeat; padding: 0 0 61px 0 }
	
	#glavni a { color: #2bb }
	#glavni a:visited { color: #2bb }
	#glavni a:hover { color: #2bb; background: transparent; text-decoration: underline }
	
	#glavni { width: 260px; margin: 0 auto; color: #9aa }
	#glavni strong { color: #cdd; font-weight: normal }
	#glavni h2 { color: #fff }
	.date { float: right; color: #feb; margin: 0 0 15px 15px }
	.njuz { margin: 0 0 25px 0; text-shadow: #000 0 1px 0; border-bottom: 1px dashed #233 }
	

/* */
#main #about { position: absolute; width: 200px; top: -80px; left: 40px }

#main #secondary { position: absolute; width: 200px; top: -60px; left: 680px }
	#secondary h2, #about h2 { color: #2f3c41 !important; line-height: 18px }
	
#about #kaj { background: url(gfx/kaj.gif) no-repeat; margin: 0 0 20px 0 }
	#kaj h2, #kaj p { padding: 0 0 0 40px }
	#kaj h2 { padding-top: 6px }

#about #clanstvo { background: url(gfx/clanstvo.gif) top right no-repeat; margin: 0 -60px 50px 0; padding: 115px 0 0 0 }
	#clanstvo h2, #clanstvo p { padding: 0 60px 0 40px }
	#clanstvo h2 { padding-top: 6px }
	
#about #jubito { background: url(gfx/video.gif) no-repeat; margin: 0 0 50px 0 }
	#jubito h2, #jubito p { padding: 0 0 0 40px }
	#jubito h2 { padding-top: 6px }

#secondary #email { background: url(gfx/email.gif) no-repeat; margin: 0 0 50px 0 }
	#email h2, #email p { padding: 0 0 0 40px }
	#email h2 { padding-top: 6px }

#secondary #lokacija { background: url(gfx/lokacija.gif) no-repeat; margin: 0 0 50px 0 }
	#lokacija h2, #lokacija p { padding: 0 0 0 40px }
	#lokacija h2 { padding-top: 6px }
	
#secondary #fejs { background: url(gfx/fejs.gif) no-repeat; margin: 0 0 50px 0; padding: 0 0 1px 0 }
	#fejs h2, #fejs p { padding: 0 0 0 40px }
	#fejs h2 { padding-top: 6px }	
	
#secondary #kontakt { background: url(gfx/kontakt.gif) no-repeat; position: absolute; left: -40px; padding: 0 0 50px 0 }
	#kontakt h2, #kontakt p { padding: 0 0 0 80px }
	#kontakt h2 { padding-top: 104px }

/* foot */	
footer, #foot { background: transparent url(gfx/foot-bg.jpg) repeat-x }
	#foot-kontejner { background: transparent url(gfx/foot-robo.jpg) top center no-repeat; width: 940px; margin: 0 auto }
	#foot-wrap { height: 260px; margin: 0 auto; position: relative; width: 500px }
	#foot p { background: transparent; color: #677; font-size: 10px; left: 125px; line-height: 12px; position: absolute; text-align: center; top: -26px; width: 250px }
	footer p#zabok a, #foot p#zabok a { background: url(gfx/zabok.gif); height: 50px; left: -150px; position: absolute; text-indent: -9999px !important; top: -20px; width: 42px }
	#foot a { color: #677 }
	#foot a:hover { background: transparent; color: #899 }