/*
Theme Name: Volonteri 1.0
Theme URI: http://escapestudio.net/
Description: The default theme.
Version: 1.0
Author: Stanislav Mihić 
Author URI: http://escapestudio.net
Tags: blue, custom header, fixed width, two columns, widgets

	Volonteri 1.0
	 http://escapestudio.net

*/

* { 
    margin: 0px; 
    padding: 0px; 
    }

body { 
    background:  url(images/bg.png) no-repeat center top #F8ECD6;
    font-family: Arial,Helvetica,sans-serif; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: normal; 
    font-size: 62.5%; 
    line-height: 1.6; 
    color:#333333; 
    }
#wrapper{
    margin:0px auto;
    padding:0px;
    width:962px;
    }
#container{
    margin:0px 0px 20px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    width:962px;
    }
#header{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    width:962px;
    background:url(images/header.png) no-repeat left top;
    height: 140px;
    }
#page{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    width:962px;
    }
#footer{
    margin:0px auto;
    padding:0px 0px 0px 0px;
    /*float:left;*/
    width:100%;
    clear: both;
    background: url(images/footer.png) no-repeat left bottom;
    text-align: center;
    height: 245px;
    }
    
/******* fonts **********/

h1,h2,h3{
    margin:0px;
    padding: 0px;
    }
h1{
    margin:0px;
    padding: 0px 0px;
    font-size: 2.0em;
    color: #FF7F00;
    clear: both;
    }
h2{
    margin:0px;
    padding: 0px 0px;
    font-size: 1.5em;
    color: #FF7F00;
    clear: both;
    }
h2 a:hover{
    text-decoration: none;
    } 
.entry ul, .entry ol{
    margin:0px;
    padding: 10px 20px;
    list-style-position: inside;
    font-size: 1.2em;
    }
a{
    outline:none;
    border: none;
    color: #BB251A;   
    }

    
/*********** header *************/

#header #logo{
    margin:0px;
    padding: 0px 0px 0px 40px;
    float: left;
    display: block;
    }
#header #logo a{
    margin:0px;
    padding: 0px;
    float: left;
    display: block;
    background: url(images/volonterski_centar_osijek.png) no-repeat left top;
    width: 120px;
    height: 75px;
    text-indent: -9999px;
    }
#quotes{
    margin:0px;
    padding: 30px 0px 0px 10px;
    float: left;
    display: block;
    background: url(images/headline.png) no-repeat left -10px;
    width: 780px;
    color: #FF7F00;
    font-weight: bold;
    }
#quotes p{
    margin:0px;
    padding:0px;
    font-size:1.5em;
    color:#FF7F00;
}
#quotes b{
    font-size:1.2em;
}
/********* navigation ***********/

#header #navigation{
    margin:0px;
    padding: 9px 0px 25px 230px;
    float: left;
    display: block;
    width: 732px;    
    }
#header #navigation ul li.current_page_item a{
    background:#BB251A;   
    color: white;
    }
    
#suckerfishnav {
    font-weight:bold;      
    width:100%;
    }

#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    padding:0;
    margin:0;      
    width:100%;
   
    }

#suckerfishnav a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding:0px 7px;
    }
#suckerfishnav a:hover {
    color:#FF7F00 ;
    } 

#suckerfishnav li {
    float:left;
    padding:0px;
    font-size: 1.2em;
    }

#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;     
    width:151px;
    font-weight:normal;
    margin:0;
    padding:0px 0px;
    }

#suckerfishnav li li {    
    width:149px;
    font-weight:bold;
    border-bottom: 1px dashed red;
    }

#suckerfishnav li li a {
    padding:4px 10px;       
    width:129px;
    font-size:0.6em;
    color:#fff;
    }

#suckerfishnav li ul ul {
    margin:-21px 0 0 150px;
    }

#suckerfishnav li li:hover {
    background:#FF7F00;
    }

#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a     {
    color:#dddddd;
    }

