/*
 Theme Name: Typo-o-graphy
 Theme URI: http://blankcanvas.eu/wordpress/typo-o-graphy/
 Description:Minimalistic two-columns, fixed-width,  seo optimized  theme for WordPress. Compatible with WordPress 3.4 features, valid XHTML & CSS, custom widgets(Twitter, Flickr, About us). Recommand installing  "Contact Form 7".
 Author: Tomasz Mazur
 Author URI: http://blankcanvas.eu/
 Version: 4.0.0
 Tags: two-columns,  fixed-width, microformats, sticky-post, right-sidebar, black , sticky-post, holiday, threaded-comments, theme-options,  white, translation-ready, custom-menu, editor-style, featured-image-header, post-formats, custom-background, featured-images, left-sidebar
 License:GNU General Public License, v2 (or newer)
 License URI:http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 */
/* http://meyerweb.com/eric/tools/css/reset/
 v2.0 | 20110126
 License: none (public domain)
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display: block;
}
body {
   line-height: 1;
}
ol, ul {
   list-style: none;
}
blockquote, q {
   quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
   content: '';
   content: none;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}
/*------------*/
/* Html tags */
/*------------*/
body {
   font: 14px/1.5 "Palatino Linotype", Georgia, URW Palladio L, "Times New Roman", Times, serif;
   color: #333;
   background: #EFEFEF;
   -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
   -webkit-text-size-adjust: 100%;
}
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;
   text-indent: 0;
}
h1, h2, h3, h4, h5, h6 {
   font-variant: small-caps;
   font-weight: normal;
   color: #7F7F7F;
}
h1, h2 {
   font-size: 1.71em;
   margin: 0.76em 0 0.30em 0;
}
h3 {
   font-size: 1.43em;
   margin: 0.76em 0 0.30em 0;
}
h4 {
   font-size: 1em;
   margin: 0.76em 0 0.30em 0;
}
h5, h6 {
   font-size: 1.14em;
   margin: 0.76em 0 0.30em 0;
}
a {
   color: #A90000;
   text-decoration: none;
}
a:hover {
   color: #aaa
}
del {
   text-decoration: line-through;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}
ol, ul {
   list-style: none
}
blockquote, q {
   quotes: none;
}
blockquote {
    color: #604A3A;
    padding: 2em;
    margin: 1.5em;
    font-style: normal;
   background:  url(images/q.png) no-repeat 0 2em;
}
blockquote:before, blockquote:after, q:before, q:after {
   content: '';
}
address {
   margin: 1em 0;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
   font-family: Consolas, "Courier New", Courier, monospace;
}
th {
   text-align: left;
}
td, th {
   padding: 2px 4px;
   border: 1px solid #aaa;
}
pre {
   font: 14px Consolas, Lucida Console, Monaco, monospace;
   color: #222;
   background: #eee;
   padding: 10px;
   overflow: auto;
}
code {
   font: 14px Consolas, Lucida Console, Monaco, monospace;
   color: #777;
   overflow: auto;
}
sup, sub {
   height: 0;
   line-height: 1;
   position: relative;
   vertical-align: baseline;
}
sup {
   bottom: 1ex;
}
sub {
   top: 0.5ex;
}
abbr {
   cursor: help;
}
cite, em, i {
   font-style: italic
}
strong, b {
   font-weight: bold;
}
input, textarea{
   border-radius: 3px;
   background: #ddd;
   border: 1px solid #ccc;
   padding: 3px
}
input [type=submit]{
   cursor:pointer
}
/*------------*/
/* Header */
/*------------*/
#header {
   background: #000;
   color: #eee;
}
.headerimg {
   background: url(images/header.png) no-repeat top center;
}
#header  h1, #header  h2 {
   font-size: 48px;
   margin: 5px 10px 0;
   padding: 35px 0 120px 0;
   background: url(images/header-btm.png) no-repeat center bottom;
   text-align: center;
   line-height: 0.9;
   text-shadow: 0 1px 1px #000
}
#header-desc {
   color: #ddd;
   padding: 0 10px 40px;
   margin: 0 auto 0;
   display: block;
   max-width: 600px;
   text-align: center;
   font-size: 14px;
   background: transparent url(images/header-desc.png) no-repeat bottom center;
   letter-spacing: 1px;
   text-shadow: 0 1px 1px #000;
}
/*------------*/
/* Menu secondary */
/*------------*/
.menu-secondary{
   background: #1F1F1F;
   -webkit-box-shadow: 1px 1px 2px #333;
   -moz-box-shadow: 1px 1px 2px #333;
   box-shadow: 1px 1px 2px #333;
}
.menu-secondary li{
   float: left;
   margin: 10px;
   position: relative;
   min-height: 1px;
   vertical-align: bottom;
}
.menu-secondary li a{
   color: #ddd
}
.menu-secondary ul {
   z-index: 500;
   background: #1F1F1F;
}
.menu-secondary ul ul {
   position: absolute;
   z-index: 600;
   display: none;
}
.menu-secondary ul ul ul {
   z-index: 601;
   top: 0;
   left: 100%;
}
.menu-secondary li li {
   width: 200px;
}
.menu-secondary li:hover {
   cursor: pointer;
   z-index: 100;
}
.menu-secondary li:hover ul ul, .menu-secondary li li:hover ul ul, .menu-secondary li li li:hover ul ul {
   display: none;
}
.menu-secondary li:hover ul, .menu-secondary li li:hover ul, .menu-secondary li li li:hover ul{
   display: block;
}
/*------------*/
/* Search */
/*------------*/

