/******************************************************************
Theme Name: Wannabe 2012
Theme URI: http://www.wannabemagazine.com
Description: This site was built using the Bones Development Theme. For more information about Bones or to view documentation, you can visit the <a href="https://github.com/eddiemachado/bones/issues" title="Bones Issues">Bones Issues</a> page on Github. You can also view the conversation on Twitter by following the hashtag: <a href="http://twitter.com/#!/search/%23wpbones">#wpbones</a>.
Author: Nikola Ristivojevic
Author URI: http://www.nikolaristivojevic.com
Version: 1.2
Tags: flexble-width, translation-ready, microformats, rtl-language-support

License: WTFPL
License URI: http://sam.zoy.org/wtfpl/
Are You Serious? Yes.


MAKE SURE TO READ BELOW BEFORE GETTING STARTED FOR THE FIRST TIME!
------------------------------------------------------------------

You may be thinking…

WHOA, WHOA, WHOA…WHAT HAPPENED HERE?

But before you freak out, let me take a few minutes to explain.

Bones now uses LESS or Sass by default. I'm no longer supporting
the old-style.css file which contains regular css. If you're prefer
using regular CSS, then feel free to modify this theme how you like
and keep a copy as your own personal starting point.

DON'T DISMISS IT JUST YET THOUGH, USING LESS or Sass ISN'T AS
COMPLICATED AS YOU THINK.

It does take a few minutes to wrap your head around, but it will all
be worth it. Need a quick intro? Here are a few quick reads:

http://coding.smashingmagazine.com/2011/09/09/an-introduction-to-less-and-comparison-to-sass/

I would HIGHLY RECOMMEND, if you are going to be working with
LESS or Sass, that you work locally. Sass isn't readable by a browser
and using a LESS js file to parse it on live sites can make your site sluggish.

That being said, here are a few MUST HAVE TOOLS for working with a
pre-processor: (You really only need one of them)

CodeKit: (Highly Recommended)
http://incident57.com/codekit/

LESS App:
http://incident57.com/less/

Compass App: (Windows / Mac Users)
http://compass.handlino.com/

SimpLESS: (Windows Users)
http://wearekiss.com/simpless

WinLESS: (Windows Users)
http://winless.org/

These applications compile LESS or Sass into valid CSS. This
way you can keep your production files easy to read and your
CSS minified and speedy. Simply set the output to the
library/css folder and you are all set. It's a thing of beauty.

---------------------------------------------------------------

Remember, once you download Bones it's up to you how to use it,
so go nuts. Set things up and develop in a way that's easiest for
you. If LESS/Sass is still a bit confusing for you, then remove them
and customize this template as you see fit.

If you're frustrated with this new direction and don't like change,
take a few minutes and think about how much better a developer you 
can become by just TRYING out new technologies. It may be tough at 
first but it WILL make you a better developer. TRUST ME ON THIS. Give
it a week, maybe two, and you will never go back.

Happy Developing!

******************************************************************/
body{
    background:#fff;
    font-family: Arial,Helvetica,sans-serif;
    color: #434244;
}
#content{
    margin-top: 20px;
}
a{
    text-decoration: none;
}
h1,h1 a{
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    color: #222222 !important;
    margin-top: 0px;
}
h1 a:hover{
    text-decoration: none;
}
h2,h2 a{
    font-style: italic;
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    color: #666666;
    font-size: 26px;
    line-height: 30px;    
}
h1.title{
    border-bottom:3px solid #d14342;
    text-transform: uppercase;
}
.bottom_footer{
    background: #363636;
    color: #777777;
    padding: 5px 0;
    margin-top: 20px;
    font-size: 12px;
}
.bottom_footer .right{

    text-align: right;
}
.footerBottomContent{
    padding-left: 230px;
}
#actual{
    border-right: 3px solid #666666;
    border-bottom: 3px solid #666666;
}
#actual h3{
    margin: 0px;
    font-size: 18px;
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    line-height: 22px;
    padding-right: 5px;
}
#actual h3 a{
    color: #ff0000;
}
.wnbColumns h2,.wnbColumns h2 a{
    line-height: 22px;
    color: #000;    
}
.wnbColumns h2{
    margin-top: 5px;
}
.wnbColumns p,.wnbFeature p{
    color: #666666;
}
.wnbColumns h2 a{
    font-size: 18px;
}
.wnbFeature h2 a{
    color: #000;
}
.postThumb{
    line-height: 0px;
}
#actual article{
    margin-bottom: 15px;
}
#actual h2{
    background: none repeat scroll 0 0 #666666;
    border-bottom: 3px solid red;
    color: #FFFFFF;
    margin: 0;
    padding: 15px 0 5px;
    text-align: center;
    font-style: normal;
    font-size: 20px;
}
#wrapper{   
    width: 100%;
}
#carousel,.carousel{
}

