div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, img, body, html {margin:0; padding:0; border:0}

body
{
	background:#fff url(../images/design/bg.gif) repeat-y -5px 0;
	font:normal 10pt Verdana, Times, sans-serif;
	color:#000;
	padding:10px 0 0 10px
}

a {color:#c00}

blockquote
{
	padding:10px;
	margin:10px 0;
	background:#efefef
}

cite
{
	margin:10px 0 10px 10px;
	padding:0 0 0 5px;
	border-left:1px solid #999;
	font-style:normal;
	color:#222;
	display:block
}

pre {line-height:8pt}

ul, ol {margin-left:25px}


/* Scaffold */

#wrapper {position:relative}


/* Menu */

#menu
{
	width:140px;
	position:absolute;
	top:0;
	border-bottom:10px solid #000;
	color:#fff
}

#menu_container {width:130px}

p#logo
{
	padding-top:10px;
	text-align:center
}

#menu ul
{
	list-style:none;
	padding-left:0;
	margin:25px 0 0 20px;
	line-height:13px;
	text-align:left
}

#menu ul li a
{
	font-size:11px;
	text-decoration:none;
	color:#fff;
	outline:none
}

#menu ul li a:hover {color:#cc0}
#menu ul li a:active {color:#c00}

#menu ul li.title
{
	font-weight:bold;
	font-size:12px;
	margin-bottom:8px
}


/* Content */

#content
{
	width:728px;
	position:relative;
	left:161px;
	border-bottom:10px solid #fff
}


/* Main part */

#top_ad {clip:rect(0px, 728px, 90px, 0px); height:90px; left:0; position:absolute; top:0; width:728px}

#main_content
{
	float:left;
	width:550px;
	min-height:450px;
	margin:100px 0 10px;
	padding-right:10px;
	border-right:1px dotted #000;
	zoom:1
}

p.supertitle, h1
{
	clear:both;
	padding:5px 0
}

p.categories
{
	padding-bottom:5px;
	line-height:10pt;
	float:left
}

p.categories a
{
	font-weight:bold;
	text-decoration:none
}

p.categories a:hover {text-decoration:underline}


p.date
{
	padding-bottom:5px;
	float:right;
	font-size:8pt;
	line-height:10pt;
	color:#666
}


#news_navigation
{
	clear:both;
	padding:5px 0;
	height:20px;
	border-top:1px solid #888;
	color:#666;
	font-size:8pt
}


ul.nearby
{
	list-style:none;
	margin-right:3px;
	float:right
}

ul.nearby li {float:left}

ul.nearby a
{
	display:block;
	outline:none;
	width:5px;
	height:12px;
	border:2px solid #fff;
	border-left-width:5px;
	border-right-width:5px;
	background:#fff url(../images/design/news/sprite.gif) no-repeat;
}

ul.nearby a.prev {background-position:-35px 0}
ul.nearby a.next {background-position:-39px 0}

ul.nearby a.prev.inactive {background-position:-44px 0}
ul.nearby a.next.inactive {background-position:-48px 0}

p.tags
{
	color:#000;
	float:left
}

p.tags a {text-decoration:none}
p.tags a:hover {text-decoration:underline}


p.supertitle
{
	font:small-caps 10pt "Times New Roman", Times, sans-serif;
	color:#666
}

h1
{
	color:#c00;
	font:bold 18pt "Times New Roman", Times, sans-serif
}


div.text {padding:5pt 0 15pt}
div.text a {color:blue}
div.text img {float:left; margin:0 10px 5px 0}
div.text img.smile {float:none; margin:0}


/* Sidebar */

#sidebar_content
{
	float:right;
	margin:100px 0 10px;
	width:160px;
	text-align:center;
	zoom:1
}


/* Search box */

form#search
{
	margin:0;
	padding:0;
	text-align:center;
	color:#fff
}

form#search input
{
	width:90%;
	margin-bottom:10px
}

form#search button {margin-bottom:10px}


#related {margin:5px 0 10px; list-style:none; padding:0 0 10px; border-bottom:1px dotted #000}
	#related li {background:url(../images/design/news/sprite.gif) no-repeat -53px 2px; font-size:12px; line-height:12px; color:#999; padding:0 0 0 8px; margin:0 0 6px}
	#related .title {font-size:13px; font-weight:bold; margin:0; padding:0 0 7px; background:#fff}
		#related a {padding-right:2px; text-decoration:none}


/* News list */

#content.list h1 {height:25pt}
#content.list h1 span, #content.list h1 a {float:left}

#content.list h1 a
{
	display:block;
	width:13px;
	height:13px;
	margin:7pt 0 0 4pt;
	background:#fff url(../images/design/news/sprite.gif) no-repeat 0 -11px;
	line-height:100%;
	outline:none
}


#content.list h2
{
	padding:5px 0 0 0;
	font-size:10pt;
	clear:both
}

#content.list h2 a {text-decoration:none}

#content.list div.text
{
	clear:both;
	padding:5px 0;
	font-size:8pt;
	display:none
}

#content.list div.text:first-letter
{
	color:#000 !important;
	font-size:8pt !important
}

#content.list div.text a.more {color:#c00}


#content.list select
{
	margin:1px 0;
	border:1px solid #999;
	width:110px
}


/* Pagination */

.pagination
{
	padding:4px;
	background:#efefef;
	margin:10px 0
}

.pagination ul
{
	float:right;
	font-size:12pt
}

.pagination li {display:inline}

.pagination a, .pagination a:visited
{
	padding:0 5px;
	margin:0 1px;
	text-decoration:none;
	color:#000
}

.pagination a:hover, .pagination a:active {color:#000}

.pagination a.currentpage
{
	color:#c00 !important;
	font-weight:bold;
	cursor:default
}

.pagination a.disablelink, .pagination a.disablelink:hover
{
	cursor:default;
	color:#999
}


/* Calendar */

#calendar, #calendar a {font:8pt Verdana; text-decoration:none}

.kalendar {width:140px; margin:10px auto; background:#fff}
.kalendar-strelica-natrag a, .kalendar-strelica-naprijed a {color:#c00}
.kalendar-strelica-natrag a:hover, .kalendar-strelica-naprijed a:hover {color:blue}
.kalendar-strelica-naprijed {text-align:right}
.kalendar-nazivi-dana {font-weight:bold; color:#000}
.kalendar-nazivi-dana td {width:15px; text-align:center}
.kalendar-mjesec-godina {text-align:center}
.kalendar-aktivni-dani {width:15px}
.kalendar-aktivni-dani a {width:15px; height:15px; text-align:center; color:#c00; border:1px dotted #aaa; display:block}
.kalendar-aktivni-dani a:hover {background:#c00; color:#fff; border:1px dotted #c00}
.kalendar-neaktivni-dani {width:15px; height:15px; color:#888; text-align:center}
.kalendar-prazni-dani {width:15px; height:15px; color:#888}
.kalendar-trenutni-aktivni {width:15px}
.kalendar-izabrani-aktivni {background:#c00; border:1px dotted #c00}
.kalendar-trenutni-aktivni a, .kalendar-trenutni-aktivni a:active, .kalendar-trenutni-aktivni a:visited {width:15px; height:15px; text-align:center; color:#fff; background:#c00; border:1px dotted #c00; display:block}
.kalendar-trenutni-aktivni a:hover{background:#900; border:1px dotted #900}
.kalendar-trenutni-neaktivni {width:15px; height:15px; text-align:center; color:#fff; border:1px solid #c00; background:#c00; display:block}
.kalendar-danas-aktivni {text-align:center}
.kalendar-danas-aktivni a {width:15px; height:15px; text-align:center; color:#c00}
.kalendar-danas-aktivni a:hover {color:blue}
.kalendar-danas-neaktivni {width:15px; height:15px; text-align:center; color:#e0e0e0; display:block}
.kalendar-izabrani-aktivni a.kalendar-aktivni-dani-linkovi {color:#fff; text-align:center; display:block}