#searchform { width: 200px; display:inline;}

#searchform input {
   background: #EFEFEF;
   margin-top: 5px
   width: 40px;
}
#searchform input #s {
   width: 40px;
   background: #fff;
}
#searchsubmit {
   cursor: pointer;
}
/*------------*/
/* Menu primery */
/*------------*/
#nav {
   border-top: 3px #ddd double;
   border-bottom: 3px #ddd double;
   margin-bottom: 20px;
   background: #fff;
   position: relative;
   width: 100%;
   padding: 0px 0
}

#nav a {
   text-align: center;
   display: block;
   padding: 5px 8px 8px 8px;
}
#nav ul {
   margin: 0;
   padding: 0;
   z-index: 500;
}
#nav ul ul {
   position: absolute;
   z-index: 7000;
   top: auto;
   display: none;
   padding: 1em;
   margin: 0;
   background: #eee;
   -webkit-box-shadow: 1px 0px 1px #BFBFBF;
   -moz-box-shadow: 1px 0px 1px #BFBFBF;
   box-shadow: 1px 0px 1px #BFBFBF;
}

#nav ul ul ul {
   z-index: 7001;
   top: 0;
   left: 100%;
}
#nav li {
   float: left;
   position: relative;
   min-height: 1px;
   vertical-align: bottom;
   background: #fff
}
#nav li li {
   border-top: 1px #ddd solid;
   margin: 0;
   width: 200px;
   background: none
}
#nav li li:last-child {
   border-bottom: 1px #ddd solid;
}
#nav li li a {
   text-align: left;
}

#nav .current_page_item a, #nav .current-menu-item a, #nav .sub-menu .current_page_item a, #nav .sub-menu .sub-menu .current-menu-item a, #nav .current-menu-ancestor a, #nav .current_page_ancestor a {
   color: #000;
}
#nav .children a {
   color: #A90000
}
#nav .children .current-menu-item a, #nav .children .children .current-menu-item a, #nav .children .current_page_item a, #nav .children .children .current_page_item a {
   color: #000
}
#nav li:hover {
   cursor: pointer;
   z-index: 100;
}
#nav li:hover ul ul, #nav li li:hover ul ul, #nav li li li:hover ul ul, #nav li li li li:hover ul ul {
   display: none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
   display: block;
}
/*------------*/
/* Content */
/*------------*/
.post {
   margin: 0 0 5px 0;
   padding: 10px;
   -webkit-box-shadow: 1px 1px 2px #BFBFBF;
   -moz-box-shadow: 1px 1px 2px #BFBFBF;
   box-shadow: 1px 1px 2px #BFBFBF;
   background: #fff;
}
.meta-description {
   font-variant: small-caps;
   text-align: center;
   clear: both;
   margin: 0 0 30px;
   color: #000;
}
.meta-description h1, .meta-description h2 {
   margin: 10px 0;
   border-top: 1px dotted #aaa;
   border-bottom: 1px dotted #aaa;
   padding: 5px 0
}
.page .meta-description h1, .page .meta-description h2 {
   border: none
}

