body {
margin: 20px 0 20px 0;
padding:0;
background:#8b84c3;
font:small Verdana,Sans-serif;
line-height:1.6em;
color:#56527a;
text-align: center;
}
#wrapper {
width: 801px;
margin: auto;
padding: 0;
text-align: left;
}
a:link {
	color: #8b84c3;
	border-bottom: 1px dashed #8b84c3;
	text-decoration: none;
}
a:visited {
	color: #8b84c3;
	border-bottom: 1px dashed #8b84c3;
	text-decoration: none;
}
a:active {
	color: #8b84c3;
}
a:hover {
	color: #a39dd5;
	border-bottom: 1px solid #a39dd5;
	text-decoration: none;
}

.nb:link {
	color: #8b84c3;
        border: none;
	text-decoration: none;
}
.nb:visited {
	color: #8b84c3;

        border: none;
	text-decoration: none;
}
.nb:active {
        border: none;
	color: #8b84c3;
}
.nb:hover {
	color: #a39dd5;
        border: none;
	text-decoration: none;
}

.none, caption {
display: none;
}
.clear {
clear: both;
margin:0;
padding:0;
height: 0.1px;
}

code {
font: 13px 'Courier New', Courier, Arial, sans-serif;
color: #CC3300;
}

acronym, abbr {
cursor: help;
border-bottom: 1px dotted #333;
}
.img1 {
margin: 0 10px 0px 0;
border: 0;
float: left;
}
del {
color: #ccc;
background: #FFFFCC;
}

.img-rub {
margin: 0;
border: 0;
float: left;
}

blockquote {
background: url("./images/theme_images/butterfly/butterfly_quote.gif") top left no-repeat;
margin: 10px;
padding: 8px 0 0 25px;
}

textarea.text, input.text {
font: 11px Verdana, Arial, sans-serif;
}

input.button {
font: 11px Verdana, Arial, sans-serif;
background: #8b84c3;
color: #fff;
}

.topestnav {
background: url("http://pou-bjelovar.hr/slike/pouweb_05.jpg") top left no-repeat;
height: 55px;
text-align: right;
margin: 0;
padding: 0 20px 0 0;
font-size: 10px;
}
.topestnav p {
margin: 0;
padding: 0;
}
table#postcomment tr td {
font: 11px Verdana, Arial, sans-serif;
}
table#postcomment tr td p {
margin: 4px 0 4px 0;
}
#header {
margin: 0;
padding: 0;
background: url("http://pou-bjelovar.hr/slike/pouweb_03.jpg") top left no-repeat;
height: 162px;
}
#header h1 {
font: 30px Arial, Verdana, sans-serif;
margin: 0;
padding: 10px;
}
#header a {
border: none;
color: #990000;
}
#header a:hover {
color: #CC0000;
}

#navcontainer{
background: #8C0000;
height: 30px;
margin: 0;
padding: 0;
}
#navcontainer ul{
margin: 0;
padding: 0;
}
#navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
font: 11px/30px "Lucida Grande", verdana, sans-serif;
text-align: center;
}

#navcontainer a
{
color: #F8F2E5;
text-decoration: none;
display: block;
width: 106px;
border-top: none;
border-right: 1px solid #A8B090;
border-bottom: none;
}

#navcontainer li#active { background: #CC0000; color: #fff; border-bottom: none; }
#navcontainer a:hover { background: #4A0000; color: #fff; border-bottom: none;}


#main-c {
width: 801px;
margin: 0;
padding: 0;
background: #ccc;
}


#main {
width: 801px;
background: url("http://pou-bjelovar.hr/slike/pouweb_06.jpg") top left;
}

#bigger {
width: 586px;
float: left;
margin: 0;
padding: 0 0 30px 0;
background: #fff;
}


.date-header {
margin: 15px;
padding: 0;
}
.date-header h2 {
font: 24px Arial, 'Times New Roman', sans-serif;
margin: 0;
padding: 0;
color: #133902;
}

.entry-title {
margin: 0;
padding: 0;
}

.entry-title h3 {
margin: 0 0 8px 0;
padding: 0;
color: #8b84c3;
font: bold 14px Verdana, 'Times New Roman', sans-serif;
}

.entry-title h3 a {
border: none;
color: #8b84c3;
}

.entry-title h3 a:hover {
border: none;
color: #8b84c3;
}
.entry {
margin: 0px 15px 40px 15px;
padding: 0;
font-size: 13px;
}
.entry-info {
margin: 10px 0 10px 0;
padding: 0;
font-size: 10px;
text-align: right;
border-top: 1px solid #ccc;
line-height: 16px;
}
.entry-info p {
margin: 0;
padding: 0;
}
.entry .imgupload {
border: none;
float: left;
margin: 20px 10px 0 0;
border: 1px solid #333;
}

.navi-pages {
text-align: right;
margin: 15px;
font-size: 11px;
padding: 10px;
}
.navi-pages p {
margin: 0;
padding: 0;
}

#smaller {
width: 215px;
float: right;
margin: 0;
padding: 0;
font-size: 11px;
line-height: 16px;
}
.smaller-c {
margin: 0 5px 0px 10px;
}

#smaller .box-1 {
margin: 0 0 20px 0;
}

#smaller h4 {
margin: 0 0 8px 0;
padding: 0;
color: #8b84c3;
font: bold 12px Verdana, Arial, sans-serif;
}
#smaller ul {
list-style-type: none;
	margin: 0;
	padding: 0px 0px;
	border: 0 solid #CCC;
	color: #666;
}
#smaller ul li {
margin: 0px 0 0px 0;
}

