/* andreas01 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author.

Version: 1.3 (Nov 28, 2005)

Screen layout: */

body{
margin:0 auto;
padding:0;
font-family: Calibri, Verdana,Tahoma,Arial,sans-serif;
font-size: 15px;
background:#eeeeee;
color:#303030;
}

p{
font-size:15px;
line-height: 130%;

}

#wrap{
color:#333;
margin:0 auto;
width:960px;
}

#header{
clear:both;
margin:20px 0 0 0;
padding:0;
height:45px;
}

#header h1{
width:350px;
margin:0 0 10px 0;
float:left;
font-size:16pt;
}

#header a{
text-decoration:none;
color:black;
}

#header a:hover{
text-decoration:underline;
color:#286ea0;
}

#header p{
width:400px;
float:right;
text-align:center;
color:#a0a0a0;
margin:0 0 10px 0;
font-size:10pt;
line-height:1.2em;
background-color:inherit;
}

#frontphoto{
margin:0 0 10px 0;
border:0;
}

#avmenu{
float:right;
width:320px;
margin-left: 20px;
display: inline;
}

#avmenu ul{
list-style:none;
width:300px;
margin: 0;
padding: 0;
margin-bottom: 20px;
}

#avmenu li{
margin-bottom:4px;
width: 150px; float: left;
}

#avmenu li a{
font-size: 12px;
text-decoration:none;
color:#333;
display:block;
padding:5px;
background:#eaeaea;
border-left:4px solid #248399;
margin-left: 0px;
}

#avmenu li a:hover{
background:#fff;
color:#248399;
border-left:4px solid #333;
}

.announce{
margin:10px 0 10px 0;
padding:10px;
width:180px;
color:#505050;
background-color:#f4f4f4;
line-height:1.5;
}

.announce a{
font-size:10pt;
letter-spacing:1px;
line-height:1.5;

}

#extras{
float:right;
width:120px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
line-height:1.5em;
}

#extras p{
margin:0 0 1.5em 0;
}

#content{
float: left;
display:inline;
width: 620px;
}

#content h2{
font-size: 24px;
margin: 0 0 0 0;
font-weight: normal;
}

#content img{
display:inline;
}

h3{
font-size:1.3em;
margin:0 0 10px 0;
}

a{
text-decoration:none;
color:#248399;
}

a:hover{
text-decoration:underline;
color:#248399;
}

a img{
border:0;
}


#footer{
clear:both;
margin:0 auto;
padding: 10px;
width:940px;
text-align:center;
float: left;
}

#footer a{
color:#808080;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

.left{
margin:10px 10px 5px 0;
float:left;
}

.right{
margin:10px 0 5px 10px;
float:right;
}

.textright{
text-align:right;
}

.center{
text-align:center;
}

.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}

.hide{
display:none;
}

.info {
BORDER-RIGHT: #e3e4e4 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #e3e4e4 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 0.9em; PADDING-BOTTOM: 3px; BORDER-LEFT: #e3e4e4 1px solid; COLOR: #505050; PADDING-TOP: 3px; BORDER-BOTTOM: #e3e4e4 1px solid; BACKGROUND-COLOR: #fafbfc
}

#searchdiv
{
background-color: #f9f9f9;
border: 1px solid #CCCCCC;
padding: 5px;
font-weight:bold;
}

#sidebar form {
margin: 0px;
padding: 0px;
}
label {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
}
/************************************************
*   Comments                                                    *
************************************************/
h2#comments{
text-align:center;
border-top:1px solid #e3e4e4;
background:#fafbfc;
padding:2px;
border-bottom:1px solid #e3e4e4;
margin-bottom:10px;
margin-top:80px;
font-size: 110%;
}

ol#commentlist {
margin-top:0px;
padding: 5px;
margin-left: 0px;
list-style-type: none;
}

#commentlist li  p{
margin-top: 8px;
margin-bottom: 16px;
line-height: 20px;
}

.commentname {
float: left;
margin: 0;
padding: 0  0 2px 0;
font-weight: bold;
}

.commentinfo{
width: 300px;
float: right;
text-align: right;
}

.commenttext {
clear: both;
margin-top: 0px;
margin-bottom: 30px;
border-top: 1px solid #ebebeb;
line-height:12px;
color: #5b5b5b;
background-color: #F8F8F8;
padding: 5px;
}

.commenttext-admin {
clear: both;
margin-top: 0px;
margin-bottom: 30px;
border-top: 1px solid #ebebeb;
line-height:12px;
color: #5b5b5b;
background-color: #CEE4F4;
padding: 5px;
}

#commentsformheader{
padding-left:18px;
font-size: 1.4em;
}

#commentsform{
margin-top:none;
text-align:center;
border:1px solid #ddd;
background:#fafbfc;
padding:0px 10px;
}

#commentsform form{
text-align:left;
margin:0px;
}

#commentsform p{
margin:5px;
}

p.comments_link  img{
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

#toptop { width: 960px; float: left;}
#logo {width: 360px; padding-top: 20px; padding-bottom: 20px; float: left;}

#prvimeni {
float: left;
width: 300px;
padding: 10px;
background: #fff;
margin-bottom: 10px;
border-top: 5px solid #248399;
}

#drugimeni {
float: left;
320px;
}

.reklame {width: 125px; float: left; display: inline; margin-right: 5px; height: 125px;}
.tekstovi {width: 470px; padding: 10px; display: inline; background: #fff; float: right; margin-bottom: 20px;
border-top: 5px solid #248399;}

#navigacija {width: 960px; float: left; height: 45px; background: #333; margin-bottom: 20px;}

#levopan {width: 180px; float: left; margin-right: 20px; display: inline;}
#desnopan {width: 120px; float: right; display:inline;}

.date {font-size: 11px; color: #ccc; text-transform: uppercase;}