/*
Theme Name: Mesnice Bođirković
Theme URI: http://mesnice-bodjirkovic.com/
Description: Defaultna tema.
Version: 1.0
Author: Stanislav Mihić
Author URI: http://veselistudio.com/
Tags: grunge, brown, retro

*/


/* Begin Typography & Colors */
* { 
    margin: 0px; 
    padding: 0px; 
    }

body { 
   FONT: 62.5%/1.6 Arial, sans-serif; BACKGROUND: url(images/bg.jpg) no-repeat center top; COLOR: rgb(92,0,0); font-size-adjust: none; font-stretch: normal
    }

/************ structure ***************/

#wrapper{
    margin:0px auto;
    padding:0px;
    width:960px;
    }
#container{
    margin:0px 0px 0px 0px;
    padding:0px 0px 20px 0px;
    float:left;
    width:960px;
    }
    
/********* header *********/
#header{
    margin:0px;
    padding: 0px 50px;
    float: left;
    width: 860px;
    height:185px;
    background: url(images/header.png) no-repeat center top;
    } 
#header #logo{
    margin: 0px;
    padding: 0px;
    float: left;
    }
#header #logo a{
    width: 195px;
    height: 170px;
    float: left;
    text-indent: -9999px;
    }
/*************navigation***********/
#navigation{
    margin: 0px;
    padding: 81px 0px 0px 0px;
    float: left;
    width: 650px;
    }
#suckerfishnav {
    WIDTH: 100%; FONT-FAMILY: Georgia; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #333333; FONT-SIZE: 1.4em; FONT-WEIGHT: bold
}
#suckerfishnav {
    PADDING-BOTTOM: 10px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; FLOAT: left; LETTER-SPACING: -1px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#suckerfishnav UL {
    PADDING-BOTTOM: 10px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; FLOAT: left; LETTER-SPACING: -1px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#suckerfishnav A {
    PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: block; COLOR: #333; TEXT-DECORATION: none; PADDING-TOP: 5px
}
#suckerfishnav span {
    PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: block; COLOR: #333; TEXT-DECORATION: none; PADDING-TOP: 5px

}
UL LI.page_item A {
    
}
#suckerfishnav LI {
    PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px
}
#suckerfishnav UL {
    BORDER-BOTTOM: 0px; POSITION: absolute; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 200px; PADDING-RIGHT: 0px; HEIGHT: auto; BORDER-TOP: 0px; FONT-WEIGHT: normal; BORDER-RIGHT: 0px; PADDING-TOP: 0px; LEFT: -999em;