#topMenuBar{
    width: 100%;
    background: #000;
    padding:0px;    
}
.top-menu-bar{
    background: url(images/bar-line.png) no-repeat center bottom;    
}
#inner-header{
    width: 1000px;
    position: relative;
    padding: 0px;
}
#logo{
    padding-top:10px;
    padding-left: 10px;
}
#logo h1{
    margin: 0px;
}
.menu ul{
    margin:0px;
    float: right;
}
ul.menu{
    padding-top: 19px; 
}
.menu li{
    display: inline-block;
    float: left;
    font-size: 14px;
    margin-right: 2px;
    padding: 9px 5px 0px 9px;
}
.menu li a{
    color: #555555;
    text-transform: uppercase;
    text-decoration: none;    
    font-size: 14px;
}
.menu li a:hover{
    color: #fff;
}
.sub-menu .menu li a{
    font-size: 14px;  
    color: #000;
}
.sub-menu .menu li a:hover{
    color:#555555;
}
.sub-menu{
    background: #acacac;
    border-top: 5px solid #ce3938;
    margin-top: -5px;
}
article p {
    line-height: 18px;
    margin-top: 0;
}
p {
    font-size: 12px;
    margin-bottom: 22px;    
    text-align: left;
}
.fixed{
    position: fixed !important;
    top: 0;
    z-index: 999;
}
/* Flex Slider*/
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
*/


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0 auto; padding:0 40px;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;margin: 0 9px;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0px 0px 20px 0px; position: relative;zoom: 1;padding:0 40px;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

a.leftA{
    background: url(images/leftA_1.png) no-repeat;
    height: 30px;
    width: 15px;
    display: block;
}
a.rightA{
    background: url(images/rightA_1.png) no-repeat;
    height: 30px;
    width: 15px;
    display: block;
}
#cRight{
    position: absolute;
    right: 0px;
    top: 50px;
}
.flexslider li:first-child{
    margin-left: 0px;
}
.flexslider li:last-child{
    margin-right: 0px;
}
#cLeft{
    position: absolute;
    left: 0px;
    top: 50px;
}
.captionSl{
    text-align: center;
    display: block;
}
#inner-footer{
    position: relative;
}
.footer{
    background: #000;
    padding-bottom: 0px;
    margin-top: 60px;
    position: relative;
    z-index: 999;
}
.four-slides{
    float: left;
    width: 136px;
    margin-right: 5px;
}
.footerThumb{
    background: url(images/footerImgBg.png) bottom center no-repeat;
    padding: 0px 2px;
    position: relative;
}
.wrap{
    position: relative;
}
.wannabeBg{
    background: url(images/wannabeBg.png) no-repeat;
}
.wannabeBg.leftBg{

    width: 376px;
    height: 279px;
    position: absolute;
    top: 0px;
    left: -367px;
}
.wannabeBg.rightBg{

    width: 376px;
    height: 279px;
    position: absolute;
    top: 0px;
    right: -367px;
}
.footerImageWrap{    
    margin-top: -40px;
    display: block;  
    text-align: center;
}
.footerNav{
    margin:5px 0px 0 0;
    font-size: 14px;
    font-family: "Trebuchet MS", sans-serif;

}
.footerNav a{
    color:#444444 !important;
    text-transform: none !important;
    font-size: 14px !important;

}
.footerNav a:hover{
    color: #fff !important;
}
.footerNav span{
    display: inline-block
}
.footerNav ul{
    margin: 0px;
    line-height: 0px;
    display: inline-block;
    padding: 0px;
}
.footerNav li{
    display: block;
    float: none;
    line-height: 18px !important;
    padding: 0px !important;

}
.footerNav a{
    color:#46423c;
    font-size: 14px;
}
.socialIcons{
    margin-left: 80px
}
.socialIcons li{
    float: left;
    margin-right: 5px;
}
p.footerInfo{
    color: #747069;
    margin-top: 25px;
}

