/* Zabok Wireless Screen Stylesheet -- 3/2006 -- http://yesterdayishere.com */

/* colorz: #d48, #d17 */

/* IE quirks!11 */ .creeping-mofo { padding-bottom: 1px; /*border-bottom: 1px solid #fff;*/ }

* { margin: 0; padding: 0; }
#skipper { display: none; }

a { text-decoration: none; }

body { background: #9cc; color: #333; font-family: verdana, tahoma, arial, sans-serif; font-size: 62.5%; }#infocentar { margin: 4px 0 0 0 }#infocentar-wrap p { text-align: center }#infocentar-wrap a { color: #666 }

#wrap { background: #9cc url(./gfx/body-bg.jpg) repeat-y 50%; margin: 0 auto; padding: 0 20px; width: 730px; }

/* header */
#header { background: url(./gfx/header-bg.jpg) no-repeat 50% 0; height: 90px; }
	#header h1 { display: none; }

/* menu */
#menu { background: url(./gfx/menu-bg.jpg) no-repeat 50% 0; font-size: 1.1em; font-weight: bold; height: 27px; margin: 4px 0; }
	#menu ul a { background: #666; display: block; padding: 6px 12px; }
	#menu ul a:hover { background: #6aa; color: #fff; }
	#menu ul a, #menu ul li { color: #fc2; float: left; height: 15px; }
	#menu ul li { list-style-type: none; color: #fff; margin: 0 1px 0 0; }
	#menu ul { margin: 0 0 0 35px; }
	#menu ul li#current { background: #333; padding: 6px 10px; }
		#menu #print { float: right; height: 20px; padding: 6px 30px 0 30px; }
		#menu #print a { font-weight: normal; color: #ccc; padding: 0 15px 0 0; background: url(./gfx/print.gif) no-repeat 100% 60%; }
		#menu #print a:hover { color: #fff; }

/* content */		
#content { clear: both; float: left; font-size: 1.2em; margin: 0 0 0 5px; display: inline; width: 440px; }
	#content a { border-bottom: 1px solid #166; color: #188; font-weight: bold; }
	#content a:hover { border-bottom: 1px dotted #fc0; color: #000; }
	#content a:active, #content #page a:active { background: #333; color: #fff; }
	#content h1 { color: #166; font-size: 2.2em; font-family: "Trebuchet MS"; font-weight: bold; padding: 15px 0 0 0; margin: 0 30px; }
	#content h2 { color: #333; font-size: 1.7em; font-family: "Trebuchet MS"; font-weight: bold; padding: 10px 0 0 0; margin: 0 30px; }
	#content h3 { color: #166; font-size: 1.4em; font-family: "Trebuchet MS"; font-weight: bold; padding: 10px 0 0 0; margin: 0 30px; }
	#content p { line-height: 1.7; margin: 10px 30px; }
	#content ul, #content ol { line-height: 1.7; margin: 10px 40px 20px 60px; }
	#content dl { margin: 10px 40px 20px 35px; line-height: 1.6; }
		#content dt { margin: 10px 0; font-weight: bold; }
		#content dd { margin: 0 0 0 10px; }

/* page */	
	#page { background: url(./gfx/page-bg.jpg) no-repeat 10px 0; }
		#page a:visited { padding: 0 8px 0 0; background: url(./gfx/visited.gif) no-repeat 100% 60%; }
	
	/* o-nama */
		#content #o-nama { background: url(./gfx/o-nama-bg.jpg) no-repeat top; margin: 0 0 4px 4px; }
			#content #o-nama h1 { color: #fc0; font-size: 2.2em; font-family: "Trebuchet MS"; font-weight: bold; margin-bottom: 10px; }
			#content #o-nama p { background: url(./gfx/o-nama-p-bg.jpg) no-repeat bottom; color: #fff; padding: 0 30px 20px 30px; margin: 0; line-height: 1.6; }
			#content #o-nama a { color: #fe4; border-bottom: 1px solid #fe4; font-weight: normal; }
			#content #o-nama a:hover { color: #fff; border-bottom: 1px solid #eee; }
		
	/* linkovi */
	#content .half { float: left; width: 200px; }
		#content .half ul { margin-right: 0; }
		
	/* news */
	#content .details { font-style: italic; }

	/* karta */
	#content #page #karta { width: 400px; margin: 0 auto; /* hooray for IE */ }
	#content #page #karta a { border: 0; background-image: none; padding: 0; }
	#content #page #karta img { background: #eee; padding: 4px; border: 1px solid #ccc; display: block; margin: 0 auto; }
	#content #page #karta p { color: #444; font-size: .9em; font-style: italic; margin: 10px 10px 20px 25px; }
	
	ul#tocke { list-style-type: none; margin-left: 40px; }
		ul#tocke li { padding: 0 0 0 18px; }
		ul#tocke li#magenta { background: url(./gfx/tocke.gif) no-repeat 0 5px; }
		ul#tocke li#yellow { background: url(./gfx/tocke.gif) no-repeat 0 -724px; }
		ul#tocke li#cyan { background: url(./gfx/tocke.gif) no-repeat 0 -1538px; }
	
	/* kontakt */
	ul#ppl { list-style-type: none; margin-left: 40px; }
	ul#ppl li { background: url(./gfx/kontakt-li.gif) no-repeat 0px 5px; padding-left: 15px; }

/* sidebar */
#sidebar { float: right; margin: 0 15px 0 0; display: inline; width: 270px; }
	#sidebar #forum { background: url(./gfx/forum-bg.jpg) no-repeat top; }
	#sidebar #forum a { color: #fff; text-decoration: underline; font-weight: bold; }
	#sidebar #forum a:hover { text-decoration: none; }
	#sidebar #forum h2 { color: #333; font-size: 1.6em; font-family: "Trebuchet MS"; font-weight: bold; padding: 15px 0 5px 0; margin: 0 20px; }
	#sidebar #forum p { background: url(./gfx/forum-p-bg.jpg) no-repeat bottom; color: #fff; line-height: 1.4; font-size: 1.1em; padding: 0 20px  20px 20px; }
	
	#sidebar .box { background: url(./gfx/sidebar-box-bg.jpg) no-repeat top; margin: 4px 0; }
		#sidebar .box a { color: #333; font-weight: bold; }
		#sidebar .box a:hover { color: #166; }
		#sidebar .box h2 { color: #166; font-size: 1.6em; font-family: "Trebuchet MS"; font-weight: bold; padding: 15px 0 5px 0; margin: 0 20px; }
		#sidebar .box p { color: #666; font-size: 1.1em; line-height: 1.5; padding: 0 16px 16px 16px; }
		#sidebar .box ul { list-style-type: none; margin: 0 15px 10px 20px; }
		#sidebar .box ul li { background: url(./gfx/icon.gif) no-repeat 0 6px; border-bottom: 1px solid #ddd; font-size: 1.1em; padding: 4px 0 4px 10px; margin: 0 0 2px 0; }
		
	#sidebar #date { font-style: italic; margin-left: 15px; }

/* foot */
#footer { background: url(./gfx/footer-bg.jpg) no-repeat bottom center; color: #333; clear: both; font-size: 1.1em; height: 50px; padding: 40px 10px 0 60px; }
	#footer a { color: #333; }
	#footer span, #footer span a { color: #ccc; }
	#footer span a:hover { color: #333; }
	#footer a:hover { border-bottom: 1px solid #ccc; }
	
	#footer strong { color: #166; }
	
	#footer #copy { float: left; }
	#footer #vrh { float: right; padding: 0 20px 0 0; }