#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#fff;}

#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color:#fff;}

#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul  {left:-999em;}

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul     
{left:auto; background:#FF7F00;}

#suckerfishnav li:hover, #suckerfishnav li.sfhover 
{background:#BB251A;}    

/*************** breadcrumbs ***********/

#bread{
    margin:0px;
    padding: 5px 20px;
    display: block;
    font-size: 1.1em;
    /*color: #BB251A;       */
    }
#bread a{
    color: #BB251A;
    }
#bread a:hover{
    text-decoration: none;
    }

/************* content ***********/

#content{
    margin:0px;
    padding: 10px 10px 10px 20px;
    float: left;
    width: 672px;
    }
#index_content{
    margin:0px;
    padding: 10px 0px 10px 10px;
    float: left;
    width: 672px;
    }

/******** sidebar *********/

#sidebar{
    margin:0px;
    padding: 0px;
    float: left;
    width: 260px;
    }
#sidebar .wrapp{
    padding:0px 20px;
    float: left;
    width: 220px;
    }
#sidebar .wrapp p{
    font-size: 1.2em;
    }
#burza{
    margin:0px;
    padding: 5px 0px;
   /* float: left;*/
    height: 130px;
    overflow:hidden;
    display:block;
    background:url(images/burza_bg.png) no-repeat left 48px;
    }
#burza h3{
    margin:0px;
    padding: 0px;
    float: left;
    display: block;
    width: 260px;
    height: 50px;
    background: url(images/traze_se_volonteri_h3.png) no-repeat left top;
    text-indent: -9999px;
    }
.b_vise{
    margin:0px;
    padding: 0px;
    float: left;
    display: block;
    width: 260px;
    }
.b_vise a{
    margin:0px;
    padding: 0px;
    float: left;
    display: block;
    width: 260px;
    height: 26px;
    background: url(images/burza_vise.png) no-repeat left top;
    text-indent: -9999px;
    }
#sidebar .salter{
    margin:0px;
    padding: 0px;
    float: left;
    display: block;
    }
#sidebar .salter a{
    margin:0px;
    padding: 0px;
    float: left;
    display: block;
    width: 260px;
    height: 125px;
    background: url(images/salter.png) no-repeat left top;
    text-indent: -9999px;
    }
    
#publikacije{
    margin:0px;
    padding: 5px 0px;
    float: left;
    display: block;
    text-align: center;
    height: 178px;
    background: url(images/publikacije_bg.png) no-repeat left 46px;
    }
#publikacije img{
   /* margin:0px;
    padding: 0px;
    display: block;*/
    height: 120px;
    overflow: hidden;
    }
#publikacije a img{
    border:none;
    }
#publikacije h3{
    margin:0px;
    padding: 0px;
    float: left;
    display: block;
    width: 260px;
    height: 50px;
    background: url(images/istrazivanja_i_publikacije_h3.png) no-repeat left top;
    text-indent: -9999px;
    }
.p_vise{
    margin:0px;
    padding: 0px;
    float: left;
    display: block;
    width: 260px;
    }
.p_vise a{
    margin:0px;
    padding: 0px;
    float: left;
    display: block;
    width: 260px;
    height: 48px;
    background: url(images/publikacije_vise.png) no-repeat left top;
    text-indent: -9999px;
    }

ul.button{
    margin:0px;
    padding: 10px 0px;
    list-style-type: none;
    float: left;
    }
ul.button li{
    margin:0px;
    padding: 0px;
    list-style-type: none;
    }
ul.button li.nagrada a{
    margin:0px;
    padding: 0px;
    display: block;
    background: url(images/volonterska_nagrada_h3.png) no-repeat left top;
    width: 260px;
    height: 68px;
    text-indent: -9999px; 
    }
ul.button li.dan a{
    margin:0px;
    padding: 0px;
    display: block;
    background: url(images/medjunarodni_dan_volontera_h3.png) no-repeat left top;
    width: 260px;
    height: 64px;
    text-indent: -9999px; 
    }