/* carousel */
#carousel img {
    display: block;
    float: left;
}
.es-carousel ul li a img {
    border: medium none;
    display: block;
    max-height: 100%;
    max-width: 100%;
}
.carousel2{

}
.leftArrow{

}
#prev, #next {
    display: block;
    height: 480px;
    width: 427px;
    top: 0;
    position: absolute;
}
.opacityLeft{
    background: none repeat scroll 0 0 #000000;
    height: 480px;
    position: absolute;
    width: 100%;
    z-index: 2;
    width: 630px;
    left: 0px;
    opacity: 0.5;
}
.opacityRight{
    background: none repeat scroll 0 0 #000000;
    height: 480px;
    position: absolute;
    width: 100%;
    z-index: 2;
    width: 630px;
    right: 0px;
    opacity: 0.5;
}
.main-menu ul{
    margin: 0px;
    float: right;
}
#prev span,#next span{

}
#prev:hover, #next:hover {
    /*background-color: #fff;
    background-color: rgba(0, 0, 0, 0.8);*/
}
#prev:hover{

}
#next:hover{

}
#prev {
    background: url(images/arrow-left-off.gif) center left no-repeat;
    /*left: -427px;*/
}
#next {
    background: url(images/arrow-right-off.gif) center right no-repeat;
    right: 0px;
}


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;padding-bottom: 5px;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0px 0px 20px 0px; position: relative;zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.carouselItem li{
}
.toggle-container{
    display: none;
    clear: both;
    overflow: hidden;
    position: relative;
}
.toggle-more-btn{
    background: url(images/expandArrows.png) no-repeat center center #ff0000;
    text-align: center;
    margin: 0 auto;
    padding: 5px 15px;
    width: 150px;
    position: relative;
    z-index: 2;

}
.toggle-more-btn:hover{
    cursor: pointer;
}
.toggle-more-btn.topNav{
    background: url(images/expandArrowsTop.png) no-repeat center center #ff0000 !important;
}
.toggle-more-btn a{
    color: #fff;
    text-transform: uppercase;
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    text-decoration: none;
    font-size: 12px;
}
.toggle-more-btn a:hover,.toggle-more-btn a:active,.toggle-more-btn a:visited{
    color: #fff;
}
.toggle-more-line{
    border-bottom: 1px solid #000;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 15px;
    z-index: 1;
}
.carouselSection{
    margin-top: 20px;
    margin-bottom: 20px;
}
.footerNav ul{
    margin-top: 15px;
}
.footer .nav{
    line-height: 16px;
}
.footer .nav li a{
    padding: 0 1px 0 0;
}
.footer a{
    color:#434244;
}
.footer a:hover{
    color: #c9c9c9;
}
.socialFooter a:hover{
    text-decoration: none;
}
.socialFooter ul{
    margin: 0px;
}
.socialFooter .fb{
    background: url(images/fb.png) no-repeat;
}
.socialFooter .fb:hover{
    background: url(images/fb_hover.png) no-repeat;
}
.socialFooter .yt{
    background: url(images/yt.png) no-repeat;
}
.socialFooter .yt:hover{
    background: url(images/yt_hover.png) no-repeat;
}
.socialFooter .tw{
    background: url(images/tw.png) no-repeat;
}
.socialFooter .tw:hover{
    background: url(images/tw_hover.png) no-repeat;
}
.socialFooter .inst{
    background: url(images/instagram.png) no-repeat;
}
.socialFooter .inst:hover{
    background: url(images/instagram_hover.png) no-repeat;
}
.socialFooter li{
    margin-bottom: 10px;
}
.socialFooter li a{
    padding: 5px;
    display: block;
}
.socialFooter li a span{
    padding:0px 40px;
}
.footer .col140{
    border-right: 1px solid #444444;
}
.footer .col140:last-child{
    border:none;
}
.date{
    color: #ff0000;
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    font-style: italic;
}
.date time{
    font-style: normal;
    color: #666
}
.featureContent{
    position: relative;
    padding: 35px;
}
.featureContent p{
    margin-bottom: 0px;
}
.featureContent h2{
    margin-top: 2px;
    line-height: 25px;
}
.topLeft{
    width: 35px;
    height: 35px;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    position: absolute;
    top: 0px;
    left: 0px;
}
.topRight{
    width: 35px;
    height: 35px;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    position: absolute;
    top: 0px;
    right: 0px;
}
.bottomLeft{
    width: 35px;
    height: 35px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.bottomRight{
    width: 35px;
    height: 35px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.featureSection{
    margin-top: 20px;
}

.preview {
    display: inline-block;
    float: left;
}
/*.preview img {
    border: 1px solid #B2B2B2;
    padding: 7px;
}*/
/*.preview img:hover{
    border: 1px solid #CE3938;
}*/
.article {
    display: inline;
    float: left;
    margin-left: 15px;
    width: 480px;
}
.archive .post,.search .post,.error404 .post {
    border-bottom: 1px solid #B2B2B2;
    margin: 0 0 15px;
    padding-bottom: 15px;
    width: 100%;
}
#main{
    padding: 0 20px;
}
.home #main{
    padding: 0px;
}
h2.title {
    margin-bottom: 15px;
    margin-top: 10px;
}

