/** basic stuff */
body{
  background: black;
  background: url(/images/body_background_logo.jpg);  
}
body, p, div, span, h1, h2, h3, h4{
  color: white;
}
a:link{
  color: #ff9900;
  text-decoration: underline;
  font-weight: bold;
}
a:visited{
  color: #ff9900;
  text-decoration: underline;
  font-weight: bold;
}
a:focus{
  color: #ff9900;
}
a:hover{
  color: #ff9900;
  text-decoration: none;
}
a:active{
  color: #ff9900;
}
.pagination a{
  color: #ff9900;
}
.pagination a:hover{
  background-color: #ff9900;
}
.pagination span.current{
  color: white;
}
/** header */
#header{
  background-image: url(/images/bg_top.gif);
  border-bottom: 3px solid #6699cc;
}
#header h1{
  text-indent: -9999px;
  background-image: url(/images/header.gif);
  background-repeat: no-repeat;  
  padding: 0px;
  margin: 0px auto;
  height: 64px;
  width: 416px;  
}
#header h1 a{
  height: 64px;
  width: 416px;  
  display: block;
}

/** menu */
#main_menu{
  background-image: url(/images/menu_bg.gif);
  border-bottom: 3px solid #6699cc;  
  height: 33px;
}
#menu_holder{
  width: 980px;
  margin: 0px auto;
	background-repeat: repeat-x;
  padding-top: 0px !important;  
}

.session_menu_holder {
  position: absolute;
  top: 74px;
  width: 240px;
  margin-left: 700px;
  text-align: right;
}

#session_btn {
  color: #FF9900;
  font-weight: bold;
  cursor: pointer;
  text-decoration: underline;
}

#session_btn:hover {
  text-decoration: none;
}

.session_menu {
  margin-top: 8px;
  text-align: left;
  background-color: #164360;
  border: 1px solid #6699CC;
  padding: 10px;
  position: absolute;
  width: 230px;
  z-index: 100;
}

.session_menu input[type="text"],
.session_menu input[type="password"] {
  width: 210px;
}
 

ul.menu .root_item{
  background-repeat: no-repeat;
  height: 33px;
  margin: 0px 20px 0px 0px !important;
  padding: 0px !important;
}
ul.menu .root_item h2{
  height: 33px;
  margin: 0px !important;  
  padding: 0px !important;  
  text-indent: -9999px;
}
ul.menu .skola{ width: 53px !important; background-image: url(/images/menu_skola.gif); }
ul.menu .ucenici{ width: 63px !important; background-image: url(/images/menu_ucenici.gif); }
ul.menu .predmeti{ width: 81px !important; background-image: url(/images/menu_predmeti.gif); }
ul.menu .komunikacija{ width: 124px !important; background-image: url(/images/menu_komunikacija.gif); }
ul.menu .drzavna-matura{ width: 152px !important; background-image: url(/images/menu_drzavna_matura.gif); }



/** content */
.flash{
  text-align: center;
}
#wrapper{
  background-image: url(/images/body_background_ferlauf.png);
  background-repeat: repeat-x;
  border-bottom: 6px solid #6699cc;
}
#content{
/*  width: 980px;*/
/*  margin: 0px auto;*/
  background-color: #164360;

}
#content .box{
  background-color: #286083;
}
#content #left .box img{
  padding: 10px;
}

/** footer */
#footer{
  background-color: #f2f2f2;
  color: #333333;

}
#footer .container{
  font-size: 0.89em;
}
#footer *{
  color: #333333;
}
#footer a {
  color: #333333;
  font-weight: normal;
}
#footer ul{
  list-style-type: none;
  margin: 0;  
}
#footer li{

}
#copyright{
  padding-top: 20px;
}


/** posts */
#left h1{
  padding-bottom: 6px;
}
#left h1, .post .title{
  margin-bottom: 4px;
  border-bottom: 3px solid #6699cc;
}
.post .title a{
  text-decoration: none;
  color: white;
}
.post .title a:hover{
  color: #f2f2f2;
}

/** kontakt */
#content label{
  display: block;
}
.post .creator{
  padding-left: 20px;
  color: #f2f2f2;
  font-size: 0.9em;
}


/** banners */
.banner{
  width: 300px;
  background-color: #6699cc;
  height: 150px;
  padding: 5px !important;
}
.banner img{
  display: block;
/*  position: absolute;*/
  bottom: 15px;
  padding: 0px !important;
  margin: 0px !important;
}
.banner .overlay{
  background-image: url(/images/black_36_overlay.png);
  margin: 0px;
  text-align: right;
  width: 300px;
  height: 30px;
  position: relative;
  bottom: 30px;
}
.banner .overlay a{
  padding: 5px;
  display: block;
  color: white;
  text-decoration: none;
}


#right textarea{
  width: 254px;
}
.highlight{
  color: orange;
  background: none;
}


table td{
  border-bottom: 1px solid #6699cc;
}
table thead td, table thead th{
  font-weight: bold;
  background-color: #6699cc;
  color: white;
}

.submenu{
  list-style-type: none;  
  margin-left: 5px;    
}
.submenu li{
  margin: 0;
}
.submenu a{
  display: block;
  text-decoration: none;
  padding: 3px 5px 5px 5px;
  border-bottom: 1px solid #6699cc;
}
.submenu a:hover{
  background-color: #FF9900;
  color: white;
}