/*
Theme Name: ECJUNIOR2010
Theme URL: http://ecjunior2010.rs

Description:  This is a wordpress theme designed by Zoran Maric.

Version: 1.0

Author: Zoran Maric
Author URI: http://prognozavremena.info/
*/



/* Begin Typography & Colors */
/* CSS Document */

body{
	background:url(images/bg.gif) repeat-x 0 0 ; color:#6B6B6B;
	margin:0; padding:0;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}
	
	
/* ----------------------------- header start ----------------------------- */
#header{
	background:url(images/header_bg.jpg) no-repeat 0 0 ; position:relative; margin:0 auto;
	width:778px; height:245px;}
#header img{
	position:absolute; left:372px; top:90px; border:none;}
#header ul{
position:absolute; left:40px; top:6px;}
#header ul li{
	font:bold 14px/40px Arial, Helvetica, sans-serif; color:#ffffff; float:left;}
#header ul li a{
	font:bold 14px/40px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; padding:0 10px; text-decoration:none;}
#header ul li a.hover{
	font:bold 14px/40px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FEEC29; padding:0 10px; text-decoration:none;}
#header ul li a:hover{
	font:bold 14px/40px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FEEC29; padding:0 10px; text-decoration:none;}
/* ----------------------------- header end ----------------------------- */
/* ----------------------------- meni start ----------------------------- */
#meni{
	background:url(images/meni.jpg) no-repeat 0 0 ;
    margin:0 auto;
	width:730px;
    height:40px;
    float:left;
    display:block;
    }
#meni ul{
margin-left:30px; margin-top:0px;}
#meni ul li{
	font:bold 14px/40px Arial, Helvetica, sans-serif; color:#ffffff; float:left;}
#meni ul li a{
	font:bold 14px/40px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; padding:0 10px; text-decoration:none;}
#meni ul li a.hover{
	font:bold 14px/40px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FEEC29; padding:0 10px; text-decoration:none;}
#meni ul li a:hover{
	font:bold 14px/40px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FEEC29; padding:0 10px; text-decoration:none;}
/* ----------------------------- meni end ----------------------------- */
/* ----------------------------- body start ----------------------------- */
#bodyContainer{
	background-color:#FFFFFF; border:#E2DED3 1px solid; position:relative; width:732px; margin:0 auto 15px; padding: 0 0 30px 0;}
#bodyContainer span{
  height:3px;
  }
 #telo{
	position:relative;
    width:732px;
    margin:0 auto;
    padding: 0 0 0 0;}
/* ----------------------------- left pannel start --------------------------- */
#levo {
	width:460px; float:left;}
#left{
	padding:0 0 0 20px; width:460px; float:left;}
#napred{
	display:block; width:730px; height: 200px; float:left; margin-bottom:1px; margin-top:2px;}
#baneri{
	display:block; width:730px; height: 65px; float:left;}
#baner1{
	display:block;
    margin-left: 10px;
    width:105px; height: 65px; float:left;}
#baner2{
	display:block; width:150px; height: 65px; float:left;}
#baner3{
	display:block; width:150px; height: 65px; float:left;}
#baner4{
	display:block; width:150px; height: 65px; float:left;}
#baner5{
	display:block; width:150px; height: 65px; float:left;}
.content{
	float:left; width:460px;
    padding-top:25px;
	padding-bottom:20px;
	}
#left h2{
    width:445px;
    height: 30px;
	font:normal 16px/27px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000099;}
#left h5{
    float:left;
    width:445px;
    height: 20px;
    margin-top:15px;
	font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000099;}
    #left s{
	width:445px;
    padding:0 1px;
    display:block;
    float:left;
    }
#left h2 span.year{
	width:30px; padding:0 7px; background-color:#000000; display:block; background-image:none; height:16px; float:left; margin:0 0 18px 1px;
	font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;}
#left p{
	font:normal 14px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#6B6B6B; clear:both; width:460px;}
#left p strong{
	font:normal 14px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3B3B3B; }
#left ul{
	width:298px; margin:10px 0 19px 0;}
#left ul li{
	font:bold 14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#474747; border-bottom:#898989 1px dashed;
	}
#left ul li.noborder{
	font:bold 14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#474747; border-bottom:none;
	}