ul.sublinks{
    margin:0px;
    padding: 5px 10px 10px 15px;
    list-style-type: none;
    font-size: 1.2em;
    }
ul.sublinks li{
    width: 235px;
    }
ul.sublinks li a{
    color: #FF7F00;
    text-decoration: none;
    }
ul.sublinks li a:hover{
    text-decoration: underline;
    }         
/************* tabs *************/
#tab-container-1{
    margin:0px;
    padding: 0px;
    float: left;
    width: 670px;
    color: white;
   /* height: 200px;*/
    /*background: url(images/tab_bg.png) no-repeat left bottom; */
    }
ul#tab-container-1-nav{
    float: left;
    margin:0px;
    padding: 21px 0px 0px 0px;
    width: 200px;
    list-style-type: none;
    }
ul#tab-container-1-nav li{
    margin:0px;
    padding: 0px;
    list-style-type: none;
    }
#tabs1 a{
    margin:0px;
    padding: 0px;
    display: block;
    width: 200px;
    height: 77px;
    background:url(images/zelis_button.png) no-repeat left top;
    text-indent: -9999px;
    }
#tabs1 a:hover{
    background:url(images/zelis_button.png) no-repeat left bottom;
    }  
#tabs1 .active{
    background:url(images/zelis_button.png) no-repeat left bottom;
    } 
#tabs2 a{
    margin:0px;
    padding: 0px;
    display: block;
    width: 200px;
    height: 78px;
    background:url(images/trebate_button.png) no-repeat left top;  
    text-indent: -9999px;
    }
#tabs2 a:hover{
    background:url(images/trebate_button.png) no-repeat left bottom;
    } 
#tabs2 .active{
    background:url(images/trebate_button.png) no-repeat left bottom;
    }
#tabs3 a{
    margin:0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
    width: 205px;
    height: 117px;
    background:url(images/aktivnosti_button.png) no-repeat left top;   
    text-indent: -9999px;
    }
#tabs3 a:hover{
    background:url(images/aktivnosti_button.png) no-repeat left bottom;     
    } 
#tabs3 .active{
    background:url(images/aktivnosti_button.png) no-repeat left bottom;     
    }

.tab{
    float:left;
    width: 467px;
    }
#tab1{
    margin:0px;
    padding: 50px;
    float: left;
    width: 367px;
    height: 218px;
    display: block;
    background: url(images/zelis_volontirati.jpg) no-repeat left top;
    }
#tab2{
    margin:0px;
    padding: 50px;
    float: left;
    width: 367px;
    height: 218px;
    display: block;
    background: url(images/trebate_volontere.jpg) no-repeat left top;
    }
#tab3{
    margin:0px;
    padding: 50px;
    float: left;
    width: 367px;
    height: 218px;
    display: block;
    background: url(images/aktivnosti.jpg) no-repeat left top;
    }

#front_page{
    margin:0px;
    padding: 0px;
    float: left;
    width: 667px;
    background: url(images/articles.png) no-repeat left top;
    }
#front_page h2{
    margin:0px;
    padding: 20px 0px 5px 0px;
    font-size: 1.2em;
    font-weight: bold;
    /*display: block;*/
    /*float: left;*/
    clear: both;
    width: 190px;
    }
.tab a{
    display: block;
    width: 367px;
    height: 218px;
    text-indent: -9999px;
    }
#front_page h2 a{
    color: #FF7F00;
    }           
#front_page h2 a:hover{
    text-decoration: none;
    }  
#front_page p{
    margin:0px;
    padding: 0px;
    font-size: 1.2em;
    color: #454545;
    line-height: normal;
    }
#front_page span{
    font-size: 1.1em;
    font-style: oblique;
    font-weight: bold;
    display: block;
    }
    

