/* ------------------------------------------------------------------------------------------------------------ Theme Name: Switchblade Theme URI: http://themeforest.net/user/wpscientist Description: Switchblade WordPress theme from WPScientist. Author: WPScientist Author URI: http://themeforest.net/user/wpscientist Version: 1.2 ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------ CSS Reset & General Styling ------------------------------------------------------------ */ html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;} .clear { clear:both; } .col-clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .col-clear{ .zoom:1; } .wrap960 { margin:0 auto; width:960px; } .fl { float:left; } .fr { float:right; } body.color-style-grey { background:#eceeef; } body.color-style-color-2 { background:#d06152; } body.color-style-color-3 { background:#e88651; } body.color-style-color-4 { background:#bac076; } body.color-style-color-5 { background:#83a6b3; } body.color-style-color-6 { background:#83b39f; } body.color-style-color-7 { background:#8389b0; } body.color-style-color-8 { background:#bd78b4; } body.pattern-square { background-image: url("images/patterns/square.png"); } body.pattern-square-big { background-image: url("images/patterns/square-big.png"); } body.pattern-square-2 { background-image: url("images/patterns/square-2.png"); } body.pattern-square-2-big { background-image: url("images/patterns/square-2-big.png"); } body.pattern-square-3 { background-image: url("images/patterns/square-3.png"); } body.pattern-square-4 { background-image: url("images/patterns/square-4.png"); } body.pattern-square-5 { background-image: url("images/patterns/square-5.png"); } body.pattern-damask { background-image: url("images/patterns/damask.png"); } body.pattern-spring { background-image: url("images/patterns/spring.png"); } body.pattern-dots-1 { background-image: url("images/patterns/dots-1.png"); } body.pattern-dots-2 { background-image: url("images/patterns/dots-2.png"); } body.pattern-dots-3 { background-image: url("images/patterns/dots-3.png"); } body.pattern-dots-4 { background-image: url("images/patterns/dots-4.png"); } body.pattern-dots-5 { background-image: url("images/patterns/dots-5.png"); } body.pattern-dots-6 { background-image: url("images/patterns/dots-6.png"); } body.pattern-dots-7 { background-image: url("images/patterns/dots-7.png"); } body.pattern-opaque-1 { background-image: url("images/patterns/opaque-1.png"); } body.pattern-opaque-2 { background-image: url("images/patterns/opaque-2.png"); } body.pattern-opaque-3 { background-image: url("images/patterns/opaque-3.png"); } body.pattern-opaque-4 { background-image: url("images/patterns/opaque-4.png"); } body.pattern-opaque-5 { background-image: url("images/patterns/opaque-5.png"); } body.pattern-opaque-6 { background-image: url("images/patterns/opaque-6.png"); } body.pattern-opaque-7 { background-image: url("images/patterns/opaque-7.png"); } body.pattern-opaque-8 { background-image: url("images/patterns/opaque-8.png"); } /* ------------------------------------------------------------ WordPress Classes ------------------------------------------------------------ */ /* -------------------------------------------------------------- Basic WordPress Blog Styles -------------------------------------------------------------- */ .entry-content img { margin: 0 0 1.5em 0; } .alignleft, img.alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright, img.alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter, img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto; } .wp-caption { text-align: center; margin-bottom: 1.5em; } .wp-caption img { border: 0 none; margin: 0; padding: 0; } .wp-caption p.wp-caption-text { margin: 0; } .wp-smiley { max-height: 1em; margin:0 !important; } .gallery dl { margin: 0; } .gallery-caption { margin:-1.5em 0 0 0; } /* ------------------------------------------------------------ Typography ------------------------------------------------------------ */ body { font-family: Shanti; font-size:12px; line-height:20px; color:#949698; } p, ul, ol, pre, table, h1, h2, h3, h4, h5 , h6, blockquote { margin-bottom:20px; } ul ol, ol ul, ul ul, ol ol { margin-bottom:0; } h1, h2, h3, h4, h5, h6 { color:#707273; } h1 { font-size:24px; line-height:34px; font-weight:normal; font-family:Questrial; } h2 { font-size:22px; line-height:32px; font-weight:normal; font-family:Questrial; } h3 { font-size:20px; line-height:30px; font-weight:normal; font-family:Questrial; margin-bottom:10px; } h4 { font-size:18px; line-height:28px; font-weight:normal; font-family:Questrial; margin-bottom:10px; } h5 { font-size:16px; line-height:26px; font-weight:normal; font-family:Questrial; margin-bottom:10px; } h6 { font-size:14px; line-height:24px; font-weight:normal; font-family:Questrial; margin-bottom:10px; } a { color:#50a0d8; text-decoration:none; } a:hover { text-decoration:underline; } #main a:hover { text-decoration:underline; } small { font-size:11px; font-family:"Georgia"; color:#949494; } strong { font-weight:bold; } em, cite { font-style:italic; } blockquote { padding-left:40px; background:transparent url("images/quote.png") 0 0 no-repeat; } pre { padding:10px; border:1px dashed #ccc; background:#f3f3f3;} ul { list-style-type:square; list-style-position:inside; padding-left:20px; } ol { list-style-type:decimal; list-style-position:inside; padding-left:20px; } table { width:100%; } tr:nth-child(odd) { background:#eeeeee; } td { padding:5px 10px; color:#8f8f8f; } th { padding:5px 10px; border-bottom:2px solid #666; color:#2e2e2e; background:#fff; } table caption { background:#333; font-weight:bold; font-style:italic; color:#fff; padding:5px; text-align:center; } input[type=email], input[type=text], textarea, select { background:#f8f8f8; color:#545454; padding:10px; border: 1px solid #ddd; border-top: 1px solid #bbb; } input[type=email]:hover, input[type=text]:hover, textarea:hover { border: 1px solid #bbb; } input[type=email]:hover, input[type=text]:focus, textarea:focus { background-color: #f1f1f1; } input[type=text] { width:50%; } textarea { width:80%; height:150px; } h1.post-title, h2.post-title { font-size:15px; color:#838687; line-height:20px; font-weight:normal; border-bottom:0; margin-bottom:10px; margin-top:5px; font-weight:bold; } h1.post-title a, h2.post-title a { color:#949698; } button { font-family:Shanti; display:inline-block; border:0; font-size:14px; line-height:37px; background:#e1e1e1; padding:0 15px; color:#838383; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } button:hover { background:#50a0d8; cursor:pointer; color:#fff; } /* ------------------------------------------------------------ Header Bar ------------------------------------------------------------ */ #header-bar { padding:10px 0; background-color:#454545; border-bottom:1px solid #656565; line-height:30px; } #header-bar-message { float:left; font-size:11px; color:#fff; } #header-bar-social { float:right; padding:2px 0; } #header-bar-social a { opacity:0.2; filter: alpha(opacity = 20); margin-left:8px; display:block; float:left; } #header-bar-social a img { display:block; } #header-bar-search { width:155px; position:relative; float:right; margin-left:15px; background:transparent url("images/bg/search-bg.png") repeat-x; padding:0 3px 0 10px; height:28px; overflow:hidden; border:1px solid #676c75; border-top-color:#53575e; border-bottom-color:#82848a; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #header-bar-search input { padding:4px 0; background:transparent; border:transparent; color:#afb5c0; } #header-bar-search-submit { padding:0; line-height:0; width:36px; height:24px; background:transparent url("images/other/magnifier.png") no-repeat; position:absolute; right:-8px; top:10px; } /* ------------------------------------------------------------ Container ------------------------------------------------------------ */ #container { margin-top:30px; width:946px; padding:6px; background:#f2f3f3; border:1px solid #fff; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #container-inner { background:#fcfbfb; padding:20px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } /* ------------------------------------------------------------ Header ------------------------------------------------------------ */ #header { margin-bottom:30px; } #header-inner { } #header-main { padding:50px 0; } #logo { float:left; } #logo h1 { margin-bottom:0; border-bottom:0; } #logo a, #logo img { display:block; } #navigation { float:right; margin-top:13px; } #navigation ul { list-style-type:none; margin:0; padding:0; } #navigation ul li { margin:0; padding:0; display:block; float:left; position:relative; margin-left:25px; z-index: 150; } #navigation ul li a { font-family:"Maven Pro"; display:block; position:relative; text-decoration:none; color:#474d57; font-size:13px; line-height:15px; padding:8px 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #navigation ul li.active { } #navigation div > ul > li.active > a, #navigation div > ul > li > a:hover, #navigation div > ul > li.sfHover > a { color:#a3adbd; background-color: #fff; border-bottom: 2px solid #EFEEEE; } #navigation ul li.active li a{ background:#fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #navigation ul > li.sfHover > a { } /* Essential styles START */ #navigation .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } #navigation .sf-menu { line-height: 1.0; z-index: 175; } #navigation .sf-menu ul { position: absolute; top: -999em; width: 150px; z-index: 200; /* left offset of submenus need to match (see below) */ } #navigation .sf-menu ul li { width: 100%; margin:0; } #navigation .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } #navigation .sf-menu li:hover ul, #navigation .sf-menu li.sfHover ul { left: 0; top: 25px; /* match top ul list item height */ z-index: 99; } #navigation ul.sf-menu li:hover li ul, #navigation ul.sf-menu li.sfHover li ul { top: -999em; } #navigation ul.sf-menu li li:hover ul, #navigation ul.sf-menu li li.sfHover ul { left: 150px; /* match ul width */ top: 0; } #navigation ul.sf-menu li li:hover li ul, #navigation ul.sf-menu li li.sfHover li ul { top: -999em; } #navigation ul.sf-menu li li li:hover ul, #navigation ul.sf-menu li li li.sfHover ul { left: 150px; /* match ul width */ top: 0; } /* Essential styles END */ #navigation ul li li a, #navigation ul li.active li a { padding:10px 15px; font-weight:normal; color:#fff; font-size:11px; line-height:11px; color:#545454; } #navigation ul li li:last-child { border-bottom: 2px solid #eee; } #navigation ul li li.active > a { background:#eee; color:#545454; } #navigation ul ul li a:hover, #navigation ul ul > li.sfHover > a { background:#eee; color:#545454; } #navigation ul ul { padding-top:22px;} #navigation ul ul ul { padding-top:0px; } #navigation ul ul li { background:#fff; margin:0; padding:0; } #tagline { margin-bottom:30px; padding:20px 0; border:1px solid #f1f3f4; border-left:0; border-right:0; } body.has-breadcrumbs #tagline { margin-bottom:0; } #tagline h1 { font-family:"Maven Pro"; font-size:22px; line-height:28px; color:#aeb1b6; } .tagline-description { font-size:16px; line-height:22px; font-weight:normal; font-family:Questrial; color:#c5c7cc; } #tagline h1, .tagline-description { padding:0; margin:0; border:none; } #breadcrumbs { margin-bottom:30px; padding:10px 0; border-bottom:1px solid #f1f3f4; } #breadcrumbs ul, #breadcrumbs li { list-style-type:none; padding:0; margin:0; } #breadcrumbs ul li { float:left; display:block; margin-right:8px; font-size:12px; line-height:12px; color:#b0b3b6; } #breadcrumbs ul li a { color:#949698; } #slider { padding-top:15px 0; width:945px; position:relative; left:-20px; background:transparent url("images/slider/load.gif") no-repeat center center; } #slider-inner { overflow:hidden; display:none; } #slider .slide-info { position:absolute; bottom:0px; left:0; right:0; } #slider .slide-title { clear:both; float:left; display:block; padding:5px 20px; background:transparent url("images/other/slide-title-bg.png"); color:#fff; font-size:15px; line-height:23px; } #slider .slide-description { clear:both; float:left; display:block; padding:5px 20px; background:transparent url("images/other/slide-description-bg.png"); font-size:14px; line-height:20px; } #slider .slide-link { clear:both; bottom: 0; display:block; background:#50a0d8; position: absolute; color:#fff; padding:5px 20px; right: 0;} #slider-prev { z-index:100; position:absolute; display:block; width:37px; height:37px; top:45%; left:-70px; background:transparent url("images/slider/left-arrow.png"); display:none; } #slider-next { z-index:100; position:absolute; display:block; width:37px; height:37px; top:45%; right:-70px; background:transparent url("images/slider/right-arrow.png"); display:none; } .slider-image { display:block; width:945px; } .slider-slide-content { padding:20px; } #slider-nav-container { background:transparent url("images/bg/slider-nav-container.png"); padding:0 6px; border:1px solid #e0e0e0; border-left:0; border-right:0; width:945px; position:relative; left:-26px; display:none; } #slider-nav { } #slider-nav, #slider-nav li { margin:0; padding:0; list-style-type:none; } #slider-nav-inner { margin:0 50px; padding:30px 2px; border:1px solid #fff; border-left:0; border-right:0; background:transparent url("images/bg/slider-nav.png"); } #slider-nav li { float:left; width:165px; margin-right:60px; text-align:center; position:relative; display:block; } .slider-nav-image { border:1px solid #fff; -moz-box-shadow: 0 0 3px 1px #bbb; -webkit-box-shadow: 0 0 3px 1px #bbb; box-shadow: 0 0 3px 1px #bbb; display:block; } .slider-nav-anchor { position:absolute; top:-41px; left:70px; display:none; z-index:1000; } #slider-nav li.activeSlide .slider-nav-anchor { display:block; } #slider-nav li img { opacity:0.5; filter: alpha(opacity = 50); } #slider-nav li.active-slider-nav-item img { opacity:1; filter: alpha(opacity = 100); } #slider-nav-container #slider-nav-prev { display:block; width:13px; height:19px; background:transparent url("images/slider/left-arrow-nav.png") no-repeat; position:absolute; top:64px; left:22px; } #slider-nav-container #slider-nav-next { display:block; width:13px; height:19px; background:transparent url("images/slider/right-arrow-nav.png") no-repeat; position:absolute; top:64px; right:22px; } #posts-slider { position:relative; width:906px; } #posts-slider #slider-next { right:-47px; } .jcarousel-container { overflow:hidden; } #posts-slider .post-entry-special { margin-bottom:0 !important; margin-top:10px; } #posts-slider #slider-prev { opacity:0; filter: alpha(opacity = 0); left:0;} #posts-slider #slider-next { opacity:0; filter: alpha(opacity = 0); right:0; } #slider-load { height:50px; background:transparent url("images/slider/load.gif") no-repeat center center; } .slide-image-left { float:left; margin:0 20px 20px 0; } .slide-image-right { float:right; margin:0 0 20px 20px; } .slide-image-content { overflow:hidden; } .posts-slider-wrapper { background:transparent !important; } #accordion { margin-bottom:30px; } #accordion-inner { list-style: none; position: relative; margin: 0; padding: 0; display:none; } #accordion-inner li { display: block; overflow: hidden; padding: 0; margin:0; cursor: pointer; } #accordion-inner li img { display:block; } #accordion-inner li a { text-decoration:none; color:#949698; } .accordion-slide-info { display:block; position:absolute; bottom:0; left:0; right:0; width:593px; background:transparent url("images/other/accordion-info-bg.png"); opacity:0; } .accordion-slide-info-inner { display:block; padding:20px; } .accordion-slide-title { display:block; font-size:16px; color:#fff; margin-bottom:10px; } .accordion-slide-description { } /* ------------------------------------------------------------ Main ------------------------------------------------------------ */ #content { } #content-top { } #content-bottom { } #sidebar { } /* ------------------------------------------------------------ Footer ------------------------------------------------------------ */ #container-bottom-rounded { width:960px; margin:0 auto; margin-top:-7px; background:transparent url("images/bg/container-bottom.png") no-repeat center center; height:45px; } #footer-top-rounded { position:relative; z-index:100; width:960px; margin:0 auto; margin-bottom:-8px; background:transparent url("images/bg/footer-top.png") no-repeat center center; height:48px; } body.footer-style-normal #container-bottom-rounded, body.footer-style-normal #footer-top-rounded { display:none; } body.footer-style-normal #footer { margin-top:30px; } #footer { margin-bottom:50px; position:relative; width:946px; padding:6px; background:#f2f3f3; border:1px solid #fff; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #footer-inner { background:#fcfbfb; padding:20px; padding-bottom:10px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } #footer-widgets { width:960px; } #footer-copyright { color:#868c90; font-size:12px; line-height:12px; padding-top:15px; padding-bottom: 4px; border-top:1px solid #f2f3f3; clear: both; } /* ------------------------------------------------------------ Columns ------------------------------------------------------------ */ .three-fourth { width:671px; } .two-third { width:593px; } .one-half { width:437px; } .one-third { width:281px; } .one-fourth { width:203px; } .two-third, .one-half, .one-third, .one-fourth, .three-fourth { display:block; float:left; margin-right:30px; } .main-special .one-half, #posts-slider .one-half { margin-right:31px; margin-bottom:31px; } .main-special .one-third, #posts-slider .one-third { margin-right:31px; margin-bottom:31px; } .main-special .one-fourth, #posts-slider .one-fourth { margin-right:31px; margin-bottom:31px; } .two-third.last, .one-half.last, .two-third.last, .one-third.last, .two-third.last, .one-fourth.last, .two-third.last, .three-fourth.last { margin-right:0px; } .separator { clear:both; padding-top: 30px; margin-bottom:30px; } .separator.small { padding-top: 10px; margin-bottom:10px; } .separator.solid_line { border-bottom:1px solid #eee; } .separator.dashed_line { border-bottom:1px dashed #eee; } /* ------------------------------------------------------------ Blog ------------------------------------------------------------ */ .post-entry { margin-bottom:40px; } .post-entry-inner { background:#fff; border-bottom:2px solid #efeeee; padding:10px; -moz-box-shadow: 0 0 1px 1px #f2f2f2; -webkit-box-shadow: 0 0 1px 1px #f2f2f2; box-shadow: 0 0 1px 1px #f2f2f2; } .blog-post-content .post-entry-inner { padding-bottom:0; } .post-entry-special { margin-bottom:70px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .post-entry-special h2.post-title-special { font-size:13px; font-weight:bold; line-height:18px; border-bottom:0; margin-bottom:0; } .post-entry-special h2.post-title-special a { text-decoration:none; color:#555; } .post-entry-special .post-excerpt-special { } .post-info-container-special { color:#d9d9d9; padding:10px 20px; background:#2e2e2e; -webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px; } .post-info-container-special a { color:#d9d9d9; } .post-read-more-special { display:block; float:right; } ul.post-info-special { float:left; } ul.post-info-special, ul.post-info-special li { margin:0; padding:0; } ul.post-info-special li { float:left; display:block; margin-right:10px; } ul.post-info-special li span { font-size:10px; color:#666; } div.post-info-special { float:left; } div.post-info-special div { float:left; display:block; margin-right:10px; } div.post-info-special div span { font-size:10px; color:#666; } .post-thumb-special { display:block; } .blog-post-info { padding:15px 0; color:#bec0c1; border-top:1px solid #edeff0; font-size:10px; line-height:11px; } .blog-post-info-cats { float:left; text-transform:uppercase; padding-left:20px; background:transparent url("images/other/category-icon.png") no-repeat center left; } .blog-post-info-date { float:left; text-transform:uppercase; padding-left:20px; background:transparent url("images/other/date-icon.png") no-repeat center left; margin-right:20px; } .blog-post-info-read-more { float:right; font-size:11px; } .blog-post-info a { color:#bec0c1; } .blog-post-content { } .post-thumb-wrap img { display:block; } .post-date { float:left; margin-right:25px; margin-top:4px; } .post-date a { color:#cbcbcb; } .post-date-month, .post-date-day, .post-date-comments { display:block; text-transform:uppercase; text-align:center; color:#cbcbcb; margin-bottom:3px; } .post-date-month { font-size:13px; line-height:13px; } .post-date-day { font-size:23px; line-height:23px; } .post-date-comments { padding-left:15px; text-align:left; background:transparent url("images/other/comments-small.png") no-repeat left center; } #about-author { background:#fff; border-bottom:2px solid #efeeee; padding:10px; } #about-author-avatar { float:left; margin-right:10px; } #about-author-info { overflow:hidden; } #pagination { overflow:hidden; margin-bottom:50px; } #pagination ul, #pagination li { list-style-type:none; margin:0; padding:0; } #pagination li { float:left; display:block; margin-right:8px; } #pagination li a { display:block; padding:10px; background:#fff; border:1px solid #d4d4d4; line-height:12px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration:none; } #pagination li a:hover, #pagination li.current a { background:#50a0d8; border-color:#50a0d8; color:#fff; } #commentform .comment-form-field-label { display:inline-block; width:100px; vertical-align:top; } #commentform textarea#comment { width:480px; } #commentform #submit { display:inline-block; border:0; font-size:14px; background:#e1e1e1; padding:12px 15px; color:#838383; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #commentform #submit:hover { background:#50a0d8; cursor:pointer; color:#fff; } #comments ol, #comments li { margin:0; padding:0; list-style-type:none; } #comments li { margin-bottom:30px; } #comments .avatar { float:left; margin-right:15px; padding:4px; border:1px solid #d1d1d1; background:#fff; } #comments .comment-main { overflow:hidden; background:#f6f6f6; padding:10px; } #comments .comment-meta { font-size:11px; line-height:11px; margin-bottom:10px; } #comments .comment-reply-link { float:right; display:block; font-size:11px; background:#575757; color:#fff; padding:8px; line-height:11px; margin:0 5px 5px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration:none; } #comments .comment-reply-link:hover { background:#50a0d8; } #comments ol ul { padding-left:82px; margin-top:30px; } /* ------------------------------------------------------------ Portfolio ------------------------------------------------------------ */ .portfolio-title { font-size:15px; margin-bottom:5px; margin-top:5px; border-bottom:none; line-height:22px; } .portfolio-title a { color:#949698; text-decoration:none; } #portfolio-single-slider { margin-bottom:25px; height:460px; } #content.two-third #portfolio-single-slider { height:302px; } #portfolio-single-slider img { display:block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #portfolio-single-slider-nav-container { text-align:center; } #portfolio-single-slider-nav a { margin:0 5px; color:#9c9c9c; line-height:17px; } #portfolio-single-slider-nav a.activeSlide { margin:0 5px; color:#777; } #portfolio-single-slider-prev { display:inline-block; width:17px; height:17px; background:transparent url("images/slider/left-arrow-small.png") no-repeat; vertical-align:sub; } #portfolio-single-slider-next { display:inline-block; width:17px; height:17px; background:transparent url("images/slider/right-arrow-small.png") no-repeat; vertical-align:sub; } #main .portfolio-thumbnail { margin-bottom: 5px; } #main.main-special .post-thumbnail, #main .main-special .post-thumbnail, #posts-slider .post-thumbnail { margin-bottom:0; } .portfolio-fancybox-container { position:relative; } .portfolio-fancybox-container-inner { display:none; } .portfolio-fancybox-container-inner img { width:281px; height:143px; } .one-half .portfolio-fancybox-container-inner img { width:437px; height:222px; } .one-fourth .portfolio-fancybox-container-inner img { width:203px; height:103px; } .portfolio-single-slider .portfolio-fancybox-container-inner img { width:904px; height:452px; display:block; } .two-third .portfolio-single-slider .portfolio-fancybox-container-inner img { width:593px; height:295px; display:block; } .portfolio-fancybox-actions { display:block; position:absolute; z-index:1000; bottom:0; right:0; background:transparent url("images/other/portfolio-bg.png"); } .portfolio-fancybox-actions span, .portfolio-fancybox-actions a { display:block; float:left; width:22px; height:22px; border-right:1px solid #333; opacity:0.4; filter: alpha(opacity = 40); } .portfolio-fancybox-action-prev { background:transparent url("images/other/portfolio-prev-icon.png") no-repeat center center; } .portfolio-fancybox-action-next { background:transparent url("images/other/portfolio-next-icon.png") no-repeat center center; } .portfolio-fancybox-action-lightbox { background:transparent url("images/other/portfolio-lightbox-icon.png") no-repeat center center; } .portfolio-fancybox-action-go { background:transparent url("images/other/portfolio-go-icon.png") no-repeat center center; } .post-thumbnail { position:relative; } .post-thumbnail img { display:block; } .fancybox-overlay { position:absolute; opacity:0; filter: alpha(opacity = 0); top:0; bottom:0; left:0; right:0; background:transparent url("images/other/fancybox-overlay.png"); cursor:pointer; } .main-special .fancybox-overlay { } .is-wrapped .fancybox-overlay { top:0; bottom:0; left:0; right:0; } .fancybox-overlay-inner { position:absolute; display:block; top:0; bottom:0; left:0; right:0; background:transparent url("images/other/fancybox-open.png") no-repeat center center; } .fancybox-overlay-inner.fancybox-video { background:transparent url("images/other/fancybox-video.png") no-repeat center center; } .post-entry-special .fancybox-overlay { } .portfolio-post-info { font-size:11px; color:#a2a2a2; margin-bottom: 45px; } .portfolio-post-info ul, .portfolio-post-info li { list-style-type:none; margin:0; padding:0; } .portfolio-post-info a { color:#a2a2a2; text-decoration:none; } .portfolio-post-info span { color:#cbcbcb; } #other-projects a { color:#777; font-size:14px; } .portfolio-quicksand, .portfolio-quicksand li { list-style-type:none; margin-left:0; padding-left:0; } #portfolio-filter { background:transparent url("images/bg/slider-nav-container.png"); padding:0 6px; width:945px; position:relative; left:-26px; overflow:hidden; margin-bottom:30px; border:1px solid #e0e0e0; border-left:0; border-right:0; } #portfolio-filter ul, #portfolio-filter li { list-style-type:none; margin:0; padding:0; } #portfolio-filter ul { border:1px solid #fff; border-left:0; border-right:0; background:transparent url("images/bg/filters-bg.png"); float:left; } #portfolio-filter li { display:block; float:left; } #portfolio-filter a { color:#9297a0; padding:16px 20px; font-size:13px; line-height:13px; text-decoration:none; display:block; } #portfolio-filter a.portfolio-filter-active { } #portfolio-filter-text { float:right; color:#b5b5b5; padding:16px 20px; font-size:12px; line-height:13px; text-decoration:none; display:block; } /* ------------------------------------------------------------ Testimonials ------------------------------------------------------------ */ .testimonial-entry { margin-bottom:50px; } .testimonial-entry-content { font-style:italic; margin-bottom: 3px; } .testimonial-entry span { display: inline-block; float: right; margin-right: 10px; } .testimonials-scroller { display:none; } .testimonials-scroller, .testimonials-scroller li { list-style-type:none; margin:0; padding:0; } .testimonials-scroller-content { font-style:italic; color:#888; background:#f0f0f0; padding:20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .testimonials-scroller-author { height:23px; line-height:23px; font-size:14px; background:transparent url("images/other/testimonials-scroller-arrow.png") no-repeat 20px center; padding-left:60px; } /* ------------------------------------------------------------ Widgets ------------------------------------------------------------ */ #sidebar .widget { } #sidebar h4 { border-bottom:1px dashed #dedede; margin-bottom:14px; } #sidebar h4.widget-title { font-size: 16px; line-height: 26px; margin-bottom: 5px; font-weight:normal; color:#949698; border-bottom:0; } #sidebar .widget-inner { background:#fff; border-bottom:2px solid #efeeee; padding:10px; -moz-box-shadow: 0 0 1px 1px #f2f2f2; -webkit-box-shadow: 0 0 1px 1px #f2f2f2; box-shadow: 0 0 1px 1px #f2f2f2; } #footer h4.widget-title { font-size:16px; line-height:16px; margin-bottom:10px; padding-bottom:10px; font-weight:normal; border-bottom:1px solid #e0e1e2; } #sidebar .separator { padding-top:15px; margin-bottom:15px; } .recent-tweets ul, .recent-tweets li { list-style-type:none; margin:0; padding:0; } .recent-tweets li { margin-bottom:15px; } #footer-top .recent-tweets li { margin-bottom:0; text-align:center; } p.loading { margin-bottom:0; } .flickr-stream, .flickr-stream li { list-style-type:none; margin:0; padding:0; } .flickr-stream { overflow:hidden; } .flickr-stream li { float:left; display:block; margin:0 10px 10px 0; } .flickr-stream li a, .flickr-stream li a img { display:block; width:77px; height:77px; } .jw-rpc-widget .tab-content ul, .jw-rpc-widget .tab-content ul li { list-style-type:none; margin:0; padding:0; } .jw-rpc-widget .tab-content ul li { margin-bottom:10px; padding-top:10px; border-top:1px solid #ebebeb; } .jw-rpc-widget .tab-content ul li:last-child { margin-bottom:0; padding-top:10px; } .jw-rpc-widget .tab-content ul li:first-child { border-top:0; } .jw-rpc-widget .tab-content ul li a { display:block; overflow:hidden; color:#838383; text-decoration:none; } .jw-rpc-widget .tab-content ul li small { color:#b2b2b2; } .jw-rpc-widget .tab-content ul li .posts-listing-thumb { float:left; margin-right:10px; } .jw-rpc-widget .tab-content ul li div { overflow:hidden; } .widget_tag_cloud .tagcloud a { font-size:11px !important; background:#f4f5f6; padding:8px; display:inline-block; line-height:11px; margin:0 5px 5px 0; color:#bdbdbd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration:none; } .widget_tag_cloud .tagcloud a:hover { color:#fff !important; background:#50a0d8; } .flickr-stream-item img { } div.widget_nav_menu ul { list-style-type: none; margin: 0; padding: 0; } div.widget_nav_menu a { background-color: #f0f0f0; padding: 5px 10px; display: block; margin-bottom: 1px; color: #aaaaaa; } #footer .widget_tag_cloud .tagcloud a { color: #7c7c7c; } div.widget_nav_menu a:hover, div.widget_nav_menu li.active a { background-color: #50a0d8; color: #fff !important; text-decoration: none !important; } .slider-posts-widget-container { display:none; } .slider-posts-next, .slider-posts-prev { float:right; display:block; height:17px; width:17px; } .slider-posts-prev { background:transparent url("images/widgets/slider-posts-left.png") no-repeat; } .slider-posts-next { background:transparent url("images/widgets/slider-posts-right.png") no-repeat; margin-left:5px; } #footer-widgets .widget_recent_entries ul { list-style-type: none; padding: 0; margin: 0; } #footer-widgets .widget_recent_entries li { padding: 4px 0; border-bottom: 1px solid #eee; } /* ------------------------------------------------------------ Other ------------------------------------------------------------ */ .posts-listing-thumb img, .wrapped { } .posts-listing-thumb img:hovered, .wrapped-hovered { } #footer .wrapped { background:#232323; border:none; } .block { display:block; } .no-margin-bottom { margin-bottom:0; } .align-right { text-align:right; } .align-center { text-align:center; } .overflow-hidden { overflow:hidden; } .contact-form label { width:80px; display:block; float:left; } .contact-form-invalid { border-color:#dc333f !important; } .service { } .service-icon { float:left; margin-right: 10px; margin-top: 3px; } .service h1, .service h2, .service h3, .service h4, .service h5, .service h6 { margin-bottom:0; border:none; } .bottom-border-dashed { border-bottom:1px dashed #dedede; } .bottom-border-solid { border-bottom:1px solid #dedede; } .section-title { margin-bottom: 15px; padding-bottom: 5px; } h6.bottom-border-dashed { line-height: 14px; } h6.bottom-border-solid { line-height: 14px; } /* ------------------------------------------------------------ Elements ------------------------------------------------------------ */ .tabs-container { border:1px solid #e8e8e8; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .tabs-nav { background:#f8f8f8 url("images/bg/tabs-nav-bg.png") repeat-x bottom } .tabs-nav ul { overflow:hidden; margin:0; padding:0; } .tabs-nav ul li { display:block; float:left; margin:0; padding:0; } .tabs-nav ul li a { color:#838383; text-decoration:none; display:block; padding:15px 10px; font-size:13px; line-height:13px; border-right:1px solid #e2e2e2; } .tabs-nav ul li.active a { background:white; } .tabs-contents { padding:10px; } .tabs-contents li a { cursor:pointer; } .notification { padding:15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .notification.information { background:#deeef7; color:#97b3c3; border:1px solid #c6dce8; } .notification.warning { background:#fdfadc; color:#b7b179; border:1px solid #eeeabe; } .notification.success { background:#edf7e9; color:#90be83; border:1px solid #cbebc1; } .notification.error { background:#fde0e0; color:#ce9191; border:1px solid #ffcece; } .button { display:inline-block; text-decoration:none; font-size:13px; color:#fff; border:1px solid #fff; line-height:47px; padding:0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .button.orange { background:transparent url("images/buttons/orange.png") repeat-x; text-shadow:1px 1px 0 #963d21; border-color:#eb6941 #ce542f #b13f1d #ce542f; } .button.orange:hover { background-image: url("images/buttons/orange-hover.png"); text-decoration:none; color:#fff; } .button.black { background:transparent url("images/buttons/black.png") repeat-x; text-shadow:1px 1px 0 #3e3e3e; border-color:#292929 #292929 #292929 #292929; } .button.black:hover { background-image: url("images/buttons/black-hover.png"); text-decoration:none; color:#fff; } .button.red { background:transparent url("images/buttons/red.png") repeat-x; text-shadow:1px 1px 0 #a12424; border-color:#eb6941 #ce542f #b13f1d #ce542f; } .button.red:hover { background-image: url("images/buttons/red-hover.png"); text-decoration:none; color:#fff; } .button.yellow { background:transparent url("images/buttons/yellow.png") repeat-x; text-shadow:1px 1px 0 #a29757; border-color:#d4d622 #c8c027 #b7a616 #c8c027; } .button.yellow:hover { background-image: url("images/buttons/yellow-hover.png"); text-decoration:none; color:#fff; } .button.green { background:transparent url("images/buttons/green.png") repeat-x; text-shadow:1px 1px 0 #7a9847; border-color:#a9d261 #9ac057 #8aae4c #9ac057; } .button.green:hover { background-image: url("images/buttons/green-hover.png"); text-decoration:none; color:#fff; } .button.lightblue { background:transparent url("images/buttons/lightblue.png") repeat-x; text-shadow:1px 1px 0 #558d90; border-color:#73c8cb #67b3b6 #5c9d9f #67b3b6; } .button.lightblue:hover { background-image: url("images/buttons/lightblue-hover.png"); text-decoration:none; color:#fff; } .button.blue { background:transparent url("images/buttons/blue.png") repeat-x; text-shadow:1px 1px 0 #4d687e; border-color:#759ec1 #698fb0 #5d819e #698fb0; } .button.blue:hover { background-image: url("images/buttons/blue-hover.png"); text-decoration:none; color:#fff; } .content-box { background:#f7f7f7; } .content-box-title { padding:10px; color:#fff; font-size:16px; position:relative; } .content-box-title.orange { background:#50a0d8; } .content-box-title.black { background:#666666; } .content-box-title.red { background:#e43030; } .content-box-title.yellow { background:#b3b066; } .content-box-title.green { background:#97b66f; } .content-box-title.lightblue { background:#0da6cc; } .content-box-title.blue { background:#5b7c96; } .content-box-content { padding:10px; } .content-box-toggle { background:transparent url("images/other/toggle-arrow.png") no-repeat center center; position:absolute; right:0; top:0; display:block; width:40px; height:40px; } /* ------------------------------------------------------------ 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}