#left ul li a{
	font:bold 14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#474747; padding:0 0 0 12px; text-decoration:none; background:url(images/red_bullet.gif) no-repeat 0 6px #FFFFFF; display:block;
	}
#left ul li a:hover{
	font:bold 14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#474747; padding:0 0 0 12px; text-decoration:none; background:url(images/red_bullet.gif) no-repeat 0 6px #FFFBEB;
	}
#left img{
	float:right; border:#F5EED4 4px solid; margin:6px 0 0 0;}
#left p.bg{
	background-color:#FFFBEB; width:379px; padding:0 18px; text-align:right; line-height:19px; margin:0 0 18px 0;}
#left p.bg a.more{
	font:bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; margin-left:8px; background:none;
	}
#left p.bg a.more:hover{
	color:#47422F; background:none;
	}
#left p.bg a.comment{
	font:bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#8F7B30; text-decoration:none; margin-left:8px;
	}
#left p.bg a.comment:hover{
	color:#514518; background:none;
	}
#left p.bg a.administrator{
	font:bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#CA0353; text-decoration:none;
	background:url(images/admin_icon.gif) no-repeat 0 4px; padding:0 0 0 11px; margin-left:8px;
	}
#left p.bg a.administrator:hover{
	color:#70002D;
	}
#left .navigation{
	width:100%;
	height:30px;
	text-align:center;
}

#left .alignleft{
	padding-left:5px;
	padding-right:5px;
}

#left .alignleft a{
	font-weight:bold;
	color:#990000;
}

#left .alignright{
	padding-left:10px;
	padding-right:10px;
}

#left .alignright a{
	font-weight:bold;
	color:#990000;
}
/* ----------------------------- left pannel end --------------------------- */
/* ----------------------------- right pannel start ------------------------ */
#right{
	 float:left; width:230px; padding:3px 0px 0 10px; }
#right h2.blue{
	font:normal 13px/20px Arial, Helvetica, sans-serif; color:#000099; border:#000099 1px solid;
	background-color:#DBF5FF; padding:0 0 0 12px; margin:12px 0 0 0; font-weight: bold;
}
#right h2.green{
	font:normal 13px/20px Arial, Helvetica, sans-serif; color:#000099; border:#000099 1px solid;
	background-color:#DBF5FF; padding:0 0 0 12px;  margin:12px 0 0 0; font-weight: bold; }
#right h2.blue1{
	font:normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000099; border:#000099 1px solid;
	background-color:#DBF5FF; padding:0 0 0 12px; margin:12px 0 0 0; font-weight: bold; }
#right h2.green1{
	font:normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000099; border:#000099 1px solid;
	background-color:#DBF5FF; padding:0 0 0 12px;  margin:12px 0 0 0; font-weight: bold; }
#right form label{
	font:bold 10px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000099; margin:0 12px;
	}
#right form input{
	width:160px; border:#808080 1px solid; margin:0 12px; padding:2px;
	font:normal 16px/18px Arial, Helvetica, sans-serif; color:#000000;}
#right form input.go{
	background:none; width:32px; height:18px; border:none; margin:0;
		} 
#right form p{
	height:18px; background-color:#FFFBEB; padding:0 12px; margin:5px 0 0 0;
	}
#right form p a{
	width:auto; float:left; display:block;
	font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#CA0353; text-decoration:underline;
	}
    #right p {
    font:bold 10px/18px "Trebuchet MS";
    margin:0 12px;
}
#right p a:hover{
	text-decoration:none;
	}
#right ul{
	padding:10px 0 0 10px; margin:0;}
#right ul li{
	font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#474747;  border-bottom:#898989 1px dashed;
	}
#right ul li.noboder{
	font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#474747;  border-bottom:none;
	}
#right ul li a{
	font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#474747; padding:0 0 0 9px; text-decoration:none; background:url(images/red_arrow.gif) no-repeat 0 6px #FFFFFF; display:block;
	}
#right ul li a:hover{
	background:url(images/red_arrow.gif) no-repeat 0 6px #EAEAEA;
	}
	
#right ul li ul li{
	font:bold 11px/11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#474747;  border-bottom:none;
	}
#right ul li ul{
	padding:4px 0 0 5px; margin:0;}
	
