/*
Theme Name: PlanB
Theme URI: http://planb.com.hr/
Description: WordPress tema za PlanB.
Version: 1.6
Author: Marko Dugonjić
Author URI: http://www.creativenights.com/
*/

* { margin: 0; padding: 0; }

html { font: 62.5%/1.5 Georgia, serif; color: #000; background: #fff; }

a       { color: #000; text-decoration: none; outline: none; }
a:hover { text-decoration: none; }

fieldset,
a img { border: 0; }

img { line-height: 0; }

u { text-decoration: none; }

#sizer              { position: relative; width: 960px; margin: 0 auto; background: url(i/L/vertical-shadows.png) repeat-y 0 0; }
#sizer:after        { content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; }

/*** HEADER ***/

#header { float: left; width: 100%; height: 124px; border-top: 27px solid #fff; background: #000 url(i/L/header.jpg); }

#logo   { float: left; }
#logo a { display: block; width: 192px; height: 124px; text-indent: -9999px; overflow: hidden; }

#tagline { position: absolute; left: -9999px; top: -9999px; }

#header-leaderboard { float: right; display: inline; width: 728px; height: 90px; margin: 18px 17px 0 0; }

/*** MAIN NAV ***/

#main-nav { float: left; clear: both; width: 100%; background: #fff; }    
#main-nav ul { float: left; padding-left: 5px; background: url(i/L/tri-main-nav-L.gif) no-repeat 0 0; }
#main-nav ul li { float: left; display: inline; }
#main-nav ul li a   { display: block; padding: 5px 10px; font: 14px/2.1 Georgia, serif; text-transform: uppercase; color: #000; }
#main-nav ul li a:hover { color: #ff4196; }
#main-nav li.current_page_item a,
#main-nav li.current-cat a  { color: #000 !important; text-decoration: underline; }

#main-nav ul li.login-logout    { padding: 0 10px; font-size: 14px; }
#main-nav ul li.login-logout a  { display: inline-block !important; padding: 5px 0 !important; text-transform: none !important; }

#network            { background-image: none !important; padding: 10px 0 10px 20px !important; }
#network li         { background: none no-repeat 50% 50%; }
#network li a       { width: 10px; height: 19px; padding: 0 10px !important; text-indent: -9999px; overflow: hidden; }
#network .fb-link   { background-image: url(i/I/facebook.png); }
#network .tw-link   { background-image: url(i/I/twitter.png); }
#network .tw-link a { border-left: 1px solid #eee; }

#searchform                 { float: right; width: 230px; padding: 5px 10px; background: url(i/L/tri-main-nav-R.gif) no-repeat 100% 0; }
#searchform fieldset        { float: right; }
#searchform label           { float: left; padding-right: 6px; font: 1.4em/2.1 Georgia, serif; }
#searchform .input-text     { float: left; border: 0; margin-top: 8px; background: #f0f0f0; outline: none; }
#searchform .input-image    { float: left; margin: 9px 5px 0 0; }

/*** FEATURED CONTENT ***/

#featured-content-spacer        { clear: both; width: 940px; height: 241px; background: #fff; }  /* h4 = 46px; ol = 195px */ 
#loading-wheel                  { width: 940px; height: 241px; background: #fff url(i/I/loading-wheel.gif) no-repeat 50% 40%; }

#featured-content               { position: absolute; left: 0; top: 190px; float: left; clear: both; width: 960px; height: 241px; overflow: hidden; background: #fff url(i/L/tri-featured.png) no-repeat 0 4.6em; }
.article-body #featured-content { background: #fff url(i/L/tri-featured-green.png) no-repeat 0 4.6em; }

#featured-content h4                { padding: 11px 13px; font: 2.4em/1 Georgia, serif; letter-spacing: -1px; background: #ff4196; }
.article-body #featured-content h4  { background: #c1ff41; }

#featured-content a { color: #000; }
#featured-content a:hover { color: #ff4196; text-decoration: none; }
.article-body #featured-content a:hover  { color: #000; background: #c1ff41; }

#featured-content #carousel-wrapper { float: left; display: inline; position: relative; width: 940px; margin: 0 10px; overflow: hidden; } 
#featured-content ol { float: left; width: 960px; height: 195px; padding-right: 10px; overflow: hidden; }
#featured-content li { float: left; width: 240px; height: 175px; padding: 10px 0; background: url(i/L/vertical-shadow.png) repeat-y 100% 0; overflow: hidden; }
#featured-content li:last-child { background: none; width: 220px; }

#featured-content dl    { position: relative; width: 200px; padding-top: 95px; margin: 0 30px 0 10px; }  
#featured-content dt    { padding-bottom: 3px; font-weight: bold; font-size: 14px; line-height: 16px; border-bottom: 1px dotted #bfbfbf; }
#featured-content dt a  { display: block; }
#featured-content .thumbnail    { position: absolute; top: 0; left: 0; width: 200px; height: 85px; display: block; background: #eee; }

#featured-content .category                 { position: absolute; top: 0; left: 0; display: inline-block; padding: 1px 4px; color: #000; background: #ff4196; }
.article-body #featured-content .category   { background: #c1ff41; }

#featured-content .abstract a   { font-weight: bold; }
#featured-content .category a:hover { color: #fff; } 

#featured-content .jcarousel-container { position: relative; overflow: visible !important; }
#featured-content .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
#featured-content .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
#featured-content .jcarousel-list li,
#featured-content .jcarousel-item { float: left; list-style: none; }
#featured-content .jcarousel-prev, 
#featured-content .jcarousel-next { position: absolute; display: block; background: red; z-index: 1000; width: 20px; height: 20px; top: -32px; cursor: pointer; }
#featured-content .jcarousel-next { right: 10px; background: url(i/I/scr-R.gif) no-repeat 50% 50%; }
#featured-content .jcarousel-prev { right: 30px; background: url(i/I/scr-L.gif) no-repeat 50% 50%; }
#featured-content .jcarousel-next:hover { background-image: url(i/I/scr-R-hover.gif); }
#featured-content .jcarousel-prev:hover { background-image: url(i/I/scr-L-hover.gif); }
#featured-content .jcarousel-prev-disabled { background-image: url(i/I/scr-L-dim.png) !important; }
#featured-content .jcarousel-next-disabled { background-image: url(i/I/scr-R-dim.png) !important; }

/*** COLUMNS ***/

#content                { float: left; width: 100%; }
                                                                                                          
.col-3-body #content    { padding: 11px 0 0; background: url(i/L/content-home-top.png) no-repeat; }
.col-2-body #content    { padding: 0 !important; background: none !important; border-top: 6px solid #9cf52b; }

#super-content,
#related-sidebar,
#sidebar-II,
#main-content,
#supplementary-content  { float: left; display: inline; min-height: 600px; overflow-x: hidden; }
      
#related-sidebar            { width: 180px; margin-left: -600px; }
#sidebar-II                 { width: 180px; margin-left: -960px; }
#super-content              { width: 600px; }
#main-content               { width: 420px; margin-left: 180px; font-size: 12px; }
#supplementary-content      { width: 360px; }
 
#super-content .column-heading,
#main-content .column-heading,
#main-content .search-term,
#supplementary-content .column-heading { padding: 0 20px 10px; font: 36px/1 Georgia, serif; letter-spacing: -1px; }
                         

#sidebar-II  .column-heading { width: 150px; padding: 38px 20px 22px 10px !important; font: 18px/1 Georgia, serif; letter-spacing: -1px; background: url(i/L/H-blue-home.png) no-repeat 0 0; }
#main-content .column-heading { width: 380px; padding: 26px 20px 20px; background: url(i/L/H-green-home.png) no-repeat; } 

#super-content .column-heading { width: 560px; padding: 26px 20px 20px; background: url(i/L/H-green-home.png) no-repeat; }

#main-content .search-term  { margin-bottom: 36px; }




/*** MAIN COLUMN ***/


.post   { position: relative; width: 390px; padding: 0 0 64px; margin-left: 20px; } 
       
.post a             { font-weight: bold; color: #5eb800; }
.post a:hover       { color: #9cf52b; text-decoration: none; }

.post h3,
.article-body .post h1  { font: bold 3em/1 Palatino, 'Palatino Linotype', Georgia, serif; margin-bottom: .1em; }

.post h3 a,
.article-body .post h1 a { color: #000; }

.post .leading-image        { width: 390px; min-height: 30px; overflow: hidden; }

.article-body .post .leading-image { min-height: 0; }

.post .leading-image img    { padding-bottom: 10px; }

#main-content .post p.postmeta                      { float: left; width: 100%; font: 10px/18px Georgia, serif; padding-bottom: .2em; margin-bottom: 4px !important; border-top: 1px dotted #bfbfbf; border-bottom: 1px dotted #bfbfbf; }
#main-content .post p.postmeta:after                { content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; }
#main-content .post p.postmeta strong.date          { float: left; } 
#main-content .post p.postmeta span.article-tags    { float: right; width: 305px; }
#main-content .post p.postmeta span.tag-label       { float: left; width: 50px; }
#main-content .post p.postmeta span.the-short-tags  { float: right; width: 255px; }
                
.post li    { margin-left: 20px; }

.post .entry            { clear: both; font-size: 12px; overflow: hidden; } 

.post object,
.post embed { width: 390px; }



.post .entry p,
.post .entry ul,
.post .entry ol          { margin-bottom: 18px; }
.post .entry li         { margin-left: 20px; list-style: square; }
.post .postmetadata li  { position: absolute; top: 0; list-style: none; display: block; margin: 0; font: 18px/1 Georgia, serif !important; letter-spacing: -1px; }
.post .postmetadata li span  { display: block; padding: 1px 15px 3px; background: #acf52b; }  
.post .postmetadata li span a   { display: inline-block; line-height: 20px; }

.in-category            { left: 0; }
.in-category a          { color: #000 !important; }
.no-comments            { right: 0; padding-bottom: 14px; background: url(i/L/comment-bubble.gif) no-repeat 0 100%; }
.no-comments a          { color: #fff !important; }

.article-tools p    { font-size: 10px; border-top: 1px dotted #bfbfbf; margin-bottom: 20px; }
.article-tools a    { font-weight: normal; }
.socialize-this     { text-transform: uppercase; }


/*** POST COMMENTS ***/ 

#article-comments               { width: 390px; padding: 0 0 36px 20px; font-size: 12px; }
#article-comments a             { font-weight: bold; color: #5eb800; }
#article-comments a:hover       { color: #9cf52b; text-decoration: none; }

#magazine-comments              { padding-top: 50px; }


h3#comments                 { padding-bottom: 9px; font: bold 30px/30px Palatino, 'Palatino Linotype', Georgia, serif; }
h3#comments .no-comments    { display: inline-block; padding: 1px 15px 18px; font: normal normal 26px/24px Georgia, serif; color: #fff; background: #acf52b url(i/I/comment-bubble-large.gif) no-repeat 0 100%;}

#main-content li.comment              { list-style: none; padding-bottom: 10px; margin: 0 0 10px; border-bottom: 1px dotted #000; }

.comment-meta           { }
.comment-author         { font: normal bold 12px/18px Georgia, serif; text-transform: uppercase; }
.the-comment            { font: italic 12px/18px Georgia, serif; }
.the-comment p            { margin-bottom: 9px; }

#main-content form               { width: 390px; overflow: hidden; }
#main-content form .field        { padding-bottom: 5px; }
#main-content form label         { display: block; font: 12px/18px Georgia, serif; color: #000; text-transform: uppercase; }
#main-content form .input-text,
#main-content form textarea      { background: #f0f0f0; border: 0; font: 12px/18px Georgia, serif; color: #000; outline: none !important; }
#main-content form .input-submit { font: 12px/18px Georgia, serif; text-transform: uppercase; color: #000; background: #acf52b; width: 390px; border: 0; cursor: pointer; }
#main-content form .input-text   { width: 180px; }
#main-content form textarea      { width: 390px; } 

.errors         { padding: 0 0 0 20px; color: #f00; }
.errors li      { margin-left: 20px; }
.confirmation   { padding: 0 0 0 20px; color: #060; }





/*** PAGINATION ***/

.pagination                 { margin-bottom: 20px; }


.article-pagination,
.wp-pagenavi                 { width: 390px; clear: both; margin-left: 20px; font-family: Palatino, 'Palatino Linotype', serif; border-top: 1px dotted #bfbfbf; padding-top: 2px; }
.article-pagination         { margin-left: 0; }

.pagination span.pages      { float: right; padding-left: 20px; }
.pagination span.current    {  }

.article-pagination a,
.pagination a   { display: inline-block; }

.article-pagination strong,
.pagination a   { padding: 0 2px; }



.article-pagination a:hover,
.pagination a:hover         { color: #fff; background: #9cf52b; }


/*** MAGAZINES ***/

.coverlist              { float: left; display: inline; width: 390px; margin: 0 0 18px 20px; border-bottom: 1px dotted #bfbfbf; }
.coverlist li           { float: left; width: 160px; list-style: none; padding: 17px 17px 27px; border-top: 1px dotted #bfbfbf; }
.coverlist li.odd       { clear: both; border-right: 1px dotted #bfbfbf; }
.coverlist li.even      { float: right; } 
.coverlist li a         { float: left; }    
.coverlist li a:hover   { color: #9cf52b; }    
.coverlist li strong    { display: block; text-align: center; padding: 5px 10px 0; }  

.coverlist li .digital-edition-link     { clear: both; }
.coverlist li .digital-edition-link a   { display: block; float: none !important; padding: 9px 10px; text-align: center; text-decoration: underline; }
.coverlist li .digital-edition-link a:hover   { text-decoration: none; }

.coverlist li .edit-link   { text-align: center; }
.coverlist li .edit-link a { float: none; }


/*** Magazine view ***/

.issue-cover        { width: 160px; padding: 0 0 20px 15px; }
.issue-contents     { padding: 0 0 0 20px; }       
.issue-contents p   { margin-bottom: 1.5em; }

.issue-articles-list        { width: 390px; padding-left: 20px; }
.issue-articles-list li     { list-style: none; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #bfbfbf; }
.issue-articles-list li img { width: 390px; margin-bottom: 10px; }










/*** SIDEBARS ***/

.sidebox        { float: left; overflow-x: hidden; }
.sidebox-wide   { float: left; width: 360px; }
        
#related-sidebar .sidebox,
#sidebar-II .sidebox            { width: 190px; padding-bottom: 30px; }
#related-sidebar .sideinfo      { width: 160px; padding-left: 10px; }
#related-sidebar .sideinfo p    { font-size: 12px; margin-bottom: 9px; }

.sidebox h4                         { font-weight: normal; font-size: 18px; }
#supplementary-content h4           { padding: 6px 20px 16px; background: #f5ff00 url(i/L/H-sidewide-yellow.png) no-repeat 0 100%; }
#related-sidebar .sidebox h4,
#sidebar-II .sidebox h4             { padding: 6px 20px 16px 10px; }

#supplementary-content a:hover  { color: #000; background: #f5ff00; }

.sidebox ul             { width: 160px; padding-left: 10px; }
.sidebox li             { list-style: none; padding: 2px 0 8px; border-bottom: 1px dotted #bfbfbf; }

/*** CURRENT ISSUE BOX ***/

#latest-issue { float: left; display: inline; width: 340px; margin-left: 10px; padding-bottom: 40px; background: url(i/L/current-issue-grad.png) repeat-x 0 7.8em; }
#latest-issue .column-heading { position: relative; width: 320px; margin: 0 -10px 12px -10px; padding: 31px 20px 20px; background: url(i/L/H-yellow-home.png) no-repeat; }

#featured-cover { float: left; display: inline; width: 160px; margin-left: 10px; overflow: hidden; }
#current-cover  { float: left; display: inline; background: none !important; }      

#featured-cover img { margin-bottom: 10px; }
#featured-cover span { display: block; }
.issue-meta     { border-top: 1px dotted #bfbfbf; }
.issue-no       { font-weight: bold; font-size: 36px; line-height: 36px; padding-bottom: 4px; border-bottom: 1px dotted #bfbfbf;}
.issue-month    { font-weight: bold; font-size: 14px; line-height: 18px !important; padding: 3px 0 2px; border-bottom: 1px dotted #bfbfbf; }

#latest-issue ul { float: left; width: 150px; padding-left: 10px; overflow-x: hidden; }
#latest-issue li { margin: 0; list-style: none; padding: 2px 0 8px; border-top: 1px dotted #bfbfbf; }
#latest-issue li.first-child { border-top: 0; font-size: 24px; line-height: 26px; }
#latest-issue li.child-02 { font-size: 18px; line-height: 21px; }
#latest-issue li.child-03,
#latest-issue li.child-04 { font-size: 14px; line-height: 17px; }
#latest-issue li.child-05,
#latest-issue li.child-06 { font-size: 12px; line-height: 14px; }




/*** RIGHT SIDE Featureds ***/

.side-articles              { width: 360px; padding-bottom: 40px;  }
.side-articles h4           { font-weight: normal; font-size: 18px; background: #f5ff00 url(i/L/H-sidewide-yellow.png) no-repeat 0 0; }
.side-articles ul li a          { }
.side-articles ul li a:hover    { color: #000; background: #f5ff00; text-decoration: none; }
/* .side-articles ul li a:hover span   { background: #f5ff00; } */

.side-articles .image-wrapper { display: block; margin-bottom: 10px; line-height: 0; width: 160px; height: 100px; overflow: hidden; }

.side-articles #najcitanije        { width: 180px; }
.side-articles #najcitanije ul     { padding-left: 20px; }
.side-articles #najcitanije h4     { background-position: 0 100%; }

.side-articles #najkomentiranije    { width: 180px; }
.side-articles #najkomentiranije ul { padding-left: 10px; }
.side-articles #najkomentiranije h4 { padding-left: 10px; background-position: 100% 100%; }

.side-articles .sidebox li.child-01 { font-size: 18px; line-height: 21px; }
.side-articles .sidebox li.child-02,    
.side-articles .sidebox li.child-03 { font-size: 14px; line-height: 17px; }   
.side-articles .sidebox li.child-04,
.side-articles .sidebox li.child-05 { font-size: 12px; line-height: 14px; }

/*** SIDE BANNER ***/
.side-banner                    { padding-bottom: 2px; }
.side-banner h4                 { background: #ff1b00 url(i/L/H-sidewide-red.png) no-repeat 0 100% !important; }
.side-banner .banner-wrapper    { padding: 20px 0; margin-top: -8px; text-align: center; }
.side-banner a                  { background: none !important; } 

/*** TAG CLOUD ***/
#tag-cloud      { padding-bottom: 40px; }
#tag-cloud h4   { background: url(i/L/H-sidewide-yellow.png) no-repeat 0 0; }
#tag-cloud ul   { width: 320px; padding: 0 20px !important; }
#tag-cloud li   { display: inline; border: 0 !important; margin: 0 20px 0 0; }
#tag-cloud li a { vertical-align: middle; } 
#tag-cloud p    { padding: 20px 20px 0; }

/*** INFO PAGES ***/
#info-pages #infolist { padding-left: 20px; width: 400px; }
#info-pages #infolist li    { float: left; width: 160px; margin-right: 10px; }
  

#site-by        { float: right; display: inline; width: auto !important; padding: 20px 10px 0 0 !important; }
#site-by li     { float: left; display: inline; list-style: none; margin-left: 10px; border: 0; }
#site-by li a   { display: block; height: 25px; text-indent: -9999px; overflow: hidden; }

#kiosk-link a { width: 48px; background: url(i/I/kiosk.png) no-repeat 50% 50% !important; }
#cn-link a { width: 25px; background: url(i/I/cn.png) no-repeat 50% 6px !important; }
#wp-link a { width: 25px; background: url(i/I/wp.png) no-repeat 50% 50% !important; }




/*** SIDEBAR LEFT REGULAR ***/
                
#related-sidebar h4,
#sidebar-II h4 { background: url(i/L/H-sidebox-blue.png) no-repeat 0 100%; }

/*** TWITTER BOX ***/
#twitter-box li { font-size: 12px; }
#twitter-box li a { color: #2bd5f5; }

#twitter-box li:nth-child(1),    
#twitter-box li:nth-child(2)   { font-size: 18px; line-height: 21px; }
#twitter-box li:nth-child(3), 
#twitter-box li:nth-child(4)   { font-size: 14px; line-height: 17px; }
#twitter-box li:nth-child(5),
#twitter-box li:nth-child(6)   { font-size: 12px; line-height: 14px; }
                                                                            



/*** ARTICLE LEFT SIDEBAR ***/
                
#related-sidebar a              { display: block; }
#related-sidebar a:hover        { color: #9cf52b; text-decoration: none; }                                                                            

li strong.date    { display: block; font-size: 10px; }        

#related-sidebar #related-articles h4 { background: url(i/L/H-sidebox-darkgreen.png) no-repeat 0 100%; }
#related-sidebar #related-articles li a:hover { color: #84cc33; }

#related-sidebar .sidebox li.child-01,    
#related-sidebar .sidebox li.child-02   { font-size: 18px; line-height: 21px; }
#related-sidebar .sidebox li.child-03, 
#related-sidebar .sidebox li.child-04   { font-size: 14px; line-height: 17px; }
#related-sidebar .sidebox li.child-05,
#related-sidebar .sidebox li.child-06   { font-size: 12px; line-height: 14px; } 



/*** PRETPLATA ***/

#orderform { width: 390px; margin-left: 20px; } 



/*** ARTICLE GALLERY ***/

.gallery                { display: block; clear: both;	overflow: hidden; margin: 0 auto; padding: 10px 0; border-top: 1px dotted #bfbfbf; }
.gallery .gallery-row   { display: block; clear: both; overflow: hidden; margin: 0; }
.gallery .gallery-item  { width: 120px; height: 80px; margin: 0 10px 10px 0; overflow: hidden; float: left; list-style: none; }








html, body { height: 100%; }
div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; display: none; z-index: 30; }
/*
* html div#fancy_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
*/
div#fancy_wrap { text-align: left; }
div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; }
div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url(i/fancybox/fancy_progress.png) no-repeat; }
div#fancy_loading_overlay { position: absolute; background-color: #FFF; z-index: 30; }
div#fancy_loading_icon { position: absolute; background: url(i/fancybox/fancy_loading.gif) no-repeat; z-index: 35; width: 16px; height: 16px; }
div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none; }
div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #BBB; background: #FFF; }
div#fancy_content { margin: 0; z-index: 100; position: absolute; }
div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100; }
img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; }
div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url(i/fancybox/fancy_closebox.png) top left no-repeat; cursor: pointer; z-index: 181; display: none; }
#fancy_frame { position: relative; width: 100%; height: 100%; display: none; }
#fancy_ajax { width: 100%; height: 100%; overflow: auto; }
a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); outline: none; }
a#fancy_left { left: 0px; }
a#fancy_right { right: 0px; }
span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; }
span#fancy_left_ico { left: -9999px; background: transparent url(i/fancybox/fancy_left.png) no-repeat; }
span#fancy_right_ico { right: -9999px; background: transparent url(i/fancybox/fancy_right.png) no-repeat; }
a#fancy_left:hover { visibility: visible; }
a#fancy_right:hover { visibility: visible; }
a#fancy_left:hover span { left: 20px; }
a#fancy_right:hover span { right: 20px; }
.fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; }	
div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; }                            
div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url(i/fancybox/fancy_shadow_n.png) repeat-x; } 
div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url(i/fancybox/fancy_shadow_ne.png) no-repeat; }
div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url(i/fancybox/fancy_shadow_e.png) repeat-y; }               
div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url(i/fancybox/fancy_shadow_se.png) no-repeat; }
div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url(i/fancybox/fancy_shadow_s.png) repeat-x; }                 
div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url(i/fancybox/fancy_shadow_sw.png) no-repeat; } 
div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url(i/fancybox/fancy_shadow_w.png) repeat-y; }                   
div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url(i/fancybox/fancy_shadow_nw.png) no-repeat; }    
div#fancy_title { display: none !important; position: absolute; bottom: -33px; left: 0; width: 100%; z-index: 100; display: none; }                                         
div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; }                                                                  
div#fancy_title table { margin: 0 auto; }                                                                                                         
div#fancy_title table td { padding: 0; vertical-align: middle; }                                                                                  
td#fancy_title_left { height: 32px; width: 15px; background: transparent url(i/fancybox/fancy_title_left.png) repeat-x; }                          
td#fancy_title_main { height: 32px; background: transparent url(i/fancybox/fancy_title_main.png) repeat-x; }                                      
td#fancy_title_right { height: 32px; width: 15px; background: transparent url(i/fancybox/fancy_title_right.png) repeat-x; }