h2.title a {
    color: #DF1B1B;
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
}
p.meta{    
    font-size: 12px;
    line-height: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.archive h2.title,.search h2.title,.error404 h2.title{
    margin: 4px 0px 10px 0px;
    line-height: 20px;
}
.archive h2.title a,.search h2.title a{
    line-height: 20px;
}
h1.single-title{    
    color: #000000;
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 20px;
    margin-top: 20px;

}
.single .post-content p,.page .post-content p{    
    font-size: 16px;
    line-height: 24px;
}
.single article p{
    margin-top: 22px;
}
.single article p:first-child{
    margin-top: 0px;
}
.singleDate {
    color: #959595;
    font-size: 16px;
}
h2 a:hover{text-decoration: none;}
.searchBox{
    float: left;
    padding: 5px;
    margin-right: 0px;   
    background: #000;
}
#s{
    width: 245px;
    float: left;
}
#searchsubmit{
    background: url(images/search.png) no-repeat;
    width: 23px;
    height: 20px;    
    border: none;
    float: left;
    margin-top: 5px;
}
.widget{
    margin-bottom: 20px;
    margin-top: 20px;
}
.must_have{
    position: relative;
}
.must_have h2{
    background: url("images/ribon.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 36px;
    font-style: normal;
    font-weight: normal;
    padding:10px 39px 28px 10px;
    position: absolute;
    right: -19px;
    top: 9px;
    text-transform: uppercase;
    text-align: center;
    margin: 0px;
}
.must_have img{
    background:url(images/must-have-thumb.png) no-repeat;
    padding: 10px;
}
.editors_picks .title{
    background: #666666;
    padding: 8px;    
}
.editors_picks h2{
    background: url(images/kruna.png) no-repeat;  
    font-size: 32px;
    font-style: normal;
    font-weight: bold;
    color: #fff;
    margin: 0px;
    padding: 3px 0px 10px 50px;
}
.look_of_t{
    position: relative;
}
.look_of_t .title{
    background: url(images/look_of_the_day.png) no-repeat; 
    width: 45px;
    height: 450px;
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
}
.street_style{
    border: 2px solid #000;
}
.street_style h2{
    color: #FF0000;
    font-size: 46px;
    line-height: 50px;
    margin: 12px 0;
    text-align: center;
}
.widget,.wannabewidget{
    margin-bottom: 18px;
}
#wptouch-switch-link {
    background: none repeat scroll 0 0 #000;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding: 10px;
    position: relative;
    text-align: center;
}
.wp-caption.alignleft{
    float: left;
    margin-right: 10px;
}
.wp-caption.alignright{
    float: right;
    margin-left: 10px;
}
th, td, caption {
    padding: 4px 10px 4px 5px !important;
}
table, td, th {
    vertical-align: middle !important;
}
td[valign='top']{
    vertical-align: top !important;
    padding-top: 0px !important;
}
.ngg-singlepic {
    background-color: #FFFFFF;
    display: block;
    padding: 4px; 
}
.top_banner{
    left: 20px;    
    position: absolute;
    top: 0;    
    z-index: 999;
}
.brendleft{
    margin-left: -835px !important; 
    left: 50% !important; 
    width: 335px; 
    text-decoration: none;
    top: 0px;  
    position: fixed;
    margin-top: 0px;
    overflow: hidden;    
}
.brendleft > img{
    display: none;
}
.brendright{
    position: fixed; 
    text-decoration: none; 
    background-color: transparent; 
    margin-right: -835px; 
    right: 50%;
    top: 0px;
    width:335px;
    margin-top: 0px;
    overflow: hidden;    
}
.brendleft a,.brendright a{
    display: block;
    height: 100%;
    width: 100%;
}

