@media print {		
		* { background: #fff; color: #333 }
		html { font: 100%/1.5 georgia, serif }
		}

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

body { background: #000 url(gfx/brand.jpg) top center no-repeat; color: #ccc; font: 62.5%/1.8 georgia, serif;
 }

/* links */
a { /*border-bottom: 1px solid #ccc;*/ color: #ccc }
a:hover { color: #999 }

a img { border: 0 }

h1, h2, h3, h4 { color: #fff; font-weight: normal; margin-bottom: 10px }
h1 { font-size: 1.1em; font-weight: normal; text-transform: uppercase; letter-spacing: 4px; color: #999; border-bottom: 1px solid #333; padding: 0 0 5px 0; margin: 20px 0 20px 0 }
h1 i { font-style: normal; text-transform: lowercase }

h2 { font-size: 2.2em; line-height: 1.4em; margin-bottom: .8em; 
}
h2 a { color: #fff; text-decoration: none }
h2, h2 a { clear: both }
h2 a:hover { color: #fac23e }
h2 { clear: both; font-size: 2.5em; }
h3 { font-size: 1.8em }
h4 { font-size: 1.5em }

p, ul, ol, dl { font-size: 1.5em; margin-bottom: 1.5em }
ul { list-style: square }
ol li p { font-size: 1em }
	
em { 
 }
strong {  }
fieldset { border: 0 }

table { font-size: 1.3em; width: 100% }
th { text-align: left; color: #999; /*padding: 0 0 10px 0; border-bottom: 1px solid #bbb*/ } 
td { padding: 3px 0 }

/*.field { background: #efefef; font-size: 1.3em; padding: 2px 0 }
label { cursor: pointer }
label em { ; color: red; font-size: 1.2em; line-height: .5em }
textarea { width: 100% }*/

code { color: green; font-family: Monaco, Monospace }

blockquote { font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; font-size: 1.8em }

#content-error { width: 840px; margin: 0 auto; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; 
	/* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; background: #da302d; color: #fff !important; padding: 50px 70px }
#content-error h2 { color: #fff }

#wrap { position: relative; width: 940px; margin: 0 auto }

#header { height: 320px }
	#header h1 { margin: 0; border: 0 }
	#header a { display: block; height: 283px; background: transparent; }
	#header a em { display: none }
	#header a:hover em { float: right; display: inline; color: #fac23e; font-style: normal; padding: 20px 26px 0 0; display: block; letter-spacing: normal; text-transform: none; font-size: 1.3em }

#wrap #menu { position: absolute; right: 60px; width: 170px; top: 60px }
	#menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
	#menu ul { margin: 0 auto; width: 940px; margin-bottom: 0 }
	#menu li, #menu a { float: left; display: inline; margin: 0 }
	#menu li {  }
	#menu a { display: block; border-top: 1px solid #333; width: 170px; color: #ccc; padding: 6px 0 6px 10px; text-decoration: none }
	#menu a:hover, #home {  }
	#home a { color: #fac23e; border: 0 }
	#menu a:hover { color: #999 }

#submenu { border-top: 1px solid #333; padding: 0 0 0 290px }
	#submenu li, #submenu a { float: left; display: inline }
	#submenu a { margin: 0 0 0 30px; text-decoration: none; padding: 10px 0 }
	#submenu #active a { background: url(gfx/indicator.gif) 50% 0 no-repeat }

#grid { width: 940px; margin: 0 auto; padding: 10px 0 0 0 }

#content { float: right; display: inline; width: 620px }
	#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
	#content h1 { }
	.entry { width: 620px; padding: 15px 0 20px 0; border-top: 1px solid #333; min-height: 240px }
	.post { position: relative; width: 320px }
	.first, #single-page .entry { margin-top: -21px }
	/*#single-entry { margin: 0 0 0 20px }*/
	
	.izdvojeno { background: #1d1d1d; width: 180px; float: right; display: inline; padding: 16px 20px 1px 20px; margin: 0 0 20px 20px; border-top: 1px solid #333; border-bottom: 1px solid #333 }
	#srednja { list-style: none }
		#srednja a { float: left; display: inline; margin: 0 20px 20px 0; border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 20px; width: 152px; background: #1d1d1d; text-decoration: none; text-align: center }
		#srednja a.alt { margin-right: 0 }
	
	a.more-link { text-decoration: none; padding: 1px 3px; color: #fac23e; font-style: normal }
	a:hover.more-link { color: #999 }
	
	.post .post-details { color: #666; position: absolute; right: -300px; top: 0; width: 220px }
		.storytitle { position: relative; width: 320px }
		.storytitle a { display: block; padding: 0 80px 0 0; width: 320px }
		.storytitle .permalink { font-style: normal; text-decoration: none; font-size: 1em; color: #666; position: absolute; right: -300px; bottom: 0; width: 220px }
		.permalink:hover, .storytitle a:hover .permalink { color: #fac23e }
		
	#post-nav { border-top: 1px solid #333; padding: 20px 0 0 0 }
		#post-nav i { width: 140px; font-style: normal; display: block; float: left; display: inline; margin: 0 0px 0 0 }
	
#secondary { float: left; display: inline; width: 280px; padding: 0 0 40px 0 }
	.box { margin: 0 0 0px 0; padding: 0 0 10px 0 }
	.box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
		.box p { margin-bottom: 0 }
		.box img { padding-top: 6px; margin-bottom: 10px }

	ul#arhiva li { float: left; width: 130px; margin: 0 20px 0 -20px; padding: 0; list-style: none }
	ul#arhiva li a { display: inline }

#arhiva a { clear: both; width: 280px; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; 
	/* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; margin: 20px; display: block; text-decoration: none }
	#arhiva a:hover { }
	
	.thumb, #thumbs img { float: left; display: inline; margin: 0 20px 0 0 }
	#thumbs img { margin: 20px !importantÊ} 
	#thumbs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
	
	.thumbs img { float: left; display: inline; margin: 0 40px 40px 0 }

#o-manifestaciji { float: left; display: inline; width: 940px; background: url(gfx/gjalski.jpg) bottom no-repeat; padding: 0 0 20px 0 }
	#o-manifestaciji p { float: left; display: inline; margin-right: 20px; width: 220px }
	#o-manifestaciji p#last { float: right; display: inline; margin: 0; width: 220px }
	
	#o-danima { float: left; display: inline; width: 480px }
		#o-danima h1 { width: 460px }
	
	#kontakt-adresa { float: right; display: inline }
		#kontakt-adresa em {  }
		#kontakt-adresa p { }
		#kontakt-adresa h1 {  }

/* kontakt */
label { display: block; font-size: 1.3em; padding: 10px 0 5px 0 }
input[type=text] { font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif }
input[type=text], textarea { width: 300px; padding: 3px }
textarea { width: 400px }
form strong { font-weight: normal; color: #999; padding: 0 0 0 10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase }
#contactsubmit { font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif }

#footer { border-top: 1px solid #333; background: ; float: left; display: inline; clear: both; width: 100%; padding: 40px 0 60px 0 }
	#impressum { width: 220px; float: right; display: inline }

	#foot-grid { margin: 0 auto; width: 940px }
	#footer p { font-size: 1.3em; font-weight: normal }
	#footer a { }
	#footer a:hover { }
	#footer strong { font-style: normal; color: #fac23e }
	#footer em { text-transform: lowercase }
	
#top { padding: 30px; clear: both; width: 940px; margin: 0 auto }
	#top a { color:  }
	#top a:hover { color: #ccc }