/*Theme Name: SlanovićTheme URI: http://slanovic.hr/Description: Defaultna wp tema za Slanovica.Version: 1.0Author: Stanislav mihicAuthor URI: http://escapestudio.net/Tags: blue, wide, custom header*/@import url("css/navigation.css");@import url("css/tabovi.css");* {    margin: 0px;    padding: 0px;    }body {    background:url(images/bg.png) repeat-x left top #E1E1E1;    font-family: Arial,Helvetica,sans-serif;    font-style: normal;    font-variant: normal;    font-weight: normal;    font-size: 62.5%;    color:#333333;    }.wrapper{    margin:0px auto;    padding:0px;    width:980px;    }.container{    margin:0px 0px 20px 0px;    padding:0px 0px 0px 0px;    float:left;    width:980px;    }/*********** header **********/#header{    margin:0px;    padding:0px 0px 0px 0px;    float:left;    /*width:945px;*/}#cirkus{    margin:0px;    padding:0px;    float:left;    width:980px;    background:url(images/cirkus.png) no-repeat left top;}#tab-container-1{    margin:0px;    padding:0px;    float:left;    display:block;    height:300px;}ul#tab-container-1-nav{    margin:0px;    padding:0px;    position:relative;    top:20px;    left:313px;    width:290px;    z-index:100;    list-style-type:none;}ul#tab-container-1-nav li.tabs{margin:0px 0px 5px 0px; padding:0px;}ul#tab-container-1-nav li.tabs a{    margin:0px;    padding:15px 0px 0px 40px;    display:block;    width:241px;    height:42px;    background:url(images/tabovi.png) no-repeat left bottom;    color:#244C5E;    text-decoration:none;    font-size:2.0em;}ul#tab-container-1-nav li.tabs a:hover{    background:url(images/tabovi.png) no-repeat left top;}ul#tab-container-1-nav li.tabs a.active{    background:url(images/tabovi.png) no-repeat left top;}ul#tab-container-1-nav li{    /*float:left;*/    width:281px;    margin:0px;    padding:0px;}#tab1{    margin:0px;    padding:0px;    height:290px;    background:url(images/tab1.png) no-repeat 640px 30px ;}#tab2{    margin:0px;    padding:0px;    height:275px;    background:url(images/tab2.png) no-repeat 700px -20px;}#tab3{    margin:0px;    padding:0px;    height:275px;    background:url(images/tab3.png) no-repeat 730px 20px;}#tab4{    margin:0px;    padding:0px;    height:275px;    background:url(images/tab4.png) no-repeat 680px 10px;}.tab{    margin:0px;    padding:0px;    display:block;    width:980px;    position:relative;    top:-240px;}.tab ul{    margin:0px;    padding:15px 0px 0px 10px;    width:280px;    list-style-type:none;}.tab ul li{    margin:0px 0px 10px 0px;    padding:10px 0px;    list-style-type:none;    font-size:1.5em;    color:white;    border-bottom:1px solid white;}.tab p{    margin:20px 0px 10px 0px;    padding:10px 0px;    list-style-type:none;    font-size:1.5em;    color:white;    width:280px;    line-height: 1.6;    }/******** bread *********/.breadcrumb{    margin:0px 0px 0px 0px;    padding:10px 0px;    float:left;    display:block;    width:960px;    font-size:1.2em;    color:#387796;    }.breadcrumb a{    text-decoration:none;    color:#387796;    }.breadcrumb a:hover{    text-decoration:underline;    }#logo{    margin:0px;    padding:0px;    float:left;}#logo a{    margin:0px 0px 0px 0px;    padding:0px;    float:left;    display:block;    text-indent:-9999px;    width:180px;    height:66px;    background:url(images/slanovic.png) no-repeat left 10px;}#navigation{    margin:0px;    padding:0px;    float:left;    /*width:550px;*/}#navigation ul{    margin:0px;    padding:15px 0px 0px 150px;    float:left;    list-style-type:none;}#navigation ul li{    margin:0px;    padding:0px 10px 0px 0px;    float:left;    list-style-type:none;}#navigation ul li a{    margin:0px;    padding:0px;    float:left;    text-decoration:none;    font-size:1.2em;}#navigation ul li.page-item-2 a{    margin:0px;    padding:0px;    float:left;    text-decoration:none;    font-size:1.2em;    width:90px;    height:51px;    text-indent:-9999px;    background:url(images/pocetna.png) no-repeat left top;}#navigation ul li.page-item-6 a{    margin:0px;    padding:0px;    float:left;    text-decoration:none;    font-size:1.2em;    width:73px;    height:51px;    text-indent:-9999px;    background:url(images/onama.png) no-repeat left top;}#navigation ul li.page-item-8 a{    margin:0px;    padding:0px;    float:left;    text-decoration:none;    font-size:1.2em;    width:119px;    height:51px;    text-indent:-9999px;    background:url(images/pitanja.png) no-repeat left top;}#navigation ul li.page-item-10 a{    margin:0px;    padding:0px;    float:left;    text-decoration:none;    font-size:1.2em;    width:79px;    height:51px;    text-indent:-9999px;    background:url(images/kontakt.png) no-repeat left top;}#navigation ul li.page_item a:hover{    background-position: bottom left;    }#navigation ul li.current_page_item a{    background-position: bottom left;    }/************** content ***************/#content{    margin:0px;    padding:0px 10px 20px 0px;    float:left;    width:635px;}/******** sidebar *********/#sidebar{    margin:0px;    padding:0px 0px 0px 30px;    float:left;    width:255px;}#sidebar h4#najave{    margin:0px 0px 10px 0px;    padding:0px;    display:block;    width:200px;    height:40px;    background:url(images/najave.png) no-repeat left top;    text-indent:-9999px;}#sidebar h4#ustanova{    margin:0px 0px 10px 0px;    padding:0px;    display:block;    width:200px;    height:40px;    background:url(images/ugovorna_ustanova.png) no-repeat left top;    text-indent:-9999px;}#sidebar ul.news{    list-style-type:none;    font-size:1.2em;    margin:0px;    padding:0px 0px 0px 5px;}#sidebar ul.news li{    padding:5px 0px; display:block;    }#sidebar ul.news li a{    text-decoration:none;    display:block;    }#sidebar ul.news li a:hover{    text-decoration:underline;    }#sidebar #banner ul{    margin:0px;    padding:0px;    list-style-type:none;}/************ footer *************/#footer{    margin:0px;    padding:20px 0px 0px 0px;    float:left;    width:100%;    background:url(images/footer_bg.png) repeat-x left top #387796;}#footer .box{    margin:0px;    padding:20px 0px 10px 0px;    float:left;    width:200px;}#footer .box h3{    color:white;    font-size:1.1em;    font-weight:bold;    padding:0px 0px 10px 10px;}#footer .box ul{    margin:0px;    padding:0px 10px;    float:left;    list-style-type:none;    color:white;    font-size:1.1em;    border-left: 1px solid #6397B1;    }#footer .box ul li{    margin:0px;    padding:3px 0px;    float:left;    list-style-type:none;    width:200px;}#footer .box ul li a{    color:white;    text-decoration:none;}.box li.img{    margin:0px;    padding:0px 0px 0px 0px;    }/******** misc ********/a{   border:none;   outline:none;   color:#387796;}a img{   border:none;   outline:none;}blockquote p{    font-size:1.6em;    font-weight:bold;    color:#A61704;}h1{    margin:0px 0px 10px 0px;    padding:0px 0px 5px 0px;    font-size:2.8em;    color:#244C5E;    font-weight:normal;    border-bottom: 1px solid;}h2{    margin:10px 0px;    padding:5px 0px;    font-size:1.8em;    color:#244C5E;    font-weight:normal;    clear: both;}h3{    margin:0px;    padding:0px;    font-size:1.6em;    color:#244C5E;    font-weight:bold;}p{    padding:5px 0px;    margin:0px;    color:#666666;    font-size:1.3em;}.entry ul, .entry ol{    margin:0px;    padding:10px 20px;    list-style-postition:inside;    font-size:1.3em;    color:#666666;}/* Begin Various Tags & Classes */acronym, abbr, span.caps {	cursor: help;	}acronym, abbr {	border-bottom: 1px dashed #999;	}blockquote {	margin: 15px 30px 0 10px;	padding-left: 20px;	border-left: 5px solid #ddd;	}blockquote cite {	margin: 5px 0 0;	display: block;	}.center {	text-align: center;	}.hidden {	display: none;	}	.screen-reader-text {     position: absolute;     left: -1000em;}hr {	display: none;	}a img {	border: none;	}.navigation {	display: block;	text-align: center;	margin-top: 10px;	margin-bottom: 60px;	}/* End Various Tags & Classes*/p img {    padding: 0;    max-width: 100%;    }/*    Using 'class="alignright"' on an image will (who would've    thought?!) align the image to the right. And using 'class="centered',    will of course center the image. This is much better than using    align="center", being much more futureproof (and valid) */img.centered {    display: block;    margin-left: auto;    margin-right: auto;    }img.alignright {    padding: 4px;    margin: 0 0 2px 7px;    display: inline;    }img.alignleft {    padding: 0px;    margin: 0 7px 2px 0;    display: inline;    }.alignright {    float: right;    }.alignleft {    float: left;    }/* 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:5px 10px 0px 0px;	-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;}/* End captions *//* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.	It won't be a stylish marriage, I can't afford a carriage.	But you'll look sweet upon the seat of a bicycle built for two." */