z-index:10;
}
#suckerfishnav LI LI {
    WIDTH: 200px
}
#suckerfishnav LI LI A {
    PADDING-BOTTOM: 7px; PADDING-LEFT: 10px; WIDTH: 160px; PADDING-RIGHT: 10px; COLOR: #5c0000; FONT-SIZE: 13px; PADDING-TOP: 10px
}
#suckerfishnav LI UL UL {
    MARGIN: -5px 0px 0px 150px
}
#suckerfishnav LI LI:hover {
    BACKGROUND: #fff
}
#suckerfishnav LI UL LI:hover A {
    PADDING-LEFT: 5px;
    text-decoration:none;
}
#suckerfishnav LI UL LI LI:hover A {
    COLOR: #5c0000
}
#suckerfishnav LI UL LI LI LI:hover A {
    COLOR: #5c0000
}
#suckerfishnav LI UL LI LI LI:hover A {
    COLOR: #5c0000
}
#suckerfishnav LI:hover A{
    text-decoration:underline;
}
#suckerfishnav LI:hover span {
    text-decoration:underline;
    cursor: pointer;

}
#suckerfishnav LI.sfhover A {
    COLOR: #e67717
}
#suckerfishnav LI:hover LI A {
    COLOR: #5c0000;
    text-decoration:none;
}
#suckerfishnav LI LI:hover LI A {
    COLOR: #e67717
}
#suckerfishnav LI LI LI:hover LI A {
    COLOR: #e67717
}
#suckerfishnav LI LI LI LI:hover LI A {
    COLOR: #e67717
}
#suckerfishnav LI:hover UL UL {
    LEFT: -999em
}
#suckerfishnav LI:hover UL UL UL {
    LEFT: -999em
}
#suckerfishnav LI:hover UL UL UL UL {
    LEFT: -999em
}
#suckerfishnav LI.sfhover UL UL {
    LEFT: -999em
}
#suckerfishnav LI.sfhover UL UL UL {
    LEFT: -999em
}
#suckerfishnav LI.sfhover UL UL UL UL {
    LEFT: -999em
}
#suckerfishnav LI:hover UL {
/*BORDER-BOTTOM: #5c0000 1px solid; BORDER-LEFT: #5c0000 1px solid; BACKGROUND: blue; BORDER-TOP: medium none; BORDER-RIGHT: #5c0000 1px solid; LEFT: auto;*/
BACKGROUND: none; LEFT: auto;
}
#suckerfishnav LI:hover UL li{
    background: url(images/li_bg.png) no-repeat 5px 0px;
    LEFT: auto;
     height:35px;
     width:210px;
     float: left;
    margin:0px 0; text-align: center;
    text-decoration:none;
    
}
#suckerfishnav LI:hover UL li:hover{
    background: url(images/li_bg.png) no-repeat 0px 0px;
    LEFT: auto;
     height:35px;
     width:210px;
     float: left;
    margin:0px 0; text-align: center;
    text-decoration:none;
    z-index:100;
}
#suckerfishnav LI LI:hover UL {
    BACKGROUND: none; BORDER-TOP: medium none;  LEFT: auto
}
#suckerfishnav LI LI LI:hover UL {
    BACKGROUND: none; BORDER-TOP: medium none;LEFT: auto
}
#suckerfishnav LI LI LI LI:hover UL {
    BACKGROUND: none; BORDER-TOP: medium none; LEFT: auto
}
#suckerfishnav LI.sfhover UL {
    BACKGROUND: none; BORDER-TOP: medium none; LEFT: auto
}
#suckerfishnav LI LI.sfhover UL {
    BACKGROUND: none; BORDER-TOP: medium none; LEFT: auto
}
#suckerfishnav LI LI LI.sfhover UL {
    BACKGROUND: none; BORDER-TOP: medium none; LEFT: auto
}
#suckerfishnav LI LI LI LI.sfhover UL {
    BACKGROUND: none; BORDER-TOP: medium none; LEFT: auto
}
#suckerfishnav LI:hover {
    color:#333333;
}
#suckerfishnav LI.sfhover {
    BACKGROUND: none; COLOR: #fff
}

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

#content{
    margin: 0px;
    padding:10px 70px;
    float: left;
    width: 820px;
    /*background: url(images/content.png) repeat-y 1px top;*/
    background: url(images/content.png) repeat-y center top;
    }   

#pogoni{
    margin: 0px;
    padding:10px;
    float: left;
    width: 900px;
    background: url(images/pogoni.jpg) no-repeat left top;
    } 
    
/********* carou ********/
.carousel_container{
    margin: 0px;
    padding:15px;
    float: left;
    width: 890px;
    height: 399px;
    background: url(images/carbg.jpg) no-repeat left top;
    }
/********* fonts misc ********/
a{
    outline:none;
    color:#5C0000;
    }
a:hover{text-decoration:none;}
blockquote{
    margin: 0px 0px 10px 0px;
    padding: 0px 10px;
    font-size: 1.2em;
    /*font-weight: bold;*/
    font-style: oblique;
    text-align: center;
    }
h1 {
    padding: 5px 0 5px 0;
    margin: 0px 0px 10px 0px;
    font-family: Georgia, "Serif";
    font-size: 2.2em;
    font-weight: normal;
    text-transform: normal;
    border-bottom:1px solid ;
    /*letter-spacing: -1px;*/
    /*color: #bfb4ac;*/
    /*color:#A10000;*/
    text-shadow:0px 1px 0px #000;
}
h2 {
    padding: 5px 0 10px 0;
    margin: 0;
    font-family: Georgia, "Serif";
    font-size: 2.0em;
    /*font-style: italic;*/
    font-weight: normal;
    text-transform: normal;
    letter-spacing: -1px;
    /*color: #bfb4ac;*/
    color:#A10000;
    clear: both;
}
h3 {
    padding:10px 20px 0px 20px;
    margin: 0;
    font-family: Georgia, "Serif";
    font-size: 2.0em;
    /*font-style: italic;*/
    font-weight: normal;
    text-transform: normal;
    letter-spacing: -1px;
    /*color: #bfb4ac;*/
    color:#A10000;
}
p{
    margin: 0px;
    padding: 10px 0px;
    font-size: 1.3em;
    }
