/* Autor: Grzegorz Jaworek E-mail: grzegorz.jaworek@gmail.com www: http://gjaworek.pl Tel.: +48 519 133 159 */ /*Common ------------------------------------------------------------------------- */ * { margin:0;padding:0;} img { border: 0 } a, button, object{ text-decoration: none; outline: none; color: #666; } a:hover { text-decoration: underline; } form { position: relative; z-index: 9;} fieldset { border: 0; } .submit input {padding: 0 12px; height: 26px; color: #744b00; border: 0; background: #ff9f0e url(../images/submit.jpg) 0 0 repeat-x; cursor: pointer;} .submit input:hover { color: #744b00; background-color: #ed8e07; background-position: 0 -100px;} input.submit {padding: 0 12px; height: 26px; color: #744b00; border: 0; background: #ff9f0e url(../images/submit.jpg) 0 0 repeat-x; margin-left: 6px; cursor: pointer;} input.submit:hover { color: #744b00; background-color: #ed8e07; background-position: 0 -100px;} .text input {cursor: pointer; width: 220px; padding: 4px; border: 1px solid #98aeb8;} input.text {cursor: pointer; width: 220px; padding: 4px; border: 1px solid #98aeb8;} select { width: 230px; height: 26px; padding: 3px 0 0;} .post .textarea {width: 450px; border: 1px solid #a5bbc5;} h1 { padding: 0; font-size: 43px; line-height: 47px; /*letter-spacing: -3px;*/ color: #000;} h2 { font-size: 32px; line-height: 35px; color: #ff9900; padding: 0;} h2 a {color: #ff9900;} h3 { font-size: 20px; color: #000; padding: 0 0 7px; line-height: 22px;} h3 span.title {color: #637780; font-size: 14px; font-weight: normal;} h3 span.counter {color: #b6c0c4; font-size: 14px;} h3.empty { font-size: 14px; color: #3e4b58; background: #e5edf1; padding: 16px; font-weight: normal;} h4 { font-size: 17px; color: #000; padding: 0; display: inline;} /*Layout ------------------------------------------------------------------------- */ html { height: 100%; } body { height: 100%; width: 100%; background: #FFF; font: 13px Helvetica,Arial,sans-serif; color: #666;} #page { width: 951px; padding: 0 22px; min-height: 100%; height: auto!important; height: 100%; margin: 0 auto -150px; clear: both; border-left: 1px solid #dbe3e6; border-right: 1px solid #dbe3e6; background: #FFF url(../images/br.gif) 50% 0 repeat-y;} /* Top ------------------------------------------------------------------------- */ #top { width: 951px; margin: 0; clear: both; padding: 10px 0 30px; background: #FFF;} #top ul { list-style: none;} h1 a { color: #000; background: url(../images/ur.gif) 0 42px repeat-x; text-decoration: none; padding: 0 2px;} h1 a:hover { color: #FFF; background: #fd8004; text-decoration: none;} h1 img { display: inline; vertical-align: middle;} h1 span { background: #98aeb8; color: #FFF; } h1 a.tm { width: 228px; height: 45px; background: url(../images/tomaszmachala.gif) 0 4px no-repeat;} h1 a.tm:hover { background-position: 0 -95px;} h1 a.tm img { width: 228px; height: 47px;} /* Content ------------------------------------------------------------------------- */ #content { width: 451px; float: left; display: inline; } #sidebar { width: 451px; float: right; display: inline; } #sidebar ul { list-style: none;} .double-column { float: left; width: 50%; overflow: hidden; padding: 0 0 15px;} .box { float: left; clear: both; width: 100%; padding: 0 0 15px; margin: 0 0 15px;} .sources { position: relative;} .sources ul {float: right; width: 111px; font-size: 10px; color: #22a8de; margin: -7px 0 0; display: inline;} .sources ul li {float: left; clear: both; width: 100%; margin: 0 0 3px; padding: 3px 0 0; border-top: 1px solid #e0e3e4; position: relative;} .sources ul li:first-child { border-top: 0;} .sources ul a { line-height: 12px;color: #22a8de; float: left; padding-left: 44px; background: url(../images/icons.gif) 0 100px no-repeat; height: 38px; overflow: hidden;} .sources ul a.ico-twitter { background-position: 0 0;} .sources ul a.ico-facebook { background-position: 0 -100px;} .sources ul a.ico-rss { background-position: 0 -200px;} .sources ul a.ico-email { background-position: 0 -300px;} .sources ul a.js-nav:hover {text-decoration: none;} .sources .widget_simpleimagelink { float: left; position: relative; width: 10px; overflow: visible;} .sources .widget_simpleimagelink img { position: absolute; top: 0; left: 0; } #fan_box { position: absolute; top: 0; right: 100%; z-index: 9; border-bottom: 1px solid #98aeb8; background: #FFF:} .twitter .border {background: #f2f4f5; border: 2px solid #98aeb8; padding: 10px;} .twitter h3, .twitter h3 a { color:#000;} .twitter h3 a:hover { text-decoration: none;} .twitter h3 a span { color:#ff9900;} .twitter h3 span { color:#adbec6;} .twitter li, .twitter #tweetlist li, .twitter #twitter-list li, .twitter .twittList li {padding: 10px 10px 10px 0; background: none; border: 0; height: auto; min-height: 0; list-style: none; overflow: hidden;} .twitter #tweetlist { margin: 15px 0 0; clear: both;} .twitter #tweetlist br {display: none;} .twitter #twitter-list li , .twitter .twittList li { font: italic 13px Georgia; color: #3e4b58;} .twitter p {padding: 10px 0;} .twitter .entry-content, .twitter .tb_msg , .twitter .body, .twitter .title { font: italic 13px Georgia; color: #3e4b58; display: inline;} .twitter .entry-meta, .twitter .entry-meta a, .twitter .tb_tweetinfo, .twitter .tb_tweetinfo a, .twitter #twitter-list li a, .twitter .time, .twitter .date {font: italic 13px Georgia; color: #98aeb8; font-size: 12px; float: none; display: inline;} .twitter .author, .twitter .author a {font: italic 13px Georgia; color: #009bd9; font-size: 12px;} .twitter #tweetlist { background: none; border: 0; } .twitter #tweetblender { margin-top: -35px; } .twitter #twitterlogo { display: none;} .twitter #infolink { display: none; background: none;} .twitter #tb_tools { width: 30px; background: none;} .twitter img { display: none;} .survey .border {background: #f2f4f5; border: 1px solid #98aeb8; padding: 10px 7px;} .survey .widget_simpleimagelink, .survey .widget_simpleimagelink_container { float: left; width: auto;} .survey img { float: left; max-width: 430px;} .survey h3, .survey h3 a { color:#ff9900;} .survey h3 a:hover { text-decoration: underline;} .survey .more { float: left; clear: both; font-size: 14px; color: #009bd9; font-weight: bold; width: 100%; text-align: right;} .blogs li { padding: 0; font-size: 12px; line-height: 16px; height: 78px; margin: 0 0 10px; overflow: hidden;} .blogs li a { text-decoration: none; } .blogs li a:hover { text-decoration: none; } .blogs h4 { width: 69px; height: 74px; border: 1px solid #666; float: left; margin: 2px 10px 0 0; position: relative; overflow: hidden;} .blogs h4 img { width: 69px; height: 74px;} .blogs .date { font-size: 10px; color: #8d9da5; display: block;} .blogs .body { font-size: 12px; color: #3e4b58;} .blogs .title { font-weight: bold; font-size: 14px; color: #009bd9;} .blogs li a:hover .body strong {text-decoration: underline;} .category-list { border-bottom: 1px solid #98aeb8; padding: 0 0 15px; float: left; width: 100%; } .category-list ul {float: left; width: 225px;} .category-list li { float: left; width: 225px; font-size: 11px; color: #999;} .category-list li a { color: #009bd9; font-size: 12px;} .search {border-bottom: 1px solid #98aeb8; padding: 0 0 15px; } .search h3 { float: left; margin: 2px 6px 0 0;} .double-column .category-list { border: 0; padding: 0;} #searchform div { position: relative; float: left;} #searchform label {display: none;} #s { width: 220px; padding: 6px 88px 6px 4px; border: 1px solid #98aeb8; float: left; height: 16px; line-height: 16px;} #searchsubmit { position: absolute; top: 2px; right: 2px; padding: 0; width: 80px; text-align: center; height: 26px; color: #744b00; border: 0; background: #ff9f0e url(../images/submit.jpg) 0 0 repeat-x; margin: 0; cursor: pointer; font-weight: bold;} #searchsubmit:hover { color: #744b00; background-color: #ed8e07; background-position: 0 -100px;} .post, .news { color: #404850; font-size: 14px; line-height: 21px; border-bottom: 1px solid #98aeb8; padding: 0 0 20px; margin: 0 0 20px; width: 100%; } .single { border-bottom: 0;} .single .storytitle { color: #000;} .single-post { margin: 0;} .post .fancy-letter { float: left; background: #000; color: #FFF; font: bold 32px/34px Helvetica; padding: 0 3px; margin: 3px 5px -2px 0; vertical-align: top;} .post .date { font-style: italic; font-size: 11px; color: #587380;} .post .tags { font-size: 11px; color: #98a2a7; line-height: 15px;} .post .tags a { color: #009bd9;} .post blockquote { padding: 10px 30px; display: block; font: italic 12px/19px Georgia; color: #aab3bb;} .post blockquote span { text-transform: uppercase; display: block; font-size: 10px;} .post p { padding: 10px 0;} .post p.wp-caption-text { padding: 0; margin: 0; font-style: italic;} .post .more-link { font-size: 14px; color: #009bd9;} .post .comments-link { font-size: 14px; color: #009bd9;} .post .comments-link span { color: #587380;} .storycontent a {color: #009bd9;} .cytat .date, .cytat .tags, .cytat .post-edit-link, .cytat .link-more, .cytat .skomentuj { display: none;} .cytat { clear: both; padding: 30px; position: relative; margin: 0 -2px 55px; background: url(../images/quote.gif) 0 0 repeat-y; border-top: 2px solid #98aeb8; width: 394px; font: italic 18px Georgia; color: #7a838c;} .cytat h2 { position: absolute; height: 33px; overflow: hidden; bottom: -33px; left: 0; text-align: right; width: 400px; padding: 0 52px 0 2px; font: normal 11px/39px Helvetica; color: #587380; text-transform: uppercase; background: url(../images/quote.gif) -454px 0 no-repeat;} .kalendarium .storycontent {display: none;} .kalendarium .date { display: block; font: italic 11px Helvetica; color: #587380; padding: 0 0 5px;} .kalendarium { font: 16px Helvetica; color: #000000; border-bottom: 1px solid #FFF; padding: 0 0 10px; margin: 0 0 10px; width: 100%; } .kalendarium h2 {font: bold italic 16px Helvetica; display: inline; color: #000;} .skomentuj { font-size: 14px; clear: both;} .skomentuj a {color: #009bd9;} .skomentuj a span {color: #404850;} .pages { float: left; clear: both; width: 100%; padding: 0 0 20px; margin: 20px 0 0;} .pages a { font-size: 14px; color: #009bd9; font-weight: bold; } .pages .prev { float: left; width: 50%; text-align: left;} .pages .next { float: right; width: 50%; text-align: right;} .calendar { padding: 0; margin: 23px 0 0; font-family: Helvetica;} .calendar ul { float: left; clear: both; width: 100%; background: #ff9e0d url(../images/calendar.jpg) 0 0 repeat-x; height: 135px; padding: 17px 0 0;} .calendar li { float: left; padding: 0 0 0 83px; font-size: 11px; line-height: 15px; height: 91px; margin: 0 11px; display: inline; width: 132px; font: 18px Helvetica; color: #FFF;} .calendar li a { color: #FFF; text-decoration: none; } .calendar li a:hover { text-decoration: none; } .calendar .date { font-weight: bold; font-size: 12px; color: #404850; padding: 0 5px;} .calendar .avatar {width: 75px; height: 87px; border: 1px solid #666; float: left; margin: 2px 8px 0 -83px;} .calendar .body { font-size: 18px; color: #FFF; font-style: italic; line-height: 15px} .calendar .body strong { font-size: 14px; color: #000; display: block; padding: 1px 0 6px; letter-spacing: -1px; font-style: normal; font-weight: bold;} .calendar li a:hover .body {color: #000; } .calendar li a:hover .body strong {color: #000; text-decoration: none; font-style: normal; } .calendar .votes { float: left; clear: both; height: 28px; line-height: 28px; margin: -44px 0 0 11px; width: 946px; display: inline; overflow: hidden; position: relative;} .calendar .votes .box { float: left; clear: none; width: 77px; height: 28px; line-height: 28px; background: url(../images/votes.gif) 0 0 repeat-x; margin-right: 160px;} .calendar .votes .last {margin-right: 10px;} .calendar .votes p { display: inline; float: left; clear: none; font-size: 10px; color: #fff;} .calendar .votes p a { color: #fff; width: auto; display: inline; height: auto; text-transform: uppercase;} .calendar .votes .rank { font-size: 18px; color: #fff; padding-left: 2px; float: left; letter-spacing: -1px;} .calendar .votes .change { font-size: 13px; font-weight: bold; color: #fff; padding-right: 10px; margin-right: 2px; float: right; position: relative; background: url(../images/votes.gif) 100% -83px no-repeat;} .calendar .votes .down { color: #ff0000; background-position: 100% -58px;} .calendar .votes .up { color: #028402; background-position: 100% -30px;} .calendar .votes .source { padding-left: 12px; background: url(../images/votes.gif) 0 -83px no-repeat;} .calendar_election ul { height: 135px;} .calendar_election li { width: 232px; padding-left: 203px;} .calendar_election .avatar { width: 195px; margin-left: -203px;} .calendar_election h4 { font-size: 18px; float: none;} .calendar_election .rank { float: none; display: block; font-size: 50px; line-height: 60px;} .calendar_after .votes .rank { font-size: 18px; line-height: 26px; } .calendar_after .votes .box { width: 197px; margin-right: 260px;} .calendar_after .votes .last {margin-right: 20px;} .calendar_nl { background: #fff url(../images/bg-nl.gif) 50% 0 no-repeat; margin: 23px -3px 0; padding: 0 3px; height: 164px; overflow: hidden;} .calendar_nl ul { background: none; float: left; margin: 0; padding: 0; width: 842px; clear: none; } .calendar_nl ul li {border-left: 1px solid #a8bcc4; float: left; margin: 8px 0 0 8px; padding: 0 0 0 8px; height: 139px; overflow: hidden; width: 273px;} .calendar_nl h3 { font-size: 14px; } .calendar_nl p strong { font-size: 18px; color: #f6a300; line-height: 20px; padding: 0; margin: 0; max-height: 40px; display: inline;} .calendar_nl p strong a { color: #f6a300; max-height: 80px; padding-right: 10px;} .calendar_nl p { font-size: 12px; line-height: 20px; color: #404850; margin: 0; padding: 2px 0 0;} .calendar_nl a.more { float: right; clear: both; font-size: 14px; color: #f6a300;} .calendar_nl ul li:first-child {border-left: 0; margin-left: 0;} .calendar_nl ul li.newsletter { border-left: 0; float: right; width: 230px; padding: 0 15px; background: #f4f6f7; color: #000; font-size: 12px; height: 139px; overflow: hidden;} .calendar_nl ul li.newsletter h3 {text-transform: uppercase; margin: 10px -2px -5px;} .calendar_nl ul li.newsletter p { margin: 0 -2px!important; position: relative;} .calendar_nl ul li.newsletter p a { color: #f6a300; } .calendar_nl ul li.newsletter .text { width: 140px; padding: 6px 88px 6px 4px; border: 1px solid #98aeb8; float: left; margin: 0; height: 16px; line-height: 16px;} .calendar_nl ul li.newsletter .submit { position: absolute; top: 4px; right: 2px; padding: 0; width: 80px; text-align: center; height: 26px; color: #744b00; border: 0; background: #ff9f0e url(../images/submit.jpg) 0 0 repeat-x; margin: 0; cursor: pointer; font-weight: bold;} .calendar_nl ul li.newsletter .submit:hover { color: #744b00; background-color: #ed8e07; background-position: 0 -100px;} .calendar_nl ul li.newsletter .example {color: #00ace1; float: right; margin: 5px 0 0; } .calendar_nl ul li.newsletter #facebook, .calendar_nl iframe, .calendar_nl ul li.newsletter .sociable { display: none;} .calendar_nl .date { font-size: 13px; font-weight: bold; color: #000000; float: left; margin: 11px 4px; width: 80px; text-align: center;} .calendar_nl .date strong { color: #fff; display: block; font-size: 76px; line-height: 76px; text-align: center; letter-spacing: -3px;} .calendar_nl .date span { color: #48616c; display: block;} .bar_nl { background: #000; color: #636161; margin: 10px 0 0; overflow: hidden; line-height: 22px; padding: 6px 10px 0px;} .bar_nl p, .bar_nl li, .bar_nl a { color: #fff; text-decoration: none; line-height: 22px;} .bar_nl a:hover { color: #ffce74; text-decoration: none;} .bar_nl h3 { color: #fff; font-weight: normal; float: left; line-height: 22px; font-size: 14px; text-transform: uppercase;} .bar_nl ul { float: left; margin: 0 0 0 10px; } .bar_nl ul li { float: left; margin: 0 0 0 5px; line-height: 22px; list-style: inside disc;} .bar_nl ul li:first-child { list-style: none;} .bar_nl .fl { margin: 0 10px;} .survey_election { border: 1px solid #a7bbc4; background: #f6f7f8; margin: 20px 0 0; overflow: hidden; text-align: center;} .twitter_election { background: #FFF url(../images/br.gif) 50% 0 repeat-y; margin: 20px 0 -30px; padding: 0 0 50px; overflow: hidden;} .twitter_election h2 { text-align: center;} .twitter_election .twitter { width: 447px; margin: 0; clear: none;} .twitter_election .twitter_bk { float: left;} .twitter_election .twitter_jk { float: right;} #comments { margin: 30px 0 0;} #comments span {color: #404850; font-weight: normal;} #commentlist { list-style: none;} #commentlist li { position: relative; min-height: 32px; padding: 10px 0 10px 40px; line-height: 19px;} #commentlist li .avatar { float: left; width: 32px; height: 32px; float: left; margin-left: -40px;} #commentlist li .comment {background: #f6f6f6 url(../images/comment.gif) 0 0 no-repeat; padding: 10px 12px 18px; margin: 8px 0 0; overflow: hidden;} #commentlist li .meta { font-size: 10px; color: #587380;} #commentlist li .meta a { color: #009bd9;} #commentlist li .meta .author, #commentlist li .meta .author a { font-size: 11px; color: #009bd9;} #postcomment {margin: 40px 0 0;} .error { font: 14px Helvetica; color: #3e4b58; background: #e5edf1; padding: 16px; font-weight: normal; display: block; margin: 0 0 20px; float: none;} #submit {padding: 0 12px; height: 26px; color: #744b00; border: 0; background: #ff9f0e url(../images/submit.jpg) 0 0 repeat-x; margin: 30px 6px 0; cursor: pointer;} #submit:hover { color: #744b00; background-color: #ed8e07; background-position: 0 -100px;} #reset { background: none; border: 0; font: 11px Helvetica; color: #22a8de; margin: 30px 0 0;} #comment { width: 450px; border: 1px solid #a5bbc5;} #commentform {font: 11px Helvetica; color: #3e4b58; padding: 0 0 30px;} #commentform label { font: bold 11px Helvetica; color: #3e4b58; display: block; margin: 8px 0 1px;} #commentform .text { width: 190px; padding: 5px; border: 1px solid #98aeb8;} #commentform a { color: #009bd9;} #commentform textarea { margin-bottom: 3px;} .wide-search { margin: 25px 0 0;} .wide-search h3 { display: none;} .sociable { padding: 10px 0 5px; margin: 10px 0 0; border-top: 1px solid #98aeb8; border-bottom: 1px solid #98aeb8;} .sociable ul {list-style: none;} .sociable ul li { display: inline; margin-left: 15px;} .sociable ul li.sociablefirst { margin: 0;} #content-wide { width: 1000px; float: left; display: inline; margin-left: -49px;} #content-wide .adtailymain { float: right; clear: none; width: 451px; margin: 0 0 24px;} #content-wide .post-survey { margin-left: 49px;} .post-survey { float: left; display: inline; width: 451px; margin: 0 0 34px; overflow: hidden;} .post-survey h2 { height: 35px; color: #000; overflow: hidden; margin: 0 0 24px;} .post-survey table.snd { width: 100%; font-size: 12px;} .post-survey table.snd td { border-left: 1px solid #b5b9bc; padding: 5px 15px;} .post-survey table.snd th { text-align: left; vertical-align: middle; color: #000; font-size: 14px; border-left: 1px solid #b5b9bc; padding: 15px; background: #ffe7b5 url(../images/sth.gif) 0 0 repeat-x;} .post-survey table.snd th.first {color: #000;} .post-survey table.snd th.result { font-size: 20px; background: #ffc248 url(../images/sthr.gif) 0 0 repeat-x;} .post-survey table.snd .spc td {color: #777f82; font-size: 9px;} .post-survey table.snd .spc td.first {color: #777f82;} .post-survey table.snd td.center {text-align: center;} .post-survey table.snd .first { border-left: 0; color: #009bd9;} .post-survey table.snd .first a { color: #009bd9;} .post-survey table.snd .even td { background: #ecf0f3;} .post-survey table.shrink { margin-top: -10px;} .post-survey table.shrink td, .post-survey table.shrink th { padding-left: 10px; padding-right: 10px;} .post-survey table.shrink td.date { font-size: 10px;} .post-survey table.shrink td img { margin-top: -23px;} #post-survey-2409 { padding: 30px 0; background: #fff; margin: 0 0 -10px; clear: both; width: 950px; float: left;} #survey-wide { padding: 30px 0; background: #fff; margin: 0 0 -10px; clear: both; width: 100%; float: left;} .postauthor { padding: 0 0 5px; margin: 5px 0 0; overflow: hidden;} .postauthor .avatar { float: left; margin: 3px 12px 3px 0; } .postauthor h5 { margin: 0; padding: 0; font-size: 12px; font-weight: bold; line-height: 16px; color: #000; } .postauthor p { margin: 0; padding: 0;} .postauthor em { display: block;} .postauthor a { font-size: 11px; color: #009bd9;} #refresh { position: relative; display: block; height: 34px; overflow: hidden; width: 102px; margin: 8px 0 -10px -2px;} #refresh img { position: relative; top: 0; left: 0;} #refresh:hover img { top: -34px;} /* Footer ------------------------------------------------------------------------- */ #footer { margin: 0 auto; clear: both; height: 79px; padding: 70px 0 0; text-align: center; width: 997px; background: #FFF url(../images/foot.gif) 50% 0 no-repeat; font-size: 9px; color: #587380;} #footer a {color: #587380;} /* Other ------------------------------------------------------------------------- */ .fl { float: left; } .fr { float: right; } .clear { clear:both; } .push { height: 150px; } .hidden, .hide { display: none;} .fbLikeContainer { display: none;} #TB_window {z-index: 9999999;} .submit, #submit, #searchsubmit, #s, .calendar_nl .newsletter, .calendar_nl ul li.newsletter .text { -webkit-border-radius: 8px; /* Safari, Chrome */ -khtml-border-radius: 8px; /* Konqueror */ -moz-border-radius: 8px; /* Firefox */ border-radius: 8px; } #newsletter p { margin: 10px 0 0;} /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * * Version: 1.3.1 (05/03/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading {position: fixed;top: 50%;left: 50%;height: 40px;width: 40px;margin-top: -20px;margin-left: -20px;cursor: pointer;overflow: hidden;z-index: 1104;display: none;} * html #fancybox-loading { /* IE6 */position: absolute;margin-top: 0;} #fancybox-loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background-image: url('../images/fancybox.png');} #fancybox-overlay {position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: url('../images/blank.gif');z-index: 1100;display: none;} * html #fancybox-overlay { /* IE6 */position: absolute;width: 100%;} #fancybox-tmp {padding: 0;margin: 0;border: 0;overflow: auto;display: none;} #fancybox-wrap {position: absolute;top: 0;left: 0;margin: 0;padding: 20px;z-index: 1101;display: none;} #fancybox-outer {position: relative;width: 100%;height: 100%;background: #FFF; border: 1px solid #b4ab96; height: 750px;} #fancybox-inner {position: absolute;top: 0;left: 0;width: 1px;height: 1px;padding: 0;margin: 0;outline: none;overflow: hidden;} #fancybox-hide-sel-frame {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;} #fancybox-close {position: absolute;top: -5px;right: -5px;width: 14px;height: 14px;background-image: url('../images/close.png');background-position: 0 0;cursor: pointer;z-index: 1103;display: none;} #fancybox_error {color: #444;font: normal 12px/20px Arial;padding: 7px;margin: 0;} #fancybox-content {height: auto;width: auto;padding: 0;margin: 0;} #fancybox-img {width: 100%;height: 100%;padding: 0;margin: 0;border: none;outline: none;line-height: 0;vertical-align: top;-ms-interpolation-mode: bicubic;} #fancybox-frame {position: relative;width: 100%;height: 100%;border: none;display: block;} #fancybox-title {position: absolute;bottom: 0;left: 0;font-family: Arial;font-size: 12px;z-index: 1102; display: none;} .fancybox-title-inside {padding: 10px 0;text-align: center;color: #333;} .fancybox-title-outside {padding-top: 5px;color: #FFF;text-align: center;font-weight: bold;} .fancybox-title-over {color: #FFF;text-align: left;} #fancybox-title-over {padding: 10px;display: block;} #fancybox-title-wrap {display: inline-block;} #fancybox-title-wrap span {height: 32px;float: left;} #fancybox-title-left {padding-left: 15px;} #fancybox-title-main {font-weight: bold;line-height: 29px;color: #FFF;} #fancybox-title-right {padding-left: 15px;} #fancybox-left, #fancybox-right {position: absolute;bottom: 75px;height: 575px;width: 45%;cursor: pointer;outline: none;z-index: 1102;display: none;} #fancybox-left {left: 0px;} #fancybox-right {right: 0px;} #fancybox-left-ico, #fancybox-right-ico {position: absolute;top: 50%;left: -9999px;width: 30px;height: 30px;margin-top: -15px;cursor: pointer;z-index: 1102;display: block;} #fancybox-left-ico {background-image: url(../images/slider-prev.png); background-repeat: no-repeat;} #fancybox-right-ico {background-image: url(../images/slider-next.png); background-repeat: no-repeat;} #fancybox-left:hover, #fancybox-right:hover {visibility: visible; } #fancybox-left:hover span {left: 20px;} #fancybox-right:hover span {left: auto;right: 20px;} .fancy-bg {position: absolute;padding: 0;margin: 0;border: 0;width: 20px;height: 20px;z-index: 1001;} #fancy-bg-n {top: -20px;left: 0;width: 100%;} #fancy-bg-ne {top: -20px;right: -20px;} #fancy-bg-e {top: 0;right: -20px;height: 100%;} #fancy-bg-se {bottom: -20px;right: -20px;} #fancy-bg-s {bottom: -20px;left: 0;width: 100%; background: url(../images/bg-portfolio.png) 0 0 no-repeat;} #fancy-bg-sw {bottom: -20px;left: -20px;} #fancy-bg-w {top: 0;left: -20px; height: 100%;} #fancy-bg-nw {top: -20px;left: -20px;} #example { height: 1000px;width: 100%; background: url(../images/bg-portfolio.png) 0 0 no-repeat;} #fancy-bg-sw {bottom: -20px;left: -20px;} #fancy-bg-w {top: 0;left: -20px; height: 100%;} #fancy-bg-nw {top: -20px;left: -20px;}