/*
Theme Name: Story Black
Theme URI: http://www.story.hr/
Description: WP tema za story.hr
Version: 1.0
Author: Web odjel Adria Media Zagreb d.o.o.
Author URI: http://www.adriamedia.hr/
*/

* { margin:0; padding:0; }

html { background: #000 url(i/bg.gif) repeat-x 0 0; }
body { font: 62.5%/1.5 Verdana, 'Lucida Grande', sans-serif; color: #fff; background: url(i/tribal.gif) no-repeat 50% 0; }

a { color: #ed1c24; text-decoration: underline; outline: none; }
p { margin-bottom: 1.5em; }

a img, fieldset, iframe { border:0; }

a:hover, a:active, .input-text:focus { outline:none; }

iframe { overflow:hidden; border:1px solid #000; }

a:focus, a:hover { color:#00e5de; text-decoration:none; }

a:active { color:#00e5de !important; }

#bg-blur        { position: absolute; width: 100%; z-index: 0; filter: alpha(opacity=15); -moz-opacity: .15; opacity: .15; }

#sizer          { position: relative; z-index: 1; width: 960px; margin: 0 auto; padding-bottom: 250px; /* background: url(i/grid.gif) repeat-y 0 0; */ }
#sizer:after    { content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; }

.grid           { width: 960px;  }
.grid:after     { content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; }

#header             { width: 960px; padding: 14px 0 0 0; background: url(i/header.png) no-repeat 0 8px; }
#header .grid       { width: 954px; padding-right: 6px; }
#header #logo       { float: left; display: inline; width: 193px; height: 74px; margin: 30px 0 0 31px; overflow: hidden; background: url(i/story-logo.png) no-repeat 0 0; }

#header #logo p     { margin:0; }
#header #logo a     { display: block; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; }

#header .leaderboard    { float: left; width: 728px; height: 90px; border: 1px solid #3d3e40; }

#tagline    { display: none; float: left; width: 247px; padding: 5px 2px; font-size: 1.2em; text-align: center; text-transform: uppercase; }

#navbar     { float: left; clear: both; width: 961px; background: url(i/navbar.png) no-repeat 0 0; }

#main-nav               { float: left; /*width: 580px;*/ width:708px; height: 31px; }
#main-nav li            { float: left; display: inline; }
#main-nav li a          { display: block; height: 1%; padding: 7px 12px; text-indent: -9999px; overflow: hidden; background: transparent none no-repeat 50% 11px; cursor: pointer; }
#main-nav li a:hover,
#main-nav li.current-cat a  { background-position: 50% -22px !important; }

#main-nav #naslovnica-link { width: 110px; }
#main-nav #naslovnica-link a { width: 100%; height: 30px; padding: 0 !important; text-indent: -9999px; overflow: hidden; background: url(i/main-nav/naslovnica.gif) no-repeat 10px 7px !important; }
#main-nav #naslovnica-link a:hover { background-position: 10px -27px !important; }

#main-nav .current-cat a    { color: #fff !important; font-weight: bold; }

#main-nav .cat-item-78      { width: 58px; }
#main-nav .cat-item-77      { width: 113px; }
/*#main-nav .cat-item-80      { width: 104px; }*/
#main-nav .cat-item-80      { width: 40px; }
#main-nav .cat-item-81      { width: 77px; }
#main-nav .cat-item-79      { width: 110px; }

/*#main-nav .cat-item-78 a        { background-image: url(i/main-nav/zvjezdani-imenik.gif) !important; }*/
#main-nav .cat-item-78 a        { background-image: url(i/main-nav/z-imenik.gif) !important; }
#main-nav .cat-item-77 a        { background-image: url(i/main-nav/zvjezdani-svijet.gif) !important; }
/*#main-nav .cat-item-80 a        { background-image: url(i/main-nav/moda-i-ljepota.gif) !important; }*/
#main-nav .cat-item-80 a        { background-image: url(i/main-nav/moda.gif) !important; }
#main-nav .cat-item-81 a        { background-image: url(i/main-nav/lifestyle.gif) !important; }
/*#main-nav .cat-item-79 a        { background-image: url(i/main-nav/zabava.gif) !important; }*/
#main-nav .cat-item-79 a        { background-image: url(i/main-nav/zabava_nagrade.gif) !important; }

#main-nav .cat-item-ps { width:99px; }
#main-nav .cat-item-ps a { background-image:url(i/main-nav/private-sale.gif) !important; }

#main-nav .cat-item-topstars { width:70px; background-position:50% 50% !important; }
#main-nav .cat-item-topstars a { background-image:url(i/main-nav/topstars.png) !important; background-position:50% 50% !important; }
#main-nav .cat-item-topstars a:hover { background-position:50% 50% !important; }

#main-nav .cat-item-3m { width:30px; background-position:0 2px !important; }
#main-nav .cat-item-3m a { background-image:url(i/main-nav/3m.png) !important; background-repeat:no-repeat !important; background-position:0 2px !important; }
#main-nav .cat-item-3m a:hover { background-image:url(i/main-nav/3m.png) !important; background-repeat:no-repeat !important; background-position:0 2px !important; }

/*
#header #searchform             { float: right; width: 320px; padding: 4px 6px; text-align: right; background: url(i/searchbox-top.gif) no-repeat 9px 4px; }
#header #searchform .input-text { width: 250px; padding: 4px 5px 5px; border: 0; background: none; }
*/
#header #searchform { float:right; width:240px; padding:4px 6px; text-align:right; background:url(i/searchbox-top.gif) no-repeat 9px 4px; }
#header #searchform .input-text { width:172px; padding:4px 5px 5px; border:0; background:none; }
#searchsubmit                   { vertical-align: top; }







#content            { clear: both; padding: 9px 0; }
#content .grid      { position: relative; z-index: 10; }

/* bannner */
/* .medium-rectangle   { width: 300px; height: 250px; margin: 0 0 10px 0; background: #ccc; border: 5px solid #333; z-index: 9999px !important; } */
.medium-rectangle   { margin: 0 0 10px 0; background: #ccc; border: 5px solid #333; z-index: 9999px !important; }
.small-rectangle    { clear: both; width: 300px; background: #ccc; border: 5px solid #333; margin-bottom: 10px; }
.half-page          { width: 300px; height: 600px; margin: 0 0 10px 0; border: 5px solid #333; /*z-index:900 !important;*/ }
.half-page-naslovna         { width: 300px; height: 600px; margin: 0 0 10px 0; border: 5px solid #333; /*z-index:900 !important;*/ }

#content p,
#content li  { font-size: 1.2em; }

#content h1                 { margin-bottom: .5em; font: 3.2em/1 Georgia, 'Times New Roman', Times, serif; color: #fff; letter-spacing: -1px; }
#content h1 a               { text-decoration: none; }
#content h1 span.story-type { display: block; padding-bottom: .5em; text-transform: uppercase; font: bold 11px/1.3 Verdana, sans-serif; letter-spacing: 0; }

#content h2 { font: 2em/1.2 Georgia, 'Times New Roman', Times, serif; margin-bottom: .2em; }
#content h3 { font: bold 1.2em/1.2 Georgia, 'Times New Roman', Times, serif; margin-bottom: .2em; }
#content h4 { font-weight: normal; font-size: 1.1em; margin-bottom: .8em; color: #ed1c24; }

.navigation { clear: both; width: 450px; padding: 0; margin: 0 0 1em; overflow: auto; font-size: 1.2em; }
#default-category-body .navigation { width: 580px; padding: 0 20px; }

.lead       { font-size: 1.5em; line-height: 1.3; }

.related-content    { clear: both; padding: 10px 10px; }
.related-content h2 { font-weight: normal; font-size: 1.2em !important; text-transform: uppercase; }
.related-content li { list-style: none; }

#to_top_link            { padding: .5em 9px 9px 9px; text-align: right; }
#to_top_link a          { padding-left: 13px; background: url(i/icons/na-vrh.gif) no-repeat 0 2px; }
#to_top_link a:hover    { background-position: 0 -88px; }

#respond        { clear: both; }

#footer         { width: 926px; padding: 14px 16px; background: url(i/png-30.png); border: 1px solid #363636; }
#footer .grid   { width: 922px; padding: 0 2px 8px; border-bottom: 5px solid #ed1c24; }
#footer p       { font-size: .9em; margin: 0; }

#footer-nav         { float: left; display: inline; margin: 0 0 12em -10px; }
#footer-nav li      { list-style: none; display: inline; font-size: 1.2em; color: #666; }
#footer-nav li em   { font-style: italic; }
#footer-nav li a    { padding: 0 10px; }
#footer #copyright  { clear: both; font-size: .9em; }







/*** MAIN CONTENT GENERAL TYPOGRAPHY AND LAYOUT ***/

.the-content    { width: 781px; padding: 9px; float: left; display: inline; margin-left: 159px; border: 1px solid #363636; }
.main-content   { float: left; display: inline; width: 460px; min-height: 300px; color: #fff; }
#side-content   { position: relative; float: right; display: inline; width: 310px; }

.post       { float: left; width: 460px; overflow: hidden; }
.post hr    { display: block; }

.post img   { background: #fff; padding: 5px; margin-bottom: .2em; }

p.metadata  { font-size: 1em !important; color: #888; }

.entry      { width: 460px; color: #efefef; line-height: 1.7; }

.main-content ul,
.main-content ol            { margin-bottom: 1.8em; }
.main-content .entry li     { margin-left: 20px; list-style: disc; }

/*** TOOLBAR ***/

.story-toolbar          { float: left; clear: both; width: 100%; border-top: 1px solid #363636; padding: 10px 0; margin-top: 10px; }

ul.buttons              { float: right; padding-right: 9px; }
ul.buttons li           { float: left; display: inline; margin: 0 !important; list-style: none !important; font-size: 1em !important; }
ul.buttons li a         { float: left; display: inline; padding: 1px 6px 2px; margin-left: 2px; text-decoration: none; text-transform: uppercase; color: #ccc; border: 1px solid #363636; }
ul.buttons li a:hover,
ul.buttons li a:focus   { color: #ed1c24; border: 1px solid #ed1c24; }

/* article pagination (photo-story) */
.pagination                 { float: left; text-align: right; padding-left: 9px; margin: 0 !important; }
.pagination strong          { float: left; display: inline; padding: 0 6px; margin-right: 2px; font-weight: normal; color: #333; border: 1px solid #fff; background: #fff; }
.pagination a               { text-decoration: none !important; }
.pagination a strong        { color: #ccc; border-color: #ccc; background: none; cursor: pointer; }
.pagination a:hover strong,
.pagination a:focus strong  { color: #ed1c24; border: 1px solid #ed1c24; }
.pagination a:active strong { color: #ccc; border: 1px solid #ccc; }




/*** COMMENTS ***/

#article-comments                   { float: left; display: inline; clear: both; width: 460px; padding-top: 15px; overflow-x: hidden; }
#article-comments h2                { float: left; padding: 10px 9px 0; }
#article-comments .comments-control { float: right; padding: 10px 9px 0; }

#send-message-link          { padding-left: 32px; background: url(i/icons/posalji-poruku.gif) no-repeat 10px 3px; }
#send-message-link:hover    { background-position: 0 -86px; }

#commentlist        { float: left; clear: both; width: 460px; }
#commentlist li     { float: left; width: 421px; list-style: none; padding: 10px 15px 1px; margin-bottom: 15px; color: #333; background: #fff; border-left: 9px solid #bcbcbc; }
#commentlist li *   { font-size: 1em !important; }

#commentlist li .teh-comment   { font-style: italic !important; font-family: Georgia, 'Times New Roman', serif; }

#commentlist li cite                    { float: left; font-style: normal; font-weight: bold; }
#commentlist li .comment-permalink      { float: right; font-size: .8em !important; }
.comment-permalink a                    { text-decoration: none; }

#commentform                { clear: both; width: 460px; margin-bottom: 1.8em; background: url(i/png-30.png); }
#commentform fieldset       { float: left; padding: 13px; }
#commentform .field         { padding-bottom: 1.5em; }
#commentform .field label   { display: block; padding-bottom: .2em; }
#commentform .input-text    { width: 225px; padding: 2px; }
#commentform textarea       { width: 431px; padding: 2px; overflow: auto; }
#commentform #submit        { float: right; }

.nocomments         { text-align: center; margin: 0; padding: 0; }
.commentmetadata    { margin: 0; display: block; }



/*** CELEBRITY PROFILES ***/
#profile-page               {}
#celebrity-fotogalery-page  {}
#celebrity-zodiac-page      {}
#celeb-box                  { float: right; display: inline; width: 147px; margin: 0 0 1em 20px; }




/*** ARTICLE VIEW ***/

.entity-view-body .post         { margin-bottom: 18px; }
.entity-view-body .post .entry  { width: 442px; padding: 9px; background: url(i/png-30.png); }

.entity-view-body h1            { margin-bottom: .5em; }
.entity-view-body h1 strong     { color: #ed1c24; }



/*** ARTICLE LAYOUTS ***/

#default-article .the-content,
#default-article-lead-image .the-content,
#video-article .the-content,
#photo-article .the-content         { margin-left: 0 !important; width: 940px; }

#default-article .main-content,
#default-article-lead-image .main-content,
#photo-article .main-content            { width: 620px; }

#default-article .main-content .post,
#default-article-lead-image .main-content .post,
#photo-article .main-content .post      { width: 620px; }


/* article sidebar (common) */
#article-sidebar            { float: left; display: inline; width: 150px; }
#article-sidebar .lead      { font-size: 1em; }
#article-sidebar .lead p    { width: 140px; padding: 9px 9px 1em; margin-bottom: 0 !important; font-weight: bold; font-size: 1.2em; line-height: 1.7; }
#article-sidebar .metadata  { padding: 1.1em 0 0 9px; }

/* default specific */
#default-article h1                     { padding-left: 160px; }
#default-article #article-sidebar       { float: left; width: 150px; }
#default-article .entry                 { float: right;  }
#default-article #article-comments      { float: left; display: inline; margin-left: 160px; clear: both; }

/* default w/ image specific */
#default-article-lead-image .entry                      { float: right; }
#default-article-lead-image #article-comments           { float: left; display: inline; clear: both; margin-left: 160px;  }

/* video specific */
#video-article .main-content        { margin-left: 160px; }
#video-article .main-content .post  { overflow: visible; }
#video-article #article-sidebar     { margin-left: -160px; }
#video-article #video-player        { padding: 20px 0; background: #000; text-align: center; }

#video-article .main-content .entry { overflow: visible; }

#video-article #temp-player         { position: relative; margin-left: -140px; top: 0; width: 580px; height: 326px; z-index: 1000; }

/* photo specific */
#photo-article .main-content .entry { width: 560px !important; padding: 25px; }
#photo-article .main-content .ngg-galleryoverview   { width: 100%; }

#photo-article #article-comments    { float: left; display: inline; clear: both; margin-left: 160px; }

#zvjezdani-imenik-article {}


#article-sidebar .croportal-vote iframe { border: 0; }
#article-sidebar .croportal-vote { margin-left: 9px; border: 0 !important; }



/*** HOMEPAGE ***/

.jCarouselLite { z-index:1 !important; float:left; position:relative; visibility:hidden; left:-5000px; }
.jCarouselLite ul { float:left; }
.jCarouselLite ul li { float:left; list-style:none; }
/*.jCarouselLite ul li * { float:left; }*/

#homepage-primary { float:left; width:620px !important; padding-bottom:9px; }
#homepage-primary h4 { padding: 5px 9px; margin: 0; color: #fff; background: url(i/png-50.png); }
#homepage-primary .post { width:620px; }

.homepage-featured-lead-image { position:relative; width:620px; }
.homepage-featured-lead-image img { width:620px; height:310px; padding:0 !important; margin:0 !important; }
.homepage-featured-lead-image h4 { position:absolute; top:0; left:0; width:602px; }
.homepage-featured-lead-image h4 a { text-decoration:none; }
.homepage-featured-lead-image h1 { position:absolute; bottom:0; left:0; }

/* backwards compat. /spit */
#homepage-featured-lead-image { position:relative; width:620px; }
#homepage-featured-lead-image img { width:620px; height:310px; padding:0 !important; margin:0 !important; }
#homepage-featured-lead-image h4 { position:absolute; top:0; left:0; width:602px; }
#homepage-featured-lead-image h4 a { text-decoration: none; }
#homepage-featured-lead-image h1 { position:absolute; bottom:0; left:0; }

#homepage-primary h1 { width: 586px !important; padding: 13px; margin:0; background: url(i/png-40.png); border-left: 9px solid #0b0e10; }
#homepage-primary h1 a { color: #fff; }
#homepage-primary h1 a:hover { color: #ed1c24; }

#homepage-primary1 h1 { width: 586px !important; padding: 13px; margin:0; background: url(i/png-41.png); border-left: 9px solid #0b0e10; }
#homepage-primary1 h1 a { color: #fff; }
#homepage-primary1 h1 a:hover { color: #6b028b; }

#homepage-primary-branded h1 { width:594px !important; padding:13px; margin:0; background:url(i/png-white-50.png); }
#homepage-primary-branded h1 a { color:#000; }
#homepage-primary-branded h1 a:hover { color:#ED1C24; }

#homepage-primary .entry { width: 585px !important; padding: 13px; color: #fff; background: #851015; border-left: 9px solid #5d0b0f; }
#homepage-primary .entry p { margin: 0 !important; }
#homepage-primary .lead p { margin: 0 0 .2em !important; }
#homepage-primary .abstract .postmeta { float: left; padding-right: .5em; color: #ccc; }


#celeb-related-articles             { width: 415px; padding: 9px 18px 18px !important; margin-bottom: 9px; color: #fff; background: url(i/png-red-50.png); border-left: 9px solid #46090c; }
#celeb-related-articles h3,
#celeb-related-articles li          { font-weight: normal; font-size: 1.1em; }
#celeb-related-articles h3 strong   { font-weight: normal; color: #ed1c24; }
#celeb-related-articles h3          { padding: 5px 0 7px; text-transform: uppercase; letter-spacing: 1px; font-family: Georgia, 'Times New Roman', serif; }
#celeb-related-articles ul          { margin-bottom: 0 !important; }
#celeb-related-articles li          { list-style: none; margin: 0; padding: 0 0 5px 25px; background: url(i/star-bullet-red.gif) no-repeat 0 .1em; }



#homepage-secondaries               { float: left; width: 424px; padding: 9px 18px 9px 9px; background: #fff; color: #151515; border-left: 9px solid #bcbcbc; }
#homepage-secondaries h4            { font-weight: bold; font-size: 1.2em; color: #df1a24; }
#homepage-secondaries li            { list-style: none; float: left; width: 424px; font-size: 1em; margin: 0 0 18px; padding: 0 0 18px; }

#homepage-secondaries li dl         { position: relative; float: left; display: inline; padding-left: 163px; width: 260px; }
#homepage-secondaries li dt         { font: normal 1.8em/1.1 Georgia, 'Times New Roman', Times, serif; margin-bottom: .5em; padding-top: .3em; }
#homepage-secondaries li dt a       { text-decoration: none; }
#homepage-secondaries .abstract     { font-size: 1.2em; }
#homepage-secondaries .abstract p   { font-size: 1em; margin: 0; }

#homepage-secondaries .thumb        { position: absolute; display: block; left: 0; top: 0; width: 137px; }



/*** COVER LAYOUTS ***/

#naslovnica-glavna .the-content,
#naslovnica-fashion .the-content,
#naslovnica-lifestyle .the-content,
#naslovnica-zabava .the-content,
#naslovnica-zvjezdani-svijet .the-content,
#virtual-tour-page .the-content,
#branded-page .the-content,
.serp-body .the-content,
#default-category-body .the-content,
#archive-sitemap-content    { width: 940px !important; margin-left: 0 !important; }

#naslovnica-glavna .main-content,
#naslovnica-fashion .main-content,
#naslovnica-lifestyle .main-content,
#naslovnica-zabava .main-content,
#naslovnica-zvjezdani-svijet .main-content,
#virtual-tour-page .main-content,
#branded-page .main-content,
.serp-body .main-content,
#default-category-body .main-content,
#archive-sitemap-content .main-content  { width: 620px !important; }


/*** SERP PAGE ***/

.serp-body .navigation,
.serp-body .entry           { width: 100% !important; }

.article-listing            { float:left; width: 584px; padding: 18px; background: url(i/png-30.png); }
.article-listing li         { float:left; }
.article-listing dt,
.article-listing dd         { width: 584px; }


/*** CATEGORY DEFAULT ***/

#archive-sitemap-content .main-content              { width: 920px !important; }
#archive-sitemap-content .main-content h1           { margin-bottom: .5em; }

#archive-sitemap-content .categories-list,
#archive-sitemap-content .monthly-archives-list     { padding: 18px 18px 2em; }
#archive-sitemap-content .categories-list ul,
#archive-sitemap-content .monthly-archives-list ul  { overflow: auto; }
#archive-sitemap-content .categories-list li,
#archive-sitemap-content .monthly-archives-list li  { float: left; display: inline; list-style: none; width: 155px; margin-right: 20px; }

#archive-sitemap-content .category-list         { float: left; width: 170px; }
#archive-sitemap-content .category-list h2      { font-size: 1.3em; padding: 0 20px .5em 0; }
#archive-sitemap-content .category-list ul      { float: left; width: 170px; overflow: hidden; }
#archive-sitemap-content .category-list ul li   { width: 150px; }



/*** COVER BOXES ***/

.pseudo-row                 { float: left; margin-bottom: 9px; width: 620px; background: url(i/pseudo-row.gif) no-repeat 0 100%; }

.cover-box                  { float: left; display: inline; width: 260px; padding: 14px 18px 0; margin-left: 9px; color: #000; background: #fff; border-left: 9px solid #bcbcbc; }
.pseudo-row .first-child    { margin: 0; }
.cover-box h3               { padding-bottom: .5em; margin-bottom: .9em !important; font: bold 1.2em Arial, Verdana, sans-serif !important; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #eee; color: #df1a24; }
.cover-box h3 a             { text-decoration: none; }
.cover-box li               { float: left; width: 100%; margin: 0 0 1em; padding-bottom: 1em; list-style: none; border-bottom: 1px solid #eee; }
.cover-box dt               { font: normal 1.4em/1.3 Georgia, 'Times New Roman', Times, serif; margin-bottom: .5em; }
.cover-box .thumb           { margin-bottom: .2em; }
.cover-box .abstract *      { font-size: 1em !important; }
.cover-box-wide             { float: left; clear: both; width: 574px; padding: 18px; margin: 0 0 9px !important; background: #fff; border-left: 9px solid #bcbcbc; }

.col                { float: left; display: inline; width: 305px; min-height: 100px; }
.first-col          { margin-right: 9px; min-height: 100px; }
.col .cover-box     { margin: 0 0 9px !important; }

#homepage-second-news h1        { font-size: 1.8em; color: #ed1c24; letter-spacing: 0; }
#homepage-second-news .abstract { color: #000; margin-bottom: 0; }
#homepage-second-news img       { float: left; margin-right: 18px; }

/*** COVER BOXES ***/

.medium-preview             { position: relative; padding-top: 140px; }
.medium-preview dt          { float: none; }
.medium-preview .thumb      { position: absolute; top: 0; margin-bottom: 1em; }
.medium-preview .thumb img  { width: 260px; height: 130px; }

.tiny-preview dt            { float: right; width: 142px; font-size: 1.2em; }
.tiny-preview .abstract     { float: right; width: 142px; }
.tiny-preview .thumb        { float: left; margin-right: 18px; }
.tiny-preview .thumb img    { width: 100px; height: 75px; }


/*** COVER CAROUSEL ***/

.carousel                   { width: 574px; overflow-x: auto; overflow-y: hidden; }
.carousel ul                { height: 75px; margin: 0 !important; padding-bottom: 15px; } /* width: (12 x 118px) - 18px */
.carousel li                { border: 0; float: left; display: inline; width: 100px; height: 75px; margin: 0 0 0 18px !important; overflow: hidden; }
.carousel li.first-child    { margin: 0 !important; }




/*** COVER CELEB PROFILES ***/

#naslovnica-zvjezdani-imenik #homepage-primary                  { padding-bottom: 1px; }
#naslovnica-zvjezdani-imenik .homepage-featured-lead-image      { width: 460px; }
#naslovnica-zvjezdani-imenik .homepage-featured-lead-image img  { width: 460px; }
#naslovnica-zvjezdani-imenik .homepage-featured-lead-image h4   { width: 442px; }

#naslovnica-zvjezdani-imenik #homepage-featured-lead-image      { width: 460px; }
#naslovnica-zvjezdani-imenik #homepage-featured-lead-image img  { width: 460px; }
#naslovnica-zvjezdani-imenik #homepage-featured-lead-image h4   { width: 442px; }

#naslovnica-zvjezdani-imenik #homepage-primary h1               { width: 426px !important; }
#naslovnica-zvjezdani-imenik #homepage-primary .entry           { width: 425px !important; }



/*** HOMEPAGE FEATURED VIDEO ***/

.homepage-video-hook                            { height: 250px; }
#naslovnica-zvjezdani-svijet #homepage-primary  { padding-bottom: 0; margin-bottom: 9px; }
#naslovnica-zvjezdani-svijet .video-tabs        { background: url(i/png-50.png); }
#naslovnica-zvjezdani-svijet .video-tabs h1     { width: 416px !important; }
#naslovnica-zvjezdani-svijet .video-tabs .entry { width: 415px !important; }

#naslovnica-zvjezdani-svijet .homepage-featured-video           { float: left; width: 450px !important; margin-bottom: 0 !important; padding-top: 5px; text-align: center; background: #000; }
#naslovnica-zvjezdani-svijet .homepage-featured-video *         { text-align: left; }
#naslovnica-zvjezdani-svijet .homepage-featured-video object,
#naslovnica-zvjezdani-svijet .homepage-featured-video embed     { margin: 0 auto; }

#naslovnica-zvjezdani-svijet .homepage-featured-video .egida    { display: none; }

.video-tabs .sidetabs               { float: right; display: inline; width: 160px; margin: 5px 5px 0 0; }
.video-tabs .sidetabs li            { float: left; display: inline; list-style: none; width: 160px; margin: 0 0 2px; }
.video-tabs .sidetabs li a          { display: block; width: 160px; height: 1%; padding-bottom: 1px; text-decoration: none; background: url(i/video/tab-link-bottom.gif) no-repeat 50% 100%; }
.video-tabs .sidetabs li a span     { display: block; width: 130px; padding: 10px 15px 9px; cursor: pointer; background: url(i/video/tab-link-top.gif) no-repeat 50% 0; }

.video-tabs .sidetabs li.selected a         { color: #fff; text-decoration: none; background-image: url(i/video/tab-active-bottom.gif); }
.video-tabs .sidetabs li.selected a span    { background-image: url(i/video/tab-active-top.gif); }

/*
.video-tabs .sidetabs li a:hover            { background-image: url(i/video/tab-hover-bottom.gif); }
.video-tabs .sidetabs li a:hover span       { background-image: url(i/video/tab-hover-top.gif); }
*/



.cover-archive-link         { float: left; clear: both; width: 620px; font: 1em/1 Arial, Helvetica, sans-serif !important; }
.cover-archive-link a       { display: block; width: 602px; padding: 10px 9px 10px 0; text-align: center; text-transform: uppercase; letter-spacing: 1px; background: #fff; border-left: 9px solid #bcbcbc; }
.cover-archive-link a:hover { color: #fff; background: #ed1c24; border-left: 9px solid #46090c; }



/*** SIDECOL LEFT ***/

.first-content          { float: left; display: inline; width: 148px; min-height: 400px; margin: 0 0 0 -960px; padding: 0 0 26px; border: 1px solid #363636; }

#celeb-list             { float: left; width: 148px; }
#celeb-list h5          { padding: 9px 15px 3px; color: #ed1c24; font-size: 11px; line-height: 1.3; text-transform: uppercase; }
#celeb-list ul          { float: left; margin-bottom: 15px; }
#celeb-list li          { float: left; width: 148px; list-style: none; font-size: 1.1em; }
#celeb-list li a        { display: block; width: 118px; padding: 3px 13px 3px; margin: 0 2px; color: #d1d1d1; text-decoration: none; }
#celeb-list li a:focus,
#celeb-list li a:hover  { color: #ed1c24; background: #efefef; cursor: pointer; }

#celeb-list li.current_page_item a,
#celeb-list li.current_page_parent a,
#celeb-list li.current_page_ancestor a  { background: #ed1c24; color: #fff; }

#celeb-list #to-be-continued        { clear: both; font-size: 1.1em; padding: 9px 15px 3px; color: #ed1c24; }





/*** SIDECOL RIGHT ***/
#side-content { z-index: 1; }

.sidebox    { float: left; clear: both; width: 310px; padding-bottom: 2px; }

.sidebox h3         { width: 310px; padding-bottom: 1px; margin-bottom: 2px; font: 1.2em/1.5 Verdana, Arial, sans-serif !important; text-transform: uppercase; letter-spacing: 1px; color: #fff; background: url(i/h3/red-bottom.gif) no-repeat 1px 100%; }
.sidebox h3 span    { display: block; padding: 5px 20px 4px; background: url(i/h3/red-top.gif) no-repeat; }

#event-calender h3,
#dont-miss-box h3           { background: url(i/h3/red-bottom.gif) no-repeat 1px 100%; }
#event-calender h3 span,
#dont-miss-box h3 span      { background: url(i/h3/red-top.gif) no-repeat; }

/*
#real-story                 { float: left; width: 280px; padding: 15px; margin-bottom: 9px; background: url(i/png-08.png); }
#real-story p               { margin: 0 !important; }
*/

#side-content ul            { float: left; width: 310px; padding: 10px 0 15px; background: url(i/png-08.png); }
#side-content ul li         { float: left; display: inline; width: 238px; padding: 0 36px; list-style: none; margin-bottom: .5em; background: url(i/star-bullet.gif) no-repeat 15px .2em; }

ul.article-listing li       { font-size: 1em !important; list-style: none; padding-bottom:1em; margin-bottom:1em; border-bottom:1px solid #ED1C24; }
ul.article-listing li dt,
ul.article-listing li dd    { font-size: 1.2em; }
ul.article-listing li dt    { margin-bottom:1em; font-weight: bold; }
ul.article-listing li dt span { font-weight:normal; }
ul.article-listing li dd *  { font-size: 1em !important; }

#side-content li a          { display: block; height: 1%; color: #ed1c24; text-decoration: none; }
#side-content li a:focus,
#side-content li a:hover    { color: #00e5de; }

#newsletter-box form                { padding: 18px; background: url(i/png-08.png); }
#newsletter-box form p              { margin: 0; padding: .5em 2px 0; }
#newsletter-box form .input-text    { float: left; border: 2px solid #fff; background: #fff; width: 180px; height: 18px; margin-right: 4px; }
#newsletter-box form .input-image   { float: left; }

#the-cover  { position: absolute; }

#story-print-cover      { float: left; clear: both; width: 151px; height: 197px; padding: 21px 138px 21px 21px; margin-bottom: 10px; overflow: hidden; background: url(i/print-cover.gif) no-repeat 0 0; }
#story-print-cover h3   { position: absolute; left: -9999px; top: -9999px; }
#story-print-cover .ad-txt { width: 151px; height: 197px; overflow: hidden; }

/*** POLL STYLES ***/

#poll-box           { position: relative; }

#poll-box h1        { padding: 10px 20px 5px; margin: 0; font-size: 1.6em; background: url(i/png-08.png); }

#poll-box .wp-polls-form        { padding: 0; }
#poll-box .wp-polls             { float: left; clear: both; width: 310px; padding-bottom: 10px; }
#poll-box .wp-polls p           { clear: both; width: 270px; padding: 0 20px; }
#poll-box .wp-polls-loading     { clear: both; padding-bottom: 20px; position: absolute; right: 20px; top: 5px; }
#poll-box .wp-polls-loading img { vertical-align: top; margin-right: 5px; }

#poll-box .pollbar          { background: #ed1c24; border: 1px solid #600; border-color: #f00 #600 #600 #f00; }

#wp-poll-question           { font-size: 1.4em !important; padding: 5px 20px !important; margin: 0; }
#poll-box .wp-polls-ul      { float: left; clear: both; width: 310px; margin: 0; }
#poll-box .wp-polls-ul li   { background: none; padding: 0 20px; }

#poll-box #wp-poll-buttons          { float: left; padding-bottom: 5px; margin: 0 !important; }
#poll-box #wp-poll-buttons input    { float: left; padding: 0; background: #ed1c24; color: #fff; font: 1em/1.5 Verdana, sans-serif !important; text-transform: uppercase; }
div[id="poll-box"] #wp-poll-buttons input { padding: 4px 10px !important; }

#poll-box #wp-poll-buttons a        { float: right; width: 150px; font-size: 10px !important; text-align: right; }

#poll-box .input-image      { vertical-align: middle; margin-right: 1em; }


/*** IMAGES ***/

.main-content .alignright,
.main-content .ngg-right     { float: right; clear: right; display: inline; margin: 0 0 10px 15px; }

.main-content .alignleft,
.main-content .ngg-left      { float: left; clear: left; display: inline; margin: 0 15px 10px 0; }

.main-content img.aligncenter   { margin: 0 0 15px; }

.postmetadata ul,
.postmetadata li        { display: inline; list-style-type: none; list-style-image: none; }


/* Begin Calendar */
#wp-calendar                { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a        { padding-right: 10px; text-align: right; }
#wp-calendar #prev a        { padding-left: 10px; text-align: left; }
#wp-calendar a              { display: block; }
#wp-calendar caption        { text-align: center; width: 100%; }
#wp-calendar td             { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover   { background-color: #fff; }


/* Begin Various Tags & Classes */
blockquote      { margin: 15px 30px 0 10px; padding-left: 20px; }
blockquote cite { margin: 5px 0 0; display: block; }
.center         { text-align: center; }
.hidden         { display: none; }
hr              { display: none; }


/* Captions */
.wp-caption                     { }
.wp-caption img                 { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text   { padding: 5px 0; margin: 0; color: #888; }





#TB_overlay         { z-index: 10000 !important; }
#TB_window          { z-index: 10003 !important; }
#TB_image_wrapper   { position: relative; }

#TB_next,
#TB_prev { display: block; height: 100%; width: 50%; cursor: pointer; }

#TB_next a,
#TB_prev a { position: absolute; top: 0; display: block; height: 100%; width: 50%; text-indent: -9999px; overflow: hidden; background: none !important; background: #fff; filter: alpha(opacity=0.1); z-index: 9999; }

#TB_next a { right: -68px; bottom: 30px; }
#TB_prev a { left: -68px; bottom: 30px; }

#TB_prev a:hover { background: url(i/buttons/prev-image.gif) no-repeat 0 100% !important; filter: alpha(opacity=100); }
#TB_next a:hover { background: url(i/buttons/next-image.gif) no-repeat 100% 100% !important; filter: alpha(opacity=100); }

#TB_closeWindow         { position: absolute; right: -50px; top: 18px; background: url(i/buttons/close-window.gif) no-repeat; z-index: 9999; cursor: pointer; }
#TB_closeWindowButton   { position: relative; display: block; width: 30px; height: 30px; text-indent: -9999px; overflow: hidden; }

#TB_caption     { padding: .5em 2px 0; }
#TB_FullSize    { display: none; float: right; padding: 0 2px; }

#TB_story_arhiva    { float: right; padding: 0 2px; }


#TB_overlay             { position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; }
.TB_overlayMacFFBGHack  { background: url(i/macFFBgHack.png) repeat; }
.TB_overlayBG           { background-color: #000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }

#TB_window  { position: fixed; background: #fff; z-index: 102; color: #000; display: none; padding: 18px; text-align: left; top: 50%; left: 50%; font-size: 12px; color: #333; }

#TB_window #TB_Image        { display: block; margin: 0 !important; }
#TB_closeAjaxWindow         { padding: 7px 10px 5px 0; margin-bottom: 1px; text-align: right; float: right; }
#TB_ajaxWindowTitle         { float: left; padding: 7px 0 5px 10px; margin-bottom: 1px; }
#TB_title                   { background-color: #e8e8e8; height: 27px; }
#TB_ajaxContent             { clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; }
#TB_ajaxContent.TB_modal    { padding: 15px; }
#TB_ajaxContent p           { padding: 5px 0px 5px 0px; }
#TB_load                    { position: fixed; display: none; height: 13px; width: 208px; z-index: 10002; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }

#TB_HideSelect  { z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; }

#TB_iframeContent  { clear: both; border: none; margin-bottom: -1px; margin-top: 1px; _margin-bottom: 1px; }




/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview { margin-top: 10px; width: 100%; clear: both; display: block !important; }

.ngg-album { height: 100%; padding: 5px; margin-bottom: 5px; border: 1px solid #fff; }

/* IE6 will ignore this , again I hate IE6 */
/* See also http: //www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album { overflow: hidden; padding: 5px; margin-bottom: 5px; border: 1px solid #ccc; }

.ngg-album { overflow: hidden; padding: 5px; margin-bottom: 5px; border: 1px solid #ccc; }
.ngg-albumtitle { text-align: left; font-weight: bold; margin: 0px; padding: 0px; font-size: 1.4em; margin-bottom: 10px; }
.ngg-thumbnail { float: left; margin-right: 12px; }
.ngg-thumbnail img { background-color: #fff; border: 1px solid #f00; margin: 4px 0px 4px 5px; padding: 4px; position: relative; }
.ngg-thumbnail img:hover { background-color: #A9A9A9; }
.ngg-description { text-align: left; }

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact { float: left; height: 180px; padding-right: 6px !important; margin: 0px !important; text-align: left; width: 120px; }
.ngg-album-compactbox { background: transparent url(albumset.gif) no-repeat scroll 0%; height: 86px; margin: 0pt 0pt 6px !important; padding: 12px 0pt 0pt 7px !important; width: 120px; }
.ngg-album-compactbox .Thumb { border: 1px solid #000; margin: 0px !important; padding: 0px !important; width: 91px; height: 68px; }
.ngg-album-compact h4 { font-size: 15px; font-weight: bold; margin-bottom: 0px; margin-top: 0px; width: 110px; }
.ngg-album-compact p { font-size: 11px; margin-top: 2px; }

/* ----------- Gallery style -------------*/

.ngg-galleryoverview                { position: relative; float: left; width: 450px; margin: -3px 0 1.8em -3px; clear: both; }
.ngg-galleryoverview .desc          { margin: 0 10px 10px 0; padding: 5px; }
.ngg-gallery-thumbnail-box          { float: left; padding: 3px; }
.ngg-gallery-thumbnail              { float: left; }
.ngg-gallery-thumbnail .thickbox    { float: left; }
.ngg-gallery-thumbnail img          { float: left; background: #fff; padding: 3px; margin: 0; position: relative; }
.ngg-gallery-thumbnail img:hover    { background-color: #ed1c24; }
.ngg-gallery-thumbnail span         { display: none; font-size: 90%; padding-left: 1px; display: block; }
.ngg-clear                          { clear: both; }

/* ----------- Gallery navigation -------------*/

.ngg-navigation { font-size: 0.9em !important; clear: both !important; display: block !important; padding-top: 15px; text-align: center; }

.ngg-navigation span { font-weight: bold; margin: 0pt 6px; }

.ngg-navigation a.page-numbers,
a.next,
a.prev,
span.page-numbers,
span.next,
span.prev { border: 1px solid #DDDDDD; margin-right: 3px; padding: 3px 7px; }

.ngg-navigation a.page-numbers:hover,
a.next:hover,
a.prev:hover,
span.page-numbers:hover,
span.next:hover,
span.prev:hover { background-color: #0066CC; color: #fff !important; text-decoration: none !important; }

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {}
.ngg-imagebrowser h3 { text-align: center; }
.ngg-imagebrowser img { border: 1px solid #A9A9A9; margin-top: 10px; margin-bottom: 10px; width: 100%; display: block !important; padding: 5px; }
.ngg-imagebrowser-nav { padding: 5px; margin-left: 10px; }
.ngg-imagebrowser-nav .back { float: left; border: 1px solid #DDDDDD; margin-right: 3px; padding: 3px 7px; }
.ngg-imagebrowser-nav .next { float: right; border: 1px solid #DDDDDD; margin-right: 3px; padding: 3px 7px; }
.ngg-imagebrowser-nav .counter { text-align: center; font-size: 0.9em !important; }

/* ----------- Slideshow -------------*/
.slideshow { margin-left: auto; margin-right: auto; text-align: center; }
.slideshowlink { }

/* ----------- Single picture -------------*/

.ngg-singlepic      { position: relative; display: block; margin: 4px 0 4px 0; padding: 4px; background-color: #fff; }
.ngg-left           { float: left; margin-right: 10px; }
.ngg-right          { float: right; margin-left: 10px; }
.ngg-center         { margin-left: auto !important; margin-right: auto !important; }

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow { overflow: hidden; margin: 0pt; padding: 5px 0px 0px 0pt; }
.ngg-widget img { border: 2px solid #A9A9A9; margin: 0 2px 2px 0; padding: 1px; }

/* ----------- Related images -------------*/
.ngg-related-gallery { background: #F9F9F9; border: 1px solid #E0E0E0; overflow: hidden; margin-bottom: 1em; margin-top: 1em; padding: 5px; }
.ngg-related-gallery img { border: 1px solid #DDDDDD; float: left; margin: 0pt 3px; padding: 2px; height: 50px; width:  50px; }
.ngg-related-gallery img:hover { border: 1px solid #000; }

/*
#related-content { width: 620px; display:inline; clear: both; float: left; background: #000; }
#related-content h3 { margin-left: 170px; padding-bottom: 1px; margin-bottom: 2px; font: 1.2em/1.5 Verdana, Arial, sans-serif !important; text-transform: uppercase; letter-spacing: 1px; color: #fff; background: url(i/h3/red-bottom-438.gif) no-repeat 1px 100%; }
#related-content h3 span { display: block; padding: 5px 20px 4px; background: url(i/h3/red-top-440.gif) no-repeat; }
#related-content ul { padding: 9px 9px 9px 170px; width: 442px; }
#related-content ul li { list-style: none; margin: 0; padding: 0 0 5px 25px; background: url(i/star-bullet-red.gif) no-repeat 0 .1em; }
*/

#related-content { clear:both; display:inline; float:left; width: 415px; padding: 9px 18px 18px !important; margin-bottom: 9px; color: #fff; background: url(i/png-red-50.png); border-left: 9px solid #46090c; }
#related-content h3, #related-content li { font-weight: normal; font-size: 1.1em; }
#related-content h3 { padding: 5px 0 7px; text-transform: uppercase; letter-spacing: 1px; font-family: Georgia, 'Times New Roman', serif; }
#related-content ul { margin-bottom: 0 !important; }
#related-content li { list-style:none; margin:0; padding:0 0 5px 25px; background: url(i/star-bullet-red.gif) no-repeat 0 0.1em; }
#default-article #related-content, #default-article-lead-image #related-content { margin-left:160px; }

/* related-text = google adsense banners */
#related-text { clear:both; display:inline; float:left; width:460px; }
#default-article #related-text, #default-article-lead-image #related-text { margin-left:170px; }

/* nivea banner z-index override */
#Eoutside { z-index: 9000 !important; }

/* branded pages iframe override */
#branded-page iframe { border: 0 !important; }

.sense-link-unit { clear:both; float:left; display:inline; margin-bottom:9px; }
.entry .sense-link-unit { margin-top:9px; }
.w468 { width:468px; }
.h15 { height:15px; }
.h60 { height:60px; }

#topstars-countdown { width:310px; height:90px; margin-bottom:10px; padding-top:10px; background-image: url(http://www.story.hr/wp-content/themes/story-black/images/Story_brojanje.png); }
#topstars-countdown span { color:#093C75; font-weight:bold; font-size:70px; padding-left:20px; }