#smaller li a:link {
	color: #333333;
background-color: #F5F5F5;
padding: 0px;
padding-left: 10px;
display: block;
border-bottom: 1px solid #D7D7D7;
font: 11px Verdana;
font-weight: normal;
text-decoration: none;
text-align: left;
	width: 160px;
}
#smaller li a:visited {
color: #333333;
background-color: #F5F5F5;
padding: 0px;
padding-left: 10px;
display: block;
border-bottom: 1px solid #D7D7D7;
font: 11px Verdana;
font-weight: normal;
text-decoration: none;
text-align: left;
	width: 160px;

}
#smaller li a:hover {
background-color: #FFFFFF;
color: #8b84c3;
text-decoration: none;}
	width: 160px;
}


#smaller li a:active {
	color: #333366;
	line-height: 100%;
	text-decoration: none;
	display: block;
	width: 160px;
}
#smaller li a.current:link {
	color: #ebe8ff;
background-color: #8b84c3;
padding: 0px;
padding-left: 10px;
display: block;
border-bottom: 1px solid #D7D7D7;
font: 11px Verdana;
font-weight: normal;
text-decoration: none;
text-align: left;
	width: 160px;
}
#smaller li a.current:visited {
color: #ebe8ff;
background-color: #8b84c3;
padding: 0px;
padding-left: 10px;
display: block;
border-bottom: 1px solid #D7D7D7;
font: 11px Verdana;
font-weight: normal;
text-decoration: none;
text-align: left;
	width: 160px;

}
#smaller li a.current:hover {
background-color: #8b84c3;
color: #ebe8ff;
text-decoration: none;}
	width: 160px;
}


#smaller li a.current:active {
	color: #FFFFFF;
	line-height: 100%;
	text-decoration: none;
	display: block;
	width: 160px;
}

#smaller li a.current1:link {
	color: #FFFFFF;
background-color: #8b84c3;
padding: 0px;
padding-left: 10px;
display: block;
border-bottom: 1px solid #D7D7D7;
font: 11px Verdana;
font-weight: normal;
text-decoration: none;
text-align: left;
	width: 160px;
}
#smaller li a.current1:visited {
color: #FFFFFF;
background-color: #8b84c3;
padding: 0px;
padding-left: 10px;
display: block;
border-bottom: 1px solid #D7D7D7;
font: 11px Verdana;
font-weight: normal;
text-decoration: none;
text-align: left;
	width: 160px;

}
#smaller li a.current1:hover {
background-color: #8b84c3;
color: #ebe8ff;
text-decoration: none;}
	width: 160px;
}


#smaller li a.current1:active {
	color: #FFFFFF;
	line-height: 100%;
	text-decoration: none;
	display: block;
	width: 160px;
}




#comments, #comments-post, #trackbacks {
margin: 20px 15px 10px 15px;
padding: 0;
font-size: 11px;
line-height: 17px;
}
#comments h4, #comments-post h4, #trackbacks h4 {
margin: 0 0 20px 0;
padding: 0;
color: #990000;
font: bold 14px Verdana, 'Times New Roman', sans-serif;
}
.comment-item, .trackbacks-item {
margin: 5px 0 20px 0;
padding: 0 0 20px 0;
border-bottom: 1px solid #f3f3f3;
}
.comment-text p, .comment-info p, .trackbacks-text p, .trackbacks-info p {
margin: 0 0 8px 0;
padding: 0;
}
.comment-info, .trackbacks-info {
text-align: right;
font-size: 10px;
}
.trackbacks-text h5 {
font: bold 11px Verdana, Arial, sans-serif;
margin: 0;
padding: 0;
color: #993300;
}

#footer {
margin: 0;
padding: 0;
font-size: 10px;
background: url("http://pou-bjelovar.hr/slike/pouweb_08.jpg") top left no-repeat;
height: 116px;
}


.footer-i {
margin: 0px;
padding: 10px;
}
.footer-i p {
margin: 0;
padding: 0;
}
#footer1 {
margin: 0 17px 180px 0;
padding: 0;
width: 250px
height: 150px;
font-size: 10px;
float: right;

}

#footer1 h4 {
margin: 13px 0 8px 0;
padding: 0;
color: #8b84c3;
font: bold 12px Verdana, Arial, sans-serif;
}


.nicetable {
        border-collapse:collapse;
}
.nicetableheader {
        margin:5px; 
        padding: 8px;
        border:1px solid #993333;
        background-color:#993333;                
        color:#FFFFFF;        
        font-size: 9pt;        
        font-weight:bold;
}

.nicetablerow {
        margin: 0 0 0 0;         
        padding: 0 0 10px 0;        
        background-color:#EBE7FE;       
        color:#000000;        
        font-size: 11px;
}




#smaller li a.currentred:link {
	color: #b02121;
background-color: #8b84c3;
padding: 0px;
padding-left: 10px;
display: block;
border-bottom: 1px solid #D7D7D7;
font: 11px Verdana;
font-weight: normal;
text-decoration: none;
text-align: left;
	width: 160px;
}
#smaller li a.currentred:visited {
color: #b02121;
background-color: #8b84c3;
padding: 0px;
padding-left: 10px;
display: block;
border-bottom: 1px solid #D7D7D7;
font: 11px Verdana;
font-weight: normal;
text-decoration: none;
text-align: left;
	width: 160px;

}
#smaller li a.currentred:hover {
background-color: #8b84c3;
color: #ebe8ff;
text-decoration: none;}
	width: 160px;
}


#smaller li a.currentred:active {
	color: #b02121;
	line-height: 100%;
	text-decoration: none;
	display: block;
	width: 160px;
}