/* ------------------------------------------------------------------------------------------------------------ Theme Name: SAICO Theme URI: http://themeforest.net/user/wpscientist Description: SAICO WordPress theme from WPScientist. Author: WPScientist Author URI: http://themeforest.net/user/wpscientist Version: 1.0 ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------ 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; } body.left-oriented .wrap960 { margin:0; } .fl { float:left; } .fr { float:right; } .align-right { text-align:right; } .align-center { text-align:center; } .overflow-hidden { overflow:hidden; } .no-margin-bottom { margin-bottom:0 !important; } .display-none { display:none; } img.align-left { float:left; display:block; margin-right:20px; } img.align-right { float:right; display:block; margin-left:20px; } /* ------------------------------------------------------------ Styles ------------------------------------------------------------ */ body { background:#eee; } /* Background patterns */ body.bg-pattern-grid-1 { background-image:url("images/patterns/grid-1.png"); } body.bg-pattern-grid-2 { background-image:url("images/patterns/grid-2.png"); } body.bg-pattern-grid-3 { background-image:url("images/patterns/grid-3.png"); } body.bg-pattern-grid-4 { background-image:url("images/patterns/grid-4.png"); } body.bg-pattern-grid-5 { background-image:url("images/patterns/grid-5.png"); } body.bg-pattern-grid-6 { background-image:url("images/patterns/grid-6.png"); } body.bg-pattern-grid-7 { background-image:url("images/patterns/grid-7.png"); } body.bg-pattern-grid-8 { background-image:url("images/patterns/grid-8.png"); } body.bg-pattern-dots-1 { background-image:url("images/patterns/dots-1.png"); } body.bg-pattern-dots-2 { background-image:url("images/patterns/dots-2.png"); } body.bg-pattern-dots-3 { background-image:url("images/patterns/dots-3.png"); } body.bg-pattern-dots-4 { background-image:url("images/patterns/dots-4.png"); } body.bg-pattern-dots-5 { background-image:url("images/patterns/dots-5.png"); } body.bg-pattern-dots-6 { background-image:url("images/patterns/dots-6.png"); } body.bg-pattern-dots-7 { background-image:url("images/patterns/dots-7.png"); } /* Background colors */ body.bg-color-black { background-color:#444; } body.bg-color-red { background-color:#f35241; } body.bg-color-blue { background-color:#6e899f; } body.bg-color-green { background-color:#9cad5a; } body.bg-color-pink { background-color:#ca4e8b; } body.bg-color-purple { background-color:#a760c2; } /* Background graphics */ body.bg-graphic-wood { background:transparent url("images/patterns/graphic-wood.jpg"); } body.bg-graphic-darkwood { background:transparent url("images/patterns/graphic-darkwood.jpg"); } body.bg-graphic-inflicted { background:transparent url("images/patterns/graphic-inflicted.png"); } body.bg-graphic-squares { background:transparent url("images/patterns/graphic-squares.png"); } body.bg-graphic-circles { background-image:url("images/patterns/graphic-circles.png"); } body.bg-graphic-crisscross { background-image:url("images/patterns/graphic-crisscross.png"); } body.bg-graphic-cubes { background-image:url("images/patterns/graphic-cubes.png"); } body.bg-graphic-darkleather { background-image:url("images/patterns/graphic-darkleather.png"); } body.bg-graphic-mosaic { background-image:url("images/patterns/graphic-mosaic.png"); } body.custom-bg-image-repeat { background-repeat:repeat; } body.custom-bg-image-repeat-x { background-repeat:repeat-x; } body.custom-bg-image-repeat-y { background-repeat:repeat-y; } body.custom-bg-image-no-repeat { background-repeat:no-repeat; } body.custom-bg-image-left-top { background-position:left top; } body.custom-bg-image-left-center { background-position:left center; } body.custom-bg-image-left-bottom { background-position:left bottom; } body.custom-bg-image-right-top { background-position:right top; } body.custom-bg-image-right-center { background-position:right center; } body.custom-bg-image-right-bottom { background-position:right bottom; } body.custom-bg-image-center-top { background-position:center top; } body.custom-bg-image-center-center { background-position:center center; } body.custom-bg-image-center-bottom { background-position:center bottom; } /* ------------------------------------------------------------ Typography ------------------------------------------------------------ */ body { font-family: "Droid Sans"; font-size:12px; line-height:20px; color:#797f84; } 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:#24292d; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color:#d1d3d8; } h1 { font-size:22px; line-height:32px; font-weight:normal; font-family:"Droid Sans"; } h2 { font-size:20px; line-height:30px; font-weight:normal; font-family:"Droid Sans"; } h3 { font-size:18px; line-height:28px; font-weight:normal; font-family:"Droid Sans"; margin-bottom:10px; } h4 { font-size:16px; line-height:26px; font-weight:normal; font-family:"Droid Sans"; margin-bottom:10px; } h5 { font-size:14px; line-height:24px; font-weight:normal; font-family:"Droid Sans"; margin-bottom:10px; } h6 { font-size:13px; line-height:22px; font-weight:normal; font-family:"Droid Sans"; margin-bottom:0px; } h4.dashed-heading { background:transparent url("images/elements/dashed.png") repeat-x bottom; padding-bottom:10px; margin-bottom:10px; } h2.section-heading { background:transparent url("images/elements/section-heading-bg.png") repeat-x center; font-weight:bold; font-size:14px; line-height:16px; margin-bottom:40px; overflow:hidden; } h2.section-heading span { float:left; display:block; margin-left:18px; padding:0 10px; background:#fff; } a { color:#ff4200; text-decoration:none; -webkit-transition:color .1s ease-in; -moz-transition:color .1s ease-in; -o-transition:color .1s ease-in; -ms-transition:color .1s ease-in; } a:hover { color:#ff4200; text-decoration:none; -webkit-transition:color .1s ease-in; -moz-transition:color .1s ease-in; -o-transition:color .1s ease-in; -ms-transition:color .1s ease-in; } #sidebar a:hover, #footer a:hover { color:#fff; } small { font-size:11px; font-family:Arial; 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; } /* FORM FIELDS */ #content-main input, #content-main textarea { padding: 5px; background: #fff; border: 1px solid #cbcac8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10) inset, -5px -5px 0 0 #f7f7f4, 5px 5px 0 0 #f7f7f4, 5px 0 0 0 #f7f7f4, 0 5px 0 0 #f7f7f4, 5px -5px 0 0 #f7f7f4, -5px 5px 0 0 #f7f7f4; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10) inset, -5px -5px 0 0 #f7f7f4, 5px 5px 0 0 #f7f7f4, 5px 0 0 0 #f7f7f4, 0 5px 0 0 #f7f7f4, 5px -5px 0 0 #f7f7f4, -5px 5px 0 0 #f7f7f4; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10) inset, -5px -5px 0 0 #f7f7f4, 5px 5px 0 0 #f7f7f4, 5px 0 0 0 #f7f7f4, 0 5px 0 0 #f7f7f4, 5px -5px 0 0 #f7f7f4, -5px 5px 0 0 #f7f7f4; margin: 5px; } #content-main textarea { height: 150px; width: 80% } #content-main input[type="submit"], #content-main button { background-color: #FF4200; cursor: pointer; box-shadow: none; text-shadow: none; border: 0; -webkit-transition:background-color .1s ease-in; -moz-transition:background-color .1s ease-in; -o-transition:background-color .1s ease-in; -ms-transition:background-color .1s ease-in; } #content-main input[type="submit"]:hover, #content-main button:hover { background-color: #24292D; -webkit-transition:background-color .1s ease-in; -moz-transition:background-color .1s ease-in; -o-transition:background-color .1s ease-in; -ms-transition:background-color .1s ease-in; } #content-main span.wpcf7-form-control-wrap { display: block; padding: 5px; overflow: visible; } #content-main form.wpcf7-form p br { display: none; } #content-main span.wpcf7-not-valid-tip {background: none repeat scroll 0 0 #FDE0E0 !important; border: 1px solid #FFCECE !important; font-size: 11px !important; left: 20%; padding: 3px !important; position: absolute; top: 20%; width: 200px; z-index: 100; color: #BC8585; } #content-main div.wpcf7-validation-errors { background: none repeat scroll 0 0 #FDE0E0 !important; border: 1px solid #FFCECE !important; font-size: 11px !important; left: 20%; padding: 3px !important; color: #BC8585; } #sidebar input, #footer input, #sidebar textarea, #footer textarea { padding: 5px; background: #fff; border: 1px solid #cbcac8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #sidebar .widget_search input { width:124px; } 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:Arial; 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 { cursor:pointer; } /* ------------------------------------------------------------ Container ------------------------------------------------------------ */ body { padding:30px 0; } #container { } /* ------------------------------------------------------------ Header ------------------------------------------------------------ */ #header { margin-bottom:30px; } #header-top { padding:0 0 20px 0; border-bottom:1px solid #f5f5f5; } #header-top-left { font-size:12px; line-height:12px; } #header-top-right { font-size:11px; line-height:12px; } #header-main { padding:20px 0; border-bottom:1px solid #f5f5f5; } #header-logo { } /* Essential styles START */ #navigation .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } #navigation .sf-menu { line-height: 1.0; z-index: 1000; } #navigation .sf-menu ul { position: absolute; top: -999em; width: 200px; /* 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: -8px; 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 { margin-bottom:50px; } #navigation ul { z-index:1000; list-style-type:none; margin:0; padding:0; position:relative; background:transparent url("images/elements/navigation-item-sep-bg.png") center bottom no-repeat; padding-bottom:2px; } #navigation ul li.sfHover { z-index:1010; } #navigation ul li { margin:0; padding:0; position:relative; background:transparent url("images/elements/navigation-item-sep-bg.png") center top no-repeat; padding-top:2px; } #navigation ul li a { position:relative; display:block; color:#edf0f5; font-weight:bold; font-size:13px; line-height:13px; text-decoration:none; font-family:"Droid Sans"; padding:15px 30px 13px 30px; background:transparent url("images/elements/navigation-item-bg.png"); } #navigation ul li a:hover { background:transparent url("images/elements/navigation-active-item-bg.png"); } #navigation ul li.sfHover a { background:transparent url("images/elements/navigation-active-item-bg.png"); } #navigation ul li.active a { background:transparent url("images/elements/navigation-active-item-bg.png"); } #navigation ul ul { background:transparent; padding-left:15px; margin-top:-40px; margin-left:190px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #navigation ul ul li { background:#24292d url("images/elements/navigation-subitem-bg.png") center bottom no-repeat; border-left:1px solid #1f2224; border-right:1px solid #1f2224; } #navigation ul ul li a { background:transparent !important; font-size:11px; line-height:14px; } #navigation ul ul li.active a { color:#fE5219; } #navigation ul ul li a:hover { color:#fE5219; background:transparent; } #navigation ul ul li:last-child a { border-bottom:0; } #navigation ul ul li.active li a { color:#edf0f5; } #navigation ul ul li li.active a, #navigation ul ul li li a:hover, #navigation ul ul li li.sfHover a { color:#fE5219; } #navigation ul li li:first-of-type { border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; } #navigation ul li li:last-child { background:#24292d; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; } #navigation ul ul ul { margin:0; margin-left:-10px; margin-top:-10px; } #navigation .nav-arrow { display:block; width:16px; height:19px; z-index:1000; background:transparent url("images/elements/navigation-arrow-bg.png"); position:absolute; top:25px; left:0; } /* ------------------------------------------------------------ Slider ------------------------------------------------------------ */ #slider-container { margin-bottom:10px; } #slider { position:relative; background:#fff; } #slider-inner div { position:relative; } #slider-inner .slider-slide { width:100%; } #slider .slide-info { display:block; overflow:hidden; padding:15px; background:transparent url("images/elements/slide-info-bg.png"); position:absolute; top:15px; left:15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #slider .slide-title, #slider .slide-title-copy { font-family:"Droid Sans"; display:block; color:#f4f4f4; font-size:14px; line-height:14px; margin-bottom:5px; font-weight:bold; } #slider .slide-description, #slider .slide-description-copy { display:block; font-size:13px; line-height:18px; color:#f4f4f4; } #slider .slide-title-copy { position:absolute; top:-100px; } #slider .slide-description-copy { position:absolute; bottom:-100px; } #slider .slider-slide img { display:block; } #slider-prev { display:block; width:32px; height:29px; position:absolute; z-index:800; bottom:10px; left:15px; border-radius: 4px; background: url("images/elements/slider-arrow-left.png") no-repeat 10px 8px #283035; -webkit-transition:background-color .1s ease-in; -moz-transition:background-color .1s ease-in; -o-transition:background-color .1s ease-in; -ms-transition:background-color .1s ease-in; } #slider-next { display:block; width:32px; height:29px; position:absolute; z-index:800; bottom:10px; left:52px; border-radius: 4px; background: url("images/elements/slider-arrow-right.png") no-repeat 12px 8px #283035; -webkit-transition:background-color .1s ease-in; -moz-transition:background-color .1s ease-in; -o-transition:background-color .1s ease-in; -ms-transition:background-color .1s ease-in; } .slider-slide-content { overflow:hidden; padding:30px; font-size:13px; color:#403f3f; line-height:21px; } #slider-nav { position:absolute; z-index:800; bottom:14px; left:100px; } #slider-nav a { display:inline-block; width:10px; height:10px; margin-right:10px; background:transparent url("images/elements/slider-nav-item.png"); } #slider-nav a.activeSlide { background:transparent url("images/elements/slider-nav-active-item.png"); } #slider-carousel { padding:0 30px; position:relative; display:none; } #slider-carousel #slider-inner { overflow:hidden; } #slider-carousel #slider-inner ul { margin:0; padding:0; list-style-type:none; } #slider-carousel #slider-inner ul li { margin-bottom:0; background:#fff; position:relative; display:block; overflow:hidden; } #slider-carousel #slider-inner ul li .slide-images { display:block; position:relative; } #slider-carousel #slider-inner ul li a { display:block; width:100%; } #slider-carousel #slider-inner ul li img { display:block; background:#fff; width:100%; } #slider-carousel #slider-inner ul li .slide-pointer { z-index:1000; width:22px; height:11px; display:block; position:absolute; bottom:0; left:10px; background:transparent url("images/elements/portfolio-pointer.png") no-repeat; } #slider-carousel #slider-inner ul li .slide-info { display:block; position:relative; padding:15px 10px 15px 10px; } #slider-carousel #slider-inner ul li .slide-info .slide-title { display:block; margin-bottom:8px; } #slider-carousel #slider-inner ul li .slide-info .slide-title, #slider-carousel #slider-inner ul li .slide-info .slide-title a { color:#403f3f; font-size:13px; line-height:18px; font-weight:bold; } #slider-carousel #slider-inner ul li .slide-info .slide-title a { display:inline-block; } #slider-carousel #slider-inner ul li .slide-info .slide-description { display:block; } #slider-carousel #slider-inner .slide-images-nav { padding-bottom:10px; display:block; text-align:center; } #slider-carousel #slider-inner .slide-images-nav a { display:inline-block; width:8px; height:8px; background:transparent url("images/elements/portfolio-nav-inactive.png") no-repeat; margin:0 2px; } #slider-carousel #slider-inner .slide-images-nav a.activeSlide { background:transparent url("images/elements/portfolio-nav-active.png") no-repeat; } #slider-carousel #slider-inner .slide-overlay { opacity:0; filter: alpha(opacity = 0); z-index:950; position:absolute; top:0; left:0; right:0; bottom:0; background:transparent url("images/dark-opacity-70.png"); text-align:center; cursor:pointer; cursor:hand; } #slider-carousel #slider-inner img.slide-overlay-inner { width:0; height:0; display:inline !important; border-radius:18px; background:transparent; } #slider-carousel #slider-nav-carousel { text-align:center; overflow:hidden; } #slider-carousel #slider-prev { margin-top:10px; position:relative; bottom:auto; left:auto; display:inline-block; margin-right:2px; } #slider-carousel #slider-next { margin-top:10px; position:relative; bottom:auto; left:auto; display:inline-block; margin-left:2px; } #accordion-container { width:710px; margin-bottom:10px; background:#333; } #accordion { position:relative; } #accordion-inner { list-style: none; position: relative; margin: 0; padding: 0; display:none; } #accordion-inner li { position:relative; 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; overflow:hidden; padding:15px; background:transparent url("images/elements/slide-info-bg.png"); position:absolute; top:15px; left:15px; opacity:0; filter: alpha(opacity = 0); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #accordion .slide-title { font-family:"Droid Sans"; display:block; color:#f4f4f4; font-size:14px; line-height:14px; margin-bottom:5px; font-weight:bold; } #accordion .slide-description { display:block; font-size:13px; line-height:18px; color:#f4f4f4; } #accordion .accordion-shadow { display:block; position:absolute; right:0; top:0; bottom:0; width:27px; background:transparent url("images/accordion-item-shadow.png"); } #slider-loader { height:31px; background:transparent url("images/loader.gif") center center no-repeat; padding:30px 0; } #slider-container { display:none; } /* ------------------------------------------------------------ Tagline ------------------------------------------------------------ */ #tagline { } #tagline h1 { font-family:"Droid Sans"; float:left; margin-right:15px; font-size:26px; line-height:26px; font-weight:bold; margin-bottom:0; color:#24292d; } #tagline .tagline-description { float:left; font-size:12px; line-height:12px; padding-top:12px; color:#24292d; } /* ------------------------------------------------------------ Breadcrumbs ------------------------------------------------------------ */ #breadcrumbs { margin-top:10px; margin-bottom:40px; padding:10px 0; border:1px dashed #e5e5e5; border-left-width:0; border-right-width:0; line-height:12px; color:#bbc2c7; } #breadcrumbs ul { margin:0; padding:0; list-style-type:none; } #breadcrumbs li { margin:0; padding:0; display:block; float:left; margin-right:7px; } #breadcrumbs li a { color:#94999c; } #no-breadcrumbs { margin-bottom:40px; } /* ------------------------------------------------------------ Main ------------------------------------------------------------ */ #main { overflow:hidden; } body.left-oriented #main { margin:0; } #main-content { float:right; width:710px; } #content { background:#fff; padding:30px; } #post-content { } #sidebar { background:#24292d; padding:30px 0; width:250px; float:left; } #logo { padding:0 30px; margin-bottom:50px; } /* ------------------------------------------------------------ Blog ------------------------------------------------------------ */ .blog-post-thumbnail { position:relative; padding:3px; border:1px solid #e6e6e6; -webkit-box-shadow: 0 0 5px #e6e6e6; -moz-box-shadow: 0 0 5px #e6e6e6; box-shadow: 0 0 5px #e6e6e6; margin-bottom:15px; } .blog-post-thumbnail img { display:block; } h2.blog-post-title { font-family:"Droid Sans"; font-size:18px; line-height:24px; color:#24292d; margin-bottom:10px; } h2.blog-post-title a { color:#24292d; } .blog-post-link { display:block; text-decoration:none; padding:5px 10px; font-size:11px; line-height:11px; background:#f76a2d; color:#fff; text-shadow:1px 1px 1px #c75523; border:1px solid #db5d26; border-left:0; border-right:0; } .blog-post-meta { border:1px dashed #e5e5e5; border-left:0; border-right:0; color:#a8b0b6; margin-top:5px; padding:10px 0; } .blog-post-meta ul { list-style-type:none; margin:0; padding:0; overflow:hidden; } .blog-post-meta li { width:216px; text-align:center; display:block; margin:0; padding:0; float:left; } .blog-post-meta li span { display:block; text-align:center; font-size:11px; color:#a8b0b6; font-family:"Droid Serif"; } body .blog-post-meta a { font-size:11px; } .blog-post-content { overflow:hidden; } #about-author-avatar { float:left; width:115px; margin-right:20px; } #about-author-info { overflow:hidden; } .blog-listing-regular, .blog-listing-regular li { margin:0; padding:0; list-style-type:none; position:relative; margin-bottom:50px; } .blog-listing-regular li { } .blog-listing-regular .blog-images { position:relative; padding:3px; border:1px solid #e6e6e6; -webkit-box-shadow: 0 0 5px #e6e6e6; -moz-box-shadow: 0 0 5px #e6e6e6; box-shadow: 0 0 5px #e6e6e6; margin-bottom:10px; } .blog-listing-regular .blog-images-inner img { display:block; } .blog-listing-regular .blog-info .blog-title { display:block; margin-bottom:8px; } .blog-listing-regular .blog-info .blog-title, .blog-listing-regular .blog-info .blog-title a { color:#403f3f; font-size:13px; line-height:18px; font-weight:bold; } .blog-listing-regular .blog-info .blog-title a:hover { color:#ff4200; } .blog-listing-regular .blog-info .blog-meta { font-size:11px; line-height:11px; display:block; margin-bottom:8px; font-family:"Droid Serif"; } .blog-listing-regular .blog-info .blog-description { display:block; } /* ------------------------------------------------------------ Portfolio ------------------------------------------------------------ */ .portfolio-listing-regular { margin:0; padding:0; list-style-type:none; } .portfolio-listing-regular li { margin:0; padding:0; list-style-type:none; position:relative; } .portfolio-listing-regular li { margin-bottom:40px; } .portfolio-listing-regular .portfolio-images { position:relative; padding:3px; border:1px solid #e6e6e6; -webkit-box-shadow: 0 0 5px #e6e6e6; -moz-box-shadow: 0 0 5px #e6e6e6; box-shadow: 0 0 5px #e6e6e6; margin-bottom:10px; } .portfolio-listing-regular .portfolio-images-inner img { display:block; } .portfolio-listing-regular .portfolio-info .portfolio-title { display:block; text-align:center; margin-bottom:6px; } .portfolio-listing-regular .portfolio-info .portfolio-title, .portfolio-listing-regular .portfolio-info .portfolio-title a { color:#403f3f; font-size:13px; line-height:18px; font-weight:bold; } .portfolio-listing-regular .portfolio-info .portfolio-title a { display:inline-block; padding-bottom:5px; background:transparent url("images/elements/bottom-border-dotted.png") center bottom repeat-x; } .portfolio-listing-regular .portfolio-info .portfolio-title a:hover { color: #ff4200; } .portfolio-listing-regular .portfolio-info .portfolio-description { display:block; text-align:center; font-size:11px; line-height:16px; font-family:"Droid Serif"; } .portfolio-listing-regular .portfolio-info .portfolio-description p { margin-bottom:0; } .portfolio-listing-fancy { margin:0; padding:0; list-style-type:none; } .portfolio-listing-fancy li { margin:0; padding:0; list-style-type:none; position:relative; } body .portfolio-listing-fancy li { float:left; margin:0; } .portfolio-listing-fancy li.one-one { width:650px; } .portfolio-listing-fancy li.one-half { width:325px; } .portfolio-listing-fancy li.one-third { width:216px; } .portfolio-listing-fancy li.one-fourth { width:162px; } .portfolio-listing-fancy .portfolio-thumbnail { padding:8px; display:block; } .portfolio-listing-fancy .portfolio-thumbnail img { padding:3px; border:1px solid #e6e6e6; -webkit-box-shadow: 0 0 5px #e6e6e6; -moz-box-shadow: 0 0 5px #e6e6e6; box-shadow: 0 0 5px #e6e6e6; } .portfolio-listing-fancy .portfolio-info { z-index:20; text-align:center; position:absolute; top:0; bottom:0; left:0; right:0; padding:15px; background:#2C3136; opacity:0; filter: alpha(opacity = 0); } .portfolio-listing-fancy .portfolio-title, .portfolio-listing-fancy .portfolio-title a { font-family:"Droid Sans"; display:block; color:#f4f4f4; font-size:13px; line-height:13px; font-weight:bold; } .portfolio-listing-fancy .portfolio-title { margin-bottom:10px; } .portfolio-listing-fancy .portfolio-description { font-size:12px; line-height:18px; color:#f4f4f4; } .portfolio-description p { margin-bottom: 0; } .portfolio-info a.to-project { position: absolute; bottom: 3px; right: 6px; font-size: 11px; text-transform: uppercase; font-weight: bold; } .portfolio-info a.to-project:hover { color: #fff; } .portfolio-listing-fancy li img { display:block; } .portfolio-images-nav { display:block; text-align:center; margin-bottom:10px; margin-top:6px; } .portfolio-images-nav a { display:inline-block; width:8px; height:8px; background:transparent url("images/elements/portfolio-nav-inactive.png") no-repeat; margin:0 2px; } .portfolio-images-nav a.activeSlide { background:transparent url("images/elements/portfolio-nav-active.png") no-repeat; } .portfolio-overlay { opacity:0; filter: alpha(opacity = 0); z-index:40; position:absolute; top:3px; left:3px; right:3px; bottom:3px; background:transparent url("images/dark-opacity-70.png"); text-align:center; cursor:pointer; cursor:hand; } img.portfolio-overlay-inner { width:0; height:0; display:inline !important; border-radius:18px; background:transparent; } #portfolio-sidebar-details { list-style-type:none; list-style-position:outside; margin:0; padding:0; } #portfolio-sidebar-details li { margin:0; padding:0; margin-bottom:25px; } #portfolio-sidebar-details li h6 { font-weight:bold; } #portfolio-sidebar-details li .button { margin-bottom:0; } #portfolio-sidebar-previous, #portfolio-sidebar-next, #portfolio-sidebar-back { width:11px; height:19px; background-repeat:no-repeat; background-position:center; margin-right:0; } #portfolio-sidebar-previous { background-image:url("images/elements/portfolio-arrow-left.png"); } #portfolio-sidebar-next { background-image:url("images/elements/portfolio-arrow-right.png"); } #portfolio-sidebar-back { background-image:url("images/elements/portfolio-back.png"); } #portfolio-filter { margin-bottom:30px; } #portfolio-filter ul { list-style-type:none; padding:0; margin:0; background-color: #2c3136; } #portfolio-filter ul li { padding:0; margin:0; float:left; } #portfolio-filter ul li a { display: block; padding: 10px 14px; background-color: #2c3136; color: #fff; -webkit-transition:background-color .1s ease-in; -moz-transition:background-color .1s ease-in; -o-transition:background-color .1s ease-in; -ms-transition:background-color .1s ease-in; } #portfolio-filter ul li a:hover, #portfolio-filter ul li a.black { background-color: #ff4200; -webkit-transition:background-color .1s ease-in; -moz-transition:background-color .1s ease-in; -o-transition:background-color .1s ease-in; -ms-transition:background-color .1s ease-in; } /* ------------------------------------------------------------ Testimonials ------------------------------------------------------------ */ .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/elements/testimonials-scroller-arrow.png") no-repeat 20px center; padding-left:60px; } .testimonial-entry { padding-bottom:30px; } .testimonial-entry-content { font-style:italic; margin-bottom:10px; } .testimonial-entry span { float:right; } /* ------------------------------------------------------------ Contact Form ------------------------------------------------------------ */ .contact-form { } .contact-form label { display:block; float:left; width:100px; } .contact-form-invalid { border:1px solid #ea5858 !important; } /* ------------------------------------------------------------ Widgets ------------------------------------------------------------ */ .search-form { overflow: hidden; } .search-form input { float: left; height: 18px; } .search-form button { position: relative; left: -5px; float: left; } .widget_categories ul { margin: 0; padding: 0; list-style: none; } /* ------------------------------------------------------------ Comments ------------------------------------------------------------ */ #comments { } #comments ul, #comments ol, #comments li { margin:0; padding:0; list-style-type:none; } #comments ol { } #comments li { margin-bottom:30px; position:relative; background-color: #f9f9f9; padding: 10px; } #comments .comment-author-avatar { float:left; margin-right:30px; } #comments .comment-main { overflow:hidden; } #comments .comment-meta { overflow:hidden; background:transparent url("images/elements/dashed.png") repeat-x bottom; padding-bottom:10px; margin-bottom:10px; } #comments .comment-author { display:block; float:left; font-size:13px; line-height:13px; color:#24292d; } #comments .comment-date { display:block; float:left; line-height:13px; color:#b3b3b3; } #comments .comment-meta-separator { display:block; float:left; padding:0 10px; font-size:13px; line-height:13px; } #comments .comment-content { } #comments ul { padding-left:105px; padding-top:30px; } #comments li:last-child { margin-bottom:0; } /* ------------------------------------------------------------ Leave Comment ------------------------------------------------------------ */ form p, #leave-comment p { overflow:hidden; } #leave-comment .comment-form-field-label, .form-field-label { float:left; display:block; width:100px; margin-right:15px; } /* ------------------------------------------------------------ Pagination ------------------------------------------------------------ */ #pagination { } #pagination ul { margin:0; padding:0; list-style-type:none; } #pagination ul li { margin:0; padding:0; display:block; float:left; } #pagination ul li a { display:block; } #pagination ul li.current a { background:#444; border-color:#333; color:#eee; text-shadow:1px 1px 1px #333; } /* ------------------------------------------------------------ Sidebar ------------------------------------------------------------ */ .widget { margin-bottom:18px; } .widget h2.widget-title { margin:0 -18px; margin-bottom:18px; font-family:"Droid Sans"; padding:16px 30px; font-weight:bold; color:#d1d3d8; font-size:13px; line-height:13px; background:transparent url("images/elements/widget-bg.png") center center; } .widget .widget-inner { padding:0 18px; color:#9ca0a7; } .widget .tagcloud a { font-size:inherit !important; } .widget_nav_menu ul { list-style-type:none; margin:0; padding:0; } .widget_nav_menu ul li { margin:0; padding:0; border-top:1px solid #2f3438; border-bottom:1px solid #1d2124; padding:2px; } .widget_nav_menu ul li:last-child { border-bottom:0; } .widget_nav_menu ul li:first-child { border-top:0; } .widget_nav_menu ul li a { color:#9CA0A7; display:block; } .widget_nav_menu ul li a:hover { color:#ff4200; } .widget_nav_menu ul li li { margin-left:20px; } .widget ul.flickr-stream { padding:0; margin:0; overflow:hidden; } .widget ul.flickr-stream li { padding:0; margin:0; display:block; float:left; } .widget ul.flickr-stream li a { } .widget ul.flickr-stream li a img { display:block; width:53px; } .jw-rpc-widget .tab-content ul, .jw-rpc-widget .tab-content ul li { list-style-type:none; margin:0; padding:0; } .jw-rpc-widget .tabs-nav a { font-size:12px; } .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 !important; text-decoration:none; } .jw-rpc-widget .tab-content ul li small { color:#b2b2b2; display:block; } .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; } .slider-posts-widget-container { display:none; } .slider-posts-widget-container ul, .slider-posts-widget-container ul li { padding:0; margin:0; list-style-type:none; } .slider-posts-widget-container ul li { margin:0; position:relative; display:block; overflow:hidden; width:214px; } .slider-posts-widget-container ul li .slide-images { display:block; position:relative; } .slider-posts-widget-container ul li img { display:block; width:214px; height:auto; } .slider-posts-widget-container ul li .slide-pointer { z-index:1000; width:22px; height:11px; display:block; position:absolute; bottom:0; left:10px; background:transparent url("images/elements/portfolio-pointer.png") no-repeat; } .slider-posts-next, .slider-posts-prev { float:right; display:block; height:13px; width:13px; padding:3px 0; } .slider-posts-prev { background:transparent url("images/slider-posts-arrow-left.png") center center no-repeat; } .slider-posts-next { background:transparent url("images/slider-posts-arrow-right.png") center center no-repeat; margin-left:5px; } .slider-posts-widget-container ul li .slide-info { display:block; position:relative; background:#fff; padding:15px 10px; border-bottom:2px solid #ececec; } .slider-posts-widget-container ul li .slide-info .slide-title, .slider-posts-widget-container ul li .slide-info .slide-title a { display:block; font-size:16px; line-height:20px; color:#6c6e73 !important; margin-bottom:10px; } .slider-posts-widget-container ul li .slide-info .slide-description { display:block; margin-bottom:10px; } .slider-posts-widget-container ul li .slide-info .slide-link { display:inline-block; text-decoration:none; padding:5px 10px; font-size:11px; line-height:11px; background:#f76a2d; color:#fff; text-shadow:1px 1px 1px #c75523; border:1px solid #db5d26; border-left:0; border-right:0; } .slider-posts-widget-container .slide-images-nav-container { position:relative; height:17px; margin-bottom:15px; } .slider-posts-widget-container .slide-images-nav { position:absolute; top:7px; right:7px; } .slider-posts-widget-container .slide-images-nav a { display:block; float:left; width:10px; height:10px; background:transparent url("images/elements/portfolio-nav-inactive.png") no-repeat; margin-left:2px; } .slider-posts-widget-container .slide-images-nav a.activeSlide { background:transparent url("images/elements/portfolio-nav-active.png") no-repeat; } .slider-posts-widget-container .slide-overlay { opacity:0; filter: alpha(opacity = 0); z-index:950; position:absolute; top:0; left:0; right:0; bottom:0; background:transparent url("images/dark-opacity-70.png"); text-align:center; cursor:pointer; cursor:hand; } .slider-posts-widget-container img.slide-overlay-inner { width:0; height:0; display:inline !important; border-radius:18px; background:transparent url("images/elements/magnifier.png"); } /* ------------------------------------------------------------ Columns ------------------------------------------------------------ */ .three-fourth { width:480px; } .two-third { width:424px; } .one-half { width:310px; } .one-third { width:196px; } .one-fourth { width:140px; } body .two-third, body .one-half, body .one-third, body .one-fourth, body .three-fourth { display:block; float:left; margin-right:30px; } body .two-third.last, body .one-half.last, body .two-third.last, body .one-third.last, body .two-third.last, body .one-fourth.last, body .two-third.last, body .three-fourth.last { margin-right:0px; } #footer .widget.one-third { width:236px; margin-right:0; } .separator { clear:both; height:1px; } .separator.no_height { margin-bottom:0; } .separator.small { margin-bottom:19px; } .separator.medium { margin-bottom:39px; } .separator.big { margin-bottom:59px; } /* ------------------------------------------------------------ Elements ------------------------------------------------------------ */ /* Notification */ .notification.information { background:#deeef7; border:1px solid #c6dce8; border-top-width:2px; border-bottom-width:2px; color:#97b3c3; padding:15px; } .notification.information a { color:#97b3c3; text-decoration:underline; } .notification.warning { background:#fdfadc; border:1px solid #eeeabe; border-top-width:2px; border-bottom-width:2px; color:#b7b179; padding:15px; } .notification.warning a { color:#b7b179; text-decoration:underline; } .notification.success { background:#edf7e9; border:1px solid #cbebc1; border-top-width:2px; border-bottom-width:2px; color:#90be83; padding:15px; } .notification.success a { color:#90be83; text-decoration:underline; } .notification.error { background:#fde0e0; border:1px solid #ffcece; border-top-width:2px; border-bottom-width:2px; color:#ce9191; padding:15px; } .notification.error a { color:#ce9191; text-decoration:underline; } /* Buttons */ button, input[type=button], input[type=submit], .button, .widget .tagcloud a { font-size:12px; line-height:12px; display:inline-block; vertical-align:middle; padding:8px 10px; background:#FE5219; color:#fff; border-bottom-width:2px; margin-right:10px; margin-bottom:10px; border-radius:2px; cursor:pointer; cursor:hand; -webkit-transition:background-color .1s ease-in; -moz-transition:background-color .1s ease-in; -o-transition:background-color .1s ease-in; -ms-transition:background-color .1s ease-in; } body .button.grey { background-color:#eee; color:#aaa; } body .button.black { background:#444; color:#eee; } body .button.blue { background:#6e899f; color:#eee; } body .button.red { background:#f35241; color:#eee; } body .button.green { background:#9cad5a; color:#eee; } body .button.pink { background:#ca4e8b; color:#eee; } body .button.purple { background:#a760c2; color:#eee; } body .button.yellow { background:#e8a609; color:#eee; } body .button.lightblue { background:#16b0dc; color:#eee; } button:hover, input[type=button]:hover, input[type=submit]:hover, body .button:hover, .widget .tagcloud a:hover { background-color: #444444; color: #fff; -webkit-transition:background-color .1s ease-in; -moz-transition:background-color .1s ease-in; -o-transition:background-color .1s ease-in; -ms-transition:background-color .1s ease-in; } body .button.black:hover { background-color: #FE5219; } /* Tabs */ .tabs-container {} .tabs-nav { } .tabs-nav ul { margin:0; padding:0; list-style-type:none; border:1px solid #db5d26; background:#FE5219; border-bottom-width:2px; } .tabs-nav.grey ul { border-color:#ddd; background:#eee; } .tabs-nav.black ul { border-color:#333; background:#444; } .tabs-nav.blue ul { border-color:#5d7487; background:#6e899f; } .tabs-nav.red ul { border-color:#d54839; background:#f35241; } .tabs-nav.green ul { border-color:#83914c; background:#9cad5a; } .tabs-nav.pink ul { border-color:#b1457a; background:#ca4e8b; } .tabs-nav.purple ul { border-color:#8f51a6; background:#a760c2; } .tabs-nav ul li { float:left; display:block; } .tabs-nav ul li a { display:block; padding:10px; font-size:13px; line-height:13px; font-weight:bold; color:#fff; text-shadow:1px 1px 1px #c75523; } .tabs-nav.grey ul li a { background:#eee; color:#aaa; text-shadow:1px 1px 1px #fff; } .tabs-nav.black ul li a { background:#444; color:#eee; text-shadow:1px 1px 1px #333; } .tabs-nav.blue ul li a { background:#6e899f; color:#eee; text-shadow:1px 1px 1px #5d7487; } .tabs-nav.red ul li a { background:#f35241; color:#eee; text-shadow:1px 1px 1px #d54839; } .tabs-nav.green ul li a { background:#9cad5a; color:#eee; text-shadow:1px 1px 1px #83914c; } .tabs-nav.pink ul li a { background:#ca4e8b; color:#eee; text-shadow:1px 1px 1px #b1457a; } .tabs-nav.purple ul li a { background:#a760c2; color:#eee; text-shadow:1px 1px 1px #8f51a6; } .tabs-nav ul li.active a { background:#fff; padding-bottom:12px; margin-bottom:-2px; color:#707273; text-shadow:none; } .tabs-content { border:1px solid #efefef; border-top-width:0; padding:10px; background:#fff; } .tab-content { } /* Toggle and Accordion */ .content-box { } .content-box-title { font-weight:bold; padding:10px; background:#FE5219; border:1px solid #db5d26; border-bottom-width:2px; color:#fff; text-shadow:1px 1px 1px #c75523; font-size:13px; line-height:13px; position:relative; } body .content-box-title.grey { background:#eee; border-color:#ddd; color:#aaa; text-shadow:1px 1px 1px #fff; } body .content-box-title.black { background:#444; border-color:#333; color:#eee; text-shadow:1px 1px 1px #333; } body .content-box-title.blue { background:#6e899f; border-color:#5d7487; color:#eee; text-shadow:1px 1px 1px #5d7487; } body .content-box-title.red { background:#f35241; border-color:#d54839; color:#eee; text-shadow:1px 1px 1px #d54839; } body .content-box-title.green { background:#9cad5a; border-color:#83914c; color:#eee; text-shadow:1px 1px 1px #83914c; } body .content-box-title.pink { background:#ca4e8b; border-color:#b1457a; color:#eee; text-shadow:1px 1px 1px #b1457a; } body .content-box-title.purple { background:#a760c2; border-color:#8f51a6; color:#eee; text-shadow:1px 1px 1px #8f51a6; } .content-box-title .content-box-toggle { position:absolute; right:0; top:0; bottom:0; width:28px; background:transparent url("images/elements/toggle-close-light.png") no-repeat center; } .content-box-toggle-state-closed .content-box-title .content-box-toggle { background-image:url("images/elements/toggle-open-light.png"); } .content-box-content { background:#fff; border:1px solid #efefef; border-top-width:0; padding:10px; } .accordion .content-box-title { cursor:hand; cursor:pointer; } .content-box-toggle-state-closed .content-box-title, .content-box-toggle-state-open .content-box-title { cursor: pointer; } /* Tweets */ .tweet_list, ul.styled-list { margin:0; padding:0; list-style-type:none; margin-bottom:20px; } .tweet_list li, ul.styled-list li { margin:0; padding:0; padding-bottom:5px; margin-bottom:5px; } /* Service */ .service-icon { float:left; margin-right:15px; } .service-content { overflow:hidden; } /* Dropcaps */ .dropcap { font-size:32px; line-height:32px; padding:0 5px; margin:0 5px 5px 0; float:left; display:block; text-align:center; overflow:hidden; background:#f76a2d; border:1px solid #db5d26; border-bottom-width:2px; color:#fff; text-shadow:1px 1px 1px #c75523; } .dropcap.grey { background:#eee; border-color:#ddd; color:#aaa; text-shadow:1px 1px 1px #fff; } .dropcap.black { background:#444; border-color:#333; color:#eee; text-shadow:1px 1px 1px #333; } .dropcap.blue { background:#6e899f; border-color:#5d7487; color:#eee; text-shadow:1px 1px 1px #5d7487; } .dropcap.red { background:#f35241; border-color:#d54839; color:#eee; text-shadow:1px 1px 1px #d54839; } .dropcap.green { background:#9cad5a; border-color:#83914c; color:#eee; text-shadow:1px 1px 1px #83914c; } .dropcap.pink { background:#ca4e8b; border-color:#b1457a; color:#eee; text-shadow:1px 1px 1px #b1457a; } .dropcap.purple { background:#a760c2; border-color:#8f51a6; color:#eee; text-shadow:1px 1px 1px #8f51a6; } ul.bullet_list { list-style-type: none; } ul.bullet_list li { padding-left:15px; background-repeat: no-repeat; background-position: 0 7px; list-style-type: none: } ul.bullet_list.orange li { background-image: url(images/elements/bullet_01.png) } ul.bullet_list.green li { background-image: url(images/elements/bullet_02.png) } ul.bullet_list.blue li { background-image: url(images/elements/bullet_03.png) } ul.bullet_list.red li { background-image: url(images/elements/bullet_04.png) } /* ------------------------------------------------------------ Footer ------------------------------------------------------------ */ #footer { float:right; width:710px; padding:30px 0; background:#24292d; } #footer-above { padding:0 30px 30px 30px; } #footer-main { padding:0 30px 30px 30px; } #footer-bellow { padding:0 30px 0 30px; font-size:11px;} #footer-bellow a { color:#24292d;} /* ------------------------------------------------------------ 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}