body{
 background-color:#cccccc;
 font-family:arial;
 background-image:url(./pozadina.png);
 background-position:top left;
 background-repeat:no-repeat;
}
h1{
 font-size:40px;
}
h1,h2,h3{
 margin:0px;
 text-shadow:0px 0px 10px #000000;
}

#footer{
 background-color:#000000;
 color:#ffffff;
 padding:20px;
 border-radius:0px 0px 10px 10px;
 text-align:right;
 font-size:12px;
 background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#000));
 background: -moz-linear-gradient(top,  #222,  #000);
}
#jakobdesign{
 text-decoration:none;
 color:#cccccc;
 font-weight:bold;
}
#jakobdesign:hover{
 color:#ffffff;
}


#stats{
  font-size:10px;  
  display:block;
  width:320px;
  font-weight:bold;
  color:#cccccc;
}
#stats span{
  font-size:9px;  
  float:right;
  font-weight:normal;
}

#wrapper{
 position:relative;
 top:30px;
 border-radius:10px 10px 10px 10px;
 margin-left:auto;
 margin-right:auto;
 width:960px;
 border:1px solid #aaaaaa;
 background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
 background: -moz-linear-gradient(top,  #000,  #333);
}
#naslov,div.naslov2{
 border-radius:10px 10px 0px 0px;
 position:relative;
 height:217px;
 background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
 background: -moz-linear-gradient(top,  #666,  #000);
 color:#ffffff;
 padding:20px;
}
div.naslov2{
 height:auto;
 padding:10px;
 font-weight:bold;
 margin-left:20px;
 margin-right:20px;
 background: -webkit-gradient(linear, left top, left bottom, from(#149), to(#027));
 background: -moz-linear-gradient(top,  #149,  #027);
}
#content{
 width:960px;
}
div.smer{
 border-radius:0px 0px 10px 10px;
 background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));
 background: -moz-linear-gradient(top,  #ddd,  #fff);
 padding:20px;
 border:1px solid #dddddd;
 margin-left:20px;
 margin-right:20px;
}

div.smer b{
	display:block;
	width:899px;
	margin-left:-20px;
	padding:10px;
	background-color:#dddddd;
}

#content a{
 margin-right:5px;
 margin-bottom:5px;
 text-decoration:none;
 background-color:#bbccff;
 color:#000000;
 border:2px solid #99aaff;
 border-radius:5px 5px 5px 5px;
 font-size:12px;
 padding-left:3px;
 padding-right:3px;
}
#content a:hover{
 background-color:#3366ff;
 border:2px solid #3366ff;
 color:#ffffff;
}

#browsewnd{
  display:none;
  position:absolute;
  width:980px;
  height:500px;
  border-radius:10px;
  top:40px;
  left:-10px;
  z-index:100;
  background-color:rgba(255,255,255,0.6);
  border:1px solid #ffffff;
}
#browseiframe{
  width:960px;
  height:480px;
  margin:10px;
  background-color:#ffffff;
  color:#ffffff;
}
#closebrowse,#backbrowse{
  position:absolute;
  display:block;
  width:20px;
  height:20px;
  border-radius:5px;
  left:960px;
  top:0px;
  background-color:#aa3300;
  cursor:pointer;
  text-align:center;
  font-weight:bold;
}
#closebrowse:hover{
  background-color:#ff6633;
}
#backbrowse{
  background-color:#33aa00;
  left:940px;
  color:#ffffff;
}
#backbrowse:hover{
  background-color:#33ff66;
}