/********************************************************************************************** CSS on Sails Title: BSO Author: Paweł Ludwiczak, XHTMLized (http://www.xhtmlized.com/) Date: May 2010 *********************************************************************************************** 1. BASE 1.1 Reset 1.2 Accessibility Navigation & Hide 1.3 Clearfix 1.4 Default Styles 2. LAYOUT 2.1 Structure 2.2 Header 2.3 Navigation 2.4 Content 2.5 Sidebar 2.6 Footer 3. BLOG 4. PLUGINS 4.1 Fancybox 1.3.1 ***********************************************************************************************/ /* 1. BASE ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 1.1 Reset -----------------------------------------------------------------------------------------------*/ html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; } q { quotes: none; } q:before, q:after { content: ""; content: none; } a, ins, del { text-decoration: none; } table { border-collapse: collapse; border-spacing: 0; } th, td { vertical-align: top; } th { text-align: left; } /* 1.2 Accessibility Navigation & Hide -----------------------------------------------------------------------------------------------*/ ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; } /* 1.3 Clearfix -----------------------------------------------------------------------------------------------*/ .clearfix:after, #header .social:after, #nav:after, .level-1:after, .columns:after, #sidebar .quotes .quotes-nav:after, #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* 1.4 Default Styles -----------------------------------------------------------------------------------------------*/ body { background: #f4f4f4 url(../images/bg-body.png); color: #5b5b5b; font-size: 13px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial", "Helvetica", sans-serif; } hr { display: none; } strong { font-weight: bold; } em { font-style: italic; } del { text-decoration: line-through; } th { font-weight: normal; } address, cite, dfn { font-style: normal; } li { list-style: none; } abbr, acronym { border-bottom: 1px dotted #999; cursor: help; } input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; outline: none; } a, a:visited { color: #00f; text-decoration: none; outline: none; } a:hover, a:active { color: #f00; text-decoration: none; outline: none; } /* 2. LAYOUT ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 2.1 Structure -----------------------------------------------------------------------------------------------*/ .container { width: 960px; height: 100%; position: relative; margin: 0 auto; } #header { background: url(../images/bg-header.png) top left repeat-x; height: 118px; } #header .container { background: url(../images/bg-header-container.png) top left no-repeat; } #main { background: url(../images/bg-main.png) top center repeat-y; overflow: hidden; } .subpage { background: url(../images/bg-main-subpage.png) top center repeat-y !important; font-family: "Georgia", "Times New Roman", "Times", serif; } .subpage .container { padding-top: 1px; } #footer { background: url(../images/bg-footer.png) top left repeat-x; height: 134px; } #sidebar { width: 212px; padding-left: 3px; padding-top: 30px; float: left; display: inline; font-family: "Georgia", "Times New Roman", "Times", serif; overflow: hidden;} #content { float: right; display: inline; width: 743px; padding-right: 1px; padding-left: 1px; } #txt { float: left; width: 500px; display: inline; background: url(../images/misc-shadow-txt.png) top center no-repeat; padding: 25px; font-size: 13px; color: #3e3e3e; line-height: 22px; } #aside { float: right; width: 161px; background: url(../images/border-vertical-aside.png) top left no-repeat; padding: 30px 14px 0 15px; } /* 2.2 Header -----------------------------------------------------------------------------------------------*/ #header .logo { position: absolute; left: 0; top: 5px; display: block; text-indent: -9999px; background: url(../images/logo.png) top left no-repeat; width: 180px; height: 95px; } #header .social { float: right; position: absolute; top: 10px; right: 20px; } #header .social li { float: left; width: 16px; height: 16px; margin-left: 10px; } #header .social li a { float: left; text-indent: -9999px; width: 16px; height: 16px; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); } #header .social li a:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #header .social li.social-facebook a { background: url(../images/ico-facebook-blue.png) top left no-repeat; } #header .social li.social-twitter a { background: url(../images/ico-twitter-blue.png) top left no-repeat; } #header .social li.social-linkedin a { background: url(../images/ico-linkedin-blue.png) top left no-repeat; } /* 2.3 Navigation -----------------------------------------------------------------------------------------------*/ #nav { position: absolute; right: 0; bottom: 7px; float: right; } #nav li { float: left; font-size: 16px; font-family: "Georgia", "Times New Roman", "Times", serif; margin-left: 8px; } #nav li a { color: #fff; text-shadow: 0 1px 1px #00284a; font-variant:small-caps; float: left; } #nav li a span { float: left; padding: 0 20px 0 12px; cursor: pointer; color: #fff; height: 45px; padding-top: 8px; } #nav li a small { display: block; font-variant: normal; font-size: 11px; color: #587b9a; font-family: "Lucida Grande", "Lucida Sans Unicode", "Arial", "Helvetica", sans-serif; } #nav li a:hover, #nav li a:hover * { color: #fed11e; } #nav li.current a { background: url(../images/nav-left.png) top left no-repeat; color: #171f25; text-shadow: 0 1px 1px #ffffff;} #nav li.current a span { background: url(../images/nav-right.png) top right no-repeat; color: #171f25; } #nav li.current a span small { color: #171f25; } /* 2.4 Home Page -----------------------------------------------------------------------------------------------*/ .level-1 #slider { overflow: hidden; float: left; width: 581px !important; position: relative; background: url(../images/misc-shadow.jpg) bottom left no-repeat; padding-bottom: 46px; } .level-1 .hello { float: right; width: 317px; display: inline; background: url(../images/bg-hello.jpg) 0 0 no-repeat; padding: 40px 27px 0 35px; } .hello h1 { color: #015195; font-size: 24px; text-transform: uppercase; font-weight: normal; margin-bottom: 20px; font-family: "Georgia", "Times New Roman", "Times", serif; } .hello h1 a { color: #015195 !important; } .hello h1 a:hover { color: #0082ED; } .hello p { font-size: 15px; color: #787878; margin-bottom: 20px; } .hello p.first { font-size: 16px; font-weight: bold; color: #454545; } .hello .more { float: right; margin-right: -39px; margin-top: 15px; } .hello .more a { cursor: pointer; background: url(../images/btn-learn-more.png) top right no-repeat; text-indent: -9999px; display: block; height: 46px; width: 234px; opacity: 0.85; -moz-opacity: 0.85; filter:alpha(opacity=85); } .hello .more a:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #slider .item { position: relative; width: 581px; height: 375px; float: left; } #slider .item img { position: absolute; top: 0; left: 0; z-index: 1; } #slider .item .description { position: absolute !important; bottom: 0; left: 0; color: #e7e7e7; text-shadow: 1px 1px 1px #000; width: 521px; z-index: 2; background: url(../images/bg-description.png); padding: 20px 30px 10px 30px; } #slider .item h2 { font-size: 27px; font-weight: normal; text-transform: uppercase; font-family: "Georgia", "Times New Roman", "Times", serif; margin-bottom: 7px; } #slider .item h2 a { color: #e7e7e7; } #slider .item p { margin-bottom: 15px; } #slider .item .more a { font-size: 11px; opacity: 0.85; -moz-opacity: 0.85; filter:alpha(opacity=85); color: #ffffff; display: inline-block; font-weight: bold; text-shadow: -1px -1px 1px #dfa407; background: url(../images/btn-more-slider-left.png) top left no-repeat; } #slider .item .more a span { display: inline-block; background: url(../images/btn-more-slider-right.png) top right no-repeat; line-height: 21px; padding: 0 15px; cursor: pointer; } #slider .item .more a:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } .carousel-previous, .carousel-next { display: none; } #slider .center-wrap { position: absolute; bottom: 70px; right: 25px; z-index: 3; } #slider .center-wrap a { cursor: pointer; margin-left: 7px; background: url(../images/nav-slides.png) top left no-repeat; width: 10px; height: 10px; display: inline-block; font-size: 0; color: #000; } #slider .center-wrap a.active { background-position: bottom left; } .level-2 { padding-bottom: 50px; } .level-2 .col { float: left; width: 297px; margin-right: 15px; display: inline; } .level-2 .col-1 { margin-left: 25px; } .level-2 .col-2 { margin-right: 25px; } .level-2 .col-3 { margin-right: 0; } .level-2 .col h3 { font-size: 24px; font-weight: normal; color: #5b5b5b; margin-bottom: 15px; text-transform: uppercase; font-family: "Georgia", "Times New Roman", "Times", serif; } .level-2 .col h4 { margin-bottom: 5px; } .level-2 .col h4 a { font-size: 14px; color: #014c8c; } .level-2 .col h4 a:hover { color: #006ECD; } .level-2 .col p { font-size: 12px; color: #5b5b5b; line-height: 18px; } .level-2 .col h3 .btn-rss { background: url(../images/ico-rss.png) top left no-repeat; display: inline-block; text-indent: -9999px; width: 16px; height: 16px; margin-left: 8px; } .level-2 .col-1 img { display: block; margin-bottom: 5px; } .level-2 .col-2 .item { background: url(../images/border-item-horizontal.png) bottom left repeat-x; padding-bottom: 14px; margin-bottom: 14px; } .level-2 .col-2 .more a { float: right; background: url(../images/btn-orange-left.png) top left no-repeat; font-size: 14px; font-weight: bold; color: #ffffff; text-shadow: 1px 1px 1px #dfa407; } .level-2 .col-2 .more a span { float: left; background: url(../images/btn-orange-right.png) top right no-repeat; color: #ffffff; cursor: hand; line-height: 26px; padding: 0 15px; } .level-2 .col-2 .more a:hover { text-shadow: -1px -1px 1px #dfa407; } .level-2 .col-3 address { line-height: 18px; font-size: 12px; display: block; margin-top: -8px; } /* 2.5 Subpage -----------------------------------------------------------------------------------------------*/ .teaser { display: block; } #txt h1 { text-transform: uppercase; font-size: 26px; font-weight: normal; color: #454545; margin-bottom: 20px; font-family: "Georgia", "Times New Roman", "Times", serif; } #txt h1 a { font-size: 11px; color: #c5c5c5; font-variant: normal; } #txt h1 a:hover { text-decoration: underline; } #txt p { margin-bottom: 22px; } #txt h2 { color: #ffb300; font-size: 17px; margin-bottom: 22px; font-weight: normal; text-transform: uppercase; } #txt h3, #txt h4, #txt h5, #txt h6 { margin-bottom: 18px; font-weight: normal; text-transform: uppercase; } #txt h3 { font-size: 16px; } #txt h4 { font-size: 15px; } #txt h5 { font-size: 14px; } #txt h6 { font-size: 13px; } #txt ul { margin:0 0 18px 0;} #txt ul li {padding-left:18px; background-image:url(../images/bull.gif); background-position:0 9px; background-repeat:no-repeat;} /* 2.5 Sidebar -----------------------------------------------------------------------------------------------*/ #sidebar h3 { font-size: 17px; color: #7c7c7c; text-transform: uppercase; font-weight: normal; margin: 0 15px 5px 15px; } #sidebar .box { margin-bottom: 40px; } #sidebar .subnav li { line-height: 35px; color: #014b89; } #sidebar .subnav li a { color: #014b89; display: inline-block; padding-left: 30px; } #sidebar .subnav li a:hover { color: #000000; } #sidebar .subnav li.current { background: url(../images/nav-subpage-current.png) left center repeat-x; } #sidebar .subnav li.current a { color: #000000; } #sidebar .carousel-pagination { margin: 10px 15px 10px 15px; background: url(../images/border-quotes-nav.png) bottom center no-repeat; text-align: center; } #sidebar .carousel-pagination a { color: #fff; background: url(../images/nav-quotes.png) top right no-repeat; width: 6px; height: 13px; display: inline-block; margin: 0 5px 1px 5px; line-height: 13px; overflow: hidden; font-size: 0; cursor: pointer; } #sidebar .carousel-pagination a.active, #sidebar .carousel-pagination a:hover { background: url(../images/nav-quotes.png) top left no-repeat; } #sidebar .quote-content { margin: 0 15px; font-size: 12px; font-style: italic; color: #919191; } #sidebar .quote-content p { margin-bottom: 15px; } #sidebar .quote-content p.author { text-align: right; font-style: normal; color: #595959; } .quotes-slider li { float: left; width: 212px; } /* 2.5 Aside -----------------------------------------------------------------------------------------------*/ #aside .box { background: url(../images/border-item-horizontal.png) bottom left repeat-x; padding-bottom: 13px; margin-bottom: 13px; } #aside .btn-trial { display: block; width: 163px; height: 33px; text-indent: -9999px; background: url(../images/btn-trial.png) top left no-repeat; margin-bottom: 10px; } #aside .btn-demo { display: block; width: 163px; height: 33px; text-indent: -9999px; background: url(../images/btn-demo.png) top left no-repeat; } #aside small { display: block; color: #afafaf; font-size: 11px; text-align: center; } #aside h4 { font-weight: normal; color: #000; font-size: 16px; text-transform: uppercase; margin-bottom: 13px; margin-top: 12px; } #aside .downloads li a { padding-left: 42px; margin-bottom: 15px; display: block; color: #01437a; } #aside .downloads li a:hover { text-decoration: underline; } #aside .downloads li.download-pdf a { background: url(../images/ico-pdf.png) 0 0 no-repeat; } #aside .downloads li.download-word a { background: url(../images/ico-word.png) 0 0 no-repeat; } /* 2.6 Footer -----------------------------------------------------------------------------------------------*/ #footer { font-size: 11px; color: #8e7b4b; } .footer-inner { background: url(../images/bg-footer-inner.png) top center no-repeat; padding-top: 20px; height: 114px; } #footer .left { float: left; width: 65%; display: inline; } #footer .right { float: right; width: 35%; display: inline; text-align: right; } #footer .left ul { margin-left: 15px; } #footer .left ul li { float: left; border-right: 1px solid #A28C55; padding-right: 15px; margin-right: 15px; } #footer .left ul li a { color: #8e7b4b; } #footer .left ul li a:hover { color: #372F1D; } #footer .right ul { float: right; margin-top: 10px; margin-right: 15px; } #footer .right p { margin-right: 15px; } #footer .right li { float: left; margin-left: 10px; text-align: left; } #footer .right li a { display: inline-block; width: 16px; height: 16px; text-indent: 0; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); } #footer .right li a:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #footer .right li.social-facebook a { background: url(../images/ico-facebook-orange.png) top left no-repeat !important; } #footer .right li.social-twitter a { background: url(../images/ico-twitter-orange.png) top left no-repeat !important; } #footer .right li.social-linkedin a { background: url(../images/ico-linkedin-orange.png) top left no-repeat !important; } /* 3. BLOG ----------------------------------------------------------------------------------------------- ===============================================================================================*/ body#blog #main {position:relative;} body#blog #content #txt {width:693px;background-image:none;} body#blog #content .post {margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #d7d7d7;} body#blog #content .post h1.entry-title {margin-bottom:4px;} body#blog #content .post h2.entry-title {margin-bottom:0px;} body#blog #content .post .entry-meta {font-size:0.85em;margin-bottom:12px;} /* 3.1 Basics -----------------------------------------------------------------------------------------------*/ body#blog .screen-reader-text {position:absolute;left:-999em;} body#blog blockquote {font-style:italic; padding:0 20px;} /* Administrative */ body#blog .edit-link {clear: both;display: block; text-align:right;} /* Gallery */ body#blog .category-gallery {margin-bottom: 48px;} body#blog .category-gallery h2 {margin-top: 10px;} body#blog .category-gallery .size-thumbnail img { border: 10px solid #f1f1f1;margin-bottom: 0;} body#blog .category-gallery .gallery-thumb {float: left;margin-right:20px;margin-top: -4px;} /* Attachments images */ body#blog #content img {margin: 0;max-width: 743px;} body#blog #content .attachment img {max-width: 900px;} body#blog #content .alignleft, #content img.alignleft {display: inline;float: left;margin-right: 12px;margin-top: 4px;} body#blog #content .alignright,#content img.alignright {display: inline;float: right;margin-left: 12px;margin-top: 4px;} body#blog #content .aligncenter,#content img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;} body#blog #content img.alignleft, #content img.alignright, #content img.aligncenter {margin-bottom: 12px;} body#blog #content .wp-caption {background: #f1f1f1;line-height: 18px;text-align: center; margin-bottom: 20px; padding: 4px;} body#blog #content .wp-caption img {margin: 5px 5px 0;} body#blog #content .wp-caption p.wp-caption-text {margin: 5px;color: #888;font-size: 12px;} body#blog #content .wp-smiley {margin:0;} body#blog #content .gallery {margin: auto;} body#blog #content .gallery .gallery-item {float: left; margin-top: 0; text-align: center; width: 33%;} body#blog #content .gallery img {border: 2px solid #cfcfcf;} body#blog #content .gallery .gallery-caption {color: #888;font-size: 12px;margin: 0 0 12px;} body#blog #content .gallery dl {margin: 0;} body#blog #content .gallery img {border: 10px solid #f1f1f1;} body#blog #content .gallery br+br { display: none;} /* Navigation */ body#blog .navigation {overflow: hidden;color: #888;} body#blog .navigation a {color: #888;text-decoration: none;} body#blog .navigation a:hover {color: #FF4B33;} body#blog .nav-previous {float: left;width: 50%;} body#blog .nav-next {float: right;width: 50%;text-align:right;} body#blog #nav-above {margin: 0 0 18px 0;} body#blog #nav-above {display: none;} body#blog .paged #nav-above, .single #nav-above {display: block;} body#blog #nav-below {margin: 0 0 18px 0;} /* Comments */ #content #comments{clear:both;margin:0 0 36px 0;} #content #comments .navigation{padding:0 0 18px 0} #content h3#comments-title, #content h3#reply-title{margin-bottom:18px;} #content #comments-head a.post-comment {float:right;line-height:1.83em;} #content h3#comments-title{margin:0 0 18px 0;font-size:1.4em;line-height:1.1em;font-weight:normal;} #content .commentlist{list-style:none; margin:0; font-size:1em;} #content .commentlist li.comment{border:1px solid #d9e6ea; line-height:24px; margin:0 0 18px 0; padding:14px 10px 1px; position:relative; list-style-type:none; background:none;} #content #comments .comment-body ul, #content #comments .comment-body ol{margin-bottom:18px} #content #comments .comment-body p:last-child{margin-bottom:6px} #content #comments .comment-body blockquote p:last-child{margin-bottom:24px} #content .commentlist ol{list-style:decimal} #content .commentlist .avatar{position:absolute; top:13px; left:9px; border:1px solid #d9e6ea; box-shadow: 0px 0px 0px #FFF;-o-box-shadow: 0px 0px 0px #FFF;-icab-box-shadow: 0px 0px 0px #FFF;-khtml-box-shadow: 0px 0px 0px #FFF;-moz-box-shadow: 0px 0px 0px #FFF;-webkit-box-shadow: 0px 0px 0px #FFF; padding:0; border:none;} #content .comment-author{padding-left:60px;padding-top:3px;line-height:18px;} #content .comment-author cite{color:#000; font-style:normal; font-weight:bold} #content .comment-author .says{font-style:italic} #content .comment-meta{padding-left:60px; margin:0 0 12px 0; line-height:18px; color:#405263; font-size:0.91em;} #content .comment-meta a {color:#405263; text-decoration:none} #content .comment-meta a:hover{color:#005DAB; } #content .commentlist .even{} #content .commentlist .bypostauthor{} #content .reply{font-size:12px;margin:0 0 13px 0;} #content a.comment-edit-link{color:#888} #content a.comment-edit-link:hover{color:#FF4B33} #content .reply a {display:block;height:22px;width:60px;text-align:center;line-height:22px; border:1px solid #000;} #content .commentlist .children{list-style:none; margin:0} #content .commentlist .children li{margin:0 0 18px 0;} #content .nopassword, #content .nocomments{display:none} #content #comments .pingback{margin-bottom:18px; padding-bottom:18px; border-bottom:1px solid #e7e7e7} #content .commentlist li.comment+li.pingback{margin-top:-6px} #content #comments .pingback p{color:#888; font-size:12px; line-height:18px; display:block; margin:0} #content #comments .pingback .url{font-style:italic; font-size:13px} /* Comments Form */ input[type=submit]{color:#333} #respond{margin:0; position:relative} #respond div.comment-form-input {clear:both; margin:0; clear:both;} #respond div.comment-form-comment {margin:0; clear:both;} #respond .comment-notes{margin-bottom:1em} .form-allowed-tags{line-height:1em} .children #respond{margin:0 48px 0 0} h3#reply-title{margin:18px 0 18px 0;font-size:1.4em;line-height:1.1em;font-weight:normal;} #comments-list #respond{margin:0 0 18px 0} #comments-list ul #respond{margin:0} #cancel-comment-reply-link{font-size:12px; line-height:18px; font-weight:normal} #respond .required{color:#FF4B33; font-weight:bold} #respond label{float:left;color:#405263; font-size:12px; line-height:18px; padding-left:2px; cursor:pointer;clear:both;} #respond p.comment-form-email span.required {float:left;padding-left:3px;} #respond p.comment-form-author span.required {float:left;padding-left:3px;} #respond input{float:left;clear:both;width:280px; font-size:13px; background-color:#f9f9f9;border:1px solid #d7d7d7;padding:5px 3px 5px 7px;margin:0 0 18px 0;} #respond textarea{clear:both;float:left;width:380px;background-color:#f9f9f9;border:1px solid #d7d7d7;padding:5px 3px 5px 7px;font-size:13px;margin:0 0 18px 0;} #respond span.gravatar {clear:both;display:block;font-style:italic;line-height:18px;margin:0 0 9px 0;padding-top:2px;font-size:12px;} #respond input#submit {border:1px solid #d7d7d7;background-color:#f2f2f2;width:120px;height:30px;padding:0;cursor:pointer;margin:0 0 18px 0;} #respond input:focus, #respond textarea:focus {background-color:#f9f9f9; border:1px solid #797979;} #respond .form-allowed-tags{color:#888; font-size:12px; line-height:18px} #respond .form-allowed-tags code{font-size:11px} #respond .form-submit{margin:12px 0} #respond .form-submit input{width:auto; font-size:14px} /* Widget areas */ body#blog #sidebar a {color:#014B89;} body#blog #sidebar a:hover {color:#000;} body#blog #sidebar .current-cat a {background:url("../images/nav-subpage-current.png") repeat-x scroll left center;cursor:default; color:#000;} body#blog .widget-area ul{list-style:none; margin-left:0; padding-right:1px;} body#blog .widget-area ul ul li {color:#014B89;line-height:17px;} body#blog .widget-area ul ul li a {display:block;line-height:17px;padding:9px 20px 9px 30px;} body#blog .widget-area ul ul {padding-right:0;} body#blog .widget_search #s{width:60%} body#blog .widget_search label{display:none} body#blog .widget-container{margin:0 0 18px 0} body#blog .widget-area .entry-meta{font-size:11px} body#blog #wp_tag_cloud div{line-height:1.6em} body#blog #wp-calendar{width:100%} body#blog #wp-calendar caption{font-weight:bold; color:#222; text-align:left; font-size:14px; padding-bottom:4px} body#blog #wp-calendar thead{font-size:11px} body#blog #wp-calendar thead th{} body#blog #wp-calendar tbody{color:#aaa} body#blog #wp-calendar tbody td{padding:3px 0 2px; background:#f5f5f5; border:1px solid #fff; text-align:center} body#blog #wp-calendar tbody .pad{background:none} body#blog #wp-calendar tfoot #next{text-align:right} body#blog .widget_rss a.rsswidget{color:#000} body#blog .widget_rss a.rsswidget:hover{color:#FF4B33} body#blog .widget_rss .widget-title img{height:11px; width:11px} body#blog .widget_tag_cloud div {padding:0 20px 0 30px;line-height:28px;} /* 4. PLUG-INS _______________________________________________________________________________________________ _______________________________________________________________________________________________*/ /* 4.1 Fancybox 1.3.1 _______________________________________________________________________________________________*/ #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{position:absolute; margin-top:0} #fancybox-loading div{position:absolute; top:0; left:0; width:40px; height:480px; background-image:url(../images/fancybox/fancybox.png)} #fancybox-overlay{position:fixed; top:0; left:0; bottom:0; right:0; background:#000; z-index:1100; display:none} * html #fancybox-overlay{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} #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:-15px; right:-15px; width:30px; height:30px; background-image:url(../images/fancybox/fancybox.png); background-position:-40px 0px; 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} .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; background-image:url(../images/fancybox/fancy_title_over.png); display:block} #fancybox-title-wrap{display:inline-block} #fancybox-title-wrap span{height:32px; float:left} #fancybox-title-left{padding-left:15px; background-image:url(../images/fancybox/fancybox.png); background-position:-40px -90px; background-repeat:no-repeat} #fancybox-title-main{font-weight:bold; line-height:29px; background-image:url(../images/fancybox/fancybox-x.png); background-position:0px -40px; color:#FFF} #fancybox-title-right{padding-left:15px; background-image:url(../images/fancybox/fancybox.png); background-position:-55px -90px; background-repeat:no-repeat} #fancybox-left, #fancybox-right{position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; outline:none; background-image:url(../images/fancybox/blank.gif); 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/fancybox/fancybox.png); background-position:-40px -30px} #fancybox-right-ico{background-image:url(../images/fancybox/fancybox.png); background-position:-40px -60px} #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%; background-image:url(../images/fancybox/fancybox-x.png)} #fancy-bg-ne{top:-20px; right:-20px; background-image:url(../images/fancybox/fancybox.png); background-position:-40px -162px} #fancy-bg-e{top:0; right:-20px; height:100%; background-image:url(../images/fancybox/fancybox-y.png); background-position:-20px 0px} #fancy-bg-se{bottom:-20px; right:-20px; background-image:url(../images/fancybox/fancybox.png); background-position:-40px -182px} #fancy-bg-s{bottom:-20px; left:0; width:100%; background-image:url(../images/fancybox/fancybox-x.png); background-position:0px -20px} #fancy-bg-sw{bottom:-20px; left:-20px; background-image:url(../images/fancybox/fancybox.png); background-position:-40px -142px} #fancy-bg-w{top:0; left:-20px; height:100%; background-image:url(../images/fancybox/fancybox-y.png)} #fancy-bg-nw{top:-20px; left:-20px; background-image:url(../images/fancybox/fancybox.png); background-position:-40px -122px} #fancybox-loading.fancybox-ie div{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_loading.png',sizingMethod='scale')} .fancybox-ie #fancybox-close{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_close.png',sizingMethod='scale')} .fancybox-ie #fancybox-title-over{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_over.png',sizingMethod='scale'); zoom:1} .fancybox-ie #fancybox-title-left{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_left.png',sizingMethod='scale')} .fancybox-ie #fancybox-title-main{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_main.png',sizingMethod='scale')} .fancybox-ie #fancybox-title-right{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_title_right.png',sizingMethod='scale')} .fancybox-ie #fancybox-left-ico{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_nav_left.png',sizingMethod='scale')} .fancybox-ie #fancybox-right-ico{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_nav_right.png',sizingMethod='scale')} .fancybox-ie .fancy-bg{background:transparent !important} .fancybox-ie #fancy-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_n.png',sizingMethod='scale')} .fancybox-ie #fancy-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_ne.png',sizingMethod='scale')} .fancybox-ie #fancy-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_e.png',sizingMethod='scale')} .fancybox-ie #fancy-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_se.png',sizingMethod='scale')} .fancybox-ie #fancy-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_s.png',sizingMethod='scale')} .fancybox-ie #fancy-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_sw.png',sizingMethod='scale')} .fancybox-ie #fancy-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_w.png',sizingMethod='scale')} .fancybox-ie #fancy-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancybox/fancy_shadow_nw.png',sizingMethod='scale')}