/* ------------------------------------------------------------------------------------------------------------ Theme Name: AREA53 Theme URI: http://themeforest.net/user/wpscientist Description: AREA53 WordPress theme. Author: WPScientist Author URI: http://themeforest.net/user/wpscientist Version: 1.0 ------------------------------------------------------------------------------------------------------------ */ /* ----------------------------------------------------------------------------- HTML5 display definitions ----------------------------------------------------------------------------- */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* ----------------------------------------------------------------------------- Base ----------------------------------------------------------------------------- */ /* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */ html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; } body { margin: 0; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate * Also: hot pink! (or customize the background color to match your design) */ ::-moz-selection { background: #f7d90e; text-shadow: none; } ::selection { background: #f7d90e; text-shadow: none; } /* ----------------------------------------------------------------------------- Links ----------------------------------------------------------------------------- */ /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ a:hover, a:active { outline: 0; } /* ----------------------------------------------------------------------------- Default Typography ----------------------------------------------------------------------------- */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ----------------------------------------------------------------------------- Lists ----------------------------------------------------------------------------- */ ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } /* ----------------------------------------------------------------------------- Embedded content ----------------------------------------------------------------------------- */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } /* ----------------------------------------------------------------------------- Figures ----------------------------------------------------------------------------- */ figure { margin: 0; } /* ----------------------------------------------------------------------------- Forms ----------------------------------------------------------------------------- */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } #content input, #content textarea { padding: 10px; 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 textarea { height: 150px; width: 80% } #content input[type="submit"], #content button { background-color: #F7D90E; cursor: pointer; box-shadow: none; text-shadow: none; border: 0; color: #545454; font-weight: bold; } #content input[type="submit"]:hover, #content button:hover { background-color: #24292D; color: #ffffff; } #content span.wpcf7-form-control-wrap { display: block; padding: 5px; overflow: visible; } #content form.wpcf7-form p br { display: none; } #content 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 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; } /* ----------------------------------------------------------------------------- Tables ----------------------------------------------------------------------------- */ table { border: none; border-collapse: collapse; border-spacing: 0; text-align:left; } td { border: none; vertical-align: top; } /* ----------------------------------------------------------------------------- Chrome Frame Prompt ----------------------------------------------------------------------------- */ .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } /* ----------------------------------------------------------------------------- Custom ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- General Structure ----------------------------------------------------------------------------- */ body { background-color:#f6f2f0; padding-bottom:35px; } #page-container { } #wrapper { width:920px; margin:0 auto; background:#fff; padding:30px 20px; } body.main-style-wrapped #wrapper { border:1px solid #c9c9c9; border-top:0; border-bottom:0; -moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .06), inset 0 0 13px 5px #f1f1f1; -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .06), inset 0 0 13px 5px #f1f1f1; box-shadow: 0 0 10px 5px rgba(0, 0, 0, .06), inset 0 0 13px 5px #f1f1f1; } #wrapper-inner { } header#header { margin-bottom:40px; } #header-top { margin-bottom:30px; } #header-column-1 { text-align:left; } #header-column-2 { text-align:right; overflow:hidden; } #logo { text-align:center; } #content { float:left; width:604px; } #sidebar { float:right; width:286px; } body.sidebar-pos-left #sidebar { float:left; } body.sidebar-pos-left #content { float:right; } body.sidebar-none #content { width:auto; float:none; } #footer { width:920px; margin:0 auto; padding:30px 20px; } /* Background patterns */ body.bg-pattern-line-1 { background-image:url("images/patterns/line-1.png"); } body.bg-pattern-line-2 { background-image:url("images/patterns/line-2.png"); } body.bg-pattern-line-3 { background-image:url("images/patterns/line-3.png"); } body.bg-pattern-line-4 { background-image:url("images/patterns/line-4.png"); } body.bg-pattern-line-5 { background-image:url("images/patterns/line-5.png"); } body.bg-pattern-line-6 { background-image:url("images/patterns/line-6.png"); } body.bg-pattern-line-1-darken { background-image:url("images/patterns/line-1-darken.png"); } body.bg-pattern-line-2-darken { background-image:url("images/patterns/line-2-darken.png"); } body.bg-pattern-line-3-darken { background-image:url("images/patterns/line-3-darken.png"); } body.bg-pattern-line-4-darken { background-image:url("images/patterns/line-4-darken.png"); } body.bg-pattern-line-5-darken { background-image:url("images/patterns/line-5-darken.png"); } body.bg-pattern-line-6-darken { background-image:url("images/patterns/line-6-darken.png"); } 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-grid-1-darken { background-image:url("images/patterns/grid-1-darken.png"); } body.bg-pattern-grid-2-darken { background-image:url("images/patterns/grid-2-darken.png"); } body.bg-pattern-grid-3-darken { background-image:url("images/patterns/grid-3-darken.png"); } body.bg-pattern-grid-4-darken { background-image:url("images/patterns/grid-4-darken.png"); } body.bg-pattern-grid-5-darken { background-image:url("images/patterns/grid-5-darken.png"); } body.bg-pattern-grid-6-darken { background-image:url("images/patterns/grid-6-darken.png"); } body.bg-pattern-grid-7-darken { background-image:url("images/patterns/grid-7-darken.png"); } body.bg-pattern-grid-8-darken { background-image:url("images/patterns/grid-8-darken.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"); } body.bg-pattern-dots-1-darken { background-image:url("images/patterns/dots-1-darken.png"); } body.bg-pattern-dots-2-darken { background-image:url("images/patterns/dots-2-darken.png"); } body.bg-pattern-dots-3-darken { background-image:url("images/patterns/dots-3-darken.png"); } body.bg-pattern-dots-4-darken { background-image:url("images/patterns/dots-4-darken.png"); } body.bg-pattern-dots-5-darken { background-image:url("images/patterns/dots-5-darken.png"); } body.bg-pattern-dots-6-darken { background-image:url("images/patterns/dots-6-darken.png"); } body.bg-pattern-dots-7-darken { background-image:url("images/patterns/dots-7-darken.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: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; font-size:13px; line-height:22px; color:#494f56; } header#header { font-size:11px; color:#707883; } blockquote, pre, table, p, ul, ol, dl { margin:0; padding:0; margin-bottom:25px; } p:last-child { margin:0; } ul, ol { list-style-position:inside; } ul ul, ul ol, ol ul, ol ol { padding-left:20px; margin:0; } h1, h2, h3, h4, h5, h6 { color:#2a3036; font-weight:bold; margin:0; padding:0; margin-bottom: 25px; } h1 { font-size:22px; line-height:32px; } h2 { font-size:20px; line-height:30px; } h3 { font-size:18px; line-height:28px; margin-bottom:10px; } h4 { font-size:16px; line-height:26px; margin-bottom:10px; } h5 { font-size:14px; line-height:24px; margin-bottom:10px; } h6 { font-size:13px; line-height:22px; margin-bottom:10px; } h2.section-heading { font-size:14px; line-height:14px; background:transparent url("images/elements/sep-bg.png") center center repeat-x; } h2.section-heading span { background:#fff; padding:0 15px; margin:0 15px; } a { -webkit-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; } a { font-weight:bold; color:#4e6984; text-decoration:none; } a:hover { background-color: #f7d90e; } #footer a { color:#fff; } #footer a:hover { color:#f7d90e; background:transparent; } .portfolio-post-images a, .blog-post-thumbnail a, #logo a:hover { background-color:transparent; } table { width:100%; border-spacing:0; border:1px solid #e0e0e0; } table caption { font-weight:bold; margin-bottom:10px; } #content td { padding:10px 20px; border:1px solid #e0e0e0; } #content th { padding:10px 20px; border:1px dashed #dbdada; background:#e9ebec; background: -webkit-linear-gradient(top, #ecedee, #e8eaeb); background: -moz-linear-gradient(top, #ecedee, #e8eaeb); background: -o-linear-gradient(top, #ecedee, #e8eaeb); background: -ms-linear-gradient(top, #ecedee, #e8eaeb); background:linear-gradient(top, #ecedee, #e8eaeb); -webkit-box-shadow: inset 0px 0px 1px 0px #fff; -moz-box-shadow: inset 0px 0px 1px 0px #fff; box-shadow: inset 0px 0px 1px 0px #fff; text-shadow:1px 1px 1px #fff; } #sidebar td { padding:5px; border:1px solid #e0e0e0; text-align:center; } #sidebar th { padding:5px; border:1px dashed #dbdada; text-align:center; background:#e9ebec; background: -webkit-linear-gradient(top, #ecedee, #e8eaeb); background: -moz-linear-gradient(top, #ecedee, #e8eaeb); background: -o-linear-gradient(top, #ecedee, #e8eaeb); background: -ms-linear-gradient(top, #ecedee, #e8eaeb); background:linear-gradient(top, #ecedee, #e8eaeb); -webkit-box-shadow: inset 0px 0px 1px 0px #fff; -moz-box-shadow: inset 0px 0px 1px 0px #fff; box-shadow: inset 0px 0px 1px 0px #fff; text-shadow:1px 1px 1px #fff; } form label { display:inline-block; width:100px; margin-right:10px; } input[type=text], select , textarea{ border:1px solid #dcdcdc; padding:5px 10px; } input, select, option, textarea { color:#494F56; font-size:12px; } textarea { width:80%; height:150px; } /* ----------------------------------------------------------------------------- Header ----------------------------------------------------------------------------- */ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 190px; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 59px; /* match top ul list item height */ z-index: 1500; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 190px; /* match ul width */ top: -3px; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 190px; /* match ul width */ top: -3px; } #header #nav ul, #header #nav ul li { list-style-type:none; list-style-position:outside; margin:0; padding:0; } #header #nav ul { background:#424c58; border-top:5px solid #333c42; } #header #nav ul li { display:block; float:left; background:#333c42; background-repeat:no-repeat; background-position:right top; padding-top:5px; margin-top:-5px; } #header #nav ul li.active { background-image: url("images/elements/nav-active-bg.png"); } #header #nav ul li a { display:block; color:#fff; font-size:13px; line-height:13px; font-weight:bold; text-decoration:none; background:#424c58; border-left:1px solid #555e69; border-right:1px solid #353d46; padding:18px 23px 23px 23px; } #header #nav ul li a:hover { color:#e7e7e7; } #header #nav ul li:last-child { border-right:1px solid #555e69; } #header #nav ul li:first-child a { border-left:0; } #header #nav ul li.active a { background:transparent; } #header #nav ul ul { border-top:4px solid #333c42; border-bottom:4px solid #333c42; } #header #nav ul ul li { padding:0px; border:0; border-top:1px solid #353d46; margin-top:0; background:#424c58 !important; border-right:0 !important; } #header #nav ul ul li:first-child, #header #nav ul ul > li:first-child a { border:0; } #header #nav ul ul li a { padding:10px 17px; font-size:12px; border-top:1px solid #555e69; } #header #nav ul li li a { border-right-width:0 !important; } #mobile-navigation-container { position:relative; display:none; } #mobile-navigation-handle { background:#424C58; padding:10px 20px; color:#fff; cursor: pointer; text-transform: uppercase; font-weight: bold; font-size: 12px; border-bottom: 3px solid #F7D90E; } #mobile-navigation { display:none; position:absolute; left:0; right:0; z-index:1300; background:#424C58; padding:10px; } #mobile-navigation ul { list-style-type:none; list-style-position:outside; padding:0; margin:0; } #mobile-navigation li { margin:2px 0; } #mobile-navigation li a { font-size:9px; font-weight:bold; color:#fff; display:block; padding:5px 10px; background:#323a44; text-transform:uppercase; } #mobile-navigation li.active > a { background:#f7d90e; color:#444; } #mobile-navigation ul ul { padding-left:20px; } #header-social li a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } #header-social { float:right; margin:0; padding:0; list-style-type:none; list-style-position:outside; overflow:hidden; margin-bottom:15px; } #header-column-1 #header-social { float:left; } #header-social li { float:left; margin-left:8px; } #header-column-1 #header-social li { margin-left:0; margin-right:8px; } #header-social li a { display:block; width:32px; height:32px; -webkit-border-radius:32px; -moz-border-radius:32px; border-radius:32px; background-color:#bfbfbf } #header-social-facebook { background:transparent url("images/social/facebook.png"); } #header-social-facebook:hover { background-color:#3b5998; } #header-social-twitter { background:transparent url("images/social/twitter.png"); } #header-social-twitter:hover { background-color:#40cdda; } #header-social-linkedin { background:transparent url("images/social/linkedin.png"); } #header-social-linkedin:hover { background-color:#0073b2; } #header-social-googleplus { background:transparent url("images/social/googleplus.png"); } #header-social-googleplus:hover { background-color:#353631; } #header-social-dribbble { background:transparent url("images/social/dribbble.png"); } #header-social-dribbble:hover { background-color:#ea4c88; } #header-social-rss { background:transparent url("images/social/rss.png"); } #header-social-rss:hover { background-color:#f2861d; } #header-social-facebook:hover, #header-social-twitter:hover, #header-social-linkedin:hover, #header-social-googleplus:hover,#header-social-dribbble:hover, #header-social-rss:hover { background-position:-32px center; } .search-container input { background-image:url("images/elements/search.png"); background-position:8px center; background-repeat:no-repeat; padding:10px 5px 10px 30px; width:195px; } /* ----------------------------------------------------------------------------- Slider ----------------------------------------------------------------------------- */ .slider a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .slider-container { position:relative; } .slider { position:relative; } .slider ul.slides, .slides ul.slides li.slide { margin:0; padding:0; list-style-type:none; list-style-position:outside; } .slider ul.slides { } .slider ul.slides li.slide { position:relative; } .slider ul.slides li.slide img { height:auto !important; } .slider ul.slides li.slide .slide-title { position:absolute; bottom:0; right:58px; background:#494f56; font-size:12px; font-weight:bold; line-height:12px; color:#fff; padding:8px 12px; } .slider .slider-prev, .slider .slider-next { width:28px; height:28px; display:block; position:absolute; bottom:0; right:0; background:#494f56 url("images/elements/arrow-next-small-white.png") center center no-repeat; z-index:100; } .slider .slider-prev { right:29px; background-image:url("images/elements/arrow-prev-small-white.png"); } .slider .slider-prev:hover { background:#f7d90e url("images/elements/arrow-prev-small.png") center center no-repeat; } .slider .slider-next:hover { background:#f7d90e url("images/elements/arrow-next-small.png") center center no-repeat; } .slider-container.slider-arrows-disabled .slider-prev, .slider-container.slider-arrows-disabled .slider-next { display:none; } .slider-container.slider-arrows-disabled .slider ul.slides li.slide .slide-title { right:0; } .slider .flex-direction-nav { display:none; } .slider-loader { position:absolute; left:0; top:0; bottom:0; width:4px; z-index:1000; background:#c8c8c8; display:none; height:100%; } .slider-loader-inner { background:red; height:0px; background:#f7d90e; } /* ----------------------------------------------------------------------------- Carousel ----------------------------------------------------------------------------- */ .carousel a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .carousel-container { } .carousel { position:relative; padding-bottom:50px !important; } .carousel ul.slides, .slides ul.slides li.slide { margin:0; padding:0; list-style-type:none; list-style-position:outside; } .carousel ul.slides { } .carousel ul.slides li.slide { position:relative; } .carousel ul.slides li.slide img { height:auto !important; margin-bottom:10px; } .carousel ul.slides li.slide .slide-title { font-size:13px; line-height:18px; } .carousel ul.slides li.slide .slide-title a { color:inherit; } .carousel .carousel-actions { position:absolute; bottom:0; width:100%; text-align:center; } .carousel .carousel-prev, .carousel .carousel-next { width:28px; height:28px; display:inline-block; margin:0 2px; background:#494f56 url("images/elements/arrow-next-small-white.png") center center no-repeat; z-index:100; } .carousel .carousel-prev { right:29px; background-image:url("images/elements/arrow-prev-small-white.png"); } .carousel .carousel-prev:hover { background:#f7d90e url("images/elements/arrow-prev-small.png") center center no-repeat; } .carousel .carousel-next:hover { background:#f7d90e url("images/elements/arrow-next-small.png") center center no-repeat; } .carousel-container.carousel-arrows-disabled .carousel-prev, .carousel-container.carousel-arrows-disabled .carousel-next { display:none; } .carousel-container.carousel-arrows-disabled .carousel ul.slides li.slide .slide-title { right:0; } .carousel li { margin:0 10px; } /* ----------------------------------------------------------------------------- Tagline ----------------------------------------------------------------------------- */ #tagline { margin-bottom:40px; padding-bottom:20px; background:transparent url("images/elements/sep-bg.png") center bottom repeat-x; } body.has-breadcrumbs #tagline { margin-bottom:10px; } body.single-jw_portfolio #tagline { margin-bottom:20px; } #tagline h1 { float:left; font-size:26px; line-height:26px; font-weight:bold; padding:0; margin:0; margin-right:5px; } #tagline .tagline-description { float:left; font-size:13px; line-height:13px; font-weight:bold; color:#b9c1ca; padding-top:10px; } /* ----------------------------------------------------------------------------- Breadcrumbs ----------------------------------------------------------------------------- */ #breadcrumbs { margin-bottom:40px; } #breadcrumbs ul { list-style-type:none; } #breadcrumbs ul li { display:block; float:left; color:#a7b4c3; font-size:12px; } #breadcrumbs ul li.sep { padding:0 5px; } #breadcrumbs ul li span.breadcrumbs-info { display:block; margin-right:15px; } /* ----------------------------------------------------------------------------- Blog ----------------------------------------------------------------------------- */ .blog-post-entry a, .composer-blog-post-entry a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .blog-post-entry { margin-bottom:35px; padding-bottom:30px; background:transparent url("images/elements/sep-bg.png") center bottom repeat-x; } body.single .blog-post-entry { margin:0; padding:0; background:none; } .blog-post-thumbnail { margin-bottom:20px; overflow:hidden; } .blog-post-thumbnail a { display:block; } .blog-post-thumbnail a:hover { opacity:0.8; filter:alpha(opacity=80); } .blog-post-thumbnail img { display:block; } h1.blog-post-title { font-size:20px; font-weight:bold; line-height:26px; color:#31353a; margin:0; padding:0; margin-bottom:15px; } .blog-post-title a { color:inherit; text-decoration:none; } h1.blog-post-title a:hover { } ul.blog-post-meta { list-style-type:none; list-style-position:outside; margin:0; padding:0; margin-bottom:15px; font-size:11px; line-height:11px; font-weight:bold; color:#7b8187; } ul.blog-post-meta li { margin:0; padding:0; float:left; margin-right:5px; } ul.blog-post-meta li a { } .blog-post-content { margin-bottom:10px; } a.blog-post-read-more { color:#494f56; font-weight:bold; text-decoration:none; } a.blog-post-read-more:hover { background:#f7d90e; } .composer-blog-post-entry { margin-bottom:30px; } .composer-blog-post-entry .blog-post-thumbnail { margin-bottom:15px; } .composer-blog-post-entry h2.blog-post-title { font-size:13px; line-height:18px; margin:0; margin-bottom:15px; } .composer-blog-post-entry .blog-post-meta { font-size:11px; line-height:11px; color:#60676e; margin-bottom:15px; } .composer-blog-post-entry .blog-post-meta a { color:inherit; font-weight:normal; } /* ----------------------------------------------------------------------------- Portfolio ----------------------------------------------------------------------------- */ .portfolio-post-entry a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .portfolio-listing { } .portfolio-post-entry { position:relative; text-align:center; margin-bottom:50px; } body .portfolio-post-images { margin-bottom:15px; overflow:hidden; position:relative; } h2.portfolio-post-title { font-size:13px; line-height:16px; padding:0; margin:0; margin-bottom:10px; } h2.portfolio-post-title a { color:inherit; text-decoration:none; } h2.portfolio-post-title a:hover { } .portfolio-post-excerpt { font-size:12px; line-height:14px; color:#adb3b9; } .portfolio-post-content { text-align:left; } .portfolio-post-entry .flex-direction-nav a { width:20px; height:30px; background:#f7d90e url("images/elements/arrow-next-small.png") center center no-repeat; z-index:1010; } .portfolio-post-entry .flex-direction-nav a.flex-prev { background:#f7d90e url("images/elements/arrow-prev-small.png") center center no-repeat; } .portfolio-post-entry-single .flex-direction-nav a { width:40px; height:100px; } .sidebar-none .portfolio-listing-fancy.one-fourth-items { padding:0 46px; } .sidebar-none .portfolio-listing-fancy.one-third-items { padding:0 31px; } .sidebar-none .portfolio-listing-fancy.one-half-items { padding:0 15px; } .portfolio-listing-fancy.one-third-items { padding:0 16px; } .portfolio-listing-fancy .flex-direction-nav { display:none; } .portfolio-listing-fancy .portfolio-post-entry { margin:0; } .portfolio-listing-fancy .portfolio-post-images { margin:0; } .portfolio-post-images-overlay { background:#f7d90e; opacity:0; filter:alpha(opacity=0); position:absolute; top:0; left:0; right:0; bottom:0; opacity:0; } .portfolio-post-info-overlay { position:absolute; left:0; right:0; top:0; bottom:0; text-align:center; opacity:0; filter:alpha(opacity=0); } .portfolio-post-info-overlay:hover { background:transparent; } .portfolio-post-info-overlay .portfolio-post-title { font-size:15px; font-weight:bold; } .portfolio-post-info-overlay .portfolio-post-excerpt { font-size:13px; color:#323840; font-weight:normal; } .portfolio-post-entry .portfolio-post-images-overlay, .portfolio-post-entry .portfolio-post-info-overlay { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; } html.csstransitions .portfolio-post-images-overlay { -webkit-transform: rotate(360deg) scale(0); -moz-transform: rotate(360deg) scale(0); -o-transform: rotate(360deg) scale(0); -ms-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0); background:#000; } html.csstransitions .portfolio-post-info-overlay { -webkit-transform: rotate(-360deg) scale(0); -moz-transform: rotate(-360deg) scale(0); -o-transform: rotate(-360deg) scale(0); -ms-transform: rotate(-360deg) scale(0); transform: rotate(-360deg) scale(0); } html.csstransitions .portfolio-post-entry:hover .portfolio-post-images-overlay { opacity:0.9; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); background:#f7d90e; } html.csstransitions .portfolio-post-entry:hover .portfolio-post-info-overlay { opacity:1; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } /* .portfolio-listing-fancy { } .portfolio-listing-fancy .portfolio-post-entry img { -webkit-border-radius:50%; overflow:hidden; -webkit-transform:scale(0.8); -webkit-transition: all 0.2s ease-in-out; } .portfolio-listing-fancy .portfolio-post-entry:hover img { -webkit-transform:scale(1);} .portfolio-listing-fancy .portfolio-post-entry h2.portfolio-post-title { opacity:0; font-size:13px; line-height:16px; padding:0; margin:0; position:absolute; top:45%; left:20%; right:20%; text-align:center; -webkit-transition: all 0.2s ease-in-out; } .portfolio-listing-fancy .portfolio-post-entry h2.portfolio-post-title a { background:#444; color:#fff; display:inline-block; padding:5px 10px; } .portfolio-listing-fancy .portfolio-post-entry:hover h2.portfolio-post-title { opacity:1; } .portfolio-listing-fancy .portfolio-post-entry .flex-direction-nav { opacity:0; -webkit-transition: all 0.2s ease-in-out; } .portfolio-listing-fancy .portfolio-post-entry:hover .flex-direction-nav { opacity:1; } */ .portfolio-post-hover { position:absolute; top:0; left:0; right:0; bottom:0; z-index:1000; opacity:0; filter:alpha(opacity=0); cursor:pointer; -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); box-shadow: inset 0 0 5px rgba(0,0,0,0.2); } .portfolio-post-hover-image { background:transparent url("images/elements/lightbox-image.png") center center no-repeat;} .portfolio-post-hover-video { background:transparent url("images/elements/lightbox-video.png") center center no-repeat;} #portfolio-sidebar-details { margin:0; padding:0; list-style-type:none; list-style-position:outside; } #portfolio-sidebar-details li { } #portfolio-navigation { margin-bottom:40px; padding-bottom:20px; background:transparent url("images/elements/sep-bg.png") center bottom repeat-x; } #portfolio-navigation-info { font-size:11px; color:#808890; font-weight:bold; text-transform:uppercase; } #portfolio-filter { float:right; } #portfolio-filter-info { float:left; font-size:11px; font-family:"Droid Serif"; color:#b9c1ca; margin-right:15px; } #portfolio-filter ul { float:left; list-style-type:none; margin:0; padding:0; list-style-position:outside; } #portfolio-filter ul li { margin:0; padding:0; float:left; } #portfolio-filter ul li a { color:inherit; margin:0 4px; color:#78818b; } #portfolio-filter ul li a.active { background-color: #f7d90e; } #portfolio-singke-related { position:relative; } #portfolio-single-related .flex-direction-nav { display:block; top:35%; } #portfolio-single-related .flex-direction-nav a { width:20px; height:30px; background:#f7d90e url("images/elements/arrow-next-small.png") center center no-repeat; z-index:1010; } #portfolio-single-related .flex-direction-nav a.flex-prev { background:#f7d90e url("images/elements/arrow-prev-small.png") center center no-repeat; } /* ----------------------------------------------------------------------------- Testimonials ----------------------------------------------------------------------------- */ .testimonials-scroller-container { } .testimonials-scroller-container ul { list-style-type:none; margin:0; padding:0; } .testimonials-scroller-container ul li { margin:0; padding:0; } .testimonials-scroller-content { font-size:26px; line-height:42px; text-align:center; padding:0 10%; margin-bottom:20px; } .testimonials-scroller-author { font-size:13px; line-height:13px; text-align:center; margin-bottom:35px; } .testimonials-scroller-actions { text-align:center; } .testimonials-scroller-actions a { display:inline-block; width:23px; height:23px; margin:0 4px; } .testimonials-scroller-actions a:hover { background-color:transparent; } .testimonials-scroller-prev { background:transparent url("images/elements/testimonials-prev.png") center center no-repeat; } .testimonials-scroller-next { background:transparent url("images/elements/testimonials-next.png") center center no-repeat; } .testimonial-entry { border-left:2px solid #f7d90e; padding:0 20px; margin-bottom:50px; } .testimonial-entry-content { font-style:italic; margin-bottom:5px; } .testimonial-entry-author { display:block; font-size:10px; font-weight:bold; line-height:10px; text-transform:uppercase; text-align:right; } .testimonial-entry-author a { color:inherit; } /* ----------------------------------------------------------------------------- Staff ----------------------------------------------------------------------------- */ .staff-listing a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .staff-listing { } .staff-post-entry { text-align:center; background:#f6f7f8; border-bottom:3px solid #f9e34a; margin-bottom:45px; } .staff-post-thumbnail { margin-bottom:12px; } .staff-post-thumbnail img { display:block; } .staff-post-title { font-size:13px; margin-bottom:7px; } .staff-post-title a { color:inherit; text-decoration:none; } .staff-post-title a:hover { color:#acb2b9; } .staff-post-position { display:block; font-size:11px; line-height:11px; font-family:'Droid Serif', serif; color:#7c8389; margin-bottom:10px; } .staff-post-excerpt { margin-bottom:20px; padding:0 20px; } ul.staff-post-social { margin:0; padding:0; margin-bottom:30px; list-style-type:none; width:100%; } ul.staff-post-social li { margin:0; padding:0; display:inline-block; zoom:1; *display: inline; _height: 30px; *margin:0 2px; } ul.staff-post-social li a { display:block; width:23px; height:24px; } ul.staff-post-social li a.staff-post-social-facebook { background:transparent url("images/social/facebook-small.png") center center no-repeat; } ul.staff-post-social li a.staff-post-social-facebook:hover { background-image:url("images/social/facebook-small-active.png"); } ul.staff-post-social li a.staff-post-social-twitter { background:transparent url("images/social/twitter-small.png") center center no-repeat; } ul.staff-post-social li a.staff-post-social-twitter:hover { background-image:url("images/social/twitter-small-active.png"); } ul.staff-post-social li a.staff-post-social-linkedin { background:transparent url("images/social/linkedin-small.png") center center no-repeat; } ul.staff-post-social li a.staff-post-social-linkedin:hover { background-image:url("images/social/linkedin-small-active.png"); } /* ----------------------------------------------------------------------------- Pagination ----------------------------------------------------------------------------- */ #pagination { padding-top:30px; } #pagination ul { list-style-type:none; list-style-position:outside; margin:0; padding:0; overflow:hidden; } #pagination ul li { margin-right:5px; float:left; } #pagination li a:hover { background:#32363B; color:#fff; } /* ----------------------------------------------------------------------------- About Author ----------------------------------------------------------------------------- */ #about-author { } #about-author-avatar { float:left; margin-right:30px; } #about-author-avatar img { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } #about-author-info { overflow:hidden; } #about-author-info h4 { margin-bottom:10px; font-weight:normal; font-size:14px; } /* ----------------------------------------------------------------------------- Comments ----------------------------------------------------------------------------- */ #comments a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } #comments { } #comments .commentlist, #comments .children, #comments li.comment { margin:0; padding:0; list-style-type:none; list-style-position:outside; } #comments .commentlist { padding-top:10px; } #comments li.comment { padding-bottom:30px; margin-bottom:30px; overflow:hidden; background:transparent url("images/elements/sep-bg.png") center bottom repeat-x;} #comments li.depth-1.comment:last-child { padding:0; margin:0; background:none; } #comments li.comment li { background:none; padding:0; margin:0; margin-top:30px; padding-left:92px; } #comments .comment-author-avatar { float:left; margin-right:17px; } #comments .comment-author-avatar img { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } #comments .comment-main { overflow:hidden; } #comments .comment-meta { font-size:11px; color:#3e4246; border-bottom:1px dotted #b4bbc3; margin-bottom:5px; padding-bottom:5px; overflow:hidden; } #comments .comment-meta .comment-author { font-size:13px; font-weight:bold; } #comments .comment-meta .comment-author a { color:inherit; } #comments .comment-meta .comment-author a:hover { text-decoration:none; background:#f7d90e; } #comments .comment-meta .comment-reply-link { float:right; font-size:11px; line-height:11px; margin:5px 0; font-weight:bold; color:#a2a7ac; text-decoration:none; } #comments .comment-meta .comment-reply-link:hover { color:#31353a; background:#f7d90e; } #comments .comment-content { } #commentform { } #commentform label { width:auto; margin:0; } #commentform .comment-form-field-label { display: inline-block; width: 100px; margin-right: 10px; } #commentform .comment-form-field-label span { color:#b43838; } /* ----------------------------------------------------------------------------- Sidebar ----------------------------------------------------------------------------- */ #sidebar { } #sidebar .widget { margin-bottom:50px; } #sidebar h3.widget-title { margin:0; padding:0; margin-bottom:20px; background:transparent url("images/elements/sep-bg.png") center center repeat-x; font-size:14px; line-height:14px; } #sidebar .widget-title span { background:#fff; margin-left:15px; padding:0 15px; } /* ----------------------------------------------------------------------------- Widgets ----------------------------------------------------------------------------- */ .widget a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } /* Tagcloud */ .widget .tagcloud { overflow:hidden; } .widget .tagcloud a { display:block; float:left; color:#494f56; background:#f7f7f7; text-decoration:none; font-family:'Droid Serif', serif; font-size:12px !important; line-height:12px; font-weight:normal; padding:10px 15px; margin-right:20px; margin-bottom:5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .widget .tagcloud a:hover { background:#f7d90e; } /* Flickr */ .flickr-stream { margin:0; padding:0; list-style-type:none; list-style-position:outside; overflow:hidden; } .flickr-stream li { float:left; } .flickr-stream li img { display:block; width:71px; } /* RPC widget */ .jw-rpc-widget { } .jw-rpc-widget .tabs-content ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; } .jw-rpc-widget .tabs-content ul li { margin-bottom:15px; overflow:hidden; } .jw-rpc-widget .posts-listing-thumb { display:block; float:left; margin-right:10px; } .jw-rpc-widget .tabs-content ul li div { overflow:hidden; } .jw-rpc-widget .tabs-content ul li a { display:block; overflow:hidden; } .jw-rpc-widget .tabs-content ul li a img { display:block; } /* Search */ #sidebar .widget_search input[type=text] { width:250px; } /* Twitter */ .jw-twitter-widget { } .jw-twitter-widget ul { margin:0; padding:0; list-style-type:none; list-style-position:inside; } .jw-twitter-widget ul li { margin-bottom:15px; } /* Slider Posts */ .jw-slider-posts-widget { } .jw-slider-posts-widget .slider-posts-post-entry { margin-bottom:30px; padding:0 30px; } .jw-slider-posts-widget h3.post-title { font-size: 13px; line-height: 18px; margin: 0; margin-bottom:10px; } .jw-slider-posts-widget h3.post-title a { color:inherit; } .jw-slider-posts-widget .type-jw_portfolio .slide-description{ font-size:12px; line-height:14px; color:#adb3b9; } /* ----------------------------------------------------------------------------- Columns ----------------------------------------------------------------------------- */ .one-half { width:445px; } .one-third { width:286px; } .two-third { width:604px; } .one-fourth { width:207px; } .three-fourth { width:683px; } .one-half, .one-third, .two-third, .one-fourth, .three-fourth { float:left; margin-right:30px; } .one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last { margin-right:0; } .separator { clear:both; height:1px; padding-bottom:30px; margin-bottom:30px; background:transparent url("images/elements/sep-bg.png") center bottom repeat-x; } .separator.small { padding-bottom:15px; margin-bottom:15px; } .separator.big { padding-bottom:60px; margin-bottom:60px; } .separator.clean { background:transparent; } /* ----------------------------------------------------------------------------- Elements ----------------------------------------------------------------------------- */ /* Service */ .service { } .service .service-icon { float:left; margin-right:10px; } .service .service-content { overflow:hidden; } .service h2, .service h3, .service h4, .service h5, .service h6 { margin:0; margin-bottom:5px; } /* Tabs */ .tabs-container { } .tabs-nav { background:#badd67; padding:5px; padding-bottom:0; } .tabs-nav ul { overflow:hidden; } .tabs-nav ul li { float:left; display:block; } .tabs-nav ul li a { display:block; padding:15px 20px; line-height:13px; } .tabs-nav ul li.active a { background:#fff; color:inherit; } .tabs-content { } .tab-content { } #sidebar .tabs-container { } #sidebar .tabs-nav { } #sidebar .tabs-nav ul { } #sidebar .tabs-nav ul li { } #sidebar .tabs-nav ul li a { padding:8px 10px; } #sidebar .tabs-nav ul li.active a { } #footer .tabs-container { background:#fff; } #footer .tabs-nav { } #footer .tabs-nav ul { } #footer .tabs-nav ul li { } #footer .tabs-nav ul li a { padding:5px 10px; } #footer .tabs-nav ul li.active a { color:#444; } #footer .tabs-content { background:#fff; padding:10px; } /* 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{ 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.yellow { background:#f7d90e; } body .button.orange { background:#fb9360; } body .button.green { background:#badd67; } body .button.blue { background:#98d1f5; } body .button.purple { background:#c6b2ea; } body .button.red { background:#dd7779; } body .button.grey { background:#ececec; } body .button.brown { background:#e8a609; } body .button.lightblue { background:#a5e6d7; } button:hover, input[type=button]:hover, input[type=submit]:hover, body .button: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; } /* Content box */ .content-box { } .content-box-title { background:#badd67; padding:15px 20px; line-height:13px; font-weight:bold; margin-bottom:15px; position:relative; } .content-box.yellow .content-box-title { background:#f7d90e; } .content-box.orange .content-box-title { background:#fb9360; } .content-box.green .content-box-title { background:#badd67; } .content-box.blue .content-box-title { background:#98d1f5; } .content-box.purple .content-box-title { background:#c6b2ea; } .content-box.red .content-box-title { background:#dd7779; } .content-box.grey .content-box-title { background:#ececec; } .content-box.brown .content-box-title { background:#ecce9b; } .content-box.lightblue .content-box-title { background:#a5e6d7; } .content-box-toggle { position:absolute; right:5px; top:0; bottom:0; display:block; width:30px; background:transparent url("images/elements/arrow-toggle.png") center center no-repeat; cursor:pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .content-box-toggle-state-open .content-box-toggle { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); } .content-box-content { padding-right:15px; padding-left:13px; border-left:2px solid #badd67; } .content-box.yellow .content-box-content { border-color:#f7d90e; } .content-box.orange .content-box-content { border-color:#fb9360; } .content-box.green .content-box-content { border-color:#badd67; } .content-box.blue .content-box-content { border-color:#98d1f5; } .content-box.purple .content-box-content { border-color:#c6b2ea; } .content-box.red .content-box-content { border-color:#dd7779; } .content-box.grey .content-box-content { border-color:#ececec; } .content-box.brown .content-box-content { border-color:#ecce9b; } .content-box.lightblue .content-box-content { border-color:#a5e6d7; } .accordion .content-box { margin-bottom:15px; } /* ----------------------------------------------------------------------------- Footer ----------------------------------------------------------------------------- */ #footer { background:#32363b; color:#ddd; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color:#ddd; } #footer h3.widget-title { margin:0; padding:0; margin-bottom:20px; background:transparent url("images/elements/sep-footer-bg.png") center center repeat-x; font-size:14px; line-height:14px; } #footer .widget-title span { background:#32363b; margin-left:15px; padding:0 15px; } #footer-inner { width:950px; } /* ----------------------------------------------------------------------------- Widgets ----------------------------------------------------------------------------- */ #footer .widget .tagcloud a { color:#ddd; } #footer .widget .tagcloud a:hover { color:#494f56; } /* ----------------------------------------------------------------------------- WordPress Generated ----------------------------------------------------------------------------- */ .sticky { } .gallery-caption { } .bypostauthor { } .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 10px; 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} /* ==|== media queries ====================================================== EXAMPLE Media Query for Responsive Design. This example overrides the primary ('mobile first') styles Modify as content requires. ----------------------------------------------------------------------------- */ img { height:auto; } /* Original sizes .one-half { width:445px; } .one-third { width:286px; } .two-third { width:604px; } .one-fourth { width:207px; } .three-fourth { width:683px; } */ #slider img, #content img, #content embed, #content object, #content video, #sidebar img { max-width:100% !important; height:auto !important; } #content iframe, #content .portfolio-images-inner { max-width:100%; } /* ----------------------------------------------------------------------------- 768px - tablet portrait ----------------------------------------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 959px) { #wrapper, #footer { width:728px; } #footer-inner { width:758px; } .search-container input { width:185px; } #header-social li { margin-left:5px; } #nav { display:none; } #mobile-navigation-container { display:block; } .one-half { width:349px; } #sidebar, .one-third { width:222px; } #content, .two-third { width:476px; } .one-fourth { width:159px; } .three-fourth { width:539px; } #sidebar .widget_search input[type="text"] { width:185px; } ul.blog-post-meta li { line-height:17px; } } /* ----------------------------------------------------------------------------- 480px - mobile landscape ----------------------------------------------------------------------------- */ @media only screen and (min-width: 480px) and (max-width: 767px) { #wrapper, #footer, #footer-inner { width:440px; } #header-column-1, #header-column-2, #logo { width:100%; margin-bottom:30px; text-align:center; } #header-column-2 { margin:0; } #header-social { float:none; text-align:center; } #header-social li { float:none; display:inline-block; margin:0 5px; } #nav { display:none; } #mobile-navigation-container { display:block; } #tagline h1, #tagline .tagline-description { float:none; } .one-half { width:100%; } .one-third { width:100%; } .two-third { width:100%; } .one-fourth { width:100%; } .three-fourth { width:100%; } .one-half, .one-third, .two-third, .one-fourth, .three-fourth { float:left; margin-bottom:30px; } .one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last { margin-bottom:30px; } .slider .slider-prev, .slider .slider-next, .flex-direction-nav { display:none; } .slider ul.slides li.slide .slide-title { right:0; } #content, #sidebar { float:none; width:auto; } #content { margin-bottom:25px; border-bottom:1px dashed #ddd; padding-bottom:25px; } #portfolio-navigation-info { display:none; } ul.blog-post-meta li { line-height:17px; } #comments .comment-author-avatar { display:none; } #comments li.comment li { padding-left:25px; } #sidebar .widget_search input[type="text"] { width:403px; } body .jw-slider-posts-widget .slider-posts-post-entry { width:80%; padding:0; margin:0 10%; margin-bottom:30px; float:none; } /* Slider Posts */ .jw-slider-posts-widget { overflow:hidden; } .jw-slider-posts-widget .slider-posts-post-entry { margin:15px; float:left; width:190px; } #footer .one-third { width:100%; float:none; margin:0; margin-bottom:30px; } body .no-margin-bottom { margin-bottom:30px; } } /* ----------------------------------------------------------------------------- 320px - mobile portrait ----------------------------------------------------------------------------- */ @media only screen and (max-width: 479px) { #wrapper, #footer, #footer-inner { width:280px; } #header-column-1, #header-column-2, #logo { width:100%; margin-bottom:30px; text-align:center; } #header-column-2 { margin:0; } #header-social { float:none; text-align:center; } #header-social li { float:none; display:inline-block; margin:0 5px; } #nav { display:none; } #mobile-navigation-container { display:block; } .one-half, .one-third, .two-third, .one-fourth, .three-fourth { width:100%; margin-bottom:30px; } .one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last { margin-bottom:30px; } .slider .slider-prev, .slider .slider-next, .flex-direction-nav { display:none; } .slider ul.slides li.slide .slide-title { right:0; } #content, #sidebar { float:none; width:auto; } #content { margin-bottom:25px; border-bottom:1px dashed #ddd; padding-bottom:25px; } #portfolio-navigation-info { display:none; } ul.blog-post-meta li { line-height:17px; } #about-author-avatar { display:none; } #comments .comment-author-avatar { display:none; } #comments li.comment li { padding-left:25px; } #sidebar .widget_search input[type="text"] { width:243px; } #footer .one-third { width:100%; float:none; margin:0; margin-bottom:30px; } body .no-margin-bottom { margin-bottom:30px; } } /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ----------------------------------------------------------------------------- */ .block { display:block; } .align-right { text-align:right; } .align-center { text-align:center; } .margin-none { margin:0; } .no-margin-bottom { margin-bottom:0; } .display-none { display:none; } /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .clear { clear:both; } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none; z-index:1010; } /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li { display:none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider { position: relative; zoom: 1;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; z-index:99;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {} /* Direction Nav */ .flex-direction-nav { position: absolute; top: 45%; width:100%; left:0; right:0; } .flex-direction-nav a { display: block; position:absolute; top:0; cursor: pointer; text-indent: -9999px; } .flex-direction-nav .flex-next { right:0;} .flex-direction-nav .flex-prev {left:0; } .flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;} .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #dedede; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;} .flex-control-paging li a:hover {background: #a4a4a4;} .flex-control-paging li a.active {background: #ff5454; cursor: default;} .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} } /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ----------------------------------------------------------------------------- */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } #header #nav ul li a{ padding:18px 18px 23px 18px; }