body {
margin: 10px 0 20px 0;
padding:0;
background:#e1e1e1;
font:small Verdana,Sans-serif;
line-height:1.6em;
color:#333;
text-align: center;
}
#wrapper {
width: 757px;
margin: auto;
padding: 0;
text-align: left;
}

#menu {
position: absolute; /* Menu position that can be changed at will */
top: 100;
left: 100;
z-index:100;
width: 100%; /* precision for Opera */
height: 30px;
}
#menu dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dl {
float: left;
width: 118px;
height: 30px; 
color: #FFFFFF;
}
#menu dt {
cursor: pointer;
text-align: center;
color: #FFFFFF;
font: 11px/30px "Lucida Grande", verdana, sans-serif;
border-right: 1px solid #FFF;
height: 30px;

}
#menu dd {
display: none;


}
#menu li {
text-align: center;
background: #fff;
}
#menu dt a {
color: #FFFFFF;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width: 100%;
}

#menu li a {
color: #1c64d1;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width: 100%;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #1c64d1;
}
#menu dt a:hover, #menu dt a:focus {
background: #990000;
}

#button {
width: 150px;
padding: 0px 0 1px 0px;
margin: 24px 0 0 0;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 100%;
background-color: #CC0000;
color: #FFF;
}

#button ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#button li {
border-bottom: 1px solid #FFF;
margin: 0;
}

#button li a {
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #CC0000;
background-color: #1c64d1;
color: #fff;
text-decoration: none;
width: 100%;
}

#button li#active a {
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #CC0000;
background-color: #CC0000;
color: #fff;
text-decoration: none;
width: 100%;
}

#button li#under a {
display: block;
padding: 1px 5px 1px 0.5em;
border-left: 10px solid #CC0000;
background-color: #3084ff;
color: #fff;
text-decoration: none;
width: 100%;
}


html>body #button li a {
width: auto;
}

#button li a:hover {
border-left: 10px solid #CC0000;
background-color: #CC0000;
color: #fff;
}

#button li#under a:hover {
border-left: 10px solid #CC0000;
background-color: #CC0000;
color: #fff;
}


a:link {
	color: #1c64d1;
	
	text-decoration: none;
}
a:visited {
	color: #1c64d1;
	
	text-decoration: none;
}
a:active {
	color: #1c64d1;
}
a:hover {
	color: #ff0000;

	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;
}

del {
color: #ccc;
background: #FFFFCC;
}

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: #993333;
color: #fff;
}
.topestnav {
background: url("http://miloc.hr/images/gripantislip_05.jpg") top left no-repeat;
text-align: left;
margin: 0;
padding: 0 0px 0 27px;
font-size: 10px;
height: 184px;

}
.topestnav p {
margin: 0;
padding: 0;
}

#bigger ul {
list-style: square;
margin: 0 0 0 15px;
padding: 0;
}
#bigger ul li {
margin: 4px 0 4px 0;
}
.top {
margin: 0;
padding: 70px 280px 0 0px;
font-size: 27px;
line-height: 32px;
height: 104px;
float: right;
color: #FFF;
}
.top 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;
height: 21px;
background: url("http://miloc.hr/images/gripantislip_03.jpg") top left no-repeat;
}
#header h1 {
font: 30px Arial, Verdana, sans-serif;
margin: 0;
padding: 10px;
}
#header a {
border: none;
color: #990000;
}
#header a:hover {
color: #CC0000;
}

#navcontainer{
border-top: 1px solid #FFF;
height: 30px;
margin: 0 0 0 27px;
padding: 0;
width: 708px;
background: #CC0000;
}
#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: 117px;
border-top: none;
border-right: 1px solid #FFF;
border-bottom: none;
}

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


#main-c {
width: 757px;
margin: 0;
padding: 0;
background: url("http://miloc.hr/images/gripantislip_07.jpg");
}


#main {
width: 757px;
background: url("http://miloc.hr/images/gripantislip_07.jpg");
}

#bigger {
width: 403px;
float: left;
margin: 0;
padding: 0 0 30px 0;

}

.bar-head {
background: url("./images/theme_images/butterfly/butterfly.jpg") top left no-repeat;
height: 170px;
margin: 0 0 15px 0;
padding: 0;
}
.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: #1c64d1;
font: bold 18px Verdana, 'Times New Roman', sans-serif;
}

.entry-title h3 a {
border: none;
color: #1c64d1;
}

.entry-title h3 a:hover {
border: none;
color: #1c64d1;
}

.entry-title h3 a:active{
border: none;
color: #1c64d1;
}

.entry {
margin: 20px 15px 40px 15px;
padding: 0;
}
.entry-info {
margin: 10px 0 10px 0;
padding: 0;
font-size: 10px;
text-align: right;

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;
background: #FBF8EF;
padding: 10px;
}
.navi-pages p {
margin: 0;
padding: 0;
}

#smaller {
width: 170px;
float: left;
margin: 0;
padding: 0 0 0 27px;
font-size: 11px;
line-height: 16px;
}
.smaller-c {
margin: 10px;
}

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

#smaller h4 {
margin: 0 0 8px 0;
padding: 0;
color: #990000;
font: bold 12px Verdana, Arial, sans-serif;
}
#smaller1 {
width: 100px;
float: left;
margin: 0;
padding: 0 0 0 0px;
font-size: 11px;
line-height: 16px;
}


#smaller1 .box-1 {
margin: 0 0 30px 0;
}

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



#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 0 0 17px;
font-size: 10px;
background: url("http://miloc.hr/images/gripantislip_09.jpg") top left no-repeat;
height: 183px;
}

.footer-i {
margin: 0px;
padding: 10px;
}
.footer-i p {
margin: 0;
padding: 0;
}