body {
margin:0px; 
padding:0px;
text-align:center;
background:#000000;
font-family:Trebuchet MS;
color:#CCCCCC;
font-size:14px;
}

h1,h2 { color:#FFFFFF; }

h1 { margin-bottom:5px;}

a { 
    color:#3366FF;
    text-decoration:none;
	border-bottom: 1px dotted #c0c0c0;
}
a:hover { 
    color: #999999;
    text-decoration:none;
	border-bottom: 1px solid #c0c0c0;
}

.header {
margin:auto;
width:800px;
height:300px;
background-image:url(slike/back.png);
}

.container {
text-align:left;
padding-left:300px;
padding-top:100px;
}

.bord { 
border-top:2px dotted #1d1d1d;
}

.sep { 
margin-left:42px;
margin-bottom:20px;
border-bottom:1px solid #0099FF; 
}

.main {
text-align:left;
margin-left:15%;
width:30%;
padding:25px;
padding-bottom:100px;
float:left;
}

.commentsw {
font-size:10px;
margin:0px;
background-color:#202020;
}

.commentsb {
font-size:10px;
margin:0px;
background-color:#0e0e0e;
}

.commentsb h4 { font-size:13px; }
.commentsw h4 { font-size:13px; }

.commentsb td {
padding-top:5px;
padding-bottom:5px;
padding-left:20px;
padding-right:20px;
}

.commentsw td {
padding-top:5px;
padding-bottom:5px;
padding-left:20px;
padding-right:20px;
}

.commentsb td:hover {
background-color:#080808;
}

.commentsw td:hover {
background-color:#080808;
}

.loginb { 
background:none;
border:1px solid #0099FF;
color:#fff;
}

.details { margin-left:5px; font-size:10px; color:#666666; }

.sidenav {
width:20%;
margin:0;
padding:0;
text-align:left;
padding:25px;
float:right;
margin-right:26%;
}

.sidenav ul {
margin:auto;
}

.sidenav li {
margin:0px;
text-decoration:none;
list-style:none;
}

.sidenav h2 { margin-left:30px; margin-bottom:2px;}

.sidenav li a {
width:200px;
border:none;
display:block;
padding:5px;
border-bottom:1px solid #1d1d1d;
}

.sidenav a:hover {
background-color:#999999;
color:#FFFFFF;
}

.clear { clear:both; }

.footer { 
margin-top:100px;
font-size:12px;
padding-bottom:20px;
}