* { margin: 0; padding: 0; }
body { background: #012 url(./gfx/body-bg.jpg) no-repeat fixed bottom left; font-family: trebuchet ms, arial, tahoma, sans-serif; font-size: 62.5%; }
a { text-decoration: none; }

h1, h2, h3, h4, h5 { font-family: lucida sans unicode, trebuchet ms, sans-serif; font-weight: normal; }

/* tweaking, tweaking, tweaking */
div#header { position: absolute; top: 0; left: 0; width: 190px; height: 100%; background: url(./gfx/header-bg.jpg) no-repeat; }
@media screen {
  div#header { position: fixed; }
  * html { overflow: hidden; }
  * html body { overflow: auto; height: 100%; /* gotta love this stretching bit!!!1 */ }
  * html div#header { position: absolute; }
  }
 
/* navigation list */
ul#nav { width: 190px; margin-top: 120px; }
ul#nav li { list-style-type: none; margin: 1px 0 0 0; text-align: right; }
ul#nav li a { display: block; width: 170px; background: #345; color: #8ac; font-size: 1.2em; padding: 5px 10px 3px 10px; border-bottom: 1px solid #012; }
ul#nav li a:hover { color: #fff; background: #456; }
ul#nav li a#current { color: #123; background: #cd7 url(./gfx/menu-active.jpg) no-repeat right; padding-right: 10px; width: 173px; }
 
/**/
#wrap { margin-left: 190px; background: #012 url(./gfx/container-bg.jpg) repeat-x fixed; }
#wrap a:link { background: url(./gfx/link.gif) 100% 50% no-repeat; padding-right: 10px; }
#wrap a:link, #wrap a:visited { text-decoration: none; border-bottom: 1px dotted #dea; color: #cd7; }
#wrap a:visited { background: url(./gfx/visited.gif) 100% 50% no-repeat; padding-right: 10px; }
#wrap a:hover { color: #ace; background: url(./gfx/hover.gif) 100% 50% no-repeat; padding-right: 10px; border-bottom: 1px dotted #234; }

/* the content area */
#sadrzaj { float: left; color: #ace; width: 420px; padding: 0 0 0 60px; }
#sadrzaj p, #sadrzaj ul { font-size: 1.2em; line-height: 18px; color: #abc; }
#sadrzaj h1 { color: #dee; letter-spacing: -1px; font-size: 3.4em; padding: 55px 0 0 0; }
#sadrzaj h2 { clear: both; font-size: 2.1em; color: #ace; margin: 20px 20px 0 0; }
#sadrzaj p { margin: 20px 0 20px 0; }
	#sadrzaj p.details { float: right; width: 140px; border-left: 1px solid #567; font-size: 1em; margin: 10px 30px 10px 15px; padding-left: 10px; line-height: 15px; color: #8ac; }
		#sadrzaj p.archives { background: #123; }
	#sadrzaj ul, ol { margin: 0 30px 30px 10px; }
	#sadrzaj li {list-style:square;margin-left:40px;line-height:20px;}
#sadrzaj #gallery img { border: 1px solid #cd7; padding: 1px; margin: 20px 30px 20px 0; }
#sadrzaj #gallery a { border: 0; background: none; padding: 0; }

.sig { text-align: right; font-style: italic; }

/* */
#secondary { float: left; width: 225px; padding: 50px 0 0 60px; }
	#secondary p { color: #678; margin: 20px 0; font-size: 1.2em; line-height: 17px;}
		#secondary p:hover { color: #fff; }
	#secondary h2 { font-size: 1.8em; color: #567; padding: 20px 0 5px 0; }
	#secondary h2 em { color: #8cd; font-style: normal; }
	#secondary h3 { font-size: 1.4em; color: #789; padding: 0; letter-spacing: -1px;  }
	#secondary ul { margin: 20px 0; color: #ace; list-style-type: none; line-height: 18px; font-size: 1em; }
		#secondary a:link, #secondary a:visited { color: #ace; }

/* */
#footer { clear: both; padding: 50px 0 50px 60px; }
	#footer p { font-size: 1em; color: #456; line-height: 16px; }
	#footer p:hover { color: #789; }
	#footer a:link, #footer a:visited { color: #789; border-bottom: 1px dotted #456; }
	#footer a:hover { color: #dee; }

/* */
#sadrzaj form p { text-indent: 0; clear: both; }
#sadrzaj form label { width: 100px; display: block; float: left; cursor: help; }
#sadrzaj form .field, #sadrzaj form .area { font-family: verdana, arial, sans-serif; color: #fff; width: 370px; background: #001; padding: 7px 5px; float: left; margin-bottom: 15px; border: 1px solid #012; border-top: 1px solid #000; border-bottom: 1px solid #234; }
#sadrzaj form .area { font-size: 1em; height: 200px; }
#sadrzaj form #button { font-family: verdana, arial, sans-serif; margin: 10px 0 0 0px; border: 3px double #111; background: #ab5; padding: 5px; }