#right ul.plus{
	padding:10px 0 0 10px; margin:0;}
#right ul.plus li{
	font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#474747;  border-bottom:#898989 1px dashed;
	}
#right ul.plus li.noboder{
	font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#474747;  border-bottom:none;
	}
#right ul.plus li a{
	font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#474747; padding:0 0 0 9px; text-decoration:none; background:url(images/red_plus.gif) no-repeat 0 6px #FFFFFF; display:block;
	}
#right ul.plus li a:hover{
	background:url(images/red_plus.gif) no-repeat 0 6px #EAEAEA;
	}

#right ul.archive{
	padding:10px 0 0 10px; margin:0;}
#right ul.archive li{
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#CA0353;  border-bottom:#898989 1px dashed; 
	}
#right ul.archive li p{
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#CA0353;  border-bottom:none; padding:0 0 5px 9px; 
	}
#right ul.archive li.noboder{
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#CA0353;  border-bottom:none;
	}
#right ul.archive li a{
	font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#474747; padding:0 0 0 9px; text-decoration:none; background:url(images/red_arrow1.gif) no-repeat 0 6px #FFFFFF; display:block;
	}
#right ul.archive li a:hover{

	background:url(images/red_arrow1.gif) no-repeat 0 6px #EAEAEA;
	}

#right ul.meta{
	padding:10px 0 0 10px; margin:0;}
#right ul.meta li{
	font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#CA0353;  border-bottom:none;
	}
#right ul.meta li a{
	font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#CA0353; padding:0 0 0 9px; text-decoration:none; background:url(images/black_plus.gif) no-repeat 0 6px #FFFFFF; display:block; text-transform:uppercase;
	}
#right ul.meta li a:hover{
	background:url(images/black_plus.gif) no-repeat 0 6px #EAEAEA; color:#CA0353;
	}

#right p.btn{
	background:url(images/star_icon.gif) no-repeat 8px 4px #FFFBEB; color:#000000; text-align:center; line-height:20px; margin:12px 0 0 0;}
a.icon{
	font:bold 12px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#191919;	background:url(images/icon1.gif) no-repeat right 2px #FFFBEB; text-decoration:none; text-transform:uppercase; padding:0 18px 0 0; margin:0 0 0 8px;
	}
a.icon:hover{
	font:bold 12px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#6B6B6B;	background:url(images/icon1.gif) no-repeat right 2px #FFFBEB; text-decoration:none; text-transform:uppercase; padding:0 18px 0 0; margin:0 0 0 8px;
	}

/* ----------------------------- right pannel end ------------------------ */
/* ----------------------------- body end ----------------------------- */

/* -------------------------------------- footer start ---------------------------------- */

#footer{
	background:url(images/footer_bg.gif) repeat-x 0 0 #A09775; margin:0 auto; height:100px; color:#FFFF33;
	}

#footer ul{
	margin:0 auto; padding:15px 0 0 0;
	width:500px;
	}
#footer ul li{
	float:left;
	font:bold 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	}

#footer ul li a{
	font:bold 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;
	padding:0px 7px;
	background:none;
	}

#footer ul li a:hover{
	font:bold 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FCF5DB; text-decoration:none;
	padding:0px 7px;
	background:none;
	}

#footer p{
	font:normal 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFBEB; clear:both;
	text-decoration:none; text-align:center; padding:5px 0 8px 0;
	}
#footer ul.css{
	margin:0 auto; padding:0; width:120px;
	}
#footer ul.css li{
	float:left;
	font:bold 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#E72271; margin: 0 0 0 4px;
	}
#footer ul.css li a{
	float:left;
	font:bold 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#E72271; padding:0 12px;
	}
#footer ul.css li a:hover{
	float:left;
	font:bold 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#971147; padding:0 12px;
	}
#footer p.templateWorld{ width:218px;
	font:bold 10px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; clear:both;
	text-align:center; padding:0; background-color:#6A6243; margin:7px auto 0;

	}
#footer p.templateWorld  a{
	font:bold 10px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; clear:both;
	text-decoration:none;
	}
#footer p.templateWorld a:hover{
	font:bold 10px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FCF5DB; clear:both;
	text-decoration:none;
	}

a{
 color:#000066;
}
/* -------------------------------------- footer end ------------------------------------ */