/* knjiznica-zabok.hr screen stylesheet - 5/2007 - yesterdayishere.com */

* { margin: 0; padding: 0 }

a { color: #c10 }
a:hover { color: #531 }

body { background: #fbf6e7; font: 62.5%/1.5 Georgia; color: #000; font-size: 62.5% }

#skipper, #e-mail span { display: none }

#head-wrap { background: url(../gfx/head-wrap-bg.jpg) repeat-x; padding: 10px 0 0 0 }
	#header { background: #fcf7ec url(../gfx/head-bg.jpg) repeat-x; border-top: 5px solid #444; width: 100% }
		h1 { background: url(../gfx/brand.jpg) 50% 0 no-repeat; text-indent: -9999px; height: 116px }

#infobar { border-bottom: 1px solid #000; border-top: 1px solid #000 }
	#infobar-wrap { margin: 0 auto; width: 840px }
	#infobar p { font-size: 1.1em; padding: 11px 10px 10px 40px; text-transform: uppercase }
		
		#infobar p#catalogue { background: url(../gfx/catalogue-icon.gif) 13px 50% no-repeat; border-left: 1px solid #000; border-right: 1px solid #000; display: inline; float: left; margin: 0 0 0 94px; width: 436px }
		#infobar p#e-mail { background: url(../gfx/e-mail-icon.gif) 15px 50% no-repeat; margin: 0 0 0 580px }
		
		#infobar p em { font-style: normal; text-transform: lowercase }
		
#main { margin: 0 auto; width: 840px }		
	#content { background: url(../gfx/ornament.jpg) 50% 100% no-repeat; display: inline; float: left; font-family: "Palatino Linotype", "Book Antiqua", Georgia; margin: 0 0 30px 108px; padding: 0 0 60px 0; width: 452px }
		#content a { font-weight: bold }
		#content h2 { /*background: url(../gfx/o-knjiznici.gif) 0 25px no-repeat; height: 70px; text-indent: -9999em*/ font-size: 2.8em; font-weight: normal; color: #198; margin: .6em 0 .4em 0 }
		#content p { font-size: 1.5em; margin: 0 0 .5em 0; text-align: justify; text-indent: 28px }
			#content h2 + p:first-line  { font-variant: small-caps }
	
	#sidebar { float: right; width: 244px }
		#sidebar a { outline: none }
		#sidebar h3 { color: #198; letter-spacing: .05em; font-size: 1.9em; font-weight: normal; padding: 27px 0 17px 0 }
		#sidebar p { font-size: 1.2em; margin: 0 0 .8em 0 }
		#sidebar b { color: #222; border-bottom: 1px solid #dda; /*font-weight: normal;*/ text-transform: uppercase }
		#sidebar img { border: 1px solid #000; padding: 4px; margin: 0 14px 14px 0; filter:alpha(opacity=80); opacity: 0.80; -moz-opacity: 0.80 }
		#sidebar img:hover { /*border: 4px solid #b1cfc2;*/ padding: 4px; margin: 0 14px 14px 0; filter:alpha(opacity=100); opacity: 100; -moz-opacity: 100 }
	
#foot { border-bottom: 1px solid #000; border-top: 1px solid #000; clear: both; margin: 20px 0 30px 0 }
	#foot-wrap { margin: 0 auto; width: 840px }
	#foot p { font-size: 1.1em; padding: 11px 10px 10px 11px; text-transform: uppercase }
	#foot p#top { border-left: 1px solid #000; border-right: 1px solid #000; display: inline; float: left; margin: 0 0 0 94px; width: 465px }
	#foot p#creator { margin: 0 0 0 582px }
		#foot p#creator a { color: #198 }
		#foot p#creator a:hover { color: #531 }
	#foot span { font-style: italic; text-transform: lowercase }