/* Theme Name: Museu Inimá Theme URI: http://www.afirmacomunicacao.com.br Description: Museu Inimá Author: Paulo Faustini Junior Author URI: http://afirmaweb.com.br Version: 1.06 */ /*get google fonts*/ @import url(http://fonts.googleapis.com/css?family=Coustard); @import url(http://fonts.googleapis.com/css?family=Oswald); /*-------------------------------------------------* /*Reset /*-------------------------------------------------*/ * { margin: 0; padding: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: justify; } a img, a { outline: 0; border: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: "" } blockquote, q { quotes: """" } .clear { clear: both } .clearfix:after { display: block; visibility: hidden; content: "."; clear: both; text-indent: -9999px; height: 0; } .remove-margin { margin-right: 0 !important } .remove-margin-bottom { margin-bottom: 0 !important } /*-------------------------------------------------* /* Body, Common Classes & Wrap /*-------------------------------------------------*/ body { background-color: #eaeaea; font-size: 12px; line-height: 1.8em; color: #555; font-family: 'Arial', Helvetica, sans-serif; } a { text-decoration: none; color: #e65540; } a:hover { text-decoration: none; color: #14B694; } p { margin: 0 0 20px; text-align: justify; } strong { font-weight: 700 } em { font-style: italic } blockquote{ font-family: 'Droid Serif'; background: #F9F9F9; margin: 30px 0px; padding: 20px; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; text-shadow: 1px 1px 1px #FFF; font-style: italic; letter-spacing: 1px; } blockquote p{margin: 0; padding: 0; } /*wrapper*/ #wrapper { margin: 0 auto; width: 980px; position: relative; background: #FFF; box-shadow: 0px 0px 6px rgba(0,0,0,0.10); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.10); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.10); overflow: hidden; } /*tagline*/ #tagline{ padding: 20px; margin-bottom: 20px; background: #EEE; border-bottom: 1px solid #DDD; text-align: center; } #tagline h1{ color: #333; font-size: 28px; font-family: 'Oswald'; margin: 0px; letter-spacing: 1px; text-shadow: -2px 2px 1px #CCC; } #tagline h2, #subtag{ color: #999; text-shadow: 1px 1px 1px #FFF; font-size: 24px; font-family: 'Oswald'; margin: 0px; line-height: 1em; } #subtag p{ margin: 0px; padding: 0px; } /* Block Style Layout*/ .block-layout #wrapper{margin-bottom: 30px;} .block-layout #header-wrap{ background: none !important; margin-top: 30px;} /*-------------------------------------------------* /* Headings /*-------------------------------------------------*/ h1, h2, h3, h4 { font-family: 'Oswald', arial, serif; color: #000; line-height: 1.5em; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; } h1 { font-size: 24px; margin-bottom: 20px; line-height: 1.2em; } h2 { font-size: 18px } h3 { font-size: 16px } h4 { font-size: 14px } h2, h3, h4 { margin-top: 30px; margin-bottom: 20px; } h1 a, h2 a, h3 a, h4 a { color: #000 } /*-------------------------------------------------* /* WordPress Styles /*-------------------------------------------------*/ /*main align*/ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display:block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float:left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float:right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float:left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } /*floats*/ .floatleft{ float:left} .floatright{ float:right} /*textaligns*/ .textcenter{ text-align:center} .textright{ text-align:right} .textleft{ text-align:left} /*captions*/ .wp-caption{ border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .wp-caption img{ margin:0; padding:0; border:0 none; } .wp-caption p.wp-caption-text{ font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } /*smiley reset*/ .wp-smiley{ margin:0 !important; max-height:1em; } /*blockquote*/ blockquote.left{ margin-right:20px; text-align:right; margin-left:0; width:33%; float:left; } blockquote.right{ margin-left:20px; text-align:left; margin-right:0; width:33%; float:right; } /* tag-cloud widget */ .tagcloud a{ font-size: 10px !important; font-weight: bold; float: left; padding: 2px 8px; margin-right: 7px; margin-bottom: 7px; cursor: pointer; color: #FFF !important; background: #151515; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .tagcloud a:hover{ background: #999; } /* calendar widget */ .widget_calendar {float: left;} #wp-calendar {width: 100%; } #wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;} #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } /*-------------------------------------------------* /* Header /*-------------------------------------------------*/ #header-wrap{ width: 100%; background: url(/images/backgrounds/fabric.png) repeat-x; } #header { margin: 0 auto; position: relative; width: 940px; padding: 30px 20px; background: url (/images/backgrounds/fabric.png) repeat-x; } #logo a{ font-family: 'Coustard'; font-size: 28px; font-weight: normal; color: #E8E8E8; letter-spacing: -1px; text-decoration: none; } #logo a:hover { color: #FFF; } /*-------------------------------------------------* /* Navigation /*-------------------------------------------------*/ #navigation { position: absolute; right: 0px; top: 68px; font-family:'Oswald'; font-size: 13px; color:#000; } /*** ESSENTIAL Navigation Style ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0 } .sf-menu ul { position: absolute; top: -999em; width: 160px; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100% } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 18px; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 180px; /* match ul width */ top: 0; } /*** navigation skin ***/ .sf-menu { float: left; margin-bottom: 1em; } .sf-menu a { color: #202b65; padding: 0 15px; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { color: #555555; } #navigation .current-menu-item > a:first-child { color: #202b65; } /*Subs*/ .sf-menu ul{ background: url('images/backgrounds/fabric.png'); padding: 10px 20px 20px; border-bottom: 3px solid #AAD9CC; } .sf-menu ul a{ padding: 10px 0px; border-bottom: 1px solid #333; } .sf-menu ul a:hover{ padding-left: 2px; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; width: 11px; height: 7px; text-indent: -999em; overflow: hidden; background: url('images/menu/nav-arrow-down.png'); top: 3px; } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: 0 -7px; } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { top: 1em; width: 7px; height: 11px; background: url('images/menu/nav-arrow-side.png'); } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0;} /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -7px 0; /* arrow hovers for modern browsers*/ } /*-------------------------------------------------* /* Home /*-------------------------------------------------*/ #home-video{ background: #000; } #home-tagline{ display: block; padding: 25px 20px; background: url(images/base_slider.jpg) no-repeat; border-top: 1px solid #000; font-size: 24px; color: #FFF; font-family: 'Oswald'; text-align: center; letter-spacing: 2px; } /*Highlights*/ #home-highlights{ background: #F5F5F5; padding: 25px 25px 0px; border-bottom: 1px solid #DDD; } #home-highlights h4{ line-height: 1em; margin: 0px 0px 10px; padding-bottom: 10px; border-bottom: 1px dotted #CCC; } #home-highlights p{ } /*home portfolio*/ #home-portfolio-wrap{ margin-top: 25px; padding: 0 20px; } #home-portfolio-left{ float: left; width: 220px; } #home-portfolio-left h2{ text-align: center; font-size: 14px; background: #FFF url(images/diagonal.png) center repeat-x; margin-bottom: 20px; margin-top: 0px; } #home-portfolio-left h2 span{ background: #333; color: #FFF; padding: 2px 10px; -moz-box-shadow: 3px 3px 0px #000; -webkit-box-shadow: 3px 3px 0px #000; box-shadow: 3px 3px 0px #000; } #home-portfolio-right{ float: right; width: 700px; padding-left: 20px; } /*home portfolio carousel*/ /* carousel */ #portfolio-carousel { position: relative; height: 160px; } .horizontal { width: 700px; height: 160px; } .horizontal .carousel { width: 700px; height: 160px; position: relative; } .horizontal .carousel_container { width: 700px; height: 160px; overflow: hidden; position: relative; } .horizontal ul { margin: 0px; nowhitespace: afterproperty; padding: 0px; height: 160px; width: 700px; /* will be overwritten by javascript*/ } .horizontal ul li { width: 220px; float: left; margin-right: 20px; } .carousel_prev, .carousel_next { position: absolute; top: 59px; text-indent: -9999px; height: 32px; width: 32px; background-color: #666; z-index: 9999; } .carousel_prev { left: -15px; background-image: url(images/arrow-left.png); } .carousel_next { right: -15px; background-image: url(images/arrow-right.png); } .carousel_prev:hover, .carousel_next:hover { background-color: #000; } #portfolio-carousel .disable{ } /*home blog*/ #home-recent-posts{ margin-top: 25px; padding: 0px 20px 20px; } #home-recent-posts h2{ text-align: center; font-size: 14px; background: #FFF url(images/diagonal.png) center repeat-x; margin-bottom: 25px; margin-top: 0px; } #home-recent-posts h2 span{ background: #333; color: #FFF; padding: 2px 10px; -moz-box-shadow: 3px 3px 0px #000; -webkit-box-shadow: 3px 3px 0px #000; box-shadow: 3px 3px 0px #000; } #home-blog-featured{ width: 620px; height: 240px; position: relative; float: left; margin-right: 20px; } #home-blog-featured-description{ position: absolute; bottom: 0px; left: 0px; background: #000; padding: 10px; color: #999; width: 390px; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } #home-blog-featured-description h3{ color: #FFF; margin: 0 0 10px; } .home-blog-more{ display: block; float: left; position: relative; width: 300px; height: 116px; margin-bottom: 8px; } .home-blog-more h3{ font-size: 12px; margin: 0px; } .home-blog-more a{ position: absolute; bottom: 20px; right: 0px; color: #FFF; background: #000; padding: 10px; color: #999; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .home-blog-more a:hover{ color: #FFF; border-left: 2px solid #AAD9CC; padding-right: 20px; -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } .home-blog-more:hover{ filter: alpha(opacity=95); -moz-opacity: 0.95; -khtml-opacity: 0.95; opacity: 0.95; } /*-------------------------------------------------* /* Portfolio /*-------------------------------------------------*/ #portfolio-wrap{ padding: 0px 20px; } /*portfoliop page*/ #portfolio-cats{ background: #212121; margin: -20px -30px 30px; padding: 0px 30px; } #portfolio-cats{ list-style: none; font-size: 12px; height: 40px; line-height: 40px; } #portfolio-cats span{ display: block; float: left; padding: 0 10px; color: #CCC; text-transform: uppercase; padding-right: 32px; margin-right: 5px; background: url(images/arrow-right.png) right center no-repeat; } #portfolio-cats a{ font-weight: bold; float: left; padding: 0 10px; cursor: pointer; color: #FFF !important; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } #portfolio-cats a:hover, #portfolio-cats .active a, #portfolio-cats .current-cat a{ background: #a7d6c9; } #filters a span{ display: block; border-top: 1px solid #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /*portfolio items*/ #portfolio{ margin-right: -20px; } .portfolio-box { position: relative; width: 220px; float: left; padding-bottom: 5px; margin-bottom: 20px; margin-right: 20px; cursor: pointer; overflow: hidden; } span.portfolio-border{ display: block; height: 4px; background: #EEE; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .portfolio-box a:hover span.portfolio-border { background: #AAD9CC; } .portfolio-box img { } /*overlay*/ .overlay{ background: #000; width: 220px; height: 150px; position: absolute; display: none; left: 0; top: 0; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; line-height: 1.4em; } .overlay h3{ color: #FFF; margin: 0px; padding: 10px 10px 0px; } .overlay p{ color: #CCC; padding: 5px 10px 10px; } /*single portfolio page*/ #portfolio-left{ float: left; width: 350px; padding: 20px 0 20px 20px; } #portfolio-right{ float: right; width: 540px; padding: 20px 20px 20px 0; text-align: right; } #portfolio-right a:hover img{ -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } #portfolio-right a:hover img{ -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } #single-portfolio-nav { background: #EEE; padding: 10px 20px; border-top: 1px solid #DDD; } #single-portfolio-nav a{ display: block; float: left; height: 30px; line-height: 30px; width: 95px; text-align: center; color: #FFF !important; background: #111; margin-right: 10px; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } #single-portfolio-nav a:hover{ background-color: #333; } #single-portfolio-nav a:hover span{ background-color: #999; } span#portfolio-next, span#portfolio-previous{ display: block; height: 30px; width: 30px; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } span#portfolio-next{ float: right; background-image: url(images/portfolio-next.png); } span#portfolio-previous{ float: left; background-image: url(images/portfolio-previous.png); } /*portfolio - related*/ #related-portfolio h2{ text-align: center; font-size: 14px; background: #FFF url(images/diagonal.png) center repeat-x; margin: 20px 0px; } #related-portfolio h2 span{ background: #333; color: #FFF; padding: 2px 10px; -moz-box-shadow: 3px 3px 0px #000; -webkit-box-shadow: 3px 3px 0px #000; box-shadow: 3px 3px 0px #000; } #related-portfolio ul{ list-style: none; margin: 0; } #related-portfolio li{ float: left; margin-right: 10px; margin-bottom: 10px; } #related-portfolio li img{ border: 1px solid #DDD; padding: 2px; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } #related-portfolio li a:hover img{ border-color: #AAD9CC; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } #preview{ position:absolute; border: 5px solid #000; display:none; z-index: 999; } /*single portfolio slider*/ #slides_single{ position: relative; } #slides_single a.next, #slides_single a.prev { text-align: left; display:block; position:absolute; top:0px; left:0px; width:32px; height:32px; background-color: #222; z-index: 99px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-indent: -9999px; } #slides_single a.next:hover, #slides_single a.prev:hover{ background-color: #666; } #slides_single a.prev{ background-image: url('images/arrow-left.png'); } #slides_single a.next{ left: 32px; background-image: url('images/arrow-right.png'); } #slides_single .pagination { display: none; } /*single portfolio embed*/ #single-portfolio-video{ z-index: 1; } /*-------------------------------------------------* /* NivoSlider /*-------------------------------------------------*/ #slider { position: relative; width: 980px; height: 400px; } /* The Nivo Slider styles */ .nivoSlider { position: relative; width: 980px; height: 400px; background: url(images/topo_inima.gif) no-repeat 50% 50%; } .nivoSlider img { position: absolute; top: 0px; left: 0px; z-index: 6; display:none; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; } /* The slices and boxes in the Slider */ .nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; } .nivo-box { display: block; position: absolute; z-index: 5; } /* Caption styles */ .nivo-caption { position: absolute; left: 0px; bottom: 0px; background-color: #000; padding: 20px 20px; color: #fff; font-family:'Oswald'; font-size: 20px; opacity: 0.8; /* Overridden by captionOpacity setting */ z-index: 8; } .nivo-caption p { padding:0; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer; } .nivo-prevNav { left: 0px } .nivo-nextNav { right: 0px } /* Control nav styles (e.g. 1,2,3...) */ .nivo-directionNav a { width: 48px; height: 48px; position: absolute; z-index: 1000; top: 49%; cursor: pointer; text-indent: -9999px; } .nivo-prevNav, .nivo-nextNav { -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .nivo-prevNav:hover, .nivo-nextNav:hover { -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; } .nivo-nextNav { background: url('images/nivo/nivo-right-arrow.png'); right: 20px; } .nivo-prevNav { background: url('images/nivo/nivo-left-arrow.png'); left: 20px; } .nivo-controlNav { position: absolute; z-index: 1000; list-style: none; bottom: 10px; right: 10px; padding: 0; } .nivo-controlNav a { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url('images/nivo/bullets.png') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; } .nivo-controlNav a.active { background-position: -8px 0; margin-right: -1px; margin-left: 6px; } /*-------------------------------------------------* /* Entries /*-------------------------------------------------*/ .loop-entry { margin-bottom: 20px; } .entry-content{ margin: 20px 0px; } /*image*/ .entry-image img{ padding: 0; margin: 0; } .entry-image{ display: block; position: relative; } span.loop-overlay{ width: 100%; height: 240px; display: block; padding: 0; margin: 0; background: #000; } span.entry-image-border{ margin-top: 10px; display: block; height: 4px; background: #EEE; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } /*image hover*/ a.entry-image:hover span.entry-image-border { background: #AAD9CC; } .entry-title{ position: absolute; bottom: 20px; left: 0px; color: #FFF; background: #000; padding: 10px; color: #999; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.entry-image:hover .entry-title{ color: #FFF; border-right: 2px solid #AAD9CC; padding-left: 20px; -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } a.entry-image:hover img{ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } /*-------------------------------------------------* /* Posts & Pages /*-------------------------------------------------*/ #page-header{ margin-bottom: -10px; } #post { width: 620px; padding: 20px; float: left; } .post-full{ width: 940px !important; float: none !important; } .single-image-border{ display: block; height: 4px; background: #EEE; margin-bottom: 20px; } .single-entry { margin-bottom: 20px; } #post ul, ol { margin-left: 50px; margin-bottom: 10px; } /*post tags*/ .post-tags { margin-right: 10px; margin-top: 30px; font-size: 12px; } .post-tags a{ font-size: 10px; font-weight: bold; float: left; padding: 2px 8px; margin-right: 5px; margin-bottom: 5px; cursor: pointer; color: #FFF; background: #333; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .post-tags a:hover{ background: #999; } /*post navigation*/ #single-nav { margin-top: 10px; font-size: 14px; } #single-nav > span{ margin-right: 10px; } /*-------------------------------------------------* /*Pagination /*-------------------------------------------------*/ .page-pagination { } .page-pagination span, .page-pagination a { font-size: 10px; display: block; float: left; background: #FFF; color: #666 !important; text-shadow: 1px 1px 1px #FFF; font-weight: bold; border: 1px solid #CCC; height: 30px; width: 30px; line-height: 30px; text-align: center; margin-right: 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .page-pagination a:hover, .page-pagination .current { border-color: #000; background: #333; color: #FFF !important; text-shadow: none; } /*-------------------------------------------------* /* Comments /*-------------------------------------------------*/ #comments{ font-size: 14px; background: #FFF url(images/diagonal.png) center repeat-x; margin-bottom: 20px; margin-top: 0px; } #comments span{ background: #333; color: #FFF; padding: 2px 10px; -moz-box-shadow: 3px 3px 0px #000; -webkit-box-shadow: 3px 3px 0px #000; box-shadow: 3px 3px 0px #000; } #commentsbox { margin-top: 30px } #commentsbox ol, #commentsbox ul { list-style: none; margin-left: 0 !important; } #commentsbox li { } .children { list-style: none; margin: 30px 0 0; text-indent: 0; } .children li.depth-2 { margin: 0 0 0px 50px } .children li.depth-3 { margin: 0 0 0px 50px } .children li.depth-4 { margin: 0 0 0px 50px } .children li.depth-5 { margin: 0 0 0px 50px } .comment-body { background: #FFF url(images/dotted-divider.png) left bottom repeat-x; position: relative; padding: 20px 0px 20px 70px; } #commentsbox .avatar { float: left; margin-left: -70px; } .comment-author { font-size: 14px; color: #000; line-height: 1em; margin-bottom: 5px; } .says { display: none } .comment-meta a { margin-bottom: 10px; font-size: 10px; font-style: italic; color: #666; } .comment-reply-link { font-size: 10px; position: absolute; top: 80px; left: 0px; height: 20px; line-height: 20px; padding: 0px; width: 55px; background: #333; color: #FFF; text-transform: uppercase; text-align: center; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .comment-reply-link:hover{ background: #666; color: #FFF; } .cancel-comment-reply a { color: #F00; line-height: 20px; height: 20px; } .cancel-comment-reply a:hover{ text-decoration: underline; } #respond { margin: 40px 0 15px } #comments-respond{ font-size: 14px; background: #FFF url(images/diagonal.png) center repeat-x; margin-bottom: 20px; margin-top: 0px; } #comments-respond span{ background: #333; color: #FFF; padding: 2px 10px; -moz-box-shadow: 3px 3px 0px #000; -webkit-box-shadow: 3px 3px 0px #000; box-shadow: 3px 3px 0px #000; } #commentform label { display: block; font-size: 11px; } #commentform textarea { display: block; width: 85%; } #commentform input#author, #commentform input#email, #commentform input#url, #commentform textarea { color: #666; background: #FFF; position: relative; margin-top: 17px; padding: 10px; border: 1px solid #CCC; outline: none; background: url('images/input-bg.png') top repeat-x; -moz-box-shadow: 0px 0px 0px 5px #F4F4F4; -webkit-box-shadow: 0px 0px 0px 5px #F4F4F4; box-shadow: 0px 0px 0px 5px #F4F4F4; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; } #commentform input#author:focus, #commentform input#email:focus, #commentform input#url:focus, #commentform textarea:focus { border: 1px solid #999; -moz-box-shadow: 0px 0px 0px 5px #E9E9E9; -webkit-box-shadow: 0px 0px 0px 5px #E9E9E9; box-shadow: 0px 0px 0px 5px #E9E9E9; } #commentSubmit { cursor: pointer; display: block; width: 100px !important; text-align: center; height: 40px; line-height: 40px; background: #333; color: #FFF; border: 0; outline: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 2px 0 #EEE; -webkit-box-shadow: 0 1px 2px 0 #EEE; box-shadow: 0 1px 2px 0 #EEE; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; } #commentSubmit:hover { background: #666 !important; } /*-------------------------------------------------* /* Sidebar /*-------------------------------------------------*/ #sidebar{ width: 280px; padding: 40px 20px; float: right; background: url('images/sidebar-middle.png') left center repeat-y; position: relative; } #sidebar-top { background: url('images/sidebar-top.png') no-repeat; background-position: 0 0; width: 20px !important; } #sidebar-bottom { background: url('images/sidebar-bottom.png') no-repeat; background-position: 0 100%; width: 20px !important; } #sidebar-top, #sidebar-bottom { display: block; height: 30px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } #sidebar-bottom { bottom: 0px; top: auto; } #sidebar h4{ font-size: 14px; background: #FFF url(images/diagonal.png) center repeat-x; margin-bottom: 20px; margin-top: 0px; } #sidebar h4 span{ background: #333; color: #FFF; padding: 2px 10px; -moz-box-shadow: 3px 3px 0px #000; -webkit-box-shadow: 3px 3px 0px #000; box-shadow: 3px 3px 0px #000; } #sidebar ul{ list-style: none; } #sidebar li{ margin-bottom: 5px; } /*widgets*/ .widget-container{ margin-bottom: 30px; } /*main links*/ #sidebar .widget_recent_entries li, #sidebar .widget_pages li, #sidebar .widget_links li{ list-style: circle; margin-left: 12px; padding-bottom: 5px; border-bottom: 1px dotted #CCC; } .widget_recent_entries a, .widget_pages a, .widget_links a{ transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; } .widget_recent_entries a:hover, .widget_pages a:hover, .widget_links a:hover { padding-left: 2px; } /*recent posts with thumbnail*/ .widget-recent-posts { list-style: none !important; } .widget-recent-posts li { margin: 0px !important; padding: 15px 0px !important; border: 0px !important; background: url('images/patterns/dots.png') bottom repeat-x; } .widget-recent-posts a { background: none !important; padding: 0px !important; } .widget-recent-posts a img { float: left; margin-right: 10px; padding: 2px; } .widget-recent-posts a:hover img { -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .widget-recent-posts .time { display: block; font-size: 10px; color: #666; } /*recent work*/ #sidebar #widget-recent-portfolio{ border: 5px solid #EEE; } #widget-recent-portfolio{ position: relative; width: 220px; height: 150px; margin: 0 auto; } #widget-recent-portfolio a.next, #widget-recent-portfolio a.prev { text-indent: -9999px; z-index: 99; display:block; position:absolute; bottom:0px; right:32px; width:32px; height:32px; background-color: #000; z-index: 999px; -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #widget-recent-portfolio a.next:hover, #widget-recent-portfolio a.prev:hover{ background-color: #666; } #widget-recent-portfolio a.prev{ background-image: url('images/arrow-left-two.png'); } #widget-recent-portfolio a.next{ right: 0px; background-image: url('images/arrow-right-two.png'); } #widget-recent-portfolio .pagination { display: none; } /*-------------------------------------------------* /* Social /*-------------------------------------------------*/ #social{ position: fixed; left: auto; margin-left: -60px; top: 115px; list-style: none; width: 40px; } #social li{ margin-bottom: 2px; } #social a{ display: block; -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } #social a:hover{ -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /*tipsy*/ .tipsy { padding: 5px; font-size: 12px; background-repeat: no-repeat; background-image: url('images/social/tipsy.gif'); } .tipsy-inner { padding: 0px 20px; height: 30px; line-height: 30px; background: #000; color: #FFF; max-width: 200px; text-align: center; } .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; } .tipsy-north { background-position: top center; } .tipsy-south { background-position: bottom center; } .tipsy-east { background-position: right center; } .tipsy-west { background-position: left center; } /*back to top arrow*/ .back-to-top{ } /*-------------------------------------------------* /* Footer /*-------------------------------------------------*/ #footer{ padding: 0px 20px; background: #0C0C0C; color: #999; border-top: 5px solid #DDD; } .footer-box{ float: left; width: 220px; margin-right: 20px; margin-top: 20px; } .footer-box h4{ color: #FFF; margin-top: 0px; margin-bottom: 20px; } /*footer elements*/ #footer ul{ list-style: none; } #footer ul li{ padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #1E1E1E; } #footer ul li:last-child{ margin-bottom: 0px; } /*copyright*/ #copyright{ color: #999; background: #000; padding: 5px 20px; border-top: 1px solid #1D1D1D; } /*-------------------------------------------------* /* Search /*-------------------------------------------------*/ /*sidebar*/ #sidebar #searchbar{ width: 280px; } #sidebar #search{ width: 263px; padding: 10px 5px; border: 1px solid #CCC; -moz-box-shadow: 0px 0px 0px 5px #F4F4F4; -webkit-box-shadow: 0px 0px 0px 5px #F4F4F4; box-shadow: 0px 0px 0px 5px #F4F4F4; color: #999; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; } #sidebar #search:focus{ border: 1px solid #CCC; -moz-box-shadow: 0px 0px 0px 5px #E9E9E9; -webkit-box-shadow: 0px 0px 0px 5px #E9E9E9; box-shadow: 0px 0px 0px 5px #E9E9E9; } /*footer*/ #footer #searchbar{ width: 220px; margin-left: 5px; } #footer #search{ width: 195px; background: #282828; padding: 10px 5px; border: 1px solid #333; -moz-box-shadow: 0px 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 0px 5px #000; box-shadow: 0px 0px 0px 5px #000; color: #999; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; } #footer #search:focus{ background: #363636; } /*-------------------------------------------------* /* 404 Page /*-------------------------------------------------*/ #error-page-title{ font-size: 300px; text-align: center; font-weight: bold; font-family: Arial, Helvetica, sans-serif !important; color: #D5D5D5; } /*-------------------------------------------------* /* Shortcodes /*-------------------------------------------------*/ /*columns*/ .one-half{ width:48%; } .one-third{ width:30.66%; } .two-third{ width:65.33%; } .one-fourth{ width:22%; } .three-fourth{ width:74%; } .one-fifth{ width:16.8%; } .one-sixth{ width:13.33%; } .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .one-sixth { position:relative; margin-right:4%; float:left; } .column-last{margin-right: 0px;} .column-first{margin-left: 0px;} /*toggle*/ h3.trigger { margin: 20px 0px 0px; padding: 10px; padding-left: 30px; font-size: 18px; background-color: #222; background-image: url('images/shortcodes/toggle-plus.png'); background-position: 10px center; background-repeat: no-repeat; } h3.trigger a { color: #999; text-decoration: none; display: block; } h3.trigger a:hover { color: #FFF; text-decoration: none; } h3.active{ background-image: url('images/shortcodes/toggle-minus.png') !important; background-position: 10px center; background-repeat: no-repeat; } .toggle_container { overflow: hidden; padding: 20px 10px; background: #EEE; border: 1px solid #CCC; border-top: none; margin-bottom: 20px; } /*box shortcodes*/ .box-shortcode { font-family: 'Oswald'; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; margin: 15px 0px; color: #FFF; padding: 15px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .box-shortcode a{ color: #FFF; text-decoration: underline; } .box-shortcode a:hover{ font-style: italic; } .box-red { background: #eb382c; } .box-yellow { background: #f8c15d; } .box-green { background: #009c4f; } .box-blue { background: #4f9eee; } /*buttons*/ .btn-shortcode { color: #FFF !important; height: 35px; line-height: 35px; display: inline-block; margin: 0 5px 20px 5px; text-decoration: none; font-weight: bold; padding: 0px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; } .btn-shortcode:hover { text-decoration: none; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .btn-shortcode:active { position: relative; top: 1px; } .buttonblack { background: #333; } .buttongray { color: #e9e9e9 !important; background: #6e6e6e; } .buttonwhite { color: #666 !important; border: 1px solid #CCC; background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#ededed)); } .buttonorange { background: #fa923c; } .buttonred { background: #d81b21; } .buttonblue { background: #0095cd; } .buttonrosy { background: #da5867; } .buttongreen { background: #64991e; } .buttonpurple{ background: #9f41ce; } .buttonpink { background: #f895c2; } .buttonbrown{ background: #a15527; } .buttonteal{ background: #AAD9CC; } /*contact form*/ #contact-form { width: 100%; margin: 40px 0px; } #contact-form label{ margin-top: 10px; } #contact-form input#email, #contact-form input#name, #contact-form textarea.inputboxmessage, #contact-form #captcha { margin-top: 5px; width: 60%; padding: 10px; border: 1px solid #CCC; outline: none; background: url('images/input-bg.png') top repeat-x; -moz-box-shadow: 0px 0px 0px 5px #F4F4F4; -webkit-box-shadow: 0px 0px 0px 5px #F4F4F4; box-shadow: 0px 0px 0px 5px #F4F4F4; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; } #contact-form textarea.inputboxmessage { width: 80% } #contact-form input#email:focus, #contact-form input#name:focus, #contact-form textarea.inputboxmessage:focus, #contact-form #captcha:focus { border: 1px solid #999; -moz-box-shadow: 0px 0px 0px 5px #E9E9E9; -webkit-box-shadow: 0px 0px 0px 5px #E9E9E9; box-shadow: 0px 0px 0px 5px #E9E9E9; } #contact-form #captcha { margin: 10px 0px; width: 20%; } #contact-form textarea.inputboxmessage{ width: 90%; } #contact-form #contact-submit { cursor: pointer; display: block; margin-top: 10px; padding: 0px 12px; height: 40px; line-height: 40px; background: #333; color: #FFF; border: 0; outline: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 2px 0 #EEE; -webkit-box-shadow: 0 1px 2px 0 #EEE; box-shadow: 0 1px 2px 0 #EEE; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; } #contact-form #contact-submit:hover { background: #666 !important } #contact-success span{ display: block; background: #009c4f; color: #FFF; font-size: 16px; font-family: 'Oswald'; padding: 10px; line-height: 1.8em; -moz-box-shadow: 0px 0px 0px 5px #F4F4F4; -webkit-box-shadow: 0px 0px 0px 5px #F4F4F4; box-shadow: 0px 0px 0px 5px #F4F4F4; } .notification_error { background: #eb382c; color: #FFF; font-size: 16px; font-family: 'Oswald'; padding: 10px; line-height: 1.8em; -moz-box-shadow: 0px 0px 0px 5px #F4F4F4; -webkit-box-shadow: 0px 0px 0px 5px #F4F4F4; box-shadow: 0px 0px 0px 5px #F4F4F4; } /*-------------------------------------------------* /* Self Hosted Video CSS /*-------------------------------------------------*/ /*Home Video*/ #home-video .jp-video { width: 980px; } #home-video .jp-video-play, #home-video .jp-jplayer.jp-jplayer-video { width: 980px; } #home-video .jp-controls-holder{ width: 980px; } #home-video .jp-video .jp-progress{ width: 840px; } /*Single Portfolio Video*/ #single-portfolio-video .jp-video { width: 540px; } #single-portfolio-video .jp-video-play, #single-video .jp-jplayer.jp-jplayer-video { width: 540px; } #single-portfolio-video .jp-controls-holder{ width: 540px; } #single-portfolio-video .jp-video .jp-progress{ width: 400px; } /*Defaults*/ .jp-video { font-size:1.25em; font-family:Verdana, Arial, sans-serif; line-height:1.6; color: #666; background: #222 url('images/diagonal-left.png') repeat; position:relative; width: 100%; } .jp-video-full .jp-jplayer { top: 0; left: 0; position: fixed !important; position: relative; overflow: hidden; z-index:1000; } .jp-video-full .jp-gui { position: fixed !important; position: static; top: 0; left: 0; width:100%; height:100%; z-index:1000; } .jp-video-full .jp-interface { position: absolute !important; position: relative; bottom: 0; left: 0; z-index:1000; } .jp-interface { position: relative; background-image: url('images/jp-interface.png'); background-repeat: repeat-x; width:100%; height: 30px; z-index: 100; } /* controls*/ ul.jp-controls { list-style-type: none; padding: 0; margin: 0; } div.jp-interface ul.jp-controls li { display: inline; } div.jp-interface ul.jp-controls a { position: absolute; overflow: hidden; text-indent: -9999px; } a.jp-play, a.jp-pause { width: 12px; height: 14px; top: 10px; left: 20px; display:block; text-indent:-9999px; background-image: url('images/jp-video-player.png'); background-repeat: no-repeat; } a.jp-play { background-position: 0 0; } a.jp-play:hover { background-position: -34px 0; } a.jp-pause { background-position: 0 -16px; display: none; } a.jp-pause:hover { background-position: -34px -16px; } /* progress bar */ .jp-video .jp-progress { position: absolute; z-index: 9; } .jp-video .jp-progress { left: 40px; top: 13px; height:5px; background: #333; } .jp-seek-bar { border: 1px solid #222; background: #333; width:0px; height:100%; cursor: pointer; } .jp-play-bar { width:0px; height:100%; background: #57b79c; } /* volume controls */ a.jp-mute, a.jp-unmute { width:18px; height:14px; display:block; text-indent:-9999px; } .jp-video a.jp-mute, .jp-video a.jp-unmute { position: absolute; top: 10px; right: 72px; height: 14px; width: 18px; background-image: url('images/jp-video-player.png'); background-repeat: no-repeat; } a.jp-mute { background-position: 0 -32px; } a.jp-mute:hover { background-position: -34px -32px; } a.jp-unmute { background-position: 0 -46px; display: none; } a.jp-unmute:hover { background-position: -34px -32px; } .jp-volume-bar { overflow:hidden; width:46px; height:5px; cursor: pointer; position: absolute; top: 12px; right: 20px; background: #333; border: 1px solid #222; } .jp-volume-bar-value { background: #a0dfce; width:0px; height:5px; } .jp-jplayer audio, .jp-jplayer { width:0px; height:0px; } /* NO SOLUTION error feedback */ .jp-no-solution { position:absolute; width:390px; margin-left:-202px; left:50%; top: 10px; padding:5px; font-size:.8em; background-color:#eee; border:2px solid #009be3; color:#000; display:none; } .jp-no-solution a { color:#000; } .jp-no-solution span { font-size:1em; display:block; text-align:center; font-weight:bold; } /*-------------------------------------------------* /* PrettyPhoto /*-------------------------------------------------*/ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(images/prettyphoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(images/prettyphoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(images/prettyphoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(images/prettyphoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(images/prettyphoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(images/prettyphoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(images/prettyphoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(images/prettyphoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px} div.pp_default .pp_expand:hover{background:url(images/prettyphoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(images/prettyphoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px} div.pp_default .pp_contract:hover{background:url(images/prettyphoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{background:url(images/prettyphoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px} div.pp_default .pp_gallery ul li a{background:url(images/prettyphoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(images/prettyphoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(images/prettyphoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px} div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px} div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(images/prettyphoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(images/prettyphoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(images/prettyphoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(images/prettyphoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(images/prettyphoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(images/prettyphoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(images/prettyphoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(images/prettyphoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(images/prettyphoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(images/prettyphoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(images/prettyphoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(images/prettyphoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{background:url(images/prettyphoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.light_rounded .pp_nav .pp_play{background:url(images/prettyphoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(images/prettyphoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(images/prettyphoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(images/prettyphoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(images/prettyphoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(images/prettyphoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(images/prettyphoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(images/prettyphoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(images/prettyphoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(images/prettyphoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(images/prettyphoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(images/prettyphoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(images/prettyphoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(images/prettyphoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(images/prettyphoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(images/prettyphoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{background:url(images/prettyphoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.dark_rounded .pp_description{color:#fff;margin-right:85px} div.dark_rounded .pp_nav .pp_play{background:url(images/prettyphoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(images/prettyphoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(images/prettyphoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(images/prettyphoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(images/prettyphoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(images/prettyphoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(images/prettyphoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(images/prettyphoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(images/prettyphoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(images/prettyphoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(images/prettyphoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(images/prettyphoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{background:url(images/prettyphoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(images/prettyphoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(images/prettyphoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(images/prettyphoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(images/prettyphoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(images/prettyphoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(images/prettyphoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(images/prettyphoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(images/prettyphoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(images/prettyphoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(images/prettyphoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{background:url(images/prettyphoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.light_square .pp_nav .pp_play{background:url(images/prettyphoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(images/prettyphoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(images/prettyphoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(images/prettyphoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(images/prettyphoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(images/prettyphoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(images/prettyphoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(images/prettyphoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(images/prettyphoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(images/prettyphoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(images/prettyphoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(images/prettyphoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(images/prettyphoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(images/prettyphoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(images/prettyphoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{background:url(images/prettyphoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(images/prettyphoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(images/prettyphoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(images/prettyphoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(images/prettyphoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(images/prettyphoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(images/prettyphoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(images/prettyphoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(images/prettyphoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(images/prettyphoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(images/prettyphoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;margin:2px 4px;white-space:nowrap} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(images/prettyphoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(images/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(images/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0} .pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(images/prettyphoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(images/prettyphoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} /*-------------------------------------------------* /* do Leo /*-------------------------------------------------*/ #miolo { width:100%; } #gallery-1{ display:none; }