/* ------------------------------------------------------------------------------------------------------------ Theme Name: Tema Version: 1.1.1 ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------ 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;} #topo { background-image:url(images/topo_bg.fw.png); height:960px; height:140px; } .logo { float:left; width:370px; height:105px; margin: 17px 0 0 31px; } .menu_topo { float: right; min-width: 200px; height: 27px; margin-top: 100px; margin-right: 6px; } .menu_topo li { display: block; float:left; background-color:#035AAB; border-style: solid; height:25px; margin-right: 10px; padding: 3px 10px 0 12px; solid; border-width:thin; border-color: #0466BB; } .menu_topo li a { color: #FFF; font-family: trebuchet; font-size: 16px; } .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; } .align-right { text-align:right; } .align-center { text-align:center; } .overflow-hidden { overflow:hidden; } .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:#fbfbfb; } /* 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; } /* Main area color styles */ body.style-black { } body.style-black #tagline { background:#444; border-color:#333; } body.style-black a { color:#6e899f; } body.style-black #tagline h1 {text-shadow:1px 1px 1px #333; } body.style-black #tagline .tagline-description { text-shadow:1px 1px 1px #333; } body.style-black #slider .slide-info { background:#444; border-color:#333; } body.style-black #slider .slide-title, body.style-black #slider .slide-title-copy { text-shadow:1px 1px 1px #333; } body.style-black #slider .slide-description, body.style-black #slider .slide-description-copy { text-shadow:1px 1px 1px #333; } body.style-black #accordion .slide-info { background:#444; border-color:#333; } body.style-black #accordion .slide-title, body.style-black #accordion .slide-title-copy { text-shadow:1px 1px 1px #333; } body.style-black #accordion .slide-description, body.style-black #accordion .slide-description-copy { text-shadow:1px 1px 1px #333; } body.style-black button, body.style-black input[type=button], body.style-black input[type=submit], body.style-black .button, body.style-black .widget .tagcloud a { background-color:#444; border:1px solid #333; text-shadow:1px 1px 1px #333; color:#fff; } body.style-black .blog-post-link { background:#444; text-shadow:1px 1px 1px #333; border-color:#333; color:#fff; } body.style-black #slider-carousel #slider-inner ul li .slide-info .slide-link, body.style-black .portfolio-listing-frames li .portfolio-info .portfolio-link, body.style-black .portfolio-listing-regular li .portfolio-info .portfolio-link { background:#444; text-shadow:1px 1px 1px #333; border-color:#333; color:#fff; } body.style-black .content-box-title { background:#444; text-shadow:1px 1px 1px #333; border-color:#333; } body.style-red { } body.style-red #tagline { background:#f35241; border-color:#d54839; } body.style-red a { color:#f35241; } body.style-red #tagline h1 {text-shadow:1px 1px 1px #d54839; } body.style-red #tagline .tagline-description { text-shadow:1px 1px 1px #d54839; } body.style-red #slider .slide-info { background:#f35241; border-color:#d54839; } body.style-red #slider .slide-title, body.style-red #slider .slide-title-copy { text-shadow:1px 1px 1px #d54839; } body.style-red #slider .slide-description, body.style-red #slider .slide-description-copy { text-shadow:1px 1px 1px #d54839; } body.style-red #accordion .slide-info { background:#f35241; border-color:#d54839; } body.style-red #accordion .slide-title, body.style-red #accordion .slide-title-copy { text-shadow:1px 1px 1px #d54839; } body.style-red #accordion .slide-description, body.style-red #accordion .slide-description-copy { text-shadow:1px 1px 1px #d54839; } body.style-red button, body.style-red input[type=button], body.style-red input[type=submit], body.style-red .button, body.style-red .widget .tagcloud a { background-color:#f35241; border:1px solid #d54839; text-shadow:1px 1px 1px #d54839; color:#fff; } body.style-red .blog-post-link { background:#f35241; text-shadow:1px 1px 1px #d54839; border-color:#d54839; color:#fff; } body.style-red #slider-carousel #slider-inner ul li .slide-info .slide-link, body.style-red .portfolio-listing-frames li .portfolio-info .portfolio-link, body.style-red .portfolio-listing-regular li .portfolio-info .portfolio-link { background:#f35241; text-shadow:1px 1px 1px #d54839; border-color:#d54839; color:#fff; } body.style-red .content-box-title { background:#f35241; text-shadow:1px 1px 1px #d54839; border-color:#d54839; } body.style-blue { } body.style-blue #tagline { background:#6e899f; border-color:#5d7487; } body.style-blue a { color:#6e899f; } body.style-blue #tagline h1 {text-shadow:1px 1px 1px #5d7487; } body.style-blue #tagline .tagline-description { text-shadow:1px 1px 1px #5d7487; } body.style-blue #slider .slide-info { background:#6e899f; border-color:#5d7487; } body.style-blue #slider .slide-title, body.style-blue #slider .slide-title-copy { text-shadow:1px 1px 1px #5d7487; } body.style-blue #slider .slide-description, body.style-blue #slider .slide-description-copy { text-shadow:1px 1px 1px #5d7487; } body.style-blue #accordion .slide-info { background:#6e899f; border-color:#5d7487; } body.style-blue #accordion .slide-title, body.style-blue #accordion .slide-title-copy { text-shadow:1px 1px 1px #5d7487; } body.style-blue #accordion .slide-description, body.style-blue #accordion .slide-description-copy { text-shadow:1px 1px 1px #5d7487; } body.style-blue button, body.style-blue input[type=button], body.style-blue input[type=submit], body.style-blue .button, body.style-blue .widget .tagcloud a { background-color:#6e899f; border:1px solid #5d7487; text-shadow:1px 1px 1px #5d7487; color:#fff; } body.style-blue .blog-post-link { background:#6e899f; text-shadow:1px 1px 1px #5d7487; border-color:#5d7487; color:#fff; } body.style-blue #slider-carousel #slider-inner ul li .slide-info .slide-link, body.style-blue .portfolio-listing-frames li .portfolio-info .portfolio-link, body.style-blue .portfolio-listing-regular li .portfolio-info .portfolio-link { background:#6e899f; text-shadow:1px 1px 1px #5d7487; border-color:#5d7487; color:#fff; } body.style-blue .content-box-title { background:#6e899f; text-shadow:1px 1px 1px #5d7487; border-color:#5d7487; } body.style-green { } body.style-green a { color:#9cad5a; } body.style-green #tagline { background:#9cad5a; border-color:#83914c; } body.style-green #tagline h1 {text-shadow:1px 1px 1px #83914c; } body.style-green #tagline .tagline-description { text-shadow:1px 1px 1px #83914c; } body.style-green #slider .slide-info { background:#9cad5a; border-color:#83914c; } body.style-green #slider .slide-title, body.style-green #slider .slide-title-copy { text-shadow:1px 1px 1px #83914c; } body.style-green #slider .slide-description, body.style-green #slider .slide-description-copy { text-shadow:1px 1px 1px #83914c; } body.style-green #accordion .slide-info { background:#9cad5a; border-color:#83914c; } body.style-green #accordion .slide-title, body.style-green #accordion .slide-title-copy { text-shadow:1px 1px 1px #83914c; } body.style-green #accordion .slide-description, body.style-green #accordion .slide-description-copy { text-shadow:1px 1px 1px #83914c; } body.style-green button, body.style-green input[type=button], body.style-green input[type=submit], body.style-green .button, body.style-green .widget .tagcloud a { background-color:#9cad5a; border:1px solid #83914c; text-shadow:1px 1px 1px #83914c; color:#fff; } body.style-green .blog-post-link { background:#9cad5a; text-shadow:1px 1px 1px #83914c; border-color:#83914c; color:#fff; } body.style-green #slider-carousel #slider-inner ul li .slide-info .slide-link, body.style-green .portfolio-listing-frames li .portfolio-info .portfolio-link, body.style-green .portfolio-listing-regular li .portfolio-info .portfolio-link { background:#9cad5a; text-shadow:1px 1px 1px #83914c; border-color:#83914c; color:#fff; } body.style-green .content-box-title { background:#9cad5a; text-shadow:1px 1px 1px #83914c; border-color:#83914c; } body.style-pink { } body.style-pink #tagline { background:#ca4e8b; border-color:#b1457a; } body.style-pink a { color:#ca4e8b; } body.style-pink #tagline h1 {text-shadow:1px 1px 1px #b1457a; } body.style-pink #tagline .tagline-description { text-shadow:1px 1px 1px #b1457a; } body.style-pink #slider .slide-info { background:#ca4e8b; border-color:#b1457a; } body.style-pink #slider .slide-title, body.style-pink #slider .slide-title-copy { text-shadow:1px 1px 1px #b1457a; } body.style-pink #slider .slide-description, body.style-pink #slider .slide-description-copy { text-shadow:1px 1px 1px #b1457a; } body.style-pink #accordion .slide-info { background:#ca4e8b; border-color:#b1457a; } body.style-pink #accordion .slide-title, body.style-pink #accordion .slide-title-copy { text-shadow:1px 1px 1px #b1457a; } body.style-pink #accordion .slide-description, body.style-pink #accordion .slide-description-copy { text-shadow:1px 1px 1px #b1457a; } body.style-pink button, body.style-pink input[type=button], body.style-pink input[type=submit], body.style-pink .button, body.style-pink .widget .tagcloud a { background-color:#ca4e8b; border:1px solid #b1457a; text-shadow:1px 1px 1px #b1457a; color:#fff; } body.style-pink .blog-post-link { background:#ca4e8b; text-shadow:1px 1px 1px #b1457a; border-color:#b1457a; color:#fff; } body.style-pink #slider-carousel #slider-inner ul li .slide-info .slide-link, body.style-pink .portfolio-listing-frames li .portfolio-info .portfolio-link, body.style-pink .portfolio-listing-regular li .portfolio-info .portfolio-link { background:#ca4e8b; text-shadow:1px 1px 1px #b1457a; border-color:#b1457a; color:#fff; } body.style-pink .content-box-title { background:#ca4e8b; text-shadow:1px 1px 1px #b1457a; border-color:#b1457a; } body.style-purple { } body.style-purple #tagline { background:#a760c2; border-color:#8f51a6; } body.style-purple a { color:#a760c2; } body.style-purple #tagline h1 {text-shadow:1px 1px 1px #8f51a6; } body.style-purple #tagline .tagline-description { text-shadow:1px 1px 1px #8f51a6; } body.style-purple #slider .slide-info { background:#a760c2; border-color:#8f51a6; } body.style-purple #slider .slide-title, body.style-purple #slider .slide-title-copy { text-shadow:1px 1px 1px #8f51a6; } body.style-purple #slider .slide-description, body.style-purple #slider .slide-description-copy { text-shadow:1px 1px 1px #8f51a6; } body.style-purple #accordion .slide-info { background:#a760c2; border-color:#8f51a6; } body.style-purple #accordion .slide-title, body.style-purple #accordion .slide-title-copy { text-shadow:1px 1px 1px #8f51a6; } body.style-purple #accordion .slide-description, body.style-purple #accordion .slide-description-copy { text-shadow:1px 1px 1px #8f51a6; } body.style-purple button, body.style-purple input[type=button], body.style-purple input[type=submit], body.style-purple .button, body.style-purple .widget .tagcloud a { background-color:#a760c2; border:1px solid #8f51a6; text-shadow:1px 1px 1px #8f51a6; color:#fff; } body.style-purple .blog-post-link { background:#a760c2; text-shadow:1px 1px 1px #8f51a6; border-color:#8f51a6; color:#fff; } body.style-purple #slider-carousel #slider-inner ul li .slide-info .slide-link, body.style-purple .portfolio-listing-frames li .portfolio-info .portfolio-link, body.style-purple .portfolio-listing-regular li .portfolio-info .portfolio-link { background:#a760c2; text-shadow:1px 1px 1px #8f51a6; border-color:#8f51a6; color:#fff; } body.style-purple .content-box-title { background:#a760c2; text-shadow:1px 1px 1px #8f51a6; border-color:#8f51a6; } /* ------------------------------------------------------------ Typography ------------------------------------------------------------ */ body { font-family: Arial; font-size:12px; line-height:20px; color:#969696; background-color: #f1f1f1; } p, ul, ol, pre, table, h1, h2, h3, h4, h5 , h6, blockquote { margin-bottom:20px; /* font-family: arial; font-size: 14px; */ } ul ol, ol ul, ul ul, ol ol { margin-bottom:0; } h1, h2, h3, h4, h5, h6 { color:#707273; } h1 { font-size:22px; line-height:32px; font-weight:normal; font-family:Lato; } h2 { font-size:20px; line-height:30px; font-weight:normal; font-family:Lato; } h3 { font-size:18px; line-height:28px; font-weight:normal; font-family:Lato; margin-bottom:10px; } h3#reply-title, h4 { font-size:16px; line-height:26px; font-weight:normal; font-family:Lato; margin-bottom:10px; } h5 { font-size:14px; line-height:24px; font-weight:normal; font-family:Lato; margin-bottom:10px; } h6 { font-size:12px; line-height:22px; font-weight:normal; font-family:Lato; margin-bottom:10px; } h2#reply-title, h3#reply-title, h4.dashed-heading { background:transparent url("images/elements/dashed.png") repeat-x bottom; padding-bottom:10px; margin-bottom:10px; margin-top: 20px; } a { /*color:#f76a2d;*/ text-decoration:none; } 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:5px; margin-bottom:10px; } 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=text], textarea, select { background:#f8f8f8; color:#545454; padding:10px; border: 1px solid #ddd; border-top: 1px solid #bbb; } input[type=text]:hover, textarea:hover { border: 1px solid #bbb; } 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: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 { background:#50a0d8; cursor:pointer; color:#fff; } */ /* ------------------------------------------------------------ Container ------------------------------------------------------------ */ #container { padding: 2px 9px 0; background:#fbfbfb; } /* ------------------------------------------------------------ Header ------------------------------------------------------------ */ #header { margin-bottom:1px; } #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:0px 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: 150px; z-index: 1100; /* 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 { position:relative; padding:7px 0; z-index:1100; } #navigation ul { list-style-type:none; margin:0; padding:0; position:relative; } #navigation ul li { margin:0; padding:0; float:left; margin-left:35px; position:relative; } #navigation ul li a { display:block; color:#adaeb1; font-weight:bold; font-size:13px; line-height:13px; letter-spacing:-1px; text-decoration:none; font-family:"Istok Web"; } #navigation ul li a:hover { color:#83858a; } #navigation ul li.active a, #navigation ul li.current-menu-ancestor a { color:#6c6e73; } #navigation ul li.active li a, #navigation ul li.current-menu-ancestor li a { color:#adaeb1; } #navigation ul li.active li a:hover, #navigation ul li.current-menu-ancestor li a:hover { color:#6C6E73; } #navigation ul li li.active a, #navigation ul li li.current-menu-ancestor a { color:#6c6e73; } #navigation ul li li.active li a, #navigation ul li li.current-menu-ancestor li a { color:#adaeb1; } #navigation ul li li li.active a, #navigation ul li li li.current-menu-ancestor a { color:#6c6e73; } #navigation ul li li li.active li a, #navigation ul li li li.current-menu-ancestor li a { color:#adaeb1; } #navigation ul li a .nav-description { display:block; color:#bdbdbd; font-weight:normal; font-size:11px; letter-spacing:0; line-height:11px; margin-top:3px; font-family:"Lato"; } #navigation ul li a:hover .nav-description { color:#929599; } #navigation ul li.active a .nav-description { color:#898b8f; } #navigation ul ul { background:#fff; margin-top:10px; border:1px solid #f1f1f1; border-top:2px solid #e8e8e8; border-bottom:2px solid #e8e8e8; } #navigation ul ul li { } #navigation ul ul li a { padding:8px; border-bottom:1px solid #f1f1f1; font-size:12px; line-height:14px; font-weight:normal; } #navigation ul ul li:last-child a { border-bottom:0; } #navigation ul ul ul { margin-top:-2px; } #navigation ul ul li a { } #navigation ul ul li { } /* ------------------------------------------------------------ Logo ------------------------------------------------------------ */ #image-logo a { height: 39px; overflow: hidden; text-indent: -5555em; width: 198px; } .logo a { display: block; } /* ------------------------------------------------------------ Slider ------------------------------------------------------------ */ #slider { margin-top:30px; position:relative; } #slider-inner div { position:relative; } #slider .slide-info { display:block; overflow:hidden; padding:20px; background:#f76a2d; position:absolute; bottom:0; left:0; right:0; border:1px solid #db5d26; border-left:0; border-right:0; } #slider .slide-title, #slider .slide-title-copy { font-family:Lato; display:block; color:#fff; text-shadow:1px 1px 1px #c75523; font-size:20px; line-height:20px; margin-bottom:10px; } #slider .slide-description, #slider .slide-description-copy { display:block; font-size:13px; line-height:17px; color:#f3f3f3; text-shadow:1px 1px 1px #c75523; } #slider .slide-title-copy { position:absolute; top:-100px; } #slider .slide-description-copy { position:absolute; bottom:-100px; } #slider-prev { display:block; width:29px; height:29px; position:absolute; z-index:1000; top:40%; left:20px; background:transparent url("images/elements/arrow-left.png") no-repeat center; } #slider-next { display:block; width:29px; height:29px; position:absolute; z-index:1000; top:40%; right:20px; background:transparent url("images/elements/arrow-right.png") no-repeat center; text-align:center; } #slider-carousel { margin-top:30px; position:relative; } #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; position:relative; display:block; overflow:hidden; } #slider-carousel #slider-inner ul li .slide-images { display:block; position:relative; } #slider-carousel #slider-inner ul li img { display:block; } #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; background:#fff; padding:15px 10px; border-bottom:2px solid #ececec; } #slider-carousel #slider-inner ul li .slide-info .slide-title, #slider-carousel #slider-inner ul li .slide-info .slide-title a { display:block; font-size:16px; line-height:20px; color:#6c6e73; margin-bottom:10px; } #slider-carousel #slider-inner ul li .slide-info .slide-description { display:block; margin-bottom:10px; } #slider-carousel #slider-inner 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-carousel #slider-inner .slide-images-nav-container { position:relative; height:17px; margin-bottom:15px; } #slider-carousel #slider-inner .slide-images-nav { position:absolute; top:7px; right:7px; } #slider-carousel #slider-inner .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-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 url("images/dark-opacity-70.png"); } #accordion { margin-top:30px; position:relative; } #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; overflow:hidden; padding:20px; background:#f76a2d; position:absolute; bottom:0; left:0; right:0; border:1px solid #db5d26; border-left:0; border-right:0; opacity:0; filter: alpha(opacity = 0); } #accordion .slide-title { font-family:Lato; display:block; color:#fff; text-shadow:1px 1px 1px #c75523; font-size:20px; line-height:20px; margin-bottom:10px; } #accordion .slide-description { display:block; font-size:12px; line-height:17px; font-family:"Coustard"; color:#f3f3f3; text-shadow:1px 1px 1px #c75523; } #slider-loader { height:31px; background:transparent url("images/loader.gif") center center no-repeat; padding:30px 0; } #slider-container { display:none; } #accordion-container { display:none; } .slider-slide-content { overflow:hidden; padding-left:30px;} /* ------------------------------------------------------------ Tagline ------------------------------------------------------------ */ #tagline { padding:20px; background:#f76a2d; border:1px solid #db5d26; border-left:0; border-right:0; } #tagline h1 { float:left; margin-right:5px; font-size:20px; line-height:20px; margin-bottom:0; color:#fff; text-shadow:1px 1px 1px #c75523; } #tagline .tagline-description { float:left; font-size:24px; line-height:13px; padding-top:3px; color:#f3f3f3; text-shadow:1px 1px 1px #c75523; } /* ------------------------------------------------------------ Breadcrumbs ------------------------------------------------------------ */ #breadcrumbs { margin-top:15px; padding:10px 0; border:1px solid #f5f5f5; 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; } /* ------------------------------------------------------------ Main ------------------------------------------------------------ */ #main { margin:13px 0; } #content { } #sidebar { } /* ------------------------------------------------------------ Blog ------------------------------------------------------------ */ .blog-post-thumbnail { margin-bottom:15px; } h2.blog-post-title { font-size:16px; line-height:20px; color:#6c6e73; margin-bottom:15px; } h2.blog-post-title a { color:#6c6e73; } .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 { list-style-type:none; margin:0; padding:0; } .blog-post-meta li { display:block; margin:0; margin-left:10px; float:left; line-height:21px; } .blog-post-meta li span { color:#bfbebe; font-size:11px; font-style:italic; } body .blog-post-meta a { display:inline-block; text-decoration:none; padding:5px 10px; font-size:11px; line-height:11px; background:#eee; color:#aaa; text-shadow:1px 1px 1px #fff; border:1px solid #ddd; border-left:0; border-right:0; } body .blog-post-meta a.blog-post-meta-comments { background-image:url("images/elements/comment-icon.png"); background-repeat:no-repeat; background-position:right center; padding-right:25px; } .blog-post-meta li a { margin-left:5px; } .blog-post-meta .post-categories { margin:0; padding:0; } .blog-post-meta .post-categories li { margin-left:0; } #about-author-avatar { float:left; width:100px; margin-right:20px; } #about-author-info { overflow:hidden; } .blog-module { } .blog-module .blog-post-thumbnail { margin-bottom:0; position:relative; } .blog-module .blog-post-thumbnail img { display:block; } .blog-module .blog-post-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; } .blog-module .blog-post-content { display:block; position:relative; background:#fff; padding:15px 10px; border-bottom:2px solid #ececec; } .blog-module h2.blog-post-title { margin-bottom:10px; } .blog-post-entry a { color: #969696; } .blog-post-entry a:hover { text-decoration: underline; color: #F7692D; } .post-content a { color: #969696; } .post-content a:hover { text-decoration: underline; color: #F7692D; } /* ------------------------------------------------------------ Portfolio ------------------------------------------------------------ */ .portfolio-listing-regular, .portfolio-listing-regular li { margin:0; padding:0; list-style-type:none; } .portfolio-listing-regular li { margin-bottom:30px; position:relative; display:block; overflow:hidden; } .portfolio-listing-regular li img { display:block; position:relative; z-index:50; } .portfolio-listing-regular li .portfolio-info { display:block; position:absolute; top:0; text-align:center; } .portfolio-listing-regular li .portfolio-info .portfolio-title { display:block; font-size:16px; line-height:20px; color:#6c6e73; margin-bottom:10px; } .portfolio-listing-regular li .portfolio-info .portfolio-description { display:block; margin-bottom:10px; } .portfolio-listing-regular li .portfolio-info .portfolio-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; } .portfolio-listing-regular li .portfolio-info .portfolio-lightbox { display:none; } .portfolio-listing-frames, .portfolio-listing-frames li { margin:0; padding:0; list-style-type:none; } .portfolio-listing-frames li { margin-bottom:30px; position:relative; display:block; overflow:hidden; } .portfolio-listing-frames li .portfolio-images { display:block; position:relative; } .portfolio-listing-frames li img { display:block; } .portfolio-listing-frames li .portfolio-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; } .portfolio-listing-frames li .portfolio-info { display:block; position:relative; background:#fff; padding:15px 10px; border-bottom:2px solid #ececec; } .portfolio-listing-frames li .portfolio-info .portfolio-title, .portfolio-listing-frames li .portfolio-info .portfolio-title a { display:block; font-size:16px; line-height:20px; color:#6c6e73; margin-bottom:10px; } .portfolio-listing-frames li .portfolio-info .portfolio-description { display:block; margin-bottom:10px; } .portfolio-listing-frames li .portfolio-info .portfolio-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; } .portfolio-images-nav-container { position:relative; height:17px; margin-bottom:15px; } .portfolio-images-nav { position:absolute; top:7px; right:7px; } .portfolio-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; } .portfolio-images-nav a.activeSlide { background:transparent url("images/elements/portfolio-nav-active.png") no-repeat; } .portfolio-listing-frames-simple li .portfolio-info .portfolio-title, .portfolio-listing-frames-simple li .portfolio-info .portfolio-title a { text-align:center; margin-bottom:0; } .portfolio-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; } img.portfolio-overlay-inner { width:0; height:0; display:inline !important; border-radius:18px; background:transparent url("images/elements/magnifier.png"); } #portfolio-sidebar-details { list-style-type:none; margin:0; padding:0; } #portfolio-sidebar-details li { margin:0; padding:0; margin-bottom:10px; } #portfolio-sidebar-details li span { display:inline-block; width:20px; margin-right:10px; line-height:12px; } #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; } #portfolio-filter ul li { padding:0; margin:0; float:left; } /* ------------------------------------------------------------ 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/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; } /* ------------------------------------------------------------ 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; } #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; } #comments .comment-date { display:block; float:right; line-height:13px; color:#b3b3b3; } #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 { } .widget h4.widget-title { font-size:15px; background:transparent url("images/elements/dashed.png") repeat-x bottom; padding-bottom:10px; margin-bottom:10px; line-height:20px; } .widget .tagcloud a { font-size:inherit !important; } .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; } .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; 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-bottom:0; position:relative; display:block; overflow:hidden; } .slider-posts-widget-container ul li .slide-images { display:block; position:relative; } .slider-posts-widget-container ul li img { display:block; } .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; 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:713px; } .two-third { width:630px; } .one-half { width:465px; } .one-third { width:300px; } .one-fourth { width:217px; } .one-one { width:960px; } 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; } .separator { clear:both; height:1px; margin-bottom:20px; padding-bottom:5px; } .separator.solid_line { margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #ddd; } .separator.dashed_line { margin-bottom:25px; padding-bottom:25px; border-bottom:1px dashed #ddd; } .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 { display:inline-block; vertical-align:middle; font-weight:bold; padding:5px 10px; background:#f76a2d; border:1px solid #db5d26; color:#fff; border-bottom-width:2px; text-shadow:1px 1px 1px #c75523; margin-right:10px; margin-bottom:10px; border-radius:2px; cursor:pointer; cursor:hand; } body .button.grey { background-color:#eee; border-color:#ddd; color:#aaa; text-shadow:1px 1px 1px #fff; } body .button.black { background:#444; border-color:#333; color:#eee; text-shadow:1px 1px 1px #333; } body .button.blue { background:#6e899f; border-color:#5d7487; color:#eee; text-shadow:1px 1px 1px #5d7487; } body .button.red { background:#f35241; border-color:#d54839; color:#eee; text-shadow:1px 1px 1px #d54839; } body .button.green { background:#9cad5a; border-color:#83914c; color:#eee; text-shadow:1px 1px 1px #83914c; } body .button.pink { background:#ca4e8b; border-color:#b1457a; color:#eee; text-shadow:1px 1px 1px #b1457a; } body .button.purple { background:#a760c2; border-color:#8f51a6; color:#eee; text-shadow:1px 1px 1px #8f51a6; } /* Tabs */ .tabs-container {} .tabs-nav { } .tabs-nav ul { margin:0; padding:0; list-style-type:none; border:1px solid #db5d26; background:#f76a2d; border-bottom-width:2px; } .tabs-nav-position-bottom .tabs-nav ul { border-bottom-width:1px; border-top-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-style-classic .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-style-classic .tabs-nav.grey ul li a { background:#eee; color:#aaa; text-shadow:1px 1px 1px #fff; } .tabs-style-classic .tabs-nav.black ul li a { background:#444; color:#eee; text-shadow:1px 1px 1px #333; } .tabs-style-classic .tabs-nav.blue ul li a { background:#6e899f; color:#eee; text-shadow:1px 1px 1px #5d7487; } .tabs-style-classic .tabs-nav.red ul li a { background:#f35241; color:#eee; text-shadow:1px 1px 1px #d54839; } .tabs-style-classic .tabs-nav.green ul li a { background:#9cad5a; color:#eee; text-shadow:1px 1px 1px #83914c; } .tabs-style-classic .tabs-nav.pink ul li a { background:#ca4e8b; color:#eee; text-shadow:1px 1px 1px #b1457a; } .tabs-style-classic .tabs-nav.purple ul li a { background:#a760c2; color:#eee; text-shadow:1px 1px 1px #8f51a6; } .tabs-style-classic .tabs-nav ul li.active a { background:#fefefe; padding-bottom:12px; margin-bottom:-2px; color:#707273; text-shadow:none; } .tabs-style-classic.tabs-nav-position-bottom .tabs-nav ul li.active a { margin-bottom:0; margin-top:-2px; } .tabs-content { border:1px solid #efefef; border-top-width:0; padding:10px; background:#fff; } .tabs-nav-position-bottom .tabs-content { border-top-width:1px; border-bottom-width:0; } .tab-content { } .tabs-container.tabs-style-modern { } .tabs-style-modern.tabs-nav-position-top .tabs-nav { margin-bottom:15px; } .tabs-style-modern.tabs-nav-position-bottom .tabs-nav { margin-top:15px; } .tabs-style-modern .tabs-nav ul { border:0; background:0; text-align:center; } .tabs-style-modern .tabs-nav ul li { display:inline-block; float:none; } .tabs-style-modern .tabs-nav li a { margin:0; border-radius:0; } .tabs-style-modern .tabs-nav li:first-child a { -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .tabs-style-modern .tabs-nav li:last-child a { -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .tabs-style-modern .tabs-content { border-width:1px; } /* Toggle and Accordion */ .content-box { } .content-box-title { font-weight:bold; padding:10px; background:#f76a2d; 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; } /* 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; border-bottom:1px dashed #e5e5e5; padding-bottom:5px; margin-bottom:5px; } /* Service */ .service-icon { float:left; margin-right:10px; } /* 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 { padding:20px; background:#fbfbfb; width:960px; margin:0 auto; margin-top:30px; } #footer-inner { width:990px; } #footer-above { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #f5f5f5; } #footer-bellow { padding-top:20px; margin-top:20px; border-top:1px solid #f5f5f5; } #sb_foot a { color: #969696; } #sb_foot a:hover { text-decoration: underline; color: #969696; } /* ------------------------------------------------------------ WordPress Generated Classes ------------------------------------------------------------ */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display:block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float:left; margin: 5px 20px 20px 0; } .aligncenter {display: block; margin: 5px auto 5px auto; } a img.alignright { float:right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float:left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 24px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px;} .wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; } .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } /* ------------------------------------------------------------ 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}