.brendFix{
    top: 58px !important;
}
#inner-content{
    position: relative;
    z-index: 997;
}
.vodic h1{
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    font-size: 52px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #000;
}
.listing li{
    float: left;
    width: 244px;
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    margin-bottom: 4px;
}
.listing li:first-child{
    margin-left: 0px;
}
.noPadding{
    padding: 0px !important;
}
.info{
    background: #000;
}
.infoBox{
    padding: 10px 20px;
    position: relative;
}
.infoBox .social{
    position: absolute;
    bottom: 10px;
    right: 20px;
}
.infoBox .social img{
    margin: 0px;
}
.infoBox .social a:hover{
    text-decoration: none;
}
.featureImage img{
    margin: 0px;
}
.single-vodic h1.single-title{
    background: url(images/listing/traka.png) no-repeat;
    position: absolute;
    padding: 15px 10px 28px 21px;
    width: 663px;
    left: -14px;
    font-size: 36px;
    color: #FFFFFF !important;
    font-weight: normal;
    margin-top: 0px;
}
.infoBox span{
    display: block;
    color: #c9c9c9;
    margin-bottom: 10px;
}
.address{
    background: url(images/listing/lokacija.png) no-repeat left center;
    padding-left: 20px;
}
.telephone{
    background: url(images/listing/telefon.png) no-repeat left center;
    padding-left: 20px;
}
.wt{
    background: url(images/listing/sat.png) no-repeat left center;
    padding-left: 20px;
}
.single-vodic h2{
    font-size: 28px;
    font-style: normal;
    color: #000;
}
.contentListing{
    margin-top: 20px;
}
#map_canvas {
    height: 250px;
    margin-top: 10px;
}
.listing li:nth-child(4n){
    margin-right: 0px;
}
.listing li:nth-child(4n+1){
    margin-left: 0px;
}
.sub-nav-container{
    float: left;    
}
.sub-nav{
    padding: 0px;

}
.ny{
    position: absolute;
    right: 15px;
    top: -160px;
    z-index: 999999;
}
.vodicBanner{
    margin-top: 20px;
}
.horoskop li:nth-child(4n){
    margin-right: 0px;
}
.horoskop li:nth-child(4n+1){
    margin-left: 0px;
}
.horoskop li{
    float: left;
    width: 215px;
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    margin-bottom: 4px;  
    text-align: center;
}
.horoskop li:first-child{
    margin-left: 0px;
}
.horoskop li a{
    display: block;
}
.horoskop_title{
    color: #000000;
    font-size: 22px;
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    text-transform: uppercase;
}
.horoskop_content{
    margin-top: 10px;
}
.horoskop_content .inner_banner,.horoskop_container .inner_banner{
    margin-bottom: 10px;
    padding: 0px 30px;
}
.horoskop_datum{
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    font-size: 16px;
}
.horoskop_thumb{
    text-align: center;
}
h2.horoskop_big_title{
    font-style: normal;
    font-size: 28px;
    color: #000;
    margin-top: 0px;
    text-transform: uppercase;
}
h2.horoskop_big_title .horoskop_datum{
    color: #7e7e7e;
    font-size: 21px;
    text-transform: lowercase;
}
.menu ul.horoskop-nav{
    float: none;
    margin: 0px;
    text-align: center;
}
.horoskop-nav li{
    margin-right: 0px;
    padding: 5px 3px 0;
    display: inline-block;
    float: none;
}
.horoskop-nav li a{
    font-size: 12px;
}
.horoskop-nav li:after{
    content: '/';
    font-size:16px;
    padding-left: 5px;
}
.horoskop-nav li:last-child:after{
    content: '';
}
.horoskop-nav li.current-menu-item a{
    color: #ff0000;
}
.horoskop_thumb img{
    max-width: 190px;
}
.horoskop_container h1{
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    font-size: 52px;
    text-align: center;
    text-transform: uppercase; 
    margin: 0px;
}
.horoskop_container .top{
    border-bottom: 1px solid #000;
}
.horoskop_container .top ul{
    margin: 0px 0 5px 0;
}
.horoskop_container .wp-caption{
    max-width: 490px;
}
.ad{
    margin-bottom:20px;
}
h3.title{
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    font-size: 22px;
}
.relatedthumb {
    float: left;
    margin: 0px 10px;
    width: 100px;
    line-height: 16px;
    text-align: center
}
.relatedthumb > a{
    font-size: 12px;
}
#gallery .item {
    position: relative;
    width: 204px;
    margin: 0px;
    float: left;
    line-height: 0px;
}
#gallery .item img{
    margin-bottom: 0px;
}
#gallery .item a{
    line-height: 0px;
}
#gallery .item .social{
    background: url(images/social-bg.png) repeat;  
    padding: 10px;
    position: absolute;
    width: 184px;
    bottom: 0px;    
}
.social_btn{
    width: 50%;
    float: left;
} 
.horoskopi{
    text-align: center;
}
.horoskopi li{
    width: 475px;
    margin: 10px auto;
    display: inline-block;
}
.horoskopi li.first{

}
.horoskopi li.last{ 

}

