/* Theme Name: Whitelight Theme URI: http://www.woothemes.com/ Version: 1.4.13 Description: Designed by WooThemes. Author: WooThemes Author URI: http://www.woothemes.com Tags: woothemes Copyright: (c) 2009-2011 WooThemes. License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) */ /*------------------------------------------------------------------------------------------- INDEX: 0. RESET 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Navigation -2.1.1 Drop-down menus -2.1.2 Top Navigation (optional) -2.2 Header -2.3 Content -2.3.1 Featured Slider -2.3.2 Intro -2.3.3 Homepage Sections -2.3.4 Portfolio -2.3.4.1 Portfolio Gallery -2.3.4.2 Postfolio Item -2.3.4.3 Portfolio Single -2.4 Custom Post Type - Features -2.5 Sidebar -2.6 Footer -2.7 Breadcrumbs 3. POSTS -3.1 Images -3.2 Typographic Elements -3.3 Pagination / WP-Pagenavi / Woo-Pagination -3.4 Single Post Author -3.5 Entry Tables -3.6 Subscribe & Connect 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets 5. COMMENTS -5.1 Comments -5.2 Comments Form -5.3 Pingbacks / Trackbacks 6. PAGE TEMPLATES -6.1 Timeline Page Template -6.2 Contact Form -6.3 Image Gallery -6.4 Feedback 7. MISC -7.1 Buttons -7.2 Gravity forms -7.3 IE specific styling -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* RESET - http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 */ /*-------------------------------------------------------------------------------------------*/ 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, 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, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Hand cursor on clickable input elements */ label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } /* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ .ie7 img { -ms-interpolation-mode: bicubic; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */ textarea { overflow: auto; } /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea { margin: 0; } /* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ button { width: auto; overflow: visible; } /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; background: #fafafa; border: 1px solid #e1e1e1; font-size: 12px; padding: 10px; margin-bottom: 20px; } /* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: none; } /* Set sub, sup without affecting line-height: gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Floating & Alignment */ .fl { float: left; } .fr { float: right; } .ac { text-align: center; } .ar { text-align: right; } /* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. j.mp/bestclearfix */ .fix:before, .fix:after, .col-full:before, .col-full:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .fix:after, .col-full:after { clear: both; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ .fix, .col-full { zoom: 1; } /* For WooCommerce */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .last { clear: right; margin-right: 0 !important; } /*-------------------------------------------------------------------------------------------*/ /* IMPORTS */ /*-------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { font-size: 13px; line-height: 1.5; color: #585858; background: #0d0d0d; font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { margin: 0; color: #252525; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; } h1 { font-size: 2em; } h2 { font-size: 1.8em; } h3 { font-size: 1.6em; } h4 { font-size: 1.2em; } h5 { font-size: 1em; } h6 { font-size: 0.8em; } p { margin: 0; } img { vertical-align: bottom; /*max-width: 100%;*/ } hr { background-color: #e1e1e1; border: 0; height: 1px; margin-bottom: 20px; } input, textarea { padding: 5px; border-color: #cdcdcd #e1e1e1 #e1e1e1 #cdcdcd; border-width: 1px; border-style: solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #585858; } /* 1.2 Hyperlinks */ a { color: #6c0401; text-decoration: none; } a:hover { color: #6c0401; text-decoration: underline; } mark { background: none; color: #9c9c9c; } /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Navigation */ .nav-toggle { position: absolute; top: 45px; right: 30px; } .nav-toggle a { display: block; overflow: hidden; height: 0; width: 25px; padding-top: 15px; background: url(images/nav-toggle.png) no-repeat left top; } #navigation { font: 300 1.3em/1 "signikaregular", sans-serif; display: none; } #navigation ul.rss { background: url(images/ico-rss.png) no-repeat right 44%; margin: 0 15px 0 0; padding: 0 25px 0 0; } #navigation ul.rss li { display: inline; padding: 0; } #navigation ul.rss li a { color: #585858; text-decoration: none; padding: 8px 5px; line-height: 1.4; display: inline-block; position: relative; } #navigation ul.rss li a:hover { text-decoration: underline; } #navigation ul.rss li.sub-email { color: #585858; } #navigation .nav li a:hover:after { border-color: #fff transparent transparent transparent!important; } .nav { z-index: 9999; margin: 0; padding: 0; list-style: none; line-height: 1; } .nav a { position: relative; color: #4b4b4b; display: block; z-index: 100; padding: 4px 10px; margin-right: 5px; line-height: 1.4; text-decoration: none; } .nav a:hover { background: #46b1e1; color: #fff!important; } .nav li { float: left; width: auto; } .nav li.current_page_item > a, .nav li.current_page_parent > a, .nav li.current-menu-ancestor > a, .nav li.current-cat > a, .nav li.current-menu-item > a { background: #46b1e1; color: #fff!important; text-shadow: none; } .nav li.current_page_item > a:after, .nav li.current_page_parent > a:after, .nav li.current-menu-ancestor > a:after, .nav li.current-cat > a:after, .nav li.current-menu-item > a:after { border-color: #fff transparent transparent transparent!important; } @media only screen and (max-width: 767px) { /* iPhone landscape & down */ #navigation { margin: 1em -10px; } #navigation .nav { float: none; } #navigation .nav li { float: none; } #navigation .nav li a { border: none!important; } #navigation .nav li ul { position: relative; } #navigation .nav li ul li { padding-left: 10px; } #navigation ul { width: 100%; } #navigation ul.rss { float: none; padding: 0 0 0 10px; width: 94%; background-position: right center; } #navigation ul.rss li { display: block; } } /* 2.1.2 Top Navigation (optional) */ #top select { margin: 20px 0; width: 100%; } #top #top-nav { display: none; } /* 2.2 Header */ #header { padding: 3em 0; clear: both; position: relative; z-index: 999; background: #ffffff url(images/bg-texture.png) repeat left top; border-bottom: 1px solid #e1e1e1; } #header hgroup { margin: 0 0 30px; } #header .site-title, #header .site-description { color: #000; display: none; } #header .site-title a, #header .site-description a { color: #252525; text-transform: none; font-weight: normal; text-decoration: none; } #header .site-title a:hover, #header .site-description a:hover { text-decoration: underline; } #header .site-description { color: #727272; font-style: italic; } #header .search_main .searchform { background: #fff; } #header .search_main .searchform input.s { outline: none; } /* 2.3 Content */ #content { padding: 3em 0 2em; background: #fff; } /* 2.3.1 Intro */ #intro { padding: 2em 0; background: #ffffff url(images/bg-texture.png) repeat left top; border-bottom: 1px solid #e1e1e1; } #intro h1 { font: normal 1.8em/1.3 "signikaregular", sans-serif, sans-serif; font-weight: 300; color: #585858; } #intro a { text-decoration: underline; } /* 2.3.2 Featured Slider */ #featured { background: url(images/bg-slider.png); border-bottom: 1px solid #e1e1e1; position: relative; width: 100%; margin: 0 auto; padding: 0; min-height: 150px; box-shadow: inset 0 0 10px 0 #111111; -webkit-box-shadow: inset 0 0 10px 0 #111111; -moz-box-shadow: inset 0 0 10px 0 #111111; -o-box-shadow: inset 0 0 10px 0 #111111; } #featured .slides > li { position: relative; } #featured .slides { /* Hide the slides before the JS is loaded. Avoids image jumping */ margin: 0; } #featured .slides li.slide { position: relative; display: none; list-style: none; } #featured .slides li.slide .slide-content-container article header { z-index: 999; } #featured .slides .slide-video { max-width: 800px; margin: 0 auto; } #featured .slides .slide-video-carousel { max-width: 960px; margin-bottom: -6px; } #featured img { display: block; margin: 0 auto; width: auto; } #featured article { border: none; color: #fff; position: relative; } #featured article a { color: #fff; } #featured article header { padding: 15px 60px 10px 20px; height: 75px; background: rgba(70, 177, 225, 0.9); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } #featured article header h1 { font-family: "signikaregular", sans-serif; font-size: 1.9em; margin-bottom: 0.2em; font-weight: normal; } #featured article header h1, #featured article header h1 a { line-height: 1; color: #fff; } #featured article header .entry { font-family: "signikaregular", sans-serif; color: #fff; font-size: 1.1em; font-weight: 300; line-height: 1.1em; height: 43px; overflow: hidden; } .controls-container { position: relative; z-index: 998; top: 0; } .controls-container .controls-inner { position: relative; } .controls-container .flex-control-nav { position: absolute; bottom: 100px; right: 10px; z-index: 9999; padding: 0; text-align: center; display: block; } .controls-container .flex-control-nav li { display: inline-block; padding: 0; margin: 0 5px; height: 19px; width: 19px; line-height: 1; list-style: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border: 3px solid rgba(0, 0, 0, 0.3); cursor: pointer; } .controls-container .flex-control-nav li a { display: inline-block; height: 0; width: 9px; overflow: hidden; padding-top: 9px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 5px solid #000; background: #000; cursor: pointer; } .controls-container .flex-control-nav li a:hover { background: #fafafa; } .controls-container .flex-control-nav li a.flex-active { background: #46b1e1; background: -webkit-gradient(linear, left top, left bottom, from(#46b1e1), to(#229bd2)); background: -webkit-linear-gradient(#46b1e1, #229bd2); background: -moz-linear-gradient(center top, #46b1e1 0%, #229bd2 100%); background: -moz-gradient(center top, #46b1e1 0%, #229bd2 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#46b1e1,endColorstr=#229bd2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#46b1e1, endColorstr=#229bd2)"; } .controls-container .flex-direction-nav { position: absolute; z-index: 9999; bottom: 3px; right: 3px; text-align: center; } .controls-container .flex-direction-nav .flex-prev, .controls-container .flex-direction-nav .flex-next { display: block; height: 0; width: 45px; padding-top: 45px; overflow: hidden; } .controls-container .flex-direction-nav .flex-prev { background: #fafafa; background-image: url("images/ico-slider-prev.png"), -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e1e1e1)); background-image: url("images/ico-slider-prev.png"), -webkit-linear-gradient(#fafafa, #e1e1e1); background-image: url("images/ico-slider-prev.png"), -moz-linear-gradient(center top, #fafafa 0%, #e1e1e1 100%); background-image: url("images/ico-slider-prev.png"), -moz-gradient(center top, #fafafa 0%, #e1e1e1 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fafafa,endColorstr=#e1e1e1); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fafafa, endColorstr=#e1e1e1)"; background-repeat: no-repeat; background-position: center center; border-bottom: 1px solid #c8c8c8; } .controls-container .flex-direction-nav .flex-prev:hover { background: #e1e1e1; background-image: url("images/ico-slider-prev.png"), -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#c7c7c7)); background-image: url("images/ico-slider-prev.png"), -webkit-linear-gradient(#e1e1e1, #c7c7c7); background-image: url("images/ico-slider-prev.png"), -moz-linear-gradient(center top, #e1e1e1 0%, #c7c7c7 100%); background-image: url("images/ico-slider-prev.png"), -moz-gradient(center top, #e1e1e1 0%, #c7c7c7 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e1e1e1,endColorstr=#c7c7c7); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e1e1e1, endColorstr=#c7c7c7)"; background-repeat: no-repeat; background-position: center center; } .controls-container .flex-direction-nav .flex-next { background: #e1e1e1; background-image: url("images/ico-slider-next.png"), -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#fafafa)); background-image: url("images/ico-slider-next.png"), -webkit-linear-gradient(#e1e1e1, #fafafa); background-image: url("images/ico-slider-next.png"), -moz-linear-gradient(center top, #e1e1e1 0%, #fafafa 100%); background-image: url("images/ico-slider-next.png"), -moz-gradient(center top, #e1e1e1 0%, #fafafa 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e1e1e1,endColorstr=#fafafa); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e1e1e1, endColorstr=#fafafa)"; background-repeat: no-repeat; background-position: center center; border-top: 1px solid #fff; } .controls-container .flex-direction-nav .flex-next:hover { background: #c7c7c7; background-image: url("images/ico-slider-next.png"), -webkit-gradient(linear, left top, left bottom, from(#c7c7c7), to(#e1e1e1)); background-image: url("images/ico-slider-next.png"), -webkit-linear-gradient(#c7c7c7, #e1e1e1); background-image: url("images/ico-slider-next.png"), -moz-linear-gradient(center top, #c7c7c7 0%, #e1e1e1 100%); background-image: url("images/ico-slider-next.png"), -moz-gradient(center top, #c7c7c7 0%, #e1e1e1 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c7c7c7,endColorstr=#e1e1e1); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c7c7c7, endColorstr=#e1e1e1)"; background-repeat: no-repeat; background-position: center center; } /* Alt (normal width) slider layout */ .featured-wrap { background: url(images/bg-slider.png); border-bottom: 1px solid #e1e1e1; overflow: hidden; position: relative; z-index: 998; box-shadow: inset 0 0 10px 0 #111111; -webkit-box-shadow: inset 0 0 10px 0 #111111; -moz-box-shadow: inset 0 0 10px 0 #111111; -o-box-shadow: inset 0 0 10px 0 #111111; } .featured-wrap #featured { background: none; max-width: 960px; border: none; box-shadow: inset 0 0 0 0 #888888; -webkit-box-shadow: inset 0 0 0 0 #888888; -moz-box-shadow: inset 0 0 0 0 #888888; -o-box-shadow: inset 0 0 0 0 #888888; } .featured-wrap #featured ul.slides li.current-slide { filter: alpha(opacity=@opacity * 100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important; } .featured-wrap .flex-control-nav { top: auto; bottom: 100px; right: 20px; } .featured-wrap .flex-direction-nav { top: 20px; bottom: auto; left: auto; width: 100%; } .featured-wrap .flex-direction-nav .flex-prev, .featured-wrap .flex-direction-nav .flex-next { position: absolute; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; overflow: visible; text-indent: -9999px; } .featured-wrap .flex-direction-nav .flex-prev:before, .featured-wrap .flex-direction-nav .flex-next:before { content: ''; display: block; border: 4px solid rgba(0, 0, 0, 0.2); top: 0; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; margin: -4px; position: absolute; height: 45px; width: 45px; } .featured-wrap .flex-direction-nav .flex-prev { left: 20px; background: #fafafa; background-image: url("images/ico-slider-prev-alt.png"), -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e1e1e1)); background-image: url("images/ico-slider-prev-alt.png"), -webkit-linear-gradient(#fafafa, #e1e1e1); background-image: url("images/ico-slider-prev-alt.png"), -moz-linear-gradient(center top, #fafafa 0%, #e1e1e1 100%); background-image: url("images/ico-slider-prev-alt.png"), -moz-gradient(center top, #fafafa 0%, #e1e1e1 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fafafa,endColorstr=#e1e1e1); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fafafa, endColorstr=#e1e1e1)"; background-repeat: no-repeat; background-position: center center; } .featured-wrap .flex-direction-nav .flex-prev:hover { background: #e1e1e1; background-image: url("images/ico-slider-prev-alt.png"), -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#c7c7c7)); background-image: url("images/ico-slider-prev-alt.png"), -webkit-linear-gradient(#e1e1e1, #c7c7c7); background-image: url("images/ico-slider-prev-alt.png"), -moz-linear-gradient(center top, #e1e1e1 0%, #c7c7c7 100%); background-image: url("images/ico-slider-prev-alt.png"), -moz-gradient(center top, #e1e1e1 0%, #c7c7c7 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e1e1e1,endColorstr=#c7c7c7); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e1e1e1, endColorstr=#c7c7c7)"; background-repeat: no-repeat; background-position: center center; } .featured-wrap .flex-direction-nav .flex-next { right: 20px; background: #e1e1e1; background-image: url("images/ico-slider-next-alt.png"), -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#fafafa)); background-image: url("images/ico-slider-next-alt.png"), -webkit-linear-gradient(#e1e1e1, #fafafa); background-image: url("images/ico-slider-next-alt.png"), -moz-linear-gradient(center top, #e1e1e1 0%, #fafafa 100%); background-image: url("images/ico-slider-next-alt.png"), -moz-gradient(center top, #e1e1e1 0%, #fafafa 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e1e1e1,endColorstr=#fafafa); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e1e1e1, endColorstr=#fafafa)"; background-repeat: no-repeat; background-position: center center; } .featured-wrap .flex-direction-nav .flex-next:hover { background: #c7c7c7; background-image: url("images/ico-slider-next-alt.png"), -webkit-gradient(linear, left top, left bottom, from(#c7c7c7), to(#e1e1e1)); background-image: url("images/ico-slider-next-alt.png"), -webkit-linear-gradient(#c7c7c7, #e1e1e1); background-image: url("images/ico-slider-next-alt.png"), -moz-linear-gradient(center top, #c7c7c7 0%, #e1e1e1 100%); background-image: url("images/ico-slider-next-alt.png"), -moz-gradient(center top, #c7c7c7 0%, #e1e1e1 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c7c7c7,endColorstr=#e1e1e1); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c7c7c7, endColorstr=#e1e1e1)"; background-repeat: no-repeat; background-position: center center; } .featured-wrap.carousel #featured .slides li article, .featured-wrap.carousel #featured .slides li h1, .featured-wrap.carousel #featured .slides li .entry { display: none; } #featured.slide .controls-inner .flex-control-nav { bottom: auto; top: 2em; right: 2em; } #featured.slide .controls-inner .flex-direction-nav { top: 2em; left: 2em; } /* 2.3.3 Homepage sections */ .home-section { position: relative; z-index: 9; margin: 0 0 3em; padding: 0; border-bottom: 1px dotted #c8c8c8; } .home-section header { margin: 0 0 2em; } .home-section header h1 { font-size: 1.2em; font-weight: normal; } .home-section header p { margin: 10px 0; } .home-section header a.more { color: #585858; padding: 2px 3px 2px 22px; text-decoration: underline; background: url(images/ico-more.png) no-repeat left top; } .home-section header a.more:hover { text-decoration: none; } .home-section p { margin: 10px 0; color: #585858; } .home-section li { margin: 0 0 2em; } .home-section li h2 { margin: 0 0 0.6em; font-size: 1.3em; font-weight: bold; } .home-section#features li.clear { width: 100%; margin: 0; } .home-section#features li h2 a { color: #252525; } .home-section#features li p img { float: left; margin: 5px 10px 10px 0; } .home-section#blog-alt li h2 { margin-bottom: 0; } .home-section#blog-alt li h2 a { color: #252525; } .home-section#blog-alt li p.meta { font-size: 0.9em; margin: 0; } .home-section#portfolio { padding: 0 0 1em; } .home-section#portfolio .portfolio-item { margin: 0 5em 3em 0; } .home-section#portfolio .portfolio-item h2 { width: auto; font-family: sans-serif; font-size: 1em; } .home-section#portfolio .portfolio-item .date { font-size: 0.8em; } .home-section#portfolio .portfolio-item img { margin: 0; } .home-section#portfolio .portfolio-item a { margin: 0; } .home-section#portfolio .portfolio-item img.icon { bottom: 10px; } .home-blog { margin-bottom: 3em; border-bottom: 1px dotted #c8c8c8; } /* 2.3.4 Portfolio */ /* 2.3.4.1 Portfolio Gallery */ #portfolio-gallery { position: relative; z-index: 9; } #portfolio-gallery h1 { margin: 0 0 1em; padding: 0 0 10px; font-size: 1.7em; font-weight: normal; border-bottom: 1px solid #e1e1e1; } #portfolio-gallery h1 strong { display: block; font-weight: normal; margin: 0 50px 0 0; } #portfolio-gallery h1 #port-tags { margin: 0 0 0 23px; font: bold 12px Helvetica, Arial, sans-serif; } #portfolio-gallery h1 #port-tags a { margin: 5px 30px 5px 0; line-height: 1.1; display: inline-block; position: relative; padding: 7px 15px 6px 5px; color: #727272; text-shadow: 1px 1px 0 #fff; background: url(images/bg-tags-right.png) no-repeat right top; } #portfolio-gallery h1 #port-tags a:hover { color: #3f3f3f; text-decoration: none; } #portfolio-gallery h1 #port-tags a.current { color: #46b1e1; } #portfolio-gallery h1 #port-tags a:before { content: ""; margin-right: 5px; display: block; position: absolute; height: 26px; width: 20px; top: 0; left: -20px; padding: 0; background: url(images/bg-tags-left.png) no-repeat left top; } /* 2.3.4.2 Portfolio Item */ .portfolio-item { position: relative; display: block; float: left; margin: 1em 5px 1em 0; } .portfolio-item a.item { position: relative; display: block; padding: 4px; border: 1px solid #e1e1e1; border-bottom: 1px solid #c8c8c8; background: #fafafa; } .portfolio-item a.item:hover { filter: alpha(opacity=@opacity * 100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .portfolio-item a.item.item { margin: 0 0 1em; } .portfolio-item a.item img { margin: 0; } .portfolio-item a.item .mask { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: transparent; background: rgba(0, 0, 0, 0.8); filter: alpha(opacity=@opacity * 100); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } .portfolio-item a.item .mask .content { color: #fff; padding: 10px 15px; position: absolute; bottom: 0; left: 0; } .portfolio-item a.item .mask .content h2 { margin: 0 0 0.3em; color: #fff; font-size: 1em; line-height: 1; } .portfolio-item a.item .mask .content p.date { margin: 0; color: #fff; font-size: 0.9em; } .portfolio-item a.item img.icon { position: absolute; bottom: 10px; right: 10px; width: auto; height: auto; } .portfolio-item a.item:hover .mask { display: block; filter: alpha(opacity=@opacity * 100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } .portfolio-item a.item:hover { text-decoration: none; } .portfolio-item h2 { width: 210px; font-size: 1.3em; font-weight: 300; font-family: "signikaregular", sans-serif; } .portfolio-item h2 a { color: #46b1e1; } .portfolio-item h2 a:hover { text-decoration: underline; } .portfolio-item .category { font-style: italic; color: #7e7e7e; } .portfolio-item .gallery-image { display: none; } /* 2.3.4.3 Portfolio Single */ .single-portfolio { margin-bottom: 2em; } .single-portfolio header h1 { margin-bottom: 0.5em; font-family: "signikaregular", sans-serif; } .single-portfolio .single-portfolio-image { width: 100%; } .single-portfolio .single-portfolio-image img { margin: 0; } .single-portfolio .portfolio { margin: 0 0 2.5em; padding: 0 0 2em; border-bottom: 1px solid #e1e1e1; } .single-portfolio .portfolio .portfolio-meta li { font-style: italic; } .single-portfolio .portfolio .portfolio-meta .portfolio-comments a { color: #3f3f3f; font-weight: bold; } /* 2.4 Custom Post Type - Features */ .post-type-archive .nav-entries, .post-type-archive .wp-pagenavi, .post-type-archive .woo-pagination { border-top: 0; margin-top: 0; padding-top: 0; } article.type-features { margin: 0 0 2em; padding: 0 0 2em; border-bottom: 1px solid #e1e1e1; } article.type-features header { margin: 0 0 1em; } article.type-features header h1 { font-family: "signikaregular", sans-serif; } article.type-features header h1 a { color: #252525; } article.type-features img.feature-thumb { float: left; margin: 0 20px 20px 0; } article.type-features:last-child { border: none; } article.type-features .post-more a:link, article.type-features .post-more a:visited { color: #3f3f3f; text-decoration: underline; } article.type-features .post-more a:link:hover, article.type-features .post-more a:visited:hover { text-decoration: none; } .single-features article.type-features { margin: 0; padding: 0; border-bottom: none; } /* 2.5 Sidebar */ #sidebar { clear: both; margin-top: 30px; overflow: hidden; } #sidebar .secondary { float: left; margin-right: 20px; } #sidebar .secondary.last { margin: 0; } /* 2.6 Footer */ #footer { padding: 2em 0 3em; color: rgba(255, 255, 255, 0.7); font-weight: bold; border-top: 1px solid #1a1a1a; background: #0d0d0d; } #footer a { color: #fafafa; } #footer #credit img { vertical-align: middle; } #footer #credit span { display: none; } #footer .nav { margin: 2em 0 1em; } #footer .nav li { display: block; float: none; } #footer .nav a { background: none; padding: 3px 0; color: #fafafa; } #footer .nav a:hover { text-decoration: underline; } #footer #footer-nav a { background: none!important; } #footer-widgets { padding: 30px 0; background: #0d0d0d; } /* 2.7 Breadcrumbs */ .breadcrumbs { position: relative; margin: 0 0 3em; text-shadow: 1px 1px 0 #fff; font-weight: bold; height: 28px; overflow: hidden; color: #8b8b8b; border: 1px solid #e1e1e1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #ffffff url(images/bg-texture.png) repeat left top; } .breadcrumbs .breadcrumb-title { display: none; } .breadcrumbs .trail-begin { display: inline-block; padding: 5px 0 5px 30px; text-indent: -999em; background: url(images/ico-breadcrumb-home.png) no-repeat left top; filter: alpha(opacity=@opacity * 100); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; } .breadcrumbs .trail-begin:hover { filter: alpha(opacity=@opacity * 100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .breadcrumbs .sep { display: inline-block; padding: 5px 13px; text-indent: -999em; background: url(images/ico-breadcrumb-sep.png) no-repeat center top; } .breadcrumbs a { color: #8b8b8b; } .breadcrumbs a:hover { color: #585858; } .breadcrumbs:before { content: ''; position: absolute; top: 0; right: 0; display: block; width: 20px; height: 28px; background: #f8f8f8; background: -moz-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(248, 248, 248, 0)), color-stop(100%, #f8f8f8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%); /* IE10+ */ background: linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f8f8f8', endColorstr='#f8f8f8', GradientType=1); /* IE6-9 */ } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ #breadcrumb, .post .video { margin-bottom: 1.5em; } .archive_header { display: block; float: left; width: 100%; margin: 0 0 30px; padding: 0 0 10px; font-size: 2.2em; font-weight: normal; font-family: "signikaregular", sans-serif; border-bottom: #e1e1e1 1px solid; } .archive_header .cat { float: none; } .archive_header .catrss { float: none; display: block; } .archive_header .catrss a { font-size: 0.6em; text-decoration: none; line-height: 1; text-transform: uppercase; } .single-post .post { padding-bottom: 1em; margin-bottom: 2em; border-bottom: 1px dotted #c8c8c8; } .post, .type-page, .search-results .features, .search-results .page, .search-results .type-product, .search-results .type-portfolio, .type-features { margin: 0 0 4em; /* 3.1 Images */ } .post img.thumbnail, .type-page img.thumbnail, .search-results .features img.thumbnail, .search-results .page img.thumbnail, .search-results .type-product img.thumbnail, .search-results .type-portfolio img.thumbnail, .type-features img.thumbnail { margin-bottom: 1em; } .post header, .type-page header, .search-results .features header, .search-results .page header, .search-results .type-product header, .search-results .type-portfolio header, .type-features header { margin: 0 0 0.8em; } .post header h1, .type-page header h1, .search-results .features header h1, .search-results .page header h1, .search-results .type-product header h1, .search-results .type-portfolio header h1, .type-features header h1 { font-weight: 600; line-height: 1.2; position: relative; font-family: "signikaregular", sans-serif; font-size: 1.7em; } .post header h1 a:link, .type-page header h1 a:link, .search-results .features header h1 a:link, .search-results .page header h1 a:link, .search-results .type-product header h1 a:link, .search-results .type-portfolio header h1 a:link, .type-features header h1 a:link, .post header h1 a:visited, .type-page header h1 a:visited, .search-results .features header h1 a:visited, .search-results .page header h1 a:visited, .search-results .type-product header h1 a:visited, .search-results .type-portfolio header h1 a:visited, .type-features header h1 a:visited { color: #252525; } .post header .post-category, .type-page header .post-category, .search-results .features header .post-category, .search-results .page header .post-category, .search-results .type-product header .post-category, .search-results .type-portfolio header .post-category, .type-features header .post-category { padding: 0.3em 0; } .post header .post-category a, .type-page header .post-category a, .search-results .features header .post-category a, .search-results .page header .post-category a, .search-results .type-product header .post-category a, .search-results .type-portfolio header .post-category a, .type-features header .post-category a { color: #727272 !important; } .post header .post-category a:hover, .type-page header .post-category a:hover, .search-results .features header .post-category a:hover, .search-results .page header .post-category a:hover, .search-results .type-product header .post-category a:hover, .search-results .type-portfolio header .post-category a:hover, .type-features header .post-category a:hover { color: #585858 !important; } .post .post-meta, .type-page .post-meta, .search-results .features .post-meta, .search-results .page .post-meta, .search-results .type-product .post-meta, .search-results .type-portfolio .post-meta, .type-features .post-meta { margin: 0 0 0.5em 0; } .post .post-meta li, .type-page .post-meta li, .search-results .features .post-meta li, .search-results .page .post-meta li, .search-results .type-product .post-meta li, .search-results .type-portfolio .post-meta li, .type-features .post-meta li { display: inline; color: #727272; margin: 0 20px 0 0; padding: 3px 0 3px 20px; line-height: 1; } .post .post-meta li a, .type-page .post-meta li a, .search-results .features .post-meta li a, .search-results .page .post-meta li a, .search-results .type-product .post-meta li a, .search-results .type-portfolio .post-meta li a, .type-features .post-meta li a { text-decoration: none!important; color: #727272 !important; } .post .post-meta li a:hover, .type-page .post-meta li a:hover, .search-results .features .post-meta li a:hover, .search-results .page .post-meta li a:hover, .search-results .type-product .post-meta li a:hover, .search-results .type-portfolio .post-meta li a:hover, .type-features .post-meta li a:hover { color: #585858 !important; } .post .post-meta li.post-date, .type-page .post-meta li.post-date, .search-results .features .post-meta li.post-date, .search-results .page .post-meta li.post-date, .search-results .type-product .post-meta li.post-date, .search-results .type-portfolio .post-meta li.post-date, .type-features .post-meta li.post-date { background: url(images/ico-date.png) no-repeat left center; } .post .post-meta li.post-author, .type-page .post-meta li.post-author, .search-results .features .post-meta li.post-author, .search-results .page .post-meta li.post-author, .search-results .type-product .post-meta li.post-author, .search-results .type-portfolio .post-meta li.post-author, .type-features .post-meta li.post-author { background: url(images/ico-author.png) no-repeat left center; } .post .post-meta li.post-comments, .type-page .post-meta li.post-comments, .search-results .features .post-meta li.post-comments, .search-results .page .post-meta li.post-comments, .search-results .type-product .post-meta li.post-comments, .search-results .type-portfolio .post-meta li.post-comments, .type-features .post-meta li.post-comments { background: url(images/ico-comments.png) no-repeat left center; } .post .post-more, .type-page .post-more, .search-results .features .post-more, .search-results .page .post-more, .search-results .type-product .post-more, .search-results .type-portfolio .post-more, .type-features .post-more { clear: both; margin: 1em 0; } .post p.post-category, .type-page p.post-category, .search-results .features p.post-category, .search-results .page p.post-category, .search-results .type-product p.post-category, .search-results .type-portfolio p.post-category, .type-features p.post-category { clear: both; margin-bottom: 5px; } .post p.tags, .type-page p.tags, .search-results .features p.tags, .search-results .page p.tags, .search-results .type-product p.tags, .search-results .type-portfolio p.tags, .type-features p.tags { background: url(images/ico-tag.png) no-repeat left 2px; padding-left: 22px; clear: both; margin-bottom: 20px; } .post .post-meta a:link, .type-page .post-meta a:link, .search-results .features .post-meta a:link, .search-results .page .post-meta a:link, .search-results .type-product .post-meta a:link, .search-results .type-portfolio .post-meta a:link, .type-features .post-meta a:link, .post .post-more a:link, .type-page .post-more a:link, .search-results .features .post-more a:link, .search-results .page .post-more a:link, .search-results .type-product .post-more a:link, .search-results .type-portfolio .post-more a:link, .type-features .post-more a:link, .post p.tags a:link, .type-page p.tags a:link, .search-results .features p.tags a:link, .search-results .page p.tags a:link, .search-results .type-product p.tags a:link, .search-results .type-portfolio p.tags a:link, .type-features p.tags a:link, .post .post-meta a:visited, .type-page .post-meta a:visited, .search-results .features .post-meta a:visited, .search-results .page .post-meta a:visited, .search-results .type-product .post-meta a:visited, .search-results .type-portfolio .post-meta a:visited, .type-features .post-meta a:visited, .post .post-more a:visited, .type-page .post-more a:visited, .search-results .features .post-more a:visited, .search-results .page .post-more a:visited, .search-results .type-product .post-more a:visited, .search-results .type-portfolio .post-more a:visited, .type-features .post-more a:visited, .post p.tags a:visited, .type-page p.tags a:visited, .search-results .features p.tags a:visited, .search-results .page p.tags a:visited, .search-results .type-product p.tags a:visited, .search-results .type-portfolio p.tags a:visited, .type-features p.tags a:visited { text-decoration: underline; color: #3f3f3f; } .post .post-meta a:link:hover, .type-page .post-meta a:link:hover, .search-results .features .post-meta a:link:hover, .search-results .page .post-meta a:link:hover, .search-results .type-product .post-meta a:link:hover, .search-results .type-portfolio .post-meta a:link:hover, .type-features .post-meta a:link:hover, .post .post-more a:link:hover, .type-page .post-more a:link:hover, .search-results .features .post-more a:link:hover, .search-results .page .post-more a:link:hover, .search-results .type-product .post-more a:link:hover, .search-results .type-portfolio .post-more a:link:hover, .type-features .post-more a:link:hover, .post p.tags a:link:hover, .type-page p.tags a:link:hover, .search-results .features p.tags a:link:hover, .search-results .page p.tags a:link:hover, .search-results .type-product p.tags a:link:hover, .search-results .type-portfolio p.tags a:link:hover, .type-features p.tags a:link:hover, .post .post-meta a:visited:hover, .type-page .post-meta a:visited:hover, .search-results .features .post-meta a:visited:hover, .search-results .page .post-meta a:visited:hover, .search-results .type-product .post-meta a:visited:hover, .search-results .type-portfolio .post-meta a:visited:hover, .type-features .post-meta a:visited:hover, .post .post-more a:visited:hover, .type-page .post-more a:visited:hover, .search-results .features .post-more a:visited:hover, .search-results .page .post-more a:visited:hover, .search-results .type-product .post-more a:visited:hover, .search-results .type-portfolio .post-more a:visited:hover, .type-features .post-more a:visited:hover, .post p.tags a:visited:hover, .type-page p.tags a:visited:hover, .search-results .features p.tags a:visited:hover, .search-results .page p.tags a:visited:hover, .search-results .type-product p.tags a:visited:hover, .search-results .type-portfolio p.tags a:visited:hover, .type-features p.tags a:visited:hover { text-decoration: none; } .post img, .type-page img, .search-results .features img, .search-results .page img, .search-results .type-product img, .search-results .type-portfolio img, .type-features img, .post img.thumbnail, .type-page img.thumbnail, .search-results .features img.thumbnail, .search-results .page img.thumbnail, .search-results .type-product img.thumbnail, .search-results .type-portfolio img.thumbnail, .type-features img.thumbnail { max-width: 100%; height: auto; } .post img:hover, .type-page img:hover, .search-results .features img:hover, .search-results .page img:hover, .search-results .type-product img:hover, .search-results .type-portfolio img:hover, .type-features img:hover, .post img.thumbnail:hover, .type-page img.thumbnail:hover, .search-results .features img.thumbnail:hover, .search-results .page img.thumbnail:hover, .search-results .type-product img.thumbnail:hover, .search-results .type-portfolio img.thumbnail:hover, .type-features img.thumbnail:hover { border-color: #c8c8c8; } .post img.wp-smiley, .type-page img.wp-smiley, .search-results .features img.wp-smiley, .search-results .page img.wp-smiley, .search-results .type-product img.wp-smiley, .search-results .type-portfolio img.wp-smiley, .type-features img.wp-smiley { padding: 0; border: 0; } .post .wp-caption, .type-page .wp-caption, .search-results .features .wp-caption, .search-results .page .wp-caption, .search-results .type-product .wp-caption, .search-results .type-portfolio .wp-caption, .type-features .wp-caption { padding: 1px; text-align: center; background: #fafafa; border: 1px solid #e1e1e1; max-width: 100%; } .post .wp-caption img, .type-page .wp-caption img, .search-results .features .wp-caption img, .search-results .page .wp-caption img, .search-results .type-product .wp-caption img, .search-results .type-portfolio .wp-caption img, .type-features .wp-caption img { margin: 0; padding: 4px 0; background: none; border: 0; } .post .wp-caption-text, .type-page .wp-caption-text, .search-results .features .wp-caption-text, .search-results .page .wp-caption-text, .search-results .type-product .wp-caption-text, .search-results .type-portfolio .wp-caption-text, .type-features .wp-caption-text { margin: 0; padding: 0; font-size: 0.9em; text-align: center; } .alignleft { float: left; margin: 0 20px 10px 0; } .alignright { float: right; margin: 0 0 10px 20px; } .aligncenter { display: block; text-align: center; margin-bottom: 15px; margin: 0 auto 15px; } /* 3.2 Typographic Elements */ .entry { line-height: 1.5; font-family: sans-serif; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 0 0 .5em; line-height: 1; font-family: "signikaregular", sans-serif; font-weight: normal; } .entry p { margin-bottom: 1.2em; } .entry blockquote { background: url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #323232; } .entry blockquote p { font-style: italic; } .entry ul, .entry ol { margin-bottom: 1.5em; padding: 0 0 0 30px; } .entry ul li, .entry ol li { list-style-type: disc; } .entry ul ul, .entry ol ul { margin: 0; } .entry ul ul li, .entry ol ul li { list-style-type: circle; } .entry ol li { list-style-type: decimal; } .entry ol ol { margin: 0; } .entry ol ol li { list-style-type: lower-latin; } /* 3.3 Pagination / WP-Pagenavi / Woo-Pagination */ .nav-entries, .wp-pagenavi, .woo-pagination, #post-entries { margin: 0 0 3em; padding: 15px 0; } .nav-entries, #post-entries { border-top: 1px solid #e1e1e1; } .nav-entries a, #post-entries a { display: block; color: #46b1e1; text-decoration: none; } .nav-entries a:hover, #post-entries a:hover { text-decoration: underline; } .nav-entries a .meta-nav, #post-entries a .meta-nav { display: inline-block; vertical-align: top; width: 16px; height: 0; overflow: hidden; padding-top: 16px; } .nav-entries .nav-prev .meta-nav, #post-entries .nav-prev .meta-nav { margin-right: 5px; background: url(images/ico-previous.png) no-repeat left center; } .nav-entries .nav-next .meta-nav, #post-entries .nav-next .meta-nav { margin-left: 5px; background: url(images/ico-more.png) no-repeat right center; } .woo-pagination { margin: 0; text-align: right; margin: 0 2px; border-top: 1px solid #e1e1e1; } .woo-pagination .page-numbers { display: inline; text-decoration: none; color: #585858; padding: 3px 7px; font-weight: bold; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .woo-pagination .page-numbers:hover { text-decoration: underline; } .woo-pagination .page-numbers.current { background: #46b1e1; border-color: #2f2f2f; color: #fff; } /* 3.4 Single Post Author */ #post-author { background: #ffffff url(images/bg-texture.png) repeat left top; margin: 0 0 1.5em; padding: 15px; border: 1px solid #e1e1e1; clear: both; } #post-author .title { margin-bottom: 10px; font: normal 1.4em "signikaregular", sans-serif; } #post-author .profile-image { float: right; margin: 0 0 5px 15px; padding: 4px; background: #fff; border: 1px solid #e1e1e1; } #post-author .profile-link { margin: 1em 0 0; } #post-author .profile-link .meta-nav { vertical-align: top; margin-left: 5px; display: inline-block; width: 16px; height: 0; overflow: hidden; padding-top: 16px; background: url(images/ico-more.png) no-repeat left center; } /* 3.5 Entry Tables */ .entry table { width: 100%; border: 1px solid #e1e1e1; margin-bottom: 1.2em; } .entry table tr.alt-table-row { background: #f5f5f5; } .entry table th { padding: 6px 0 3px 0; background: #eee; border: 1px solid #e1e1e1; text-shadow: 1px 1px #fff; box-shadow: inset 0 0 1px 0 #ffffff 3px 3px 3px #888888; -webkit-box-shadow: inset 0 0 1px 0 #ffffff 3px 3px 3px #888888; -moz-box-shadow: inset 0 0 1px 0 #ffffff 3px 3px 3px #888888; -o-box-shadow: inset 0 0 1px 0 #ffffff 3px 3px 3px #888888; } .entry table td { padding: 6px 0 3px 10px; border: 1px solid #e1e1e1; } /* 3.6 Connect */ #connect { margin: 0 0 1em; padding: 15px 0; clear: both; } #connect h3 { margin-bottom: 20px; padding: 0 0 0.6em; border-bottom: 1px solid #e1e1e1; } #connect p { margin: 0 0 1em; } #connect .newsletter-form { margin: 0 0 1em; } #connect .newsletter-form .email { width: 140px; } #connect .newsletter-form .submit { cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #connect .newsletter-form.fl { float: none; } #connect .social a { filter: alpha(opacity=@opacity * 100); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } #connect .social a:hover { filter: alpha(opacity=@opacity * 100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #connect .related-posts { margin: 15px 0 0 0; border-top: 1px solid #e1e1e1; padding: 15px 0 0; } #connect .related-posts ul { list-style: none; margin: 5px 0 5px 0; } #connect .related-posts ul li a { color: #585858; } #connect .social a { display: inline-block; height: 28px; width: 32px; background-image: url(images/ico-subscribe-social.png); background-repeat: no-repeat; } #connect .social a.subscribe { background-position: 0px 0; } #connect .social a.twitter { background-position: -30px 0; } #connect .social a.facebook { background-position: -60px 0; } #connect .social a.youtube { background-position: -90px 0; } #connect .social a.flickr { background-position: -120px 0; } #connect .social a.linkedin { background-position: -150px 0; } #connect .social a.delicious { background-position: -180px 0; } #connect .social a.googleplus { background-position: -210px 0; } #connect .social.fr { float: none; } .widget #connect { margin: 0; padding: 0; } .widget #connect .fl, .widget #connect .fr { float: none; } #main #connect .col-left, #main #connect .col-right { width: 100%; } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.1 Generic Widgets */ .widget { margin-bottom: 3em; } .widget h3 { margin: 0 0 1em; padding: 0 0 10px; font-size: 1em; color: #585858; border-bottom: 1px solid #c8c8c8; } .widget p { margin-bottom: 1em; } .widget ul { clear: both; margin-top: -1em; list-style: none; } .widget ul li a { display: block; padding: 8px 0 8px 22px; line-height: 1.2; text-decoration: none; background: url(images/ico-widget-list.png) no-repeat left center; border-bottom: 1px solid #e9e9e9; color: #585858; } .widget ul li a:hover { text-decoration: underline; } .widget ul ul { margin: 0; padding: 0 0 0 15px; border-top: 0; } /* 4.2 Specific Widgets */ /* SEARCH FORM */ #searchform, .searchform { width: 99%; position: relative; border-color: #e1e1e1; border-width: 1px; border-style: solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #searchform label, .searchform label { display: none; } #searchform input, .searchform input, #searchform .input-text, .searchform .input-text { padding: 0; border: none; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none; } #searchform input.s, .searchform input.s, #searchform #s, .searchform #s { padding: 7px; font-size: 0.95em; width: 85%; margin: 0; border: 0; background: none; color: #cbcbcb; } #searchform input.search-submit, .searchform input.search-submit { position: absolute; top: 6px; right: 10px; border: 0; margin: 0; padding: 0; } #searchform #searchsubmit, .searchform #searchsubmit { text-align: left; text-indent: -999em; height: 16px; width: 16px; background: url(images/ico-search.png) no-repeat; filter: none !important; background: url("images/ico-search.png") no-repeat scroll 0 0 transparent; float: right; position: absolute; top: 2px; right: 4px; } /* FEEDBACK */ .widget_woo_feedback { position: relative; } .widget_woo_feedback h3 { position: relative; z-index: 0; } .widget_woo_feedback .slides_control, .widget_woo_feedback .quote { width: 100%!important; } .widget_woo_feedback .quote blockquote { margin: 0 0 0.6em; } .widget_woo_feedback .quote .feedback-author { display: block; font-weight: bold; } .widget_woo_feedback .pagination { position: absolute; top: 0; right: 0; text-align: right; } .widget_woo_feedback .pagination a { position: relative; z-index: 99; float: right; margin: 0 0 0 5px; cursor: pointer; display: block; overflow: hidden; height: 0; padding-top: 16px; width: 16px; } .widget_woo_feedback .pagination .btn-prev { background: url(images/ico-previous.png) no-repeat left center; } .widget_woo_feedback .pagination .btn-next { background: url(images/ico-more.png) no-repeat left center; } /* RECENT COMMENTS */ .widget_recent_comments ul li { display: block; padding: 8px 0 8px 22px; line-height: 1.2; text-decoration: none; background: url(images/ico-widget-list.png) no-repeat left center; border-bottom: 1px solid #e9e9e9; } .widget_recent_comments ul li a { background: none; border: none; } /* CONTACT US */ .widget_woo_contactus ul li { padding: 5px 0 5px 35px; border-bottom: 1px solid #e9e9e9; line-height: 1; } .widget_woo_contactus ul li a { display: inline; padding: 0; border: none; background: none; line-height: 1; word-wrap: break-word; } .widget_woo_contactus ul li span { display: block; font-weight: bold; margin-bottom: 5px; } .widget_woo_contactus ul li.phone { background: url(images/ico-contact-phone.png) no-repeat 2px center; } .widget_woo_contactus ul li.email { background: url(images/ico-contact-email.png) no-repeat 2px center; } .widget_woo_contactus ul li.vcard { background: url(images/ico-contact-vcard.png) no-repeat 2px center; } .widget_woo_contactus ul li.address { background: url(images/ico-contact-address.png) no-repeat 2px 7px; } .widget_woo_contactus ul li.address .map { display: block; text-align: right; font-weight: bold; float: right; } /* FLICKR */ .widget_woo_flickr h3 span { color: #0051d8; } .widget_woo_flickr h3 span span { color: #ff1183; } .widget_woo_flickr .flickr_badge_image { float: left; margin: 3px; } .widget_woo_flickr .wrap { position: relative; margin-bottom: 20px; padding: 0; } .widget_woo_flickr a img { float: left; margin: 0 8px 8px 0; display: block; border: 1px solid #e1e1e1; padding: 3px; } .widget_woo_flickr a:hover img { border-color: #c8c8c8; } /* CALENDAR */ #wp-calendar { width: 95%; margin-bottom: 15px; clear: both; padding: 0; } #wp-calendar caption { padding: 10px; } #wp-calendar th, #wp-calendar td { text-align: center; background: #e1e1e1; padding: 3px 0; } #wp-calendar td { background: transparent; color: #727272; } /* BLOG AUTHOR */ .widget_woo_blogauthorinfo .avatar { padding: 3px; border: 1px solid #e1e1e1; } .widget_woo_blogauthorinfo .left { float: left; margin: 0 10px 5px 0; } .widget_woo_blogauthorinfo .right { float: right; margin: 0 5px 10px; } /* TWITTER */ .widget_woo_twitter h3 img { margin-right: 7px; } .widget_woo_twitter ul { padding-left: 0; } .widget_woo_twitter ul li { list-style: none; padding: 8px 0; border-bottom: 1px solid #e9e9e9; } .widget_woo_twitter ul li a { padding: 0; display: inline; background: none; border: none; } .widget_woo_twitter ul li .time { color: #727272; } .widget_woo_twitter p { padding: 10px 0 0; background: url(images/ico-more.png) no-repeat right 10px; font-weight: bold; color: #727272; } .widget_woo_twitter p a { color: #252525; } /* WOOTABS */ body .widget_woodojo_tabs { clear: both; } body .widget_woodojo_tabs ul.nav-tabs, body .widget_woodojo_tabs ul.tabs { margin-bottom: 0; list-style: none; } body .widget_woodojo_tabs ul.nav-tabs:after, body .widget_woodojo_tabs ul.tabs:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } body .widget_woodojo_tabs ul.nav-tabs li, body .widget_woodojo_tabs ul.tabs li { margin-bottom: 0; } body .widget_woodojo_tabs ul.nav-tabs li a, body .widget_woodojo_tabs ul.tabs li a { color: #585858 !important; border: 0 !important; padding: 10px 5px 10px 0; background: none; } body .widget_woodojo_tabs ul.nav-tabs li a:hover, body .widget_woodojo_tabs ul.tabs li a:hover { background: none !important; font-weight: bold; } body .widget_woodojo_tabs ul.nav-tabs li.active a, body .widget_woodojo_tabs ul.tabs li.active a { font-weight: bold; } body .widget_woodojo_tabs .tabbable .tab-pane ul li { border-bottom: 1px solid #e1e1e1; margin: 0; padding: 10px 0; } body .widget_woodojo_tabs .tabbable .tab-pane ul li a { background: none; border: 0; font-weight: bold; } body .widget_woodojo_tabs .tabbable .tab-pane ul li span.meta { display: block; margin: 1px 0 0; font-family: Georgia, serif; font-style: italic; text-transform: none; color: #727272; } body .widget_woodojo_tabs .tabbable .tab-pane ul li img { border: 1px solid #e1e1e1; padding: 2px; background: #fff; float: left; margin: 0 10px 0 0; } body .widget_woodojo_tabs .tabbable .tab-pane ul li img:hover { border-color: #c8c8c8; } /* TAG CLOUD */ .widget_tag_cloud .tagcloud, .widget_product_tag_cloud .tagcloud { line-height: 2.4em; text-align: center; } .widget_tag_cloud .tagcloud a, .widget_product_tag_cloud .tagcloud a { margin: 2px 0; padding: 3px 6px; color: #fff; background: #d4d4d4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .widget_tag_cloud .tagcloud a:hover, .widget_product_tag_cloud .tagcloud a:hover { text-decoration: none; background: #c8c8c8; } /* SUBSCRIBE & CONNECT */ .widget_woo_subscribe #connect .newsletter-form .email { width: 45%; } .widget_woo_subscribe #connect .newsletter-form .submit { margin: 8px 0 0 0; } .widget_woo_subscribe #connect .social { margin-top: 0.5em; padding-top: 1em; border-top: 1px dotted #e1e1e1; } /* EMBED */ .widget_woo_embedwidget h4 { display: none; } .widget_woo_embedwidget ul { margin-top: 0; } .widget_woo_embedwidget ul li a { color: #585858; } .widget_woo_embedwidget ul li.active a { color: #46b1e1; } /* WOOTABS */ #tabs { height: auto; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #tabs ul.wooTabs { margin: 0; padding: 0; } #tabs ul.wooTabs li { float: left; display: inline; color: #fff; margin: 0; cursor: pointer; } #tabs ul.wooTabs li a { color: #727272; display: block; background: none; border: none; float: left; padding: 10px 7px 10px 0; text-transform: none; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { font-weight: bold; text-decoration: none; } #tabs .inside { background: #fff; border-top: 1px solid #e9e9e9; margin-top: -1px; } #tabs .inside ul, #tabs .inside #tab-tags { margin: 0; padding: 0; display: none; } #tabs .inside ul:first-child { display: inline; } #tabs .inside #tab-tags { border-width: 1px; padding: 10px; text-align: center; } #tabs .inside #tab-tags a { padding: 2px 4px; margin: 3px 1px; display: inline-block; background: #d4d4d4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; } #tabs .inside #tab-tags a:hover { background: #c8c8c8; text-decoration: none; } #tabs .inside li { border-bottom: 1px solid #e9e9e9; padding: 10px 0; list-style: none; } #tabs .inside li a { color: #585858; font-weight: bold; padding: 0; border: none; background: none; } #tabs .inside li span.meta { display: block; font-family: Georgia, serif; font-style: italic; text-transform: none; color: #727272; } #tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #e1e1e1; padding: 2px; background: #fff; float: left; margin: 0 10px 0 0; } #tabs .inside li img.avatar:hover, #tabs .inside li img.thumbnail:hover { border-color: #c8c8c8; } /* FOOTER WIDGETS */ #footer-widgets { /* SEARCH FORM */ /* TWITTER */ /* CONTACT US */ /* WOOTABS */ /* SUBSCRIBE & CONNECT */ /* RECENT COMMENTS */ /* BLOG AUTHOR */ /* EMBED */ /* FLICKR */ /* TAG CLOUD */ } #footer-widgets .widget { color: #8b8b8b; } #footer-widgets .widget h3 { color: #fff; border: none; padding: 0; } #footer-widgets .widget p { margin-bottom: 1em; } #footer-widgets .widget ul { margin-top: 0; } #footer-widgets .widget ul li a { display: inline; padding: 0; background: none; border-bottom: none; color: #8b8b8b; } #footer-widgets .widget ul li a:hover { color: #d8d8d8; } #footer-widgets .searchform, #footer-widgets #searchform { background: #fff; } #footer-widgets .widget_woo_twitter ul { margin-top: -10px; } #footer-widgets .widget_woo_twitter ul li { border-bottom: 1px solid #5a5a5a; } #footer-widgets .widget_woo_twitter ul li .content { font-size: 1em; } #footer-widgets .widget_woo_twitter p { background: none; } #footer-widgets .widget_woo_contactus ul { border-top: 1px solid #5a5a5a; } #footer-widgets .widget_woo_contactus ul li { border-bottom: 1px solid #5a5a5a; } #footer-widgets #tabs ul.wooTabs li a { padding: 10px 7px 10px 0; } #footer-widgets #tabs .inside { background: none; border-top: 1px solid #5a5a5a; } #footer-widgets #tabs .inside #tab-tags a { color: #fff; background: #5a5a5a; } #footer-widgets #tabs .inside #tab-tags a:hover { background: #737373; } #footer-widgets #tabs .inside li { border-bottom: 1px solid #5a5a5a; } #footer-widgets #tabs .inside li img.avatar, #footer-widgets #tabs .inside li img.thumbnail { background: #5a5a5a; border: none; } #footer-widgets #tabs .inside li img.avatar:hover, #footer-widgets #tabs .inside li img.thumbnail:hover { background: #585858; } #footer-widgets .widget_woo_subscribe #connect .social { border-top: 1px dotted #5a5a5a; } #footer-widgets .widget_recent_comments ul li { padding: 2px 0; line-height: 1; background: none; border-bottom: none; } #footer-widgets .widget_recent_comments ul li a { background: none; border: none; } #footer-widgets .widget_woo_blogauthorinfo .avatar { border: 1px solid #5a5a5a; } #footer-widgets .widget_woo_embedwidget ul { margin-top: 5px; } #footer-widgets .widget_woo_embedwidget ul li.active a { font-weight: bold; } #footer-widgets .widget_woo_flickr a img { border: 1px solid #404040; } #footer-widgets .widget_woo_flickr a:hover img { border-color: #5a5a5a; } #footer-widgets .widget_tag_cloud .tagcloud a, #footer-widgets .widget_product_tag_cloud .tagcloud a { color: #eee; background: #5a5a5a; } #footer-widgets .widget_tag_cloud .tagcloud a:hover, #footer-widgets .widget_product_tag_cloud .tagcloud a:hover { background: #737373; color: #fff; } body #footer-widgets .widget_woodojo_tabs { clear: both; } body #footer-widgets .widget_woodojo_tabs ul.nav-tabs, body #footer-widgets .widget_woodojo_tabs ul.tabs { padding-bottom: 10px; border-bottom: 1px solid #5a5a5a; } body #footer-widgets .widget_woodojo_tabs ul.nav-tabs li a, body #footer-widgets .widget_woodojo_tabs ul.tabs li a { color: #585858; padding: 10px 5px 10px 0; } body #footer-widgets .widget_woodojo_tabs ul.nav-tabs li.active a, body #footer-widgets .widget_woodojo_tabs ul.tabs li.active a { font-weight: bold; } body #footer-widgets .widget_woodojo_tabs .tabbable .tab-pane ul { padding: 0; } body #footer-widgets .widget_woodojo_tabs .tabbable .tab-pane ul li { border-bottom: 1px solid #5a5a5a; } body #footer-widgets .widget_woodojo_tabs .tabbable .tab-pane ul li img { border: 1px solid #5a5a5a; padding: 2px; background: #fff; } body #footer-widgets .widget_woodojo_tabs .tabbable .tab-pane ul li img:hover { border-color: #c8c8c8; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments { position: relative; margin: 2em 0 0; padding: 1.8em 0 0 0; border-top: 1px solid #e1e1e1; } #comments h3 { font-weight: normal; padding: 0 0 20px 35px; font-family: "signikaregular", sans-serif; background: url(images/ico-comments-big.png) no-repeat left 4px; border-bottom: 1px solid #e1e1e1; } #comments .comment { width: 100%; list-style: none; } #comments .comment.bypostauthor { background: #fef7d2; } #comments .comment .comment-container { position: relative; padding: 20px; border-bottom: 1px solid #e1e1e1; } #comments .comment .comment-head { margin: 0 0 15px 0; color: #727272; } #comments .comment .comment-head .name { display: block; margin: 0; font-weight: bold; font-size: 1.3em; color: #3f3f3f; } #comments .comment .comment-head .date, #comments .comment .comment-head .edit, #comments .comment .comment-head .perma { font-size: 0.9em; } #comments .comment .avatar { float: left; margin: 0 15px 10px 0; } #comments .comment .avatar img { margin: 0; vertical-align: middle; border: 1px solid #e1e1e1; padding: 3px; background: #fff; } #comments .comment .comment-entry p { margin: 0 0 10px 0; } #comments .comment .reply { position: absolute; top: 5px; right: 10px; padding-top: 10px; } #comments .comment .reply a { font-size: 1em; padding: 0 0 0 20px; background: none; color: #585858 !important; text-shadow: none; font-weight: normal; margin: 0; background: url(images/ico-comment-reply-btn.png) no-repeat left 3px; filter: alpha(opacity=@opacity * 100); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } #comments .comment .reply a:hover { filter: alpha(opacity=@opacity * 100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #comments .comment .reply a:active { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #comments .comment #respond { margin-bottom: 0; } #comments .comment #respond h3 { margin: 0; padding: 0; font-weight: normal; background: none; border: none; } #comments .comment #respond h3 small { display: block; margin: 3px 0 0; font-family: sans-serif; font-size: 0.6em; } #comments ul.children { margin: 0; padding: 0; } #comments ul.children li .comment-container { background: url(images/ico-comment-reply.png) no-repeat 10px 35px; } #comments ul.children .cancel-comment-reply { margin: 10px 0; } #comments .depth-2 .comment-container { padding-left: 6%; background-position: 10px 35px; } #comments .depth-3 .comment-container { padding-left: 8%; background-position: 20px 35px!important; } #comments .depth-4 .comment-container { padding-left: 12%; background-position: 30px 35px!important; } #comments .depth-5 .comment-container { padding-left: 16%; background-position: 40px 35px!important; } #comments .depth-6 .comment-container { padding-left: 20%; background-position: 50px 35px!important; } #comments .navigation a { display: block; margin: 15px 0 0 0; text-decoration: none; } #comments h3#pings { margin-top: 25px; } #comments .pingbacks li.pingback { margin: 10px 0; } #comments .pingbacks li.pingback .reply { display: none; } #comments .nocomments { font-weight: bold; font-size: 1.2em; } /* 5.2 Comments Form */ #respond { margin: 2em 0 3em; } #respond h3 { font-weight: bold; margin-bottom: 20px; } #respond .left { float: left; width: 200px; margin-right: 15px; } #respond .right { float: left; width: 380px; } #respond label { font-size: 0.9em; color: #727272; } #respond #commentform { margin: 15px 0 0 0; } #respond #commentform label { position: relative; display: inline-block; vertical-align: top; margin-top: 5px; } #respond #commentform input.txt, #respond #commentform textarea { font-size: 1.2em; font-family: sans-serif; border-color: #cdcdcd #e1e1e1 #e1e1e1 #cdcdcd; border-width: 1px; border-style: solid; color: #585858; background: #fafafa; padding: 5px 7px; } #respond #commentform input.txt { width: 170px; margin: 0 5px 10px 0; } #respond #commentform textarea { width: 95%; } #respond #commentform .comment-form-comment label { display: none; } #respond #commentform #submit { margin: 15px 0 0 0; cursor: pointer; } /* 5.3 Pingbacks / Trackbacks */ h3#pings { margin: 25px 0 10px 0; } .pinglist li { margin: 0 0 0 20px; list-style-type: decimal; } .pinglist li .author { font-weight: bold; font-size: 1.3em; } .pinglist li .date { font-size: 0.9em; } .pinglist li .pingcontent { display: block; margin: 10px 0; } /*-------------------------------------------------------------------------------------------*/ /* 6. PAGE TEMPLATES */ /*-------------------------------------------------------------------------------------------*/ /* Archives & Sitemap */ .page-template-template-archives-php .entry .fl, .page-template-template-sitemap-php .entry .fl, .page-template-template-archives-php .entry .fr, .page-template-template-sitemap-php .entry .fr { float: none; width: 100%; } /* 6.1 Timeline Page Template */ #archives { padding: 10px 0 0; } #archives a { font-style: italic; } #archives .archives_list { border-left: 1px solid #e1e1e1; list-style: none; margin: 0 0 15px 15px; } #archives .archives_list li { clear: left; padding-left: 24px; font-size: 0.9em; font-style: normal; list-style: none; } #archives .archives_list .date { color: #727272; width: 20%; font-style: italic; display: inline-block; vertical-align: top; } #archives .archives_list .linked { width: 50%; display: inline-block; vertical-align: top; } #archives .archives_list .comments { width: 20%; display: inline-block; vertical-align: top; } #archives .archives_list .comments a { color: #7e7e7e; font-size: 0.9em; font-style: italic; text-decoration: underline; padding-left: 13px; } #archives .archives_list .comments a:hover { text-decoration: none; } h3.archive_year { font-family: sans-serif; font-weight: bold; font-size: 1.4em; color: #585858; margin-top: 0; } /* 6.2 Contact Form */ #contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; } #contact-page ol.forms { float: left; list-style: none; width: 100%; margin: 10px 0 0; } #contact-page ol.forms li { clear: both; float: left; margin-bottom: 18px; position: relative; width: 100%; } #contact-page ol.forms li .error { font-size: 0.9em; display: block; color: red; } #contact-page ol.forms li.textarea .error { display: block; } #contact-page ol.forms li.screenReader { margin-bottom: 0; } #contact-page ol.forms li.buttons .submit { margin: 5px 0 0; cursor: pointer; } #contact-page ol.forms li.inline input { width: auto; } #contact-page ol.forms li.inline label { display: inline; float: none; width: auto; } #contact-page ol.forms label { cursor: pointer; display: block; font-weight: 700; margin: 0 0 10px; } #contact-page ol.forms input.txt { width: 50%; } #contact-page ol.forms input#sendCopy { border: none; margin-right: 10px; } #contact-page ol.forms textarea { height: 300px; width: 97%; } .entry #contact-page ol.forms li { list-style: none; } .page-template-template-contact-php .page header h1 { margin-bottom: 0.5em; } .page-template-template-contact-php #single_map_canvas img { max-width: inherit; } .page-template-template-contact-php .location-twitter { margin: 0 0 1em; padding: 1em 0; border-bottom: 1px solid #e1e1e1; } .page-template-template-contact-php .location-twitter .col-left { float: none; } .page-template-template-contact-php .location-twitter h3 { font-size: 1.2em; } .page-template-template-contact-php .location-twitter ul { margin: 0; padding: 0; } .page-template-template-contact-php .location-twitter ul li { list-style: none; padding: 0; } .page-template-template-contact-php .location-twitter #office-location { margin: 0 0 2em; } .page-template-template-contact-php .location-twitter #office-location a { text-decoration: underline; } .page-template-template-contact-php .location-twitter #office-location h3 { margin: 0 0 0.6em; } .page-template-template-contact-php .location-twitter #office-location ul li { margin: 0.5em 0; } .page-template-template-contact-php .location-twitter .contact-social { float: none; } .page-template-template-contact-php .location-twitter .contact-social #twitter { margin: 0 0 1.5em; padding: 0 0 1.4em; border-bottom: 1px solid #e1e1e1; background: url(images/ico-twitter-contact.png) no-repeat left center; } .page-template-template-contact-php .location-twitter .contact-social #twitter ul li a.time { color: #7e7e7e; } .page-template-template-contact-php .location-twitter .contact-social #connect { margin: 0; padding: 0; background: none; border: none; } .page-template-template-contact-php .location-twitter .contact-social #connect h3 { display: none; } .page-template-template-contact-php .location-twitter .contact-social #connect .social { float: none; clear: both; } /* 6.3 Image Gallery */ .image-gallery-item img { max-width: 100%; padding: 3px; margin: 0 10px 10px 0; border: 1px solid #e1e1e1; background: #fafafa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .image-gallery-item img:hover { border: 1px solid #c7c7c7; box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2); } /* 6.4 Feedback */ .entry .quote { border-bottom: 1px solid #e1e1e1; padding: 0 0 1em; margin: 1.3em 0 1em; } .entry .quote blockquote { margin: 0 0 0; padding: 0; background: none; } .entry .quote blockquote p:before { content: '"'; } .entry .quote blockquote p:after { content: '"'; } .entry .quote .feedback-author { display: block; font-weight: bold; } /*-------------------------------------------------------------------------------------------*/ /* 7. MISC */ /*-------------------------------------------------------------------------------------------*/ /* Shortcodes */ #wrapper .shortcode-tabs.boxed { padding: 0; } #wrapper .shortcode-tabs ul li:focus { outline: none; } #wrapper .shortcode-tabs ul li a:focus { outline: none; } #wrapper .shortcode-tabs ul li.ui-state-active a { background: #fff; } /* 7.1 Buttons */ a.button, a.comment-reply-link, #commentform #submit, .submit, input[type=submit], input.button, button.button { display: inline-block; margin: 5px; padding: 6px 13px 5px; font-weight: bold; border: none; color: white !important; text-align: center; text-decoration: none; font-size: 1em; /* Make inputs the same size as anchors */ font-family: inherit; /* Make inputs use the correct typeface instead of the browser default */ cursor: pointer; /* Inputs need pointers! */ background: #46b1e1; background: -webkit-gradient(linear, left top, left bottom, from(#46b1e1), to(#46b1e1)); background: -webkit-linear-gradient(#46b1e1, #46b1e1); background: -moz-linear-gradient(center top, #46b1e1 0%, #46b1e1 100%); background: -moz-gradient(center top, #46b1e1 0%, #46b1e1 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#46b1e1,endColorstr=#46b1e1); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#46b1e1, endColorstr=#46b1e1)"; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } a.button.large, a.comment-reply-link.large, #commentform #submit.large, .submit.large, input[type=submit].large, input.button.large, button.button.large { padding: 6px 16px; } a.button.small, a.comment-reply-link.small, #commentform #submit.small, .submit.small, input[type=submit].small, input.button.small, button.button.small { padding: 0 10px; } a.button:hover, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover, input[type=submit]:hover, input.button:hover, button.button:hover { text-decoration: none; background: #35a0d0; } a.button:active, a.comment-reply-link:active, #commentform #submit:active, .submit:active, input[type=submit]:active, input.button:active, button.button:active { border-color: #005c8c; -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3), 0 1px 0 #ffffff; -moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3), 0 1px 0 #ffffff; box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3), 0 1px 0 #ffffff; } .drop-shadow { position: relative; } .drop-shadow:before, .drop-shadow:after { content: ""; position: absolute; z-index: -2; } .curved:before { top: 50%; bottom: 2px; left: 5px; right: 5px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.7); box-shadow: 0 0 8px rgba(0, 0, 0, 0.7); -moz-border-radius: 0.1px; border-radius: 0.1px; } /* 7.2 Gravity forms */ .gfield { margin-bottom: 10px; } .gform_wrapper .top_label .gfield_label { display: block; padding-right: 20px; width: 100px; margin: 5px 0 4px; } .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { /*width: 400px !important; // too wide for iPhone */ padding: 7px 3px !important; } .gform_wrapper .top_label .clear-multi { clear: none !important; } .gform_wrapper input.button { padding: 5px 10px 6px !important; } .gform_wrapper input { padding: 7px 3px !important; } .gform_wrapper .entry img, .gform_wrapper img, .gform_wrapper thumbnail { padding: 0 !important; border: 0 !important; } .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; } img.ui-datepicker-trigger { border: 0; padding: 0; } /* 7.3 IE specific styling */ .ie6 .nav .sf-sub-indicator { display: none; } .ie6 .nav li a:hover { text-decoration: none; } .ie6 .nav li a.sf-with-ul { padding-right: 10px; } .ie6 .button, .ie6 .button:visited { margin: 0; color: #585858 !important; font-weight: normal; } .ie6 .reply a { color: #585858 !important; } .ie7 .nav li a { _height: 0; zoom: 1; } .ie7 .button, .ie7 .button:visited { padding: 7px 6px; margin: 0; } .ie8 .button, .ie8 .button:visited { padding: 10px 15px; margin: 0; } .ie8 #featured article header { background: #46b1e1; } .ie8 .widget_woo_flickr img, .ie8 .widget_woo_blogauthorinfo img, .ie8 #comments img { width: auto; } .ie8 .home-section .mask { background: #000; } .ie8 .home-section#portfolio img { width: auto; } .ie8 .mask { display: none; } .ie9 .controls-container .flex-control-nav li a.flex-active, .ie8 .controls-container .flex-control-nav li a.flex-active { filter: none; background: #46b1e1 !important; } .ie9 .controls-container .flex-direction-nav .flex-prev, .ie8 .controls-container .flex-direction-nav .flex-prev { filter: none; background: #fafafa url(images/ico-slider-prev.png) no-repeat center center; } .ie9 .controls-container .flex-direction-nav .flex-prev:hover, .ie8 .controls-container .flex-direction-nav .flex-prev:hover { background: #c7c7c7 url(images/ico-slider-prev.png) no-repeat center center; } .ie9 .controls-container .flex-direction-nav .flex-next, .ie8 .controls-container .flex-direction-nav .flex-next { filter: none; background: #fafafa url(images/ico-slider-next.png) no-repeat center center; } .ie9 .controls-container .flex-direction-nav .flex-next:hover, .ie8 .controls-container .flex-direction-nav .flex-next:hover { background: #c7c7c7 url(images/ico-slider-next.png) no-repeat center center; } .ie9 .featured-wrap .flex-prev, .ie8 .featured-wrap .flex-prev { filter: none; background: #fafafa url(images/ico-slider-prev-alt.png) no-repeat center center !important; } .ie9 .featured-wrap .flex-prev:hover, .ie8 .featured-wrap .flex-prev:hover { background: #c7c7c7 url(images/ico-slider-prev-alt.png) no-repeat center center !important; } .ie9 .featured-wrap .flex-next, .ie8 .featured-wrap .flex-next { filter: none; background: #fafafa url(images/ico-slider-next-alt.png) no-repeat center center !important; } .ie9 .featured-wrap .flex-next:hover, .ie8 .featured-wrap .flex-next:hover { background: #c7c7c7 url(images/ico-slider-next-alt.png) no-repeat center center !important; }