.article{
    margin:0px;
    padding: 10px 0px 10px 0px;
   /* padding: 0px;*/
    float: left;
    width: 220px;
    /*display: block;*/
   /* border: 1px solid red;*/
    }
    
.article2{
    margin:0px;
    padding: 10px 0px 10px 30px;
   /* padding: 0px;*/
    float: left;
    width: 185px;
    /*display: block;*/
   /* border: 1px solid red;*/
    }
.article2 .image{
    margin:0px;
    padding: 45px 0px 20px 0px;
    /*float: left;*/
    }
.article .image{
    margin:0px;
    padding: 45px 0px 20px 15px;
    /*float: left;*/
    }
.article h2, .article2 h2{
   /* clear: both;*/
    }
#predstavljamo_front{
    margin:0px;
    padding: 0px 0px 0px 0px;
    float: left;
    }
#news_art{
    margin:0px;
    padding: 0px 0px 0px 0px;
    float: left;
   /* width: 450px;*/
    }
.short_news{
    padding: 0px 0px 0px 15px;
    }


/* Begin Typography & Colors */

a{
    outline:none;
    }

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
.entry p{
    padding:10px 0px;
    font-size: 1.2em;
     color: #454545;
    line-height: normal;
    
    }
    
    
    
/* End Various Tags & Classes*/



/* Captions */
   .aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
.navigation{
    margin:10px 0px;
    padding: 10px 0px 10px 0px;
    display: block;
    width: 100%;
    float: left;
    border-bottom: 1px solid #C3C4C3;
    border-top: 1px solid #C3C4C3; 
    font-size: 1.1em;
    }
.alignleft {
        float: left;
}

.alignright {
        float: right;
        margin: 0px 0px 0px 20px;
}



/*********** footer *************/
#donatori{
    margin:0px;
    padding: 0px;
    float: left;
    width: 950px;
    height:195px;
    display: block;
    }


#foot_wrapp{
    margin:0px auto;  
    padding: 0px;
    display: block;
    width:962px;
    }
#f_right{
    margin:0px;  
    padding: 0px 0px 0px 270px;
    display: block;
    }
#footer ul{
    margin:0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    }
#footer ul li{
    margin:0px;
    padding: 0px 5px;
    list-style-type: none;
    float: left;
    }   
#footer ul li a{
    color: #FF7F00;
    font-size: 1.2em;
    }
#footer ul li a:hover{
    text-decoration: none;
    }     
#footer p{
    clear: both;
    text-align: left;
    color: #BB251A;
    font-size: 1.2em;
    padding:5px 0px 0px 5px;
    }

/* End captions */


/******** sliding ********/
ul#listticker{
	
	display:block;
        overflow:hidden;

        height:80px;
	width:200px;
        list-style-type:none;
	padding:0px 10px 14px 10px;;
}
/*#listticker li{
	border:0; margin:0; padding:0; list-style:none;
}*/

ul#listticker li{
    height:55px;
    padding:5px;
    list-style:none;
    float:left;
    margin:0px 0px 20px 0px;
}
ul#listticker a{
    color:#000000;
    margin-bottom:0px;
}




#slider{
    margin:0px;
    padding:0px;
    height:120px;
    overflow:hidden;

}
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
                
		}
        #slider ul{
		margin:0;
		padding:0;
		list-style:none;
             
		}
	#slider li{
		/*
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/
		width:200px;
		height:120px;
		overflow:hidden;
		}
	#prevBtn, #nextBtn{
		display:block;
		width:200px;
		height:0px;
                /*float:left;*/
		/*position:absolute;*/
		left:30px;
		top:71px;
		}
	#nextBtn{
		left:0px;
		}
	#prevBtn a, #nextBtn a{
		display:block;
		width:100px;
		height:10px;
                float:left;
		background:url(images/btn_prev.gif) no-repeat 0 0;
		}
	#nextBtn a{
		background:url(images/btn_next.gif) no-repeat 0 0;
		}