/* top10 */
.top-10 li.item{
    width: 299px;
    background: url(images/top10-item-bg.png) repeat-x;
    margin: 0px;
    height: 79px;
    clear: both;
}
.top-10 li.item.active,.top-10 li.item:hover{
    background: url(images/top-10-item-over.png) repeat-x;
}
.top-10 li.item:hover a{
    text-decoration: none;
}
.top-10 li.item.active a.top-10-item span,.top-10 li.item:hover a.top-10-item span{
    color: #ff0000;
}
.widget.top-10{
    border-right: 1px solid #000;    
}
.top-10 ul{
    list-style: none;
    margin: 0px;
}
.top-10 li a.top-10-item{
    width: 210px;
    font-size: 21px;
    margin-left: 10px;
    line-height: 23px;
}
.top-10 h2{
    margin: 0px;
    line-height: 0px;
}
.sly{
    width: 300px;
    height: 395px; 

}
.top-10 li a.span{
    display: block;
}
.top-10 li a.top-10-item time{
    font-size: 12px;
    display: block;
}
.top-10 li a.top-10-item span{
    padding-right: 10px;    
}
.top-10 li a{
    display: inline-block;
    float: left;
    color: #000000;
}
.top-10 li a.thumb{
    width: 79px;
    line-height: 0px;
}
.top-10 li a.thumb img{
    max-width: 100%;
}
.top-10-navigation{
    background: #000;
    text-align: center;
    color: #fff;
    padding: 5px 0px;
}
.arrow-top{
    background: url(images/arrow-top.png) no-repeat left center;
    padding:1px 5px 1px 25px;  
    border-right: 1px solid #fff;
}
.arrow-top:hover{
    background: url(images/arrow-top-over.png) no-repeat left center;
    color: #ff0000;
}
.arrow-bottom{
    background: url(images/arrow-bottom.png) no-repeat right center;
    padding:1px 25px 1px 0;    
}
.arrow-bottom:hover{
    background: url(images/arrow-bottom-over.png) no-repeat right center;
    color: #ff0000;
}
.arrow-top:hover,.arrow-bottom:hover{
    cursor: pointer
}
.inner_banner{
    margin-top: 10px;
}
.archive .inner_banner{
    margin-bottom: 15px;
    padding-bottom: 15px;   
}
.widget.editorijali h2{
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    font-style: normal;
    margin: 0;
    padding: 10px 0;
    text-align: center;
}
.widget.editorijali .img-ed{
    position: relative;
    border-bottom: 1px solid #666666;
    position: relative;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
}
.widget.editorijali .img-ed .new{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 99px;
    height: 98px;
    display: block;
    background: url(images/new.png) no-repeat;
}
.widget.editorijali .ed-date{
    color: #666666;
    font-size: 24px;
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    display: block;
    text-align: center;
}
.widget.editorijali a{
    display: block;
    line-height: 0px;
}
.awards{
    margin: 0px;
}
.awards li{
    display: inline-block;
    width: 123px;
    margin: 5px 3px 5px 2px;
    float: left; 
}
.awards li img{
    max-width: 125px;
}
h1.skola-novinarstva-title{
    font-family: 'Just Me Again Down Here', cursive;
    background: url(images/hat.png) no-repeat;
    padding-left: 120px;
    font-size: 66px;
    margin-bottom: 10px;
}
.skola-novinarstva-small{
    font-family: 'Just Me Again Down Here', cursive;
    color: #b00007;
    font-size: 36px;
}
#slider-top{
    position: relative;
    height: 433px;
}
#slider-top ul#slides{
    margin: 0px;
    height: 433px;
}
#slider-top #slides li{
    line-height: 0px;
    position: absolute;
}
#slider-top .position_2{
    bottom: 0;
    line-height: 0;
    margin: 0;
    position: absolute;
    right: 10px;
    z-index: 999;
    display: block;
}
#menu-main-menu{
    margin-top: 15px;
}
#menu-sub-menu,#menu-vodici{
    margin-top: 12px;
}
#menu-main-menu li,#menu-sub-menu li,#menu-vodici li{
    border-right: 1px solid #555555;
    display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 14px;    
    padding: 0 6px;
}
#menu-main-menu li:last-child,#menu-sub-menu li:last-child,#menu-vodici li:last-child{
    border: none;
}
.bottom-menu-bar{
    padding-bottom: 10px;
}
.photo_item{    
    padding: 10px;    
    -moz-box-shadow: 0 0 3px 2px #CECECE;
    -webkit-box-shadow: 0 0 3px 2px #CECECE;
    box-shadow: 0 0 3px 2px #CECECE;    
    border-radius: 10px;
    position: relative;
    margin:5px 3px !important;
}
.voting{
    text-align: right;
    color:#787878;
    font-size: 12px;
    font-style: italic;
    font-family: Georgia,sans-serif;
}
.voting a{
    background: url(images/vote_heart.png) no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
}
.voting .count{
    font-size: 15px !important;
}
.voting a:hover,.voted,.voting a.voted{
    background: url(images/voted_heart.png) no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
}
#photowall_wrapper .photo_item img{
    width: 100%;
    margin: 0px;
}
.belgrade_street_style h2{margin: 0px;text-align: center;color: #fff;font-size: 34px;text-transform: uppercase;font-family: Georgia, sans-serif;}
.belgrade_street_style .top_title{background: #000;position:relative;padding: 20px 0 50px;height: 40px;}
.belgrade_street_style .top_title span{background: url(images/nikon_style_catcher.png) no-repeat center center;display: block;position: absolute;bottom: -32px;width: 281px;height: 116px;left: 10px;}
.belgrade_street_style .top_title img{display: block;position: absolute;bottom: -20px;width: 281px;height: 116px;left: 10px;}
.fb_share{position: absolute;bottom: 0px;}
.fb_share a span{background: url(images/fbshare.png) no-repeat;display:block;width:78px;height:27px;}

.photowall-img{
    padding: 10px;    
    -moz-box-shadow: 0 0 3px 2px #CECECE;
    -webkit-box-shadow: 0 0 3px 2px #CECECE;
    box-shadow: 0 0 3px 2px #CECECE;    
    border-radius: 10px;
    position: relative;
}
.photowall img{max-width: 280px;}
.photowall .line{background: url(images/photowall_line.png) no-repeat;width: 314px;color: #fff;padding: 10px 0px;text-align: center;position: absolute;bottom: 20px;left: -7px;font-weight: bold;}

#bbb.creativejtygeqjiuoxinkhqnqgjucfj{
    height: auto;
}

/* Modni predlog */
.wannabe-modeni-predlog-widget{
    background: #595959;
    line-height: 0px;
    position: relative;
}
.wannabe-modeni-predlog-widget h2{
    font-size: 26px;
    font-style: normal;
    color: #fff;
    padding: 10px;
    margin: 0px;
    border-bottom: 2px solid red;
}
.wannabe-modeni-predlog-widget a{
    line-height: 0px;
}
.wannabe-modeni-predlog-widget img{
    max-width: 100%;
    line-height: 0px;
}
.wannabe-modeni-predlog-widget span.icon-modni-predlog{
    background:url(images/modni-predlog-icon.png) no-repeat;
    width: 39px;
    height: 32px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
}

/* Stars widget */
.wannabe-stars-widget{    
    line-height: 0px;
    position: relative;
    margin-top: 20px;
    border: 1px solid #cecece;
    box-shadow: #7f7f7f 0px 0px 5px; 
    margin-bottom: 20px;
}
.wannabe-stars-widget h2{
    font-size: 26px;
    font-style: normal;
    color: #c29860;
    padding: 10px;
    margin: 0px;
    border-bottom: 2px solid #c29860;
    background:#000;
}
.wannabe-stars-widget h3 a{
    font-size: 26px;
    color: #c29860;
    font-weight: normal;
    margin-bottom: 5px;
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}
.wannabe-stars-widget h3{
    margin-bottom: 15px;
    margin-top: 0px;
    line-height: 26px;
}
.wannabe-stars-widget p{
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
}
.wannabe-stars-widget img{
    max-width: 100%;
    line-height: 0px;
}
.wannabe-stars-widget span.icon-stars{
    background:url(images/stars-icon.png) no-repeat;
    width: 51px;
    height: 30px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
}
.wannabe-stars-widget .bottom-content{
    padding: 10px;
}
/* Bride widget */
.wannabe-bride-widget{    
    line-height: 0px;
    position: relative;
    margin-top: 20px;    
    box-shadow: #7f7f7f 0px 0px 5px;
}
.wannabe-bride-widget h2{
    font-size: 26px;
    font-style: normal;
    color: #e92aac;
    padding: 10px 10px 5px 10px;
    margin: 0px;
    border-bottom: 2px solid #e92aac;
    background:#fff;
}
.wannabe-bride-widget h3 a{
    font-size: 26px;
    color: #e92aac;
    font-weight: normal;
    margin-bottom: 5px;
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}
.wannabe-bride-widget h3{
    margin-bottom: 15px;
    margin-top: 0px;
    line-height: 26px;
}
.wannabe-bride-widget p{
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
}
.wannabe-bride-widget img{
    max-width: 100%;
    line-height: 0px;
}
.wannabe-bride-widget span.icon-bride{
    background:url(images/bride-icon.png) no-repeat;
    width: 73px;
    height: 27px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
}
.wannabe-bride-widget .bottom-content{
    padding: 10px;
}

.red-social{
    margin-top: 5px;
}
.red-social li{
    display: inline-block;
    margin-right: 5px;
}
.red-social li a span{
    display: block;
    width: 39px;
    height: 39px;
    background-image:url('images/social-icons.png');
    background-repeat: no-repeat; 
}
.red-social li.icon-mail a span{background-position: 0px 0px;}
.red-social li.icon-fb a span{background-position: -39px 0px;width: 40px;}
.red-social li.icon-tw a span{background-position: -79px 0px;}
.red-social li.icon-gpl a span{background-position: -118px 0px;}
.red-social li.icon-ln a span{background-position: -157px 0px;}
.red-social li.icon-inst a span{background-position: -196px 0px;}
.red-social li.icon-pin a span{background-position: -235px 0px;}
.red-social li.icon-blog a span{background-position: -274px 0px;}
.red-social li.icon-tumblr a span{background-position: -352px 0px;}
.red-social li.icon-link a span{background-position: -313px 0px;}

.red-social li.icon-mail a:hover span{background-position: 0px -39px;}
.red-social li.icon-fb a:hover span{background-position: -39px -39px;}
.red-social li.icon-tw a:hover span{background-position: -79px -39px;}
.red-social li.icon-gpl a:hover span{background-position: -118px -39px;}
.red-social li.icon-ln a:hover span{background-position: -157px -39px;}
.red-social li.icon-inst a:hover span{background-position: -196px -39px;}
.red-social li.icon-pin a:hover span{background-position: -235px -39px;}
.red-social li.icon-blog a:hover span{background-position: -274px -39px;}
.red-social li.icon-tumblr a:hover span{background-position: -352px -39px;}
.red-social li.icon-link a:hover span{background-position: -313px -39px;}
.page-id-1411 h3,.page-id-228903 h3{font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;font-size: 19px;font-weight: normal;margin-top: 0px;margin-bottom: 0px;line-height: 22px;}
.page-id-1411 p,.page-id-228903 p{margin-bottom: 5px;}
.page-id-1411 p em, .page-id-228903 p em{color: #ff0000;font-size: 14px;}

.singleDate,p.meta time,.date time,.top-10 li a.top-10-item time{
    text-transform: lowercase;
}

.wp-caption img {
    margin-bottom: 0;
    width: 620px;
}
.post-content img {    
    max-width: 100%;
    height: auto;
}