ul, ol{
    margin:0px;
    padding: 0px 20px;
    font-size: 1.3em;
    }
/* Begin Images */
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: 4px;
	margin: 0 7px 2px 0;
	/*display: inline;*/
    float: left;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */





a img {
	border: none;
    outline:none;
	}
img a {
    border: none;
    outline:none;
    }

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* 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: 15px 10px 30px 10px;
	margin: 0px;
	/*-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
    background: url(images/caption.png) no-repeat center top;   
}

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

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 10px 4px 5px;
	margin: 0;
}
/* End captions */

/*********** overlay *********/
#triggers {
    float:left;
    display:block;
    width: 920px;
}

#triggers img {
    cursor:pointer;
    /*margin:0 0px;
    border:1px solid #ccc;
    padding:10px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
    background: url(images/caption.png) no-repeat center top; */
    }



/* styling for elements inside overlay */
.details {
    position:absolute;
    top:15px;
    right:15px;
    font-size:11px;
    color:#fff;
    width:150px;
}

.details h3 {
    color:#aba;
    font-size:15px;
    margin:0 0 -10px 0;
}
.details ul{
    margin:0px;
    padding:0px;
    list-style-type:none;
    }
.details ul li{
    margin:0px 0px 2px 0px;
    padding:0px 0px 2px 0px;
    list-style-type:none;
    color: #5C0000;
    border-bottom: 1px solid;
    }    
    
    
/* the overlayed element */
.simple_overlay {
    
    /* must be initially hidden */
    display:none;
    
    /* place overlay on top of other elements */
    z-index:10000;
    
    /* styling */
    background-color:#E8D6AB;
    
    width:960px;    
    min-height:200px;
    border:5px solid #5C0000;
    
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;    
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(images/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

/*.bottom{
    margin:0px;
    padding:20px 0px;
    float:left;
    width:960px;
    }*/

#footer{
    margin:0px;
    padding: 0px 0px;
    float:left;
    width:960px;
    background:url(images/footer.png) no-repeat center top;
   /* background:url(images/footer.png) no-repeat 1px top;*/
    }
    
#footer ul{
    margin:0px;
    padding:0px;
    list-style-type:none;
    }
#footer ul li{
    margin:0px;
    padding:0px;
    list-style-type:none;
    display:block;
    float:left;
    }
li#galerija a{
    margin:0px;
    padding: 0px;
    float:left;
    display:block;
   /* text-indent: -9999px;
    background:url(images/galerija.png) no-repeat left top;*/
    width: 220px;
    height:155px;
    }
ul#ostalo li#kuhinja {
    margin:20px 0px 0px 0px;
    /*float:left;
    display:block;*/
    }
li#kuhinja a{
    margin:0px 0px 0px 0px;
    /*padding: 0px 15px;*/
    float:left;
    display:block;
    /*text-indent: -9999px;
    background:url(images/recepti.png) no-repeat center top;*/
    width: 220px;
    height:155px;
    }
ul#ostalo li#suradnja{
    margin:20px 0px 0px 0px;
    }
li#suradnja a{
    margin:0px 0px 0px 0px;
    /*padding: 0px 15px;*/
    float:left;
    display:block;
    /*text-indent: -9999px;
    background:url(images/suradnja.png) no-repeat center top;*/
    width: 220px;
    height:155px;
    }
li#novo a{
    margin:0px;
    padding: 0px;
    float:left;
    display:block;
    /*text-indent: -9999px;
    background:url(images/novo_u_ponudi.png) no-repeat left top;*/
    width: 220px;
    height:155px;
    }
    
.karta {
    PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 440px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 15px
}
.info {
    PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 15px; WIDTH: 370px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px
}