.meta-description p a {
   color: #7F7F7F;
}
.meta-description  p {
   margin: 10px 0
}
.meta-description em {
   font-variant: normal;
   font-style: normal;
}
.entry {
   overflow:hidden
}
.entry a{
   text-decoration: underline
}
.entry img {
   height: auto;
   max-width: 620px;
   border: none;
}
.attachment img {
   max-width: 940px;
   display: block;
   margin: 0 auto;
}
.entry dt, .post-content dt {
   font-weight: bolder;
}
.entry dd:before, .post-content dd:before, .entry dt:before, .post-content dt:before {
   content: " - ";
}
.gallery dt:before, .gallery dd:before {
   content: "";
}
.entry ul, .entry ol, .post-content ol, .post-content ul {
   list-style: square;
   margin: 1.5em 0 1.5em 20px;
}
.entry ul ul, .post-content ul ul {
   list-style: disc;
   margin: 0 0 0 1em;
}
.entry ul ul ul, .post-content ul ul ul {
   list-style: circle
}
.entry ol, .post-content ol {
   list-style: decimal
}
.entry ol ol, .post-content ol ol {
   list-style: lower-alpha;
   margin: 0 0 0 1.4em;
}
.entry ol ol ol, .post-content ol ol ol {
   list-style: lower-roman
}
.page-link {
   margin: 10px 0 0 0;
}
.page-link a {
   background: #EFEFEF;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   padding: 0 5px 3px 5px;
}
#author-info {
   margin: 10px 0;
   padding: 10px 0;
   border-top: 1px dotted #ddd;
   border-bottom: 1px dotted #ddd;
   clear: both;
}
#author-info a{
   text-decoration: none
}
#author-info .photo {
   float: right;
   margin: 0 0 5px 10px;
}
/*------------*/
/* Post Formats */
/*------------*/
.sticky {
   background: #FFF6DF;
   border-top: 10px solid #DFDBD1;
}
.format-aside{
   background: #eee;
   border-top: 10px solid #ddd;
}
.single .format-aside{
   background: #fff
}
.format-link{
   background: #FFEFEF;
   border-top: 10px solid #DFD1D1;
}
.single .format-link{
   background: #fff
}
.format-quote{
   background: #FFF8EF;
   border-top: 10px solid #DFD2C3;
}
.single .format-quote{
   background: #fff
}
.format-video{
   background: #EFF9FF;
   border-top: 10px solid #C2CACF;
}
.single .format-video{
   background: #fff
}
/*------------*/
/* Sidebar, widget */
/*------------*/
.sidebar {
   font: 14px Arial, Verdana, Helvetica, sans-serif;
   margin-bottom: 10px;
   background: #1F1F1F;
   color: #aaa;
   overflow: hidden;
   padding-bottom: 15px;
   -webkit-box-shadow: 1px 1px 2px #333;
   -moz-box-shadow: 1px 1px 2px #333;
   box-shadow: 1px 1px 2px #333;
}
.sidebar ul{
   padding: 5px 10px;
}
.widget {
   padding: 10px;
   word-wrap: break-word;
   overflow: hidden
}
#header .widget {
   color: #999;
   background: #000000;
