/* Theme Name: Coastal Computing Solutions Theme URI: http://www.coastalcomputing.com.au Version: 1.1 Description: Heavily modified theme from Elegant Themes, designed to suit Coastal Computing Solutions. Author: Golden Age Media Enterprises Author URI: http://www.goldenagemedia.com.au/web-design/ */ /*------------------------------------------------*/ /*-----------------[RESET]------------------------*/ /*------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a[href^=tel], a[href^=tel]:hover { color: inherit; text-decoration:inherit; } /*------------------------------------------------*/ /*-----------------[BASIC STYLES]-----------------*/ /*------------------------------------------------*/ body { line-height: 20px; font-family: 'Lato', Arial, Verdana, sans-serif; font-size: 15px; color: #333; background: #fff; } a { text-decoration: none; color: #00519F; } a:hover { text-decoration: underline; } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0px; padding: 0px; } h1, h2, h3, h4, h5, h6 { padding-bottom: 20px; color: #00519F; letter-spacing: -1.5px; line-height: 1em; font-weight: normal; font-family: 'Open Sans', Arial, sans-serif; text-shadow: none; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #00519F; } h1 { font-size: 30px; } h2 { font-size: 27px; } h3 { font-size: 23px; } h4 { font-size: 20px; } h5 { font-size: 16px; } h6 { font-size: 16px; } p { padding-bottom: 20px; line-height: 26px; } strong { font-weight: bold; } cite, em, i { font-style: italic; } pre, code { font-family: Courier New, monospace; margin-bottom: 10px; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} blockquote { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; } blockquote p { padding-bottom: 0px; } input[type=text],input[type=email],input[type=password],input.text, input.title, textarea, select { background-color: #fff; border: 1px solid #bbb; padding: 10px !important; color: #4e4e4e; } input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color: #2D3940; color: #3e3e3e; } input[type=text], input[type=email], input[type=password], input.text, input.title, textarea, select { margin: 0 0 10px; } .gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper textarea, .gform_wrapper select { font-size: 16px !important; } input[type=button], input[type=submit], button, .button, input.button { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; /* For Mobiles */ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 0px none; cursor: pointer; background: #00A039; color: #fff; padding: 0px 20px; line-height: 50px; text-transform: uppercase; text-decoration: none; font-size: 17px !important; } input[type=button]:hover, input[type=submit]:hover, button:hover, .button:hover { background: #01CD49; text-decoration: none; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /* Change this class to whatever ID or class you wish to animate */ input[type=button], input[type=submit], button, .button, ul#top-menu a, a.nav-flexirent, a.nav-flexirent span, a.nav-flexirent:hover span { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Animation speed for when window resizes */ #homepage-box-1-apple, #homepage-box-1-text, #homepage-box-1, #homepage-box-1-read-more, #homepage-box-1-read-more span { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } /*------------------------------------------------*/ /*---------------[MAIN LAYOUT INFO]---------------*/ /*------------------------------------------------*/ .post-edit-link { position: fixed; top: 40%; left: 0px; z-index: 99999999999; display: inline-block; color: #fff; padding: 43px 10px 10px; background: #BC4795 url(images/icon-post-edit.png) no-repeat 50% 10px; text-align: center; width: 55px; font-size: 13px; line-height: 12px; } .container { text-align: left; margin: 0 auto; width: 1160px; position: relative; } #header { position: relative; padding: 30px 0px; } #header-inner { position: relative; width: 1160px; margin: 0 auto; } #logo { width: 300px; } #header-tagline { position: absolute; top: 30px; left: 420px; z-index: 11; color: #00519F; font-family: 'Satisfy', cursive; font-size: 30px; text-shadow: 1px 1px 3px rgba(19, 37, 61, 0.37); } #header-phone { display: inline-block; position: absolute; right: 0px; top: 10px; z-index: 11; color: #00519F; font-size: 24px; text-align: right; } #header-phone a { display: inline-block; color: #00519F; font-size: 24px; line-height: 50px; } #header-phone a i { color: #00519F; content: "\f098"; font: normal normal normal 24px/1 FontAwesome; margin-right: 10px; } #navbar-menu { position: relative; background: #006CAC; float: left; width: 100%; } ul#top-menu { position: relative; margin: 0; } a.nav-flexirent { position: relative; display: inline-block; float: right; background: #fff url(images/button-flexirent.png) no-repeat 50%; width: 71px; height: 28px; overflow: hidden; text-indent: -9999px; padding: 10px 25px; margin-top: 6px; } a.nav-flexirent span { display: inline-block; position: absolute; right: 0px; bottom: -83px; z-index: 111; width: 160px; background: #DC0D5F; color: #fff; padding: 20px 20px 20px 10px; text-indent: 0px; text-align: right; font-size: 20px; margin-bottom: -6px; opacity: 0; -o-opacity: 0; -ms-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; } a.nav-flexirent span i.fa { color: #FFFD0B; margin-right: 5px; font-size: 22px; vertical-align: middle; } a.nav-flexirent:hover { overflow: visible; } a.nav-flexirent:hover span { margin-bottom: 0px; opacity: 1; -o-opacity: 1; -ms-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } /* Homepage Slider */ #homepage-slider { position: relative; margin: 0 auto; width: 100%; padding: 40px 0px; background: url(images/background-slider.jpg) no-repeat 50% 50%; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; } .slider-box-1, .slider-box-2, .slider-box-3 { display: block; width: 350px !important; height: 200px !important; text-indent: -9999px; background-repeat: no-repeat; background-position: 50% 50%; cursor: pointer; } .slider-box-1 { background-image: url(images/slider-box-computer-servicing.png); background-color: #00A039; } .slider-box-1:hover { background-color: #00CE49; } .slider-box-2 { background-image: url(images/slider-box-computer-sales.png); background-color: #006CAC; } .slider-box-2:hover { background-color: #009CF6; } .slider-box-3 { background-image: url(images/slider-box-computer-repairs.png); background-color: #0E3166; } .slider-box-3:hover { background-color: #0049B6; } #homepage-slider-mobile { position: relative; margin: 0 auto; width: 100%; padding: 40px 0px; background: url(images/background-slider.jpg) no-repeat 50% 50%; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; display: none; } /* End Homepage Slider */ /* Homepage Box 1 */ #homepage-box-1 { position: relative; float: none; background: #e3e3e3; width: 100%; } #homepage-box-1-text { position: relative; margin: -40px 0px 0px 0px; padding: 50px; width: auto; height: 375px; background: #fff; line-height: 23px; } #homepage-box-1-text h1 { line-height: 47px; font-size: 37px; padding-bottom: 30px; } #homepage-box-1-read-more { position: absolute; bottom: 0px; left: 0px; right: 0px; background: url(images/homepage-box-1-read-more.png) repeat-x 0px 0px; height: 128px; } #homepage-box-1-read-more span { position: absolute; bottom: 17px; left: 50px; color: #006CAC; cursor: pointer; } #homepage-box-1-text.read-more-expanded { height: auto !important; } #homepage-box-1-text.read-more-expanded #homepage-box-1-read-more { display: none !important; } /* End Homepage Box 1 */ /* Homepage Quote */ #homepage-quote { position: relative; margin: 0 auto; background: #e3e3e3; color: #fff; padding-bottom: 50px; font-size: 20px; } #homepage-quote .container { width: 810px; background: #0E3166 url(images/bg-homepage-quote.png) no-repeat 100% 0%; padding: 50px 300px 50px 50px; } #homepage-quote h3 { display: block; text-align: left; color: #fff; font-size: 35px; } #homepage-quote a { color: #fff; } #homepage-quote a.button { display: inline-block; } #homepage-quote .gform_wrapper { } #homepage-quote .gform_wrapper ul.gform_fields li.gfield { color: #333 !important; padding: 10px !important; background: #fff !important; } #homepage-quote .gform_wrapper ul.gform_fields li#field_1_1 { margin-right: 10px !important; width: 30.65% !important; } #homepage-quote .gform_wrapper ul.gform_fields li#field_1_4 { margin-right: 10px !important; } #homepage-quote .gform_wrapper .top_label div.ginput_container { margin: 0px !important; } #homepage-quote .gform_wrapper .top_label .gfield_label { font-size: 15px !important; line-height: 1.1em !important; color: #999 !important; } #homepage-quote .gform_wrapper .top_label div.ginput_container input, #homepage-quote .gform_wrapper .top_label div.ginput_container textarea { margin: 0px !important; padding: 0px 0px !important; border: 0px none !important; } #homepage-quote .gform_wrapper .top_label div.ginput_container textarea { height: 120px !important; } #homepage-quote .gform_wrapper .gform_footer { padding: 0px 0px !important; margin: 10px 0px 0px !important; } /* End Homepage Quote */ /* Homepage Carousel */ #homepage-carousel { position: relative; width: 100%; padding: 30px 0px; background: #fff; } #homepage-carousel h3 { margin: 0 auto; display: block; text-align: center; font-size: 40px; font-weight: lighter; padding-bottom: 0px; } .owl-carousel-item-text { padding: 25px !important; } .owl-theme .owl-controls { margin-top: 0px; } #homepage-carousel p { padding-bottom: 0px; } /* End Homepage Carousel */ #page-header { background: url(images/bg-page-header.jpg) no-repeat 50% 50%; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; padding: 42px 0px; text-align: center; } #category-name { text-align: center; margin: 0 auto; } #category-inner { } h1.category-title { color: #fff; font-size: 38px; padding-bottom: 5px; } p.description { color: #fff; font-size: 20px; font-family: 'Open Sans', Arial, sans-serif; font-weight: lighter; } #breadcrumbs { font-size: 14px; padding-top: 10px; color: #fff; } #breadcrumbs a { color: #fff; text-decoration: none; } #breadcrumbs a:hover { color: #fff; } #breadcrumbs .raquo { color: #fff; } #content { padding: 0px 0px 60px; } .fullwidth { background: none !important; } #left-area { width: 840px; float: left; } .fullwidth #left-area { width: 100%; } #sidebar { width: 320px; float: left; padding-top: 50px; } .post { padding: 50px 50px 0px 0px; } .post-thumbnail { display: block; float: left; position: relative; margin-right: 35px; margin-top: 6px; } .post-thumb { margin-top: 7px; margin-left: 7px; } span.post-overlay { background: url(images/post-overlay.png) no-repeat; display: block; height: 200px; left: 0px; position: absolute; top: 0px; width: 200px; } .post img { max-width: 100%; height: auto; } h2.title { font-size: 28px; } h2.title a { color: inherit; text-decoration: none; } h2.title a:hover { color: inherit; } .post p.meta-info { padding-bottom: 4px; padding-top: 4px; font-size: 15px; color: #333; border-top: 1px solid #999; border-bottom: 1px solid #999; margin-bottom: 11px; } .post p.meta-info a, p.description a { color: #929292; text-decoration: none; } p.description a { color: #6e6e6e; } .post p.meta-info a:hover, p.description a:hover { color: #111; } a.read-more, .reply-container a { border: 1px solid #ccc; float: right; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-family: 'Open Sans', Arial, sans-serif; padding: 3px 10px; text-decoration: none; display: block; background: #fff; } .post ul, .comment-content ul { list-style-type: disc; padding: 0px 0px 20px 20px; line-height: 26px; } .post ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; padding: 0px 0px 20px 2px; } .post ul li ul, .post ul li ol, .comment-content ul li ul, .comment-content ul li ol { padding: 2px 0px 2px 20px; } .post ol li ul, .post ol li ol, .comment-content ol li ul, .comment-content ol li ol { padding: 2px 0px 2px 35px; } strong.search-excerpt { background-color: yellow; color: blue; } /*------------------------------------------------*/ /*---------------[DROPDOWN MENU]------------------*/ /*------------------------------------------------*/ ul#top-menu li { padding: 0px 0px; } ul#top-menu a { font-size: 16px; font-family: 'Lato', Arial, sans-serif; color: #fff; text-decoration: none; font-weight: normal; text-transform: uppercase; display: inline-block; line-height: 60px; padding: 0px 30px; background: #006CAC; } ul#top-menu a:hover, ul#top-menu > li.sfHover > a { color: #fff; background: #0382CB; } ul#top-menu > li.current_page_item > a, ul#top-menu > li.current-menu-item > a { color: #fff !important; font-weight: normal; } ul#top-menu li:first-child a { position: relative; background: #00A039; text-indent: -9999px; } ul#top-menu li:first-child a::before { position: absolute; left: 19px; right: 20px; top: 18px; text-indent: 0px; content: "\f015"; font: normal normal normal 24px/1 FontAwesome; } ul#top-menu li:first-child a:hover { background: #0382CB; } ul#top-menu ul { width: 300px; background: #0382CB; top: 60px !important; z-index: 9999px; display: none; padding: 0px 0px; } ul#top-menu ul li { padding: 0 0; } ul#top-menu ul li a { padding: 0px 0px 0px 40px; width: 260px; background: #0382CB url(images/icon-menu-arrow.png) no-repeat 20px 51%; line-height: 50px; } ul#top-menu ul li a:hover { background: #078EDB url(images/icon-menu-arrow.png) no-repeat 20px 51% !important; } ul#top-menu ul li:first-child a { background: #0382CB url(images/icon-menu-arrow.png) no-repeat 20px 51%; text-indent: 0px; } ul#top-menu ul li:first-child a::before { content: ""; font-family: inherit; } ul#top-menu ul li:first-child a:hover { background: #078EDB url(images/icon-menu-arrow.png) no-repeat 20px 51% !important; } ul#top-menu li:hover ul ul, ul#top-menu li.sfHover ul ul { top: -12px !important; left: 197px !important; } /*------------------------------------------------*/ /*--------------------[SIDEBAR]-------------------*/ /*------------------------------------------------*/ .widget { width: 320px; margin-bottom: 25px; } .widget h3.title { padding-bottom: 15px; } .widget ul li { background:url(images/sidebar-bullet.png) no-repeat 0px 7px; padding-bottom: 8px; padding-left: 15px; display: block; } .widget ul li a { color: #929292; text-decoration: none; } .widget ul li a:hover { color:#b2b2b2; } .widget_search { background: #00A039; color: #fff; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .widget_search h3.title { color: #fff; } .widget_search #s { background: #fff; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 0px none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 17px; } .widget_search #searchsubmit { background: #005C20; line-height: 40px; } #custom_html-4 { background: #d6d6d6; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #custom_html-4 .widget-hours { display: block; } #custom_html-4 .widget-hours span { display: block; text-align: left; line-height: 30px; } #custom_html-4 .widget-hours span i.fa { margin-right: 10px; font-size: 23px; line-height: 27px; vertical-align: middle; } #custom_html-4 .widget-hours span strong { display: inline-block; float: right; font-weight: normal; } #custom_html-3 h3.title { display: none; } /*------------------------------------------------*/ /*---------------------[FOOTER]-------------------*/ /*------------------------------------------------*/ #contact-box { position: relative; background: #E7E7E7; margin-right: 50px; margin-top: 26px; margin-bottom: 10px; padding: 30px 290px 30px 30px; font-size: 24px; } #contact-box #contact-box-person { position: absolute; right: 30px; bottom: -20px; z-index: 11; } #contact-box p { line-height: 30px; } #contact-box a { display: inline-block; background: #006CAC; color: #fff; padding: 0px 25px 3px; line-height: 40px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 20px; } #contact-box a:hover { background: #00598C; text-decoration: none; } #footer { position: relative; background: #006CAC; } #footer-map { position: relative; width: 100%; height: auto; } #footer-map #footer-map-details { position: absolute; left: 100px; top: 80px; bottom: 80px; z-index: 11; background: #fff; border: 5px solid #ADADAD; padding: 50px 100px 50px 60px; box-shadow: 4px 4px 10px rgba(0,0,0,0.3); -moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.3); } #footer-map #footer-map-details span { display: block; line-height: 36px; } #footer-map #footer-map-details span i.fa { vertical-align: middle; margin-right: 10px; margin-top: -1px; } #footer-map #footer-map-details span.enquiry { font-size: 20px; margin-top: 10px; } #footer-map #footer-map-details span.enquiry i.fa { font-size: 30px; } #footer-bottom-bar { width: 100%; float: left; position: relative; padding: 10px 0px; background: #00649E; font-size: 14px; } #copyright { float: left; color: #93C1DB; } #copyright a { color: #93C1DB; } #copyright a:hover { color: #fff; } #developed { float: right; color: #5797BB; } #developed a { color: #5797BB; } #developed a:hover { color: #fff; } #back-top { bottom: 10px; margin-left: -150px; position: fixed; right: 20px; z-index: 111; } #back-top a { display: block; width: 61px; color: #BBBBBB; font: 11px/100% Arial,Helvetica,sans-serif; text-align: center; text-decoration: none; text-transform: uppercase; } #back-top span { background: url("images/up-arrow.png") no-repeat scroll center center; display: block; height: 61px; margin-bottom: 0px; width: 61px; } #footer-toggle-menu { display: none; position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 9999999999999; background: #222; color: #fff; line-height: 80px; text-align: center; } #footer-toggle-menu a { display: inline-block; text-indent: -9999px; width: 65px; height: 45px; line-height: 80px; vertical-align: middle; opacity: 0.7; } #footer-toggle-menu a.ftm-phone { background: url(images/icon-ftm-phone.png) no-repeat 0px 0px; } #footer-toggle-menu a.ftm-email { background: url(images/icon-ftm-email.png) no-repeat 0px 0px; margin: 0px 50px; } #footer-toggle-menu a.ftm-address { background: url(images/icon-ftm-address.png) no-repeat 0px 0px; } #footer-toggle-menu a:hover{ opacity: 1.0; } #footer-toggle-menu div.ftm-toggle { display: block; position: absolute; top: -27px; left: 50%; margin-left: -80px; width: 160px; height: 27px; opacity: 1; background: url(images/icon-ftm-toggle.png) no-repeat 0px 0px; text-indent: -9999px; vertical-align: middle; } /*------------------------------------------------*/ /*--------------[FEATURED SLIDER]-----------------*/ /*------------------------------------------------*/ #featured { position: relative; background: url(images/featured-bg.png) no-repeat top center; margin-top: 12px; margin-bottom: 12px; } a#left-arrow, a#right-arrow, #featured .nivo-prevNav, #featured .nivo-nextNav { position: absolute; top: 143px; width: 40px; height: 44px; text-indent:-9999px; z-index: 40; } a#left-arrow, #featured .nivo-prevNav { background:url(images/left-arrow.png) no-repeat; left: -7px; } a#right-arrow, #featured .nivo-nextNav { background:url(images/right-arrow.png) no-repeat; right: -7px; } .featured-top-shadow { background:url(images/featured-top-shadow.png) repeat-x; position: absolute; top:0; left: 0px; width: 960px; height: 4px; } .featured-bottom-shadow { background:url(images/featured-bottom-shadow.png) repeat-x; position: absolute; bottom:0; left: 0px; width: 960px; height: 4px; } .featured-description { position: absolute; width: 340px; height: 160px; top: 50px; right:53px; background:url(images/featured-description.png); padding: 37px 33px 40px 40px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } h2.featured-title { font-family: 'Open Sans', Arial, sans-serif; font-weight: lighter; font-size: 28px; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); } h2.featured-title a { text-decoration: none; color: #ffffff; } .featured-description p { color: #bebdbd; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); line-height: 21px;} a.readmore { display: block; background: url(images/readmore.png); height: 27px;padding: 0 13px; color: #7b9297; font-size: 13px; font-family: 'Open Sans', Arial, sans-serif; line-height: 27px; position: absolute; bottom: 0px; right: 0px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } #featured a.readmore:hover { color: #fff; } #controllers, .nivo-controlNav { text-align: center; padding-top: 12px; padding-bottom: 14px; } #controllers a, .nivo-controlNav a { background:url(images/controller1.png) no-repeat; display:block; height:11px; margin-right:4px; text-indent:-9999px; width:11px; display: inline-block; } #controllers a.activeSlide, .nivo-controlNav a.active, #controllers a:hover, .nivo-controlNav a:hover { background:url(images/controller2.png) no-repeat; } .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; } .nivo-box { display:block; position:absolute; z-index:5; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:8; } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { position: absolute; bottom: -40px; left: 0; width: 960px; } .nivo-controlNav a { position:relative; z-index:9; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } #featured-modest { position: relative; height: 340px; margin-top: 30px; } #featured-modest .slide { position: absolute; top: 20px; left: 300px; z-index: 1; opacity: 0; width: 354px; } #featured-modest .active-block { top: 0; left: 246px; z-index: 3; width: 462px; } #featured-modest .next-block, #featured-modest .prev-block { top: 35px; z-index: 2; } #featured-modest .next-block { left: 575px; } #featured-modest .prev-block { left: 20px; } #featured-modest .active-block, #featured-modest .prev-block, #featured-modest .next-block { opacity: 1; } .shadow-left, .shadow-right { position: absolute; top: 35px; height: 234px; display: none; } .shadow-left { left: -29px; width: 29px; background: url(images/active-left-shadow.png) no-repeat; } .shadow-right { right: -21px; width: 21px; background: url(images/active-right-shadow.png) no-repeat; } a.featured-link { text-indent: -9999px; width: 61px; height: 71px; background: url(images/featured_active_link.png) no-repeat; position: absolute; right: -28px; top: 118px; display: none; z-index: 1000; } #featured-modest .featured-title { position: absolute; bottom: 115px; width: 441px; left: 0; text-align: center; padding: 0 10px 26px; font-size: 30px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); background: url(images/featured-title-bg.png) no-repeat bottom center; display: none; } #featured-modest .description { background: url(images/description-bg.png) no-repeat; width: 411px; height: 86px; position: absolute; bottom: 0px; left: 1px; padding: 26px 25px 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); line-height: 20px; display: none; } #featured-modest .featured-title, #featured-modest #featured .description { cursor: pointer; } #featured-modest .active-block .shadow-left, #featured-modest .active-block .shadow-right, #featured-modest .active-block .featured-title, #featured-modest .active-block .description { display: block; } #featured-modest a.main { display: block; } #featured-modest img.bottom-shadow { position: absolute; bottom: -7px; left: 0; } #featured-modest .active-block img.bottom-shadow { bottom: -10px; } .gotoslide { position: absolute; top: 0; left: 0; background: url(images/next-slide-overlay.png); width: 354px; height: 234px; display: none; } .gotoslide span { position: absolute; top: 97px; display: block; width: 33px; height: 40px; } #featured-modest .next-block .gotoslide span { background: url(images/featured-arrow.png) no-repeat; right: 99px; } #featured-modest .prev-block .gotoslide span { background: url(images/featured-arrow-left.png) no-repeat; left: 99px; } /*------------------------------------------------*/ /*-------------------[COMMENTS]-------------------*/ /*------------------------------------------------*/ h3#comments { font-size: 28px; margin-bottom: 20px; } #comment-wrap { padding: 42px 35px 0 0; } .comment-body-outer { border: 1px solid #ccc; margin-bottom: 25px; background: url(images/comment-top-bg.png) repeat-x; } .comment-body { background: #fff; padding: 18px 14px 12px 100px; position: relative; background: url(images/comment-bottom-bg.png) bottom left repeat-x; } .avatar-box { position: absolute; top: 17px; left: 19px; padding: 6px 0 0 6px; } .avatar-overlay { position: absolute; top: 0; left: 0; width: 68px; height: 68px; background: url(images/avatar-overlay.png) no-repeat; } .comment-date { font-size: 12px; color: #d4d4d4; font-family: Georgia, serif; font-style: italic; float: right; } span.fn, span.fn a { font-family: 'Open Sans', Arial, sans-serif; font-weight: lighter; font-size: 20px; text-decoration: none; } span.fn a:hover { color: inherit; text-decoration: none; } .comment-arrow { position: absolute; bottom: -19px; right: 45px; background: url(images/comment-arrow.png) no-repeat; width: 18px; height: 19px; } .reply-container { float:right; } .comment ul.children { padding-left: 100px; } #commentform textarea#comment { width: 96%; } #commentform input[type=text] { width: 38%; } #commentform .hidden { display: none; } li.comment #respond textarea { width: 91% !important; } li.comment #respond input[type=text] { width: 48% !important; } #trackbacks { margin-bottom: 20px; } #trackbacks h3#comments, #respond h3#comments { margin-bottom: 5px; } /*------------------------------------------------*/ /*------------[CAPTIONS AND ALIGNMENTS]-----------*/ /*------------------------------------------------*/ div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; } .wp-caption.alignleft { margin: 0px 10px 10px 0px; } .wp-caption.alignright { margin: 0px 0px 10px 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .alignright { float: right; } .alignleft { float: left } img.alignleft { display:inline; float:left; margin: 4px 15px 10px 0px; } img.alignright { display:inline; float:right; margin: 4px 0px 10px 25px; } .imageborder { border: 1px solid #ccc; padding: 2px; } .gallery { margin-bottom: 20px !important; } .gallery-item img { max-width: 93%; } /*------------------------------------------------*/ /*---------------[DEFAULT DROPDOWN SETTINGS]---*/ /*------------------------------------------------*/ .nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; } .nav li { float:left; position:relative; } .nav a { display:block; float: left; } .nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:50px; } .nav li:hover li ul, .nav li.sfHover li ul { top:-999em; } .nav li li:hover ul, ul.nav li li.sfHover ul { left:192px; top:0px; } .nav li:hover ul, .nav li li:hover ul { top: -999em; } .nav li li { display: block; padding: 0px; float: left; height: auto !important; } .nav li ul { width: 191px; z-index:1000; } .nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; } .nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } /*------------------------------------------------*/ /*-----------------[WP CALENDAR]-----------------*/ /*------------------------------------------------*/ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; } #wp-calendar a { display: block; text-decoration: none; font-weight: bold; } #wp-calendar a:hover { text-decoration: underline; } #wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; } #wp-calendar td { padding: 3px 5px; color: #9f9f9f; } #wp-calendar td#today { color: #ffffff; } #wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } /*------------------------------------------------*/ /*-------------------[PAGE NAVI]------------------*/ /*------------------------------------------------*/ .pagination { overflow: hidden; padding: 15px 12px 0px; } .wp-pagenavi { position: relative; font-family: 'Open Sans', Arial, sans-serif; color: #1d1d1d; font-size: 14px; text-align: right; padding: 15px 33px 0 0; } .wp-pagenavi a, .wp-pagenavi a:link { padding: 5px 12px !important; margin: 2px; text-decoration: none; border:1px solid #eaeaea !important; color: #413f36; background-color: #fff; font-weight: lighter !important; color: #1d1d1d; font-size: 14px; } .wp-pagenavi a:visited { padding: 5px 12px; margin: 2px; text-decoration: none; border: 1px solid #eaeaea; background-color: #fff; color: #1d1d1d; font-size: 14px; } .wp-pagenavi span.pages { padding: 5px 7px 5px !important; margin: 2px !important; border: none !important; background-color: none; color: #1d1d1d; font-size: 14px; font-weight: lighter; } .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { padding: 5px 12px !important; margin: 2px; font-weight: bold; background-color:#f6f6f6 !important; border:1px solid #eaeaea !important; color: #1d1d1d !important; font-size: 14px; font-weight: lighter !important; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a { text-decoration: none; } .foursixeight { margin: 0px 0px 15px 84px;} .et_pt_blogentry { position: relative; } .media-description { display: none; position: absolute; bottom: 63px; left: -58px; width: 140px; padding: 15px 15px 8px; z-index: 30; background: #fff; border: 1px solid #f0f0f0; border-bottom: 1px solid #d1d1d1; -moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); font-family: Georgia, serif; font-size: 12px; color: #929292; font-style: italic; } .media-arrow { display: block; position: absolute; width: 14px; height: 8px; bottom: -8px; left: 80px; background: url(images/media-arrow.png) no-repeat; } #et-control-panel { position: fixed; left: 0px; top: 94px; width: 169px; z-index: 9000; color: #9f9f9f; text-shadow: 1px 1px 1px #fff; background: url(images/control-panel-bottom.png) no-repeat bottom left; padding-bottom: 18px; } #control-panel-main { background: url(images/control-panel-mainbg.png) repeat-y; -moz-border-radius-topright: 14px; -webkit-border-top-right-radius: 14px; border-top-right-radius: 14px; } #et-control-close { background: url(images/control-panel-closebutton.png) no-repeat; position: absolute; top: 17px; right: -41px; width: 45px; height: 40px; display: block; } .control-open { background: url(images/control-panel-openbutton.png) no-repeat !important; } #et-control-inner { background: url(images/control-inner.png) no-repeat; padding: 16px 16px 0px 16px; } #et-control-panel h3.control_title { font-size: 15px; padding: 2px 0 10px; float: left; } #et-control-panel p { font-style: italic; font-family: Georgia, serif; font-size: 10px; } .et-sample-setting { display: block; width: 29px; height: 29px; position: relative; float: left; margin: 0 4px 4px 0; text-indent: -9999px; } .et-sample-setting span.et-sample-overlay { background: url(images/control-link-overlay.png) no-repeat; display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px; } #et-sample-color1 { background: #6a8e94; } #et-sample-color2 { background: #8da49c; } #et-sample-color3 { background: #b0b083; } #et-sample-color4 { background: #859a7c; } #et-sample-color5 { background: #c6bea6; } #et-sample-color6 { background: #b08383; } #et-sample-color7 { background: #a4869d; } #et-sample-color8 { background: #f5f5f5; } #et-sample-color9 { background: #4e4e4e; } #et-sample-color10 { background: #556f6a; } #et-sample-color11 { background: #6f5555; } #et-sample-color12 { background: #6f6755; } #et-sample-texture1 { background: url(images/body-bg2.png) 14px 13px; } #et-sample-texture2 { background: url(images/body-bg3.png); } #et-sample-texture3 { background: url(images/body-bg4.png); } #et-sample-texture4 { background: url(images/body-bg5.png); } #et-sample-texture5 { background: url(images/body-bg6.png); } #et-sample-texture6 { background: url(images/body-bg7.png); } #et-sample-texture7 { background: url(images/body-bg8.png); } #et-sample-texture8 { background: url(images/body-bg9.png); } #et-sample-texture9 { background: url(images/body-bg10.png); } #et-sample-texture10 { background: url(images/body-bg11.png) 139px 104px; } #et-sample-texture11 { background: url(images/body-bg12.png); } #et-sample-texture12 { background: url(images/body-bg13.png) 14px 14px; } #et-sample-texture13 { background: url(images/body-bg14.png); } #et-sample-texture14 { background: url(images/body-bg15.png); } #et-sample-texture15 { background: url(images/body-bg16.png); } #et-sample-texture16 { background: url(images/body-bg17.png); } .et-control-colorpicker { background: url(images/control-panel-colorpicker.png) no-repeat; width: 18px; height: 19px; display: block; float: right; } .et-font-control { margin-top: 9px; } .colorpicker { z-index: 10000; } #et_control_header_font, #et_control_body_font { width: 73px; } #comment-wrap .navigation { padding: 10px 0; } .nav-previous { float: left; } .nav-next { float: right; } h3#reply-title small { display: block; } h3#reply-title small a { font-size: 12px; letter-spacing: 0px; } #commentform input[type=text] { width: 40%; display: block; padding: 5px; } #commentform textarea#comment { width: 91%; } .commentlist #respond textarea#comment { width: 91% !important; } .commentlist #respond input[type=text] { width: 40%; display: block; padding: 5px; } .comment_navigation_bottom, .comment_navigation_top { padding-bottom: 12px; } #featured #slides { height: 332px; } #media-slides { height: 60px !important; } .media-slide { width: 507px !important; } .et_embedded_videos { display: none; } .js #featured #slides, .js #featured-modest { background: url(images/ajax-loader.gif) no-repeat center; } .js #featured .slide, .js #featured-modest .slide { display: none; } .service .thumb a { display: block; } #featured .flex-direction-nav li a { z-index: 99; } #ie7 #header { position: relative; z-index: 2; } #ie7 .flex-container, #ie7 #category-name, #ie7 #content-area { position: relative; z-index: 1; }