/* Theme Name: Dolphin Theme URI: http://progressionstudios.com/ Description: Site Template Version: 1.0 Author: ProgressionStudios Author URI: http://themeforest.net/user/ProgressionStudios/profile?ref=ProgressionStudios */ /* Table of Contents 01. HTML5 ✰ BOILERPLATE RESET FILE 02. COLORS AND FONTS A. COLOR SCHEME B. FONT FAMILIES 03. PRIMARY STYLES A. DEFAULT STYLES B. HEADER STYLES C. MAIN CONTAINER STYLES D. SIDEBAR STYLES 04. FOOTER STYLES 05. BLOG STYLES 06. PORTFOLIO STYLES 07. WIDGET STYLES 08. FEATURED SLIDER and PAGE TITLE A. PAGE TITLE B. FEATURED SLIDER 09. NAVIGATION A. ESSENTIAL STYLES B. RESIZING MENU C. DEMO SKIN 10. DEFAULT GRID 11. PRINT STYLES 12. LIGHTBOX STYLES */ /* =============================================== 01. HTML5 ✰ BOILERPLATE RESET FILE =============================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; color: #222; } ::-moz-selection { background: #000; color: #fff; text-shadow: none; } ::selection { background: #000; color: #fff; text-shadow: none; } body { margin: 0; font-size: 1em; line-height: 1.4; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .lt-ie8 .clearfix {visibility:hidden; width:0;height:0;} /* =============================================== 02. COLORS AND FONTS =============================================== */ /* -------------------- A. COLOR SCHEME -------------------- */ /* -- Header Background Color (#61aef4 and #fad940) -- */ body header, .sf-menu ul, .sf-menu ul ul, .sf-menu ul ul ul, #sidebar .social-icons-header li a, .pagination a:hover, .pagination a.selected { background-color:#d1041f; } /* -- Page Title Background (Wood Texture featured-section-wood.jpg and featured-section-pattern.jpg) -- */ #featured-section {background-image:url(../images/featured-section-wood.jpg); background-color:transparent; } /* -- Main Content Background (#f0f0ef and #f0eee4) -- */ #main {background:#f0f0ef; } /* -- Footer Background Color (#e5e5e5 and #e6e3d2) -- */ /* body, footer { background:#e5e5e5; color:#828282; } -- */ body, footer { background:#e5e5e5; color:#545454; } /* -- Default Link Colors (#419dc2) --- */ a, a:visited, a.button:hover, .type-post h2 { color: #419dc2; } a:hover, ul.tabs li a.active { color: #aaa; } /* -- Default Button Color (#5c5c5c) -- */ a.button {text-transform:uppercase; color:#5c5c5c; } /* -- Sidebar Heading Background Color (#ed6352) -- */ #sidebar h3 {background-color:#ed6352} /* -- Navigation Link Color (#ffffff) -- */ .sf-menu a, .sf-menu a:visited {color: #ffffff;} /* -------------------- B. FONT FAMILIES -------------------- */ nav {font-family: 'Montserrat', sans-serif; font-weight:normal;} nav ul ul, .flex-control-nav li a, h1, h2, h3, h4, h5, h6, .dark-button, .button, input.submit-button, .pagination, .pagination-portfolio {font-family: 'Open Sans Condensed', sans-serif; font-weight:bold;} @font-face { font-family: 'BlanchCondensedInline'; src: url('../page-title-font/blanch_condensed_inline-webfont.eot'); src: url('../page-title-font/blanch_condensed_inline-webfont.eot?#iefix') format('embedded-opentype'), url('../page-title-font/blanch_condensed_inline-webfont.woff') format('woff'), url('../page-title-font/blanch_condensed_inline-webfont.ttf') format('truetype'), url('../page-title-font/blanch_condensed_inline-webfont.svg#BlanchCondensedInline') format('svg'); font-weight: normal; font-style: normal; } .page-title h2 {font-family: 'Montserrat', sans-serif; font-weight: normal; font-style: normal;} /* =============================================== 03. PRIMARY STYLES =============================================== */ /* -------------------- A. DEFAULT STYLES -------------------- */ body, footer { font-family:"Helvetica Neue", Helvetica, Arial, Sans-Serif; font-size: 14px; line-height: 1.4; } a, a:visited, a.button:hover, .type-post h2 { -webkit-transition-duration: 200ms; -webkit-transition-property: color, opacity; -webkit-transition-timing-function: ease-in-out; -moz-transition-duration: 200ms; -moz-transition-property: color, opacity; -moz-transition-timing-function: ease-in-out; -o-transition-duration: 200ms; -o-transition-property: color, opacity; -o-transition-timing-function: ease-in-out; } p {padding-top:0px; margin:0px;} p, ul, ol {margin-bottom: 14px;} ul, ol {margin-left:0px; padding-left:16px;} img {max-width: 100%;height: auto; } h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px; text-transform: uppercase; } h1 {font-size:22px; margin-bottom:7px;} h2 {font-size:18px; margin-bottom:6px;} h3 {font-size:16px; margin-bottom:6px;} h4 {font-size:13px; margin-bottom:4px;} h5 {font-size:12px; margin-bottom:4px;} h6 {font-size:11px; margin-bottom:4px;} .type-post h2 {font-size:20px;} h2.grey-header-bar {position:relative; white-space: nowrap; overflow:hidden; width:100%; } h2.grey-header-bar:after {content: ''; width: 100%; background:#f9f9f9; display:inline-block; width:100%; height:14px; margin-left:7px; position:relative; top:1px;} .lt-ie9 h2.grey-header-bar:after {display:none !important;]} .rounded, #flickr-footer ul li img {-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} hr {background:transparent; border-bottom:1px dotted #ccc; border-top:none; margin:20px 0px;} ul.checkmark, ul.arrow {padding-left:0px;} ul.checkmark li, ul.arrow li {list-style:none; padding-left:18px;} ul.checkmark li {background:url(../images/checkmark.png) 0px 2px no-repeat;} ul.arrow li {background:url(../images/sidebar-arrow.png) -4px 0px no-repeat;} .alignright {float:right; margin:0 0 10px 10px;} .alignleft {float:left; margin:0px 10px 10px 0px;} .aligncenter {text-align:center; margin:0px auto 10px auto; display:block; } blockquote {background:url(../images/blockquote.png) 0px 0px no-repeat; padding-left:40px; font-style:italic; line-height:1.8;} a.button {color:#5c5c5c; text-decoration:none; background:url(../images/button.png) top right no-repeat; padding-right:16px; line-height:1; position: relative; cursor: pointer; } a.button:hover {background-position:bottom right;} a.dark-button, input.submit-button { background:#5c5c5c; background:rgba(92,92,92, 1); text-transform:uppercase; padding:4px 14px; color:#fff; line-height:1; position: relative; cursor: pointer; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; text-decoration:none; -webkit-transition-duration: 250ms; -webkit-transition-property: background; -webkit-transition-timing-function: ease; -moz-transition-duration: 250ms; -moz-transition-property: background; -moz-transition-timing-function: ease; -o-transition-duration: 250ms; -o-transition-property: background; -o-transition-timing-function: ease;} a.dark-button:hover, input.submit-button:hover {background:#7c7c7c; background:rgba(92,92,92, .7); } input.submit-button {display:block; padding:7px 15px; font-size:14px; border:none; margin-left:75px;} #map {margin-bottom:15px;} #map iframe { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border:0px;} body.contact {background:#fff;} #contact-frame {max-width:100%; overflow:hidden;} span.required {color:#d34a4a;} #contact-wrapper {width:100%; padding-top:8px; padding-bottom:10px;} input, textarea {background:#f9f9f9; border:1px solid #e7e7e7; font-size:14px; padding:10px; color:#666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: inset 0px 1px 3px #ddd; -webkit-box-shadow:inset 0px 1px 3px #ddd; box-shadow:inset 0px 1px 3px #ddd;} input:focus, textarea:focus, #respond input:focus, #respond textarea:focus { border: 1px solid #bddae3; -webkit-box-shadow: 0px 0px 4px #6a9ec9; -moz-box-shadow: 0px 0px 4px #6a9ec9; box-shadow: 0px 0px 4px #6a9ec9;} input.button {border-top:none; border-left:none; margin-left:65px;} input#submit {border-top:none; border-left:none; } #contactform div {padding-bottom:24px;} #contactform label {width:70px; display:inline-block; vertical-align: top; color:#999;} #contactform label.error {display:block; width:100%; font-style:italic; padding-left:75px; height:25px; margin-bottom:-25px; font-size:11px; color:#dd8b8b;} #contactform input.error { border: 1px dotted #f4cbcb; background:#f8eded; } p.error {color:#dd8b8b; font-weight:bold;} p.success {color:#64ba7c; font-size:14px; font-weight:bold; padding-bottom:2px; } p.success2 {padding-bottom:8px;} input#contactname, input#email {width:250px;} textarea#message {width:350px;} .pagination-portfolio {margin:35px 0px 15px 0px;background:#f9f9f9; } .pagination-portfolio .previous-button {display:block; float:left; background:#fff; padding:0px 10px 0px 0px;} .pagination-portfolio .next-button {display:block; float:right; background:#fff; padding:0px 0px 0px 10px;} /* -------------------- B. HEADER STYLES -------------------- */ /* -------------------- TALL LOGO OPTION (REMOVE COMMENTS TO SEE THE NEW LOGO SIZE) -------------------- body header h1#logo {left:0px; top:0px; position:absolute; padding:10px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.25); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.25 ); box-shadow: 2px 2px 5px rgba(0,0,0,.c); background:#ccc; } */ .header-container {width:1140px; margin:0px auto; position:relative; } header { margin:0px; padding:0px; } header h1#logo {margin:0px; padding:0px; float:left; z-index:101; position:relative;} header nav {float:right; z-index:900; position:relative; } header { background-image:url(../images/header-background.png); background-repeat:repeat-x; background-position:bottom left;} .header-divider {height:4px; margin-bottom:1px; display:block; background:url(../images/header-divider.png) top left repeat-x;} .header-shadow {background:url(../images/header-shadow.png) top left repeat-x; display:block; height:11px; margin-bottom:-11px; position:relative; z-index:5; } ul.social-icons-header {float:right; margin:0px 0px 0px 6px; padding:0px; list-style:none; z-index:100; position:relative;} ul.social-icons-header li {float:left; display:inline; margin-top:15px; } ul.social-icons-header li a {display:block; width:27px; height:28px; margin-left:7px; text-indent:-9999px; float:left; display:inline; background:url(../images/social-icons-header.png);} ul.social-icons-header li.rss-icon a:hover {background-position:bottom left;} ul.social-icons-header li.facebook-icon a {background-position:-27px 0px;} ul.social-icons-header li.facebook-icon a:hover {background-position:-27px 28px;} ul.social-icons-header li.twitter-icon a {background-position:-54px 0px;} ul.social-icons-header li.twitter-icon a:hover {background-position:-54px 28px;} ul.social-icons-header li.vimeo-icon a {background-position:-81px 0px;} ul.social-icons-header li.vimeo-icon a:hover {background-position:-81px 28px;} ul.social-icons-header li.tumblr-icon a {background-position:-108px 0px;} ul.social-icons-header li.tumblr-icon a:hover {background-position:-108px 28px;} ul.social-icons-header li.skype-icon a {background-position:-135px 0px;} ul.social-icons-header li.skype-icon a:hover {background-position:-135px 28px;} ul.social-icons-header li.youtube-icon a {background-position:-162px 0px;} ul.social-icons-header li.youtube-icon a:hover {background-position:-162px 28px;} ul.social-icons-header li.linkedin-icon a {background-position:-189px 0px;} ul.social-icons-header li.linkedin-icon a:hover {background-position:-189px 28px;} ul.social-icons-header li.flickr-icon a {background-position:-216px 0px;} ul.social-icons-header li.flickr-icon a:hover {background-position:-216px 28px;} ul.social-icons-header li.dribbble-icon a {background-position:-270px 0px;} ul.social-icons-header li.dribbble-icon a:hover {background-position:-270px 28px;} ul.social-icons-header li.forrst-icon a {background-position:-297px 0px;} ul.social-icons-header li.forrst-icon a:hover {background-position:-297px 28px;} /* -------------------- C. MAIN CONTAINER STYLES -------------------- */ .lt-ie8 #main-shadow-1, .lt-ie8 #main-shadow-2, .lt-ie8 #main-shadow-3 {border:none;} #main-shadow-1 {width:1140px; margin:0px auto 0px auto; position:relative; left:6px; top:-35px; z-index:5;} #main-shadow-2 {position:relative; left:-3px; top:-3px;} #main-shadow-3 {position:relative; left:-3px; top:-3px; } .container {padding:25px 20px 15px 20px; } #main-shadow-3, #main-shadow-1, #main-shadow-2 { border-right:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.20); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.20); box-shadow: 0px 0px 5px rgba(0,0,0,.20); background:#fff; } /* -------------------- D. SIDEBAR STYLES -------------------- */ #sidebar-page {width:1140px; margin: 0 auto; position:relative; top:-35px;} #sidebar {float:right; width:285px; padding-top:30px;} #sidebar-container {position:relative; z-index:2; -moz-box-shadow: 2px 2px 3px rgba(0,0,0,.15); -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.15); box-shadow: 2px 2px 3px rgba(0,0,0,.15); background:url(../images/sidebar-container.png) top left repeat-y; } .lt-ie8 #sidebar-page {background:#fff;} .sidebar-main-content {float:left; width:850px;} #main-shadow-1-sidebar {position:relative; left:6px; top:0px; } #main-shadow-2-sidebar {position:relative; left:-3px; top:-3px;} #main-shadow-3-sidebar {position:relative; left:-3px; top:-3px; } #main-shadow-3-sidebar, #main-shadow-2-sidebar, #main-shadow-1-sidebar { border-right:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.20); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.20); box-shadow: 0px 0px 5px rgba(0,0,0,.20); background:#fff; } #sidebar h3 {color:#fff; background-image: url(../images/sidebar-heading-bg.png); background-position: top left; background-position: repeat-x; padding:12px 20px 0px 20px; line-height:1; height:30px; margin-bottom:14px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.35); -moz-box-shadow: 2px 2px 3px rgba(0,0,0,.15); -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.15); box-shadow: 2px 2px 3px rgba(0,0,0,.15); } .sidebar-content {padding:0px 20px 25px 20px;} .tagcloud { font-style:italic; } .tagcloud a {display:inline-block; border:1px solid #dbdbdb; font-size:13px !important; padding: 3px 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color:#737373; text-decoration:none; margin:2px 0px 5px 0px;} .tagcloud a:hover {-moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75;} #sidebar .social-icons-header {float:none; margin-left:0px;} #sidebar .social-icons-header li a { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} #sidebar .social-icons-header li {border:none; padding-left:0px; background:transparent;} footer ul, #sidebar ul {padding-left:0px; margin-bottom:0px;} footer ul li, #sidebar ul li {border-bottom:1px dotted #bbb; list-style:none; padding:0px 0px 8px 18px; margin: 0px 0px 8px 0px; background:url(../images/sidebar-arrow.png) 0px 0px no-repeat; } footer ul li a, #sidebar ul li a {text-decoration:none; } /* =============================================== 04. FOOTER STYLES =============================================== */ footer {padding:86px 0px 7px 0px; margin-top:-120px;} #copyright {margin-top:15px;} #footer-shadow {background: url(../images/footer-shadow.png) top left repeat-x; height:10px; margin-bottom:-10px; position:relative; top:-110px;} #footer-container {width:1140px; margin:0 auto; } /* =============================================== 05. BLOG STYLES =============================================== */ .type-post {margin-bottom:10px;} .type-post h2 a {text-decoration:none;} .blog-date {font-size:13px; margin-bottom:4px; position:relative; bottom:3px;} .blog-date a, .blog-date span {color:#c5c5c5; text-decoration:none; background:url(../images/blog-date.png) no-repeat; padding:0px 10px 0px 15px; margin-right:10px; border-right:1px solid #e1e1e1; line-height:1;} .blog-date a:hover {color:#999;} .blog-date a.admin {background-position:2px 2px;} .blog-date a.admin:hover {background-position:2px -20px;} .blog-date a.date {background-position:-290px 2px;} .blog-date a.date:hover {background-position:-290px -20px;} .blog-date a.comments {background-position:-560px 3px; border:none;} .blog-date a.comments:hover {background-position:-560px -19px;} .pagination {margin:10px auto 20px auto; text-align:center; width:100%;} .pagination a {color:#fff; background:#828282; padding:5px 12px 6px 12px; line-height:1; margin-right:5px; text-decoration:none; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; -webkit-transition-duration: 250ms; -webkit-transition-property: background; -webkit-transition-timing-function: ease; -moz-transition-duration: 250ms; -moz-transition-property: background; -moz-transition-timing-function: ease; -o-transition-duration: 250ms; -o-transition-property: background; -o-transition-timing-function: ease;} ol.commentlist {list-style:none; margin:15px 0px 45px 0px; position:relative; top:-20px; margin-bottom:-20px;} ol.commentlist ul.children {list-style:none; margin:0px -20px;} ol.commentlist ul.children li {padding-left:90px;} ol.commentlist li {padding:20px 20px 10px 20px; } ol.commentlist li.odd {background:#f7f7f7; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} ol.commentlist .reply {position:relative; float:right; right:0px; top:2px; text-indent:-9999999px;} ol.commentlist .reply a {display:block; width:15px; height:16px; background:url(../images/reply.png) top left no-repeat;} ol.commentlist .reply a:hover {background:url(../images/reply.png) 0px -16px no-repeat;} ol.commentlist .avatarimage {float:left; width:50px; margin-right:20px; margin-bottom:18px;} #reply {margin:15px 0px 20px 0px;} #reply label {width:55px; display:inline-block;} #reply input#textname, #reply input#textemail {width:50%; margin-bottom:5px;} #reply textarea {width:80%; margin:0px 0px 10px 60px;} #reply .dark-button {margin-left:60px;} /* =============================================== 06. PORTFOLIO STYLES =============================================== */ .portfolio-post {margin-bottom:25px;} /* =============================================== 07. WIDGET STYLES =============================================== */ #jtwt_picture {float:left; padding:0px 10px 35px 0; } #jtwt img { border:none; padding:0px; background:transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #jtwt a:hover img {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} #jtwt {font-size:13px; overflow:hidden; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #bbb;} a#jtwt_date {font-size:10px; padding-top:1px; font-style:italic; display:none;} #flickr-footer ul {margin:0; padding:0; } #flickr-footer ul li { padding:0px; margin:0px; list-style:none; display:inline; border:none;} #flickr-footer ul li a {display:inline; background:transparent; padding:0px;} #flickr-footer ul li img { width:74px; height:74px; margin:0px 10px 10px 0px; -khtml-opacity: 0.75; opacity: 0.75; filter:alpha(opacity=75); -moz-opacity: 0.75; -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; -ms-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out;} #flickr-footer ul li img:hover {-khtml-opacity: 1; opacity: 1; filter:alpha(opacity=100); -moz-opacity: 1;} #sidebar #flickr-footer ul li img {width:70px; height:70px;} ul.tabs { display: block; margin: 0 0 20px 0; padding: 0; list-style:none; border-bottom: solid 1px #ddd; } ul.tabs li { display: block; width: auto; height: 30px; padding: 0; float: left; margin-bottom: 0; } ul.tabs li a { display: block; text-decoration: none; width: auto; height: 29px; padding: 0px 20px; line-height: 30px; border: solid 1px #ddd; border-width: 1px 1px 0 0; margin: 0; background: #f5f5f5; font-size: 13px; } ul.tabs li a.active { background: #fff; height: 30px; position: relative; top: -4px; padding-top: 4px; border-left-width: 1px; margin: 0 0 0 -1px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } ul.tabs li:first-child a.active { margin-left: 0; } ul.tabs li:first-child a {border-width: 1px 1px 0 1px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; } ul.tabs li:last-child a { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } ul.tabs-content { margin: 0 0 20px 0; display: block; list-style:none;} ul.tabs-content > li { display:none; } ul.tabs-content > li.active { display: block; } /* Clearfixing tabs for beautiful stacking */ ul.tabs:before, ul.tabs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } ul.tabs:after { clear: both; } ul.tabs {zoom: 1; } /* =============================================== 08. FEATURED SLIDER and PAGE TITLE =============================================== */ /* -------------------- A. PAGE TITLE -------------------- */ .page-title {width:1140px; margin:0 auto; padding:20px 0px;} #featured-section {margin-bottom:0px; padding-bottom:40px;} .page-title h2 { color:#fff; white-space: nowrap; width:800px; overflow:hidden; float:left; font-size:25px; line-height:1; letter-spacing:-1px; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25); padding-left:25px; margin:0px;} .page-title h2:after {content: ''; width: 100%; margin:0px 0px 0px 15px; display: inline-block; background:url(../images/page-title-lines.png) top left no-repeat; height:20px; position:relative; top:2px;} .lt-ie9 .page-title h2:after {display:none !important;]} .page-title.no-search h2 {width:1080px; } .page-title.no-search #s {display:none; } #featured-section-shadow {background: url(../images/featured-section-shadow.png) top left repeat-x; height:10px; margin-bottom:-10px; position:relative; } .lt-ie8 #featured-section-shadow {display:none;} #slider-container {width:1140px; margin:0px auto; padding:40px 0px 40px 0px; } .page-title #s {float:right; margin:16px 25px 0px 0px;} #s { -webkit-transition-duration: 400ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; -moz-transition-duration: 400ms; -moz-transition-property: width, background; -moz-transition-timing-function: ease; -o-transition-duration: 400ms; -o-transition-property: width, background; -o-transition-timing-function: ease; width: 210px; padding:9px 30px 7px 20px; border:2px solid #f1f1f1; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.50); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.50); box-shadow: 0px 0px 4px rgba(0,0,0,.50); background:#fff; color:#6d6d6d; background-image:url(../images/search-magnify.png); background-position:top right; background-repeat:no-repeat; } #s:focus { width: 230px; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.60); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.60); box-shadow: 0px 0px 4px rgba(0,0,0,.60); } .lt-ie9 #s {width:210px;} #searchsubmit, .assistive-text { display: none; } /* -------------------- B. FEATURED SLIDER -------------------- */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .slider-box-1, .slider-box-2, .slider-box-3 { border:1px solid #f1f1f1; -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.25); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.25); box-shadow: 1px 1px 3px rgba(0,0,0,.25); background:#fff; } .slider-box-1 {box-shadow: 1px 1px 3px rgba(0,0,0,.15); transform:rotate(-0.7deg); -moz-transform:rotate(-0.7deg); -webkit-transform:rotate(-0.7deg); -o-transform:rotate(-0.7deg);} .slider-box-2 {box-shadow: 1px 1px 3px rgba(0,0,0,.15); transform:rotate(1.4deg); -moz-transform:rotate(1.4deg); -webkit-transform:rotate(1.4deg); -o-transform:rotate(1.4deg);} .slider-box-3 {padding:7px; transform:rotate(-0.7deg); -moz-transform:rotate(-0.7deg); -webkit-transform:rotate(-0.7deg); -o-transform:rotate(-0.7deg);} .flexslider { position: relative; zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ .flex-container {zoom: 1; position: relative;} /* Caption style */ /* IE rgba() hack */ .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;} .flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;} /* Direction Nav */ .flex-direction-nav { height: 0; } .flex-direction-nav li a {width: 39px; height: 44px; margin: -22px 0 0; display: block; background: url(../images/slider/arrows-new.png) no-repeat; position: absolute; top: 50%; cursor: pointer; text-indent: -999em;} .flex-direction-nav li .next {background-position: -57px 0; right: 15px;} .flex-direction-nav li .prev {left: 15px; background-position: -5px 0; } .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /* Control Nav .flex-control-nav {width: 100%; position: absolute; bottom: 12px; left:22px; } .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a { color:#fff; font-size:14px; padding:4px 0px 5px 0px; width:27px; height:19px; display: block; background: url(../images/slider/bg_control_nav2.png) no-repeat; cursor: pointer; text-align:center;} .flex-control-nav li a:hover {background-position: 0 0px;} .flex-control-nav li a.active {background-position: 0 -28px; cursor: default;} */ /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -39px; text-align: center; } .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline; } .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(../images/slider/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;} .flex-control-nav li a:hover {background-position: 0 -13px;} .flex-control-nav li a.active {background-position: 0 -25px; cursor: default;} .lt-ie8 .flex-direction-nav li a, .lt-ie8 .flex-direction-nav li {display:none !important;} #main .flex-control-nav {bottom: 5px; } #main .flex-control-nav li a.active {background-position: 0 -26px;} /* =============================================== 09. NAVIGATION =============================================== */ /* -------------------- A. ESSENTIAL STYLES -------------------- */ /*** ESSENTIAL STYLES ***/ nav select {display:none;} .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: 10em; /* 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:65px; /* 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: 10em; /* match ul width */ top:0;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */ top:0;} /* -------------------- B. RESIZING MENU -------------------- */ .sf-menu a {padding:45px 15px 50px 15px;} /* Top Menu Size */ .sf-menu li:hover ul, .sf-menu li.sfHover ul {top:109px;} /* Move sub-menu down */ /* -------------------- C. DEMO SKIN -------------------- */ .sf-menu {float: left; } .sf-menu a { text-decoration:none; font-size:14px; line-height:1; text-transform:uppercase; -webkit-transition-duration: 150ms; -webkit-transition-property: color, opacity; -webkit-transition-timing-function: ease-in-out; -moz-transition-duration: 150ms; -moz-transition-property: color, opacity; -moz-transition-timing-function: ease-in-out; -o-transition-duration: 150ms; -o-transition-property: color, opacity; -o-transition-timing-function: ease-in-out; } /* DEFAULT LINK */ .sf-menu a, .sf-menu a:visited { -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.30); border-right: 1px solid rgba(0, 0, 0, 0); } /* DEFAULT LINK HOVER AND SELETED */ .sf-menu li.current-menu-item a, .sf-menu li.current-menu-item a:visited { -moz-opacity:1; -khtml-opacity: 1;opacity: 1;} /* HOVER BACKGROUND */ .sf-menu a:hover, .sf-menu li a:hover, .sf-menu a:hover, .sf-menu a:visited:hover, .sf-menu li.sfHover a, .sf-menu li.sfHover a:visited { -moz-opacity:1; -khtml-opacity: 1;opacity: 1; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.20); background: url(../images/navigation-hover.png) top left repeat-x; border-right: 1px solid rgba(0, 0, 0, .1); } .sf-menu li.sfHover li a, .sf-menu li.sfHover li a:visited, .sf-menu li.sfHover li li a, .sf-menu li.sfHover li li a:visited, .sf-menu li.sfHover li li li a, .sf-menu li.sfHover li li li a:visited, .sf-menu li.sfHover li li li li a, .sf-menu li.sfHover li li li li a:visited { background:transparent; -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; border-left: 1px solid rgba(0, 0, 0, 0); } .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li li.sfHover a, .sf-menu li.sfHover li a:visited:hover, .sf-menu li li:hover a:visited, .sf-menu li li li:hover, .sf-menu li li li.sfHover, .sf-menu li li li a:focus, .sf-menu li li li a:hover, .sf-menu li li li a:active, .sf-menu li li li.sfHover a, .sf-menu li li.sfHover li a:visited:hover, .sf-menu li li li:hover a:visited, .sf-menu li li li li:hover, .sf-menu li li li li.sfHover, .sf-menu li li li li a:focus, .sf-menu li li li li a:hover, .sf-menu li li li li a:active, .sf-menu li li li li.sfHover a, .sf-menu li li li.sfHover li a:visited:hover, .sf-menu li li li li:hover a:visited, .sf-menu li li li li li:hover, .sf-menu li li li li li.sfHover, .sf-menu li li li li li a:focus, .sf-menu li li li li li a:hover, .sf-menu li li li li li a:active, .sf-menu li li li li li.sfHover a, .sf-menu li li li li.sfHover li a:visited:hover, .sf-menu li li li li li:hover a:visited { outline: 0; -moz-opacity:1; -khtml-opacity: 1; opacity: 1; background-color: rgba(255,255,255,.05); } .sf-menu li li a {padding:10px 10px ;} .sf-menu ul, .sf-menu ul ul, .sf-menu ul ul ul { -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.10); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.10); box-shadow: 3px 3px 3px rgba(0,0,0,0.10); border-right: 1px solid rgba(0, 0, 0, .1); border-left: 1px solid rgba(0, 0, 0, .1); border-right: 1px solid rgba(0, 0, 0, .1); -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } .sf-menu li li, .sf-menu li li li, .sf-menu li li li li, .sf-menu li li li li li { margin:0px; background-color: rgba(0,0,0,.05); } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background: transparent; outline: 0;} /*** 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; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/} /* 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: -10px -100px; /* arrow hovers for modern browsers*/} /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .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: -10px 0; /* arrow hovers for modern browsers*/} /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;} .sf-shadow ul.sf-shadow-off {background: transparent;} /* =============================================== 10. DEFAULT GRID =============================================== */ .grid2column, .grid3column, .grid3columnbig, .grid4column, .grid4columnbig {float:left; margin-right:24px; } .grid2column {width:536px;} .grid3column {width:349px;} .grid3columnbig {width:722px;} .grid4column {width:256px;} .grid4columnbig {width:816px;} #sidebar-page .grid2column {width:390px;} #sidebar-page .grid3column {width:252px;} #sidebar-page .grid3columnbig {width:528px;} #sidebar-page .grid4column {width:183px;} #sidebar-page .grid4columnbig {width:597px;} body .lastcolumn, body #sidebar-page .lastcolumn {margin-right:0px !important;} /* =============================================== 11. PRINT STYLES =============================================== */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* =============================================== 12. LIGHTBOX STYLES =============================================== */ 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;width:28px;height: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;width:28px;height: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{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} 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{position:static;left:auto} 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;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} 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{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} 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{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} 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{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} 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{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} 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{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} 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;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .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;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .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{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #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;z-index:9999;margin:0 0 5px 15px} 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}