/*   background: #1F1F1F;
   color: #999;
   -webkit-box-shadow: 1px 1px 2px #333;
   -moz-box-shadow: 1px 1px 2px #333;
   box-shadow: 1px 1px 2px #333; */
}
#header .widget .widget-title, #header .widget h3{
   margin: 0;
   padding: 0  0 10px 0
}
.widget-title {
   margin: 0;
   padding: 20px 0 10px;
   font-family: "Palatino Linotype", Georgia, URW Palladio L, "Times New Roman", Times, serif;
}
.widget a {
   color: #fff;
}
.widget .vcard li{
   border: none;
   color: #CFCFCF;
   background: #1F1F1F;
   font-size: 0.88em;
}
.widget li li {
   padding: 5px;
   margin: 1px 0
}
.widget ul {
   margin: 0;
   padding: 0;
}
.widget .vcard img {
   margin: 0 0 5px 5px;
   float: right;
   width: 80px;
   max-width: 80px !important;
   padding: 5px;
   background: #787878;
}
/*------------*/
/* Comments */
/*------------*/
#comments {
   margin-bottom: 20px;
   background: #fff
}
#comments h3 {
   margin: 10px 0;
}
#comments label, #comments small {
   font-size: 0.88em;
}
.comment {
   margin: 0 0 5px;
   padding: 10px;
}
#respond {
   clear: both;
   margin: 5px 10px;
   background: #fff;
   padding: 10px;
}
.even {
   background: #EFEFEF !important;
}
.byuser, .bypostauthor {
   background: #FFF6EF!important;
}
.comment .avatar {
   padding: 3px;
   background: #ddd;
   margin-bottom: 10px;
   float: right;
}
.depth-1,.depth-2, .depth-3, .depth-4, .depth-5, .depth-6 {
   border-top: 1px dotted #ccc;
   border-bottom: 1px dotted #ccc;
}
.reply a {
    box-shadow: 0 1px 2px #ddd;
   color: #555;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   padding: 3px 5px;
}
#comments .fn {
   margin: 0
}
#respond input, #respond textarea {
   background: #EFEFEF;
}
#respond code {
   border: none;
   font-size: 11px;
   padding: 0;
   overflow: hidden;
}
.comment-form-author, .comment-form-email, .comment-form-url {
   width: 240px;
}
#comment{
   width: 90%
}
#comments .vcard {
   width: auto;
   background: none
}
.page .nopassword, .page .nocomments {
   display: none;
}
.nopassword, .nocomments {
   color: #bbb;
   text-align: center
}
.pingback, .trackback {
   background: #ddd url(images/bg.jpg)!important;
   margin: 0 0 5px;
   padding: 10px;
}
.comments-nav{
   margin: 20px 10px
}
/*------------*/
/* Footer */
/*------------*/
#footer {
   border-top: 3px #ddd double;
   background: #1F1F1F;
   clear: both;
   color: #DFDFDF;
   margin: 0;
   padding: 0;
}
#footer h3, #footer p {
   margin: 6px 0;
}
#footer li {
   padding: 2px 0 4px 0;
}
#footer em {
   color: #A90000;
   letter-spacing: 1px;
}
/*------------*/
/* Widget, twitter, flickr */
/*------------*/
.widget_typo_flick_widget .widget-title {
   background: transparent url(images/fl.png) no-repeat center right;
}
#flickr {
   float: left;
   max-width: 300px;
}
#footer #flickr {
   max-width: 460px;
}
.flickr_badge_image {
   float: left;
}
.flickr_badge_image a {
   float: left;
   margin: 1px;
   border: 1px solid #333;
   background: #1F1F1F;
}
.flickr_badge_image a:hover {
   background: #333;
}
.flickr_badge_image a img {
   padding: 2px;
   float: left;
}
.twitter_bg .widget-title {
   background: transparent url(images/tw.png) no-repeat center right;
}
.twitterbar {
   float: left;
}
#twitter_div ul, .twitter_bg {
   float: left;
   width: 100%;
}
#twitter_div ul li {
   margin: 0 0 3px 0;
   border: 1px solid #333;
   padding: 3px;
   background: #222
}
#twitter_update_list {
   padding: 0;
}
#twitter_div ul li a:after {
   content: " * "
}
#twitter-link {
   margin: 0 0 10px 0;
   float: left;
   padding: 3px 5px;
   background: #333;
   color: #A90000;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}
