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 */

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

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

p.author, p.source {font: normal 12pt "Times New Roman", Times, sans-serif}


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
}


#article_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/articles/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
}


p.intro {font: bold 12pt "Times New Roman", Times, sans-serif}


div.text {padding: 5pt 0 15pt 0}
div.text a {color: blue}

div.text .actions {white-space:nowrap; padding-left:5px}
	div.text .actions .fb {position:relative; top:2px; left:0; outline:none}

div.text:first-letter
{
	color: #c00;
	font: normal 22pt Verdana, Times, sans-serif
}

div.text div.image
{
	float: right;
	margin: 0 0 10px 10px;
	width: 320px
}

div.text div.image img {width: 100%}

div.text div.image p
{
	padding-top: 5px;
	font-size: 11px
}

p.source {margin-bottom: 10px}

/* Sidebar */

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


/* 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}


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

ul#related li
{
	padding-left: 8px;
	margin: 0 0 6px 2px;
	line-height: 12px;
	background: #fff url(../images/design/articles/sprite.gif) no-repeat -53px 5px;
}

ul#related li a
{
	font-size: 9px;
	text-decoration: none;
	color: #363636
}

ul#related li.title
{
	font-weight: bold;
	background: #fff;
	color: #c00;
	padding-left: 2px;
	font-size: 12px;
	margin-bottom: 8px
}


/* Article 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/articles/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}