.boxgrid{ 
        width: 220px; 
        height: 155px; 
        margin:10px; 
        float:left; 
        overflow: hidden; 
        position: relative; 
            }
.boxgrid img{ 
        position: absolute; 
        top: 0; 
        left: 0; 
        border: 0; 
                }
.boxgrid p{ 
    padding: 0 20px; 
    color:#afafaf; 
    font-weight:bold; 
    font-size:0.9em;
    }
.boxgrid p a{
    color:#5C0000;
    }
                
.boxcaption{ 
    float: left; 
    position: absolute; 
    background: #EAD2A7; 
    height: 100px; 
    width: 100%; 
    opacity: .8; 
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 }
     .captionfull .boxcaption {
         top: 260;
         left: 0;
     }
     .caption .boxcaption {
         top: 220;
         left: 0;
     }
     
#frame{
    margin:0px;
    padding: 43px 0px 0px 50px;
    float:left;
    width:780px;
    height: 460px;
    background:url(images/frame.jpg) no-repeat left top;
    }
#knjiga{
    
    margin: 0px;
    padding:30px 70px 10px 70px;
    float: left;
    width: 820px;
    /*background: url(images/content.png) repeat-y 1px top;*/
    background: url(images/knjiga.png) no-repeat center top;
   
    }
    
ul.izdvojeno{
    margin:0px;
    padding: 0px;
    list-style-type: none;
    }
ul.izdvojeno li{
    margin:0px;
    padding: 0px;
    list-style-type: none;
    float:left;
    width: 270px;
    text-align: center;
    }
ul.izdvojeno li img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding:0px 0px 0px 10px;
    }    
/* .wp-caption img {
    margin: 0;
    padding: 0 0px 0px 50px;
    border: 0 none;
    
}*/
ul.izdvojeno li .wp-caption {
    /*border: 1px solid #ddd;*/
    text-align: center;
    background-color: #f3f3f3;
    padding: 15px 10px 30px 60px;
    margin: 0px;
    /*-moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;*/
    background: url(images/caption.png) no-repeat right top;   
}

table td{
    margin:0px;
    padding: 3px 5px;
    font-size:1.2em;
    font-weight: bold;
    border:1px solid #5C0000;
}
 .left_t{
    float:left;
}
 .r_table{
    float:left;
    padding:0px 0px 0px 20px;
}
div#post-4, div.category-domaca-kuhinja{
    float:left;
    width:600px;
}
div.right_sidebar{
    float:left;
    width:200px;
    margin:11px 0 0 10px;
}
div.right_sidebar h3{
    float:left;
    width:170px;
    border-bottom: 1px solid #000000;
    padding-top: 2px;
}
div.right_sidebar ul{
    margin:20px 0 0 15px;
    float:left;
}

/**************galerija*************/
.gallery_ng {
	list-style: none;
	margin: 0;
	padding: 0;
        float:right;
        width:360px;

}
.gallery_ng li {
	margin: 10px 5px;
	padding: 0;
	float: left;
	position: relative;
	width: 170px;
	height: 130px;
}
.gallery_ng img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.gallery_ng span {
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	top: -12px;
	left: 50px;
	background: url(images/tape.png) no-repeat;
}
.gallery_ng a {
	text-decoration: none;
}
.gallery_ng_1 {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery_ng_1 li {
	padding: 10px;
	margin: 0;
	float: left;
	position: relative;
	width: 180px;
	height: 130px;
}
.gallery_ng_1 li:hover img {
	border-color: #000;
}
.gallery_ng_1 img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 5px;
}
.gallery_ng_1 em {
	background: #fff;
	color: #000;
	font-style: normal;
	padding: 2px 8px 0 22px;
	display: block;
	position: absolute;
	top: 20px;
	left: 5px;
	border: 1px solid #999;
}
.gallery_ng_1 a {
	text-decoration: none;
}
.gallery_ng_1 span {
	width: 30px;
	height: 60px;
	display: block;
	position: absolute;
	top: 7px;
	left: 9px;
	background: url(images/paper-clip-mini.png) no-repeat;
	z-index: 3;
}