#menufooter {
   padding: 10px 0;
}
#menufooter li {
   display: inline;
   border: none;
}
/*------------*/
/* Gallery */
/*------------*/
.gallery {
   width: 100%;
   float: left;
}
.gallery dd:before {
   content: " ";
}
.gallery-item {
   float: left;
   margin: 0;
   text-align: center;
}
.gallery-item img {
   margin: 0 auto;
   border: 1px solid #cfcfcf;
}
.gallery-columns-1 .gallery-item {
   width: 100%;
}
.gallery-columns-2 .gallery-item {
   width: 50%;
}
.gallery-columns-3 .gallery-item {
   width: 33%;
}
.gallery-columns-4 .gallery-item {
   width: 25%;
}
.gallery-columns-5 .gallery-item {
   width: 20%;
}
.gallery-columns-6 .gallery-item {
   width: 16%;
}
.gallery-columns-7 .gallery-item {
   width: 14%;
}
.gallery-caption {
   font-size: 11px;
   padding: 0 5px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin: 0 auto 10px !important;
}
.single-format-gallery .wp-caption img {
   max-width: 880px;
}
.single-format-gallery .wp-caption {
   max-width: 600px;
}
.wp-caption-text {
   margin: 0 5px;
}
.wp-caption {
   font-size: 12px;
   padding: 5px;
   margin: 0 0 5px 0;
   max-width: 590px;
}
.wp-caption img {
   margin: 5px 5px 0;
   max-width: 580px;
}
.gallery br {
   clear: both
}
.entry-caption, .entry-attachment {
   margin: 10px;
}
.entry-caption {
   text-align: center;
}
/*------------*/
/* Wordpress class */
/*------------*/
.alignright {
   float: right;
}
.alignleft {
   float: left;
}
.aligncenter {
   clear: both;
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignnone {
   display: inline;
   float: none;
}
img.alignright {
   float: right;
   margin: 0 0 0.5em 1em
}

img.alignleft {
   float: left;
   margin: 0 1em 0.5em 0
}

img.aligncenter {
   clear: both;
   display: block;
   margin-left: auto;
   margin-right: auto;
}
/*------------*/
/* Navigation */
/*------------*/
.m-top{
   margin-top: 10px;
   margin-bottom: 10px;
}
.wp-pagenavi {
   margin: 10px 0;
   height: 26px;
}
.wp-pagenavi a {
   border: 0!important;
   background: transparent !important;
   margin: 0 10px 0 0 !important;
}
.linkpage a {
   margin-right: 20px;
   padding: 5px;
   background: #EFEFEF;
}
.wp-pagenavi .pages, .wp-pagenavi .current {
   padding: 5px!important;
   background: #fff!important;
   border: 1px solid #DFDFDF!important;
   margin: 0 10px 0 0!important;
}
.navcomments a {
   margin: 10px;
}
/*------------*/
/* Html tags */
/* http://www.woothemes.com/2010/08/woocons1/
/*------------*/
.mt_alert {
   padding: 10px 10px 10px 30px;
   border: 1px solid #AF412B;
   margin: 5px 0;
   display: block;
   background: #EFC2C2 url(images/close.png) no-repeat 3px 7px;
}
.mt_warning {
   padding: 10px 10px 10px 30px;
   border: 1px solid #BFA86B;
   display: block;
   margin: 5px 0;
   background: #EFD695 url(images/warning.png) no-repeat 3px 9px;
}
.mt_down {
   padding-right: 20px;
   background: url(images/down.png) no-repeat top right;
}

.mt_info {
   padding: 10px 10px 10px 30px;
   border: 1px solid #78A6AF;
   display: block;
   margin: 5px 0;
   background: #C2DFEF url(images/info.png) no-repeat 3px 10px;
}
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/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%;
   width: 40px;
   height: 40px;
   margin-top: -20px;
   margin-left: -20px;
   cursor: pointer;
   overflow: hidden;
   z-index: 1104;
   display: none;
}
#fancybox-loading div {
   position: absolute;
   top: 0;
   left: 0;
   width: 40px;
   height: 480px;
   background-image: url('images/fancybox.png');
}
#fancybox-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 1100;
   display: none;
}
#fancybox-tmp {
   padding: 0;
   margin: 0;
   border: 0;
   overflow: auto;
   display: none;
}
#fancybox-wrap {
   position: absolute;
   top: 0;
   left: 0;
   padding: 20px;
   z-index: 1101;
   outline: none;
   display: none;
}
#fancybox-outer {
   position: relative;
   width: 100%;
   height: 100%;
   background: #fff;
}
#fancybox-content {
   width: 0;
   height: 0;
   padding: 0;
   outline: none;
   position: relative;
   overflow: hidden;
   z-index: 1102;
   border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: transparent;
   z-index: 1101;
}
#fancybox-close {
   position: absolute;
   top: -15px;
   right: -15px;
   width: 30px;
   height: 30px;
   background: transparent url('images/fancybox.png') -40px 0px;
   cursor: pointer;
   z-index: 1103;
   display: none;
}
#fancybox-error {
   color: #444;
   font: normal 12px /20px Arial;
   padding: 14px;
   margin: 0;
}
#fancybox-img {
   width: 100%;
   height: 100%;
   padding: 0;
   margin: 0;
   border: none;
   outline: none;
   line-height: 0;
   vertical-align: top;
}
#fancybox-frame {
   width: 100%;
   height: 100%;
   border: none;
   display: block;
}
#fancybox-left, #fancybox-right {
   position: absolute;
   bottom: 0px;
   height: 100%;
   width: 35%;
   cursor: pointer;
   outline: none;
   background: transparent url('images/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.png');
   background-position: -40px -30px;
}
#fancybox-right-ico {
   background-image: url('images/fancybox.png');
   background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
   visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
   left: 20px;
}
#fancybox-right:hover span {
   left: auto;
   right: 20px;
}
.fancybox-bg {
   position: absolute;
   padding: 0;
   margin: 0;
   border: 0;
   width: 20px;
   height: 20px;
   z-index: 1001;
}
#fancybox-bg-n {
   top: -20px;
   left: 0;
   width: 100%;
   background-image: url('images/fancybox-x.png');
}
#fancybox-bg-ne {
   top: -20px;
   right: -20px;
   background-image: url('images/fancybox.png');
   background-position: -40px -162px;
}
#fancybox-bg-e {
   top: 0;
   right: -20px;
   height: 100%;
   background-image: url('images/fancybox-y.png');
   background-position: -20px 0px;
}
#fancybox-bg-se {
   bottom: -20px;
   right: -20px;
   background-image: url('images/fancybox.png');
   background-position: -40px -182px;
}
#fancybox-bg-s {
   bottom: -20px;
   left: 0;
   width: 100%;
   background-image: url('images/fancybox-x.png');
   background-position: 0px -20px;
}
#fancybox-bg-sw {
   bottom: -20px;
   left: -20px;
   background-image: url('images/fancybox.png');
   background-position: -40px -142px;
}
#fancybox-bg-w {
   top: 0;
   left: -20px;
   height: 100%;
   background-image: url('images/fancybox-y.png');
}
#fancybox-bg-nw {
   top: -20px;
   left: -20px;
   background-image: url('images/fancybox.png');
   background-position: -40px -122px;
}
#fancybox-title {
   font-family: Helvetica;
   font-size: 12px;
   z-index: 1102;
}
.fancybox-title-inside {
   padding-bottom: 10px;
   text-align: center;
   color: #333;
   background: #fff;
   position: relative;
}
.fancybox-title-outside {
   padding-top: 10px;
   color: #fff;
}
.fancybox-title-over {
   position: absolute;
   bottom: 0;
   left: 0;
   color: #FFF;
   text-align: left;
}
#fancybox-title-over {
   padding: 10px;
   background-image: url('images/fancy_title_over.png');
   display: block;
}
.fancybox-title-float {
   position: absolute;
   left: 0;
   bottom: -20px;
   height: 32px;
}
#fancybox-title-float-wrap {
   border: none;
   border-collapse: collapse;
   width: auto;
}
#fancybox-title-float-wrap td {
   border: none;
   white-space: nowrap;
}
#fancybox-title-float-left {
   padding: 0 0 0 15px;
   background: url('images/fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
   color: #FFF;
   line-height: 29px;
   font-weight: bold;
   padding: 0 0 3px 0;
   background: url('images/fancybox-x.png') 0px -40px;
}
#fancybox-title-float-right {
   padding: 0 0 0 15px;
   background: url('images/fancybox.png') -55px -90px no-repeat;
}
/* IE6 */
.fancybox-ie6 #fancybox-close {
   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_close.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-left-ico {
   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_nav_left.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-right-ico {
   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_nav_right.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-over {
   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_over.png', sizingMethod='scale');
   zoom: 1;
}
.fancybox-ie6 #fancybox-title-float-left {
   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_left.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-main {
   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_main.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-right {
   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_right.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
   height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
   position: absolute;
   margin-top: 0;
   top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 )  + ( ignoreMe  = document .documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div {
   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale');
}

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg {
   background: transparent !important;
}

.fancybox-ie #fancybox-bg-n {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-ne {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-e {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-se {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-s {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-sw {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-w {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-nw {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale');
}
/*------------*/
/* Responsive design
/*------------*/
@media (max-width: 800px) {
   .container_12, .grid_12, .grid_8, .grid_4 {
      width: 100% !important;
      float: left;
   }
   .sidebar {
      float: left;
      width: 300px !important
   }
   .nav ul {
      margin-top: 0;
   }
   .prefix_2, .suffix_2 {
      padding: 0 !important;
   }
}
/*------------*/
/* Print
/*------------*/
@media print {
   body {
      background: none !important;
      font: 14px Georgia, Cambria, Times, Times New Roman, serif !important;
      color: #000
   }
   h1, h2 {
      font-size: 20px !important
   }
   h3, h4 {
      font-size: 18px !important;
   }
   ul, ol, li {
      margin: 0 0 3px 10px !important;
      padding: 0 !important;
   }
   th, td {
      padding: 2px 3px;
      border: 1px solid #000
   }
   .sidebar, #footer, #header, #nav, .wp-pagenavi, #respond, .reply {
      display: none !important;
   }
   .comment {
      padding: 10px !important
   }
   #comments, .post, .comment {
      border: none
   }
   .entry, .title, .postmeta, #comments, .commentlist li, #wrapper {
      background: #fff !important;
   }
   code, pre, blockquote {
      color: #000 !important
   }
   a {
      color: #000;
      text-decoration: underline;
   }
   .gallery img {
      float: left !important;
      margin: 5px;
   }
}