/* Theme Name: Apz Theme URI: http://www.woothemes.com/ Version: 2.0.3 Description: Designed by WooThemes. Author: WooThemes Author URI: http://www.woothemes.com Copyright: (c) 2009 WooThemes. License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.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! :) */ /* Default styles */ @import "css/reset.css"; /*------------------------------------------------------------------------------------------- INDEX: 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Header -2.3 Navigation -2.3.1 Drop-down menus -2.4 Featured Slider -2.5 Main -2.6 Inner Pages -2.7 Sidebar -2.8 Footer 3. POSTS -3.1 Typographic Elements -3.2 Images -3.3 Pagination / WP-Pagenavi -3.4 Info boxes 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets -4.3 WooTabs 5. COMMENTS -5.1 Comments -5.2 Pingbacks / Trackbacks -5.3 Comments Form 6. MISC -6.1 Buttons -6.2 Info Boxes -6.3 Conatct Form -6.4 Gravity Forms -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { font: 14px/20px Helvetica,Arial,Sans-serif; color: #555; background: #637780 url(images/bg-featured.png) repeat left top; } h1, h2, h3, h4, h5, h6 { margin: 0; color: #464849; } h1 {font-size: 22px; } h2 {font-size: 22px;} h3 {font-size: 18px;} h4 {font-size: 16px;} h5 {font-size: 14px;} h6 {font-size: 12px;} p {margin: 0; } hr { background-color: #e9e9e9; border:0; height: 1px; margin-bottom: 20px; } input, textarea { padding: 7px 0 7px 7px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;} /* 1.2 Hyperlinks */ a:link, a:visited { color: #637780; text-decoration:none;} a:hover { color: #000; } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;} /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #wrapper { overflow: hidden; background-color: #fff; } .col-left { float: left; } .col-right { float: right; } .col-full { width: 820px; margin: 0 auto; } /* 2.2 Header */ #header { position: relative; z-index: 9999; height: 47px; background: #000 url(images/bg-header.png) repeat-x left top; } #logo { } #logo img { margin: 8px 0 0 0; } #logo .site-title, #logo .site-description { display:none; } #logo .site-title { float: left!important;} #logo .site-title a { padding: 0 15px 0 0; font-size: 18px; color:#fff; line-height:46px; text-transform:uppercase; font-weight:normal; text-decoration:none; } #logo .site-title a:hover { text-decoration:underline; } #logo .site-description { float: left; color:#999; line-height:46px!important; font:italic 14px Georgia, serif; } /* 2.3 Navigation */ #navigation { height: 47px; } .nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; } .nav a { position:relative; color:#c0c0c0; display:block; z-index:100; padding:14px 10px; line-height:18px; text-decoration:none; } .nav a:hover, .nav li.current_page_item a, .nav li.current_page_parent a{ color: #fff; } .nav li { float:left; width: auto; } .nav li a.sf-with-ul { padding-right:20px; } /* 2.3.1 Drop-down menus */ .nav li ul { background: #000; position: absolute; left: -999em; width: 180px; z-index:999; } .nav li ul li { border-bottom:1px solid #424242;} .nav li ul li a { padding: 5px 10px; width:160px; font-size:0.8em; } .nav li ul li a.sf-with-ul { padding:5px 10px; } .nav li ul li a:hover { } .nav li ul ul { margin: -26px 0 0 180px; } .nav li ul ul li a { } .nav li ul li ul li a { } .nav li:hover,.nav li.hover { position:static; } .nav li:hover ul ul, .nav li.sfhover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; } .nav li:hover ul, .nav li.sfhover ul, .nav li li:hover ul, .nav li li.sfhover ul, .nav li li li:hover ul, .nav li li li.sfhover ul, .nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; } .nav .sf-sub-indicator {background: url(images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:0.4em;top:1.5em;width:10px;height:10px;text-indent:-999em;overflow:hidden;} .nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat;top: 0.9em;} /* 2.4 Featured Slider */ #loopedSlider { position: relative; z-index: 1; margin:0 auto; } #loopedSlider .container { width:820px; min-height:250px; height:250px; overflow:hidden; position:relative; font-size: 16px; color: #919191; } #loopedSlider .slides { position:absolute; top:0; left:0; } #loopedSlider .slides div.slide { position:relative; top:0; width:820px; display:none; } #feature { padding: 30px 0 0; background: #637780 url(images/bg-featured.png) repeat left top; } #feature .highlight { background: url(images/bg-featured-highlight.png) no-repeat center bottom; border-bottom: 1px solid rgba(250,250,250,0.2); } #feature .iphone { width: 285px; height: 500px; text-align: center; background: url(images/iphone.png) no-repeat center top; } #feature .iphone-horizontal { width: 500px; height: 280px; text-align: center; background: url(images/iphone-horizontal.png) no-repeat center top; } #feature .nophone { background: none; height: 450px; margin-top: 40px; } #feature .nophone-horizontal { background: none; height: 280px; margin-top: 40px; } #feature .iphone img { margin: 98px 0 90px 0; } #feature .iphone-horizontal img { margin: 43px 191px 2px 102px; } #feature .controls { padding: 15px 0 0 0; text-align: center; width: 100%; background: url(images/bg-controls.png) no-repeat center top; } #feature .controls ul { margin: 20px 0 18px; text-align: center; } #feature .controls li { display: inline; margin: 0 4px; } #feature .controls li a { display: inline-block; height: 0; overflow: hidden; padding-top: 11px; width: 11px; background: url(images/ico-controls-inactive.png) no-repeat center center; } #feature .controls li.active a, #feature .controls li a:hover { background-image: url(images/ico-controls-active.png); } #feature .info { padding: 40px 0 0 0; width: 500px; font-size: 16px; line-height: 24px; color: #c2c2c2; } #feature .info-horizontal { padding: 40px 0 0 0; width: 320px; font-size: 16px; line-height: 24px; color: #c2c2c2; } #feature .info blockquote, #feature .info h1, #feature .info h2, #feature .info h3, #feature .info h4, #feature .info h5, #feature .info h6 { color: #c2c2c2; } #feature .info blockquote { font-family: Georgia, Times, serif; background: none; padding: 10px; } #feature .col-full { position: relative; } #feature .info a:link, #feature .info a:visited { color: #fff; } #feature .info a:hover { text-decoration: underline; } #feature .info h2 { margin: 0 0 40px 0; font-size: 36px; color: #fff; line-height: 42px; } #feature .info p img { margin: 0 12px 0 0; border: none; background: none; } #feature .info ul, #feature .info ol { padding: 0; } #feature .info li { line-height: 19px; padding: 7px 10px 7px 30px; list-style: none; background: url(images/ico-featured-li.png) no-repeat 11px 9px; border: 1px solid transparent; } #feature .info li a { line-height: 9px; padding: 10px 0; border: 1px solid transparent; } #feature .info li a:hover { text-decoration: none; padding: 10px 5px; margin-left: -5px; background-color: rgba(0,0,0,0.2); border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(0,0,0,0.3); } #feature .info li a:hover { text-decoration: none; } #feature .info a.appstore { display: block; text-align: right; height: 0; overflow: hidden; padding-top: 45px; background: url(images/btn-appstore.png) no-repeat right top; } #feature .info .button { padding: 6px 12px; margin: 20px 10px 0 0; background-color: #222; } #feature-media { position: relative; padding: 20px 0; background: url(images/bg-featured.png) repeat left top; border-top: 1px solid rgba(0,0,0,0.3); border-bottom: 1px solid rgba(250,250,250,0.4); } #feature-media .block { float: left; position: relative; width: 182px; margin: 0 30px 0 0; } #feature-media .block.last { margin: 0; } #feature-media .block a { display: block; width: 182px; height: 125px; text-align: center; } #feature-media .block a .media-overlay { position: absolute; top: 0; left: 0; display: block; width: 182px; height: 125px; background: url(images/bg-featured-media-overlay.png) no-repeat left top; } #feature-media .block a img { padding: 14px 0 0 0; } #feature-media .media-type { position: absolute; top: 0; right: 0; display: block; width: 39px; height: 39px; } #feature-media .media-type.pic { background: url(images/ico-media-pic.png) no-repeat left top; } #feature-media .media-type.vid { background: url(images/ico-media-vid.png) no-repeat left top; } #TB_window { border: none!important; } #TB_title { padding: 10px!important;border-bottom: 1px solid #fff!important; font-weight: bold!important; font-size:15px!important; } #TB_ajaxContent { padding: 25px 15px!important; border-top: 1px solid #E8E8E8!important; text-align: center!important; height: auto!important; } /* 2.5 Main */ #main { border-top: 1px solid #637780; border-bottom: 1px solid #637780; } .section { padding: 50px 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; } .section.alt { background-color: #e9e9e9; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } .section.alt .col-full { } .section.footer { background: #e9e9e9; border-top: 1px solid #fff; } .section .heading { width: 200px; margin: 0 20px 0 0; } .section .content { width: 590px; padding: 0 0 0 10px; } .section .heading h2 { margin: 0 0 5px; font-size: 36px; line-height: 40px; font-weight: normal; color: #637780; } .section .heading .sub-heading { font-size: 12px; color: #929292; } #home-widgets .col-left { width: 275px; margin: 0 20px 0 0; } #home-widgets .col-right { width: 275px; margin: 0; } .section .content.blog { width: 600px; margin: -10px 0 0; padding: 0; } .section .content.blog li { margin: 0 0 20px 0; } .section .content.blog li a { display: block; padding: 10px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .section .content.blog li a:hover { border-bottom: 1px solid #fff; border-top: 1px solid rgba(0,0,0,0.1); background: rgba(0,0,0,0.05); } .section .content.blog .date { display: block; float: left; width: 110px; font-size: 11px; font-weight: bold; color: #8f8f8f; } .section .content.blog .excerpt { display: block; float: left; width: 470px; color: #4d4d4d; font-size: 12px; } .section .content.blog .excerpt span { font-weight: bold; display: block; font-size: 14px; } .section .content.blog .archive a { display: block; text-align: right; font-weight: bold; font-size: 12px; text-transform: uppercase; color: #555; } .section .content.contact .col-left { width: 275px; margin: 0 20px 0 0; } .section .content.contact .col-right { width: 275px; margin: 0; } .section .content.contact .screenReader { left: -9999px; position: absolute; top: -9999px; } .section .content.contact ol.forms { float: left; list-style: none; width:100%; } .section .content.contact ol.forms li { clear: both; float: left; margin-bottom: 18px; position: relative; width: 100%; } .section .content.contact ol.forms label { display: none; } .section .content.contact ol.forms input.txt { width: 275px; background: #f4f4f4; } .section .content.contact ol.forms textarea { height: 180px; width: 275px; background: #f4f4f4; } .section .content.contact ol.forms li .error { font-size: 10px; display: block; text-align: right; font-weight: bold; text-transform: uppercase; color: red; } .section .content.contact ol.forms li.textarea .error { display: block; } .section .content.contact ol.forms li.screenReader { margin-bottom: 0; } .section .content.contact ol.forms li.buttons .submit { } .section .content.contact ol.forms li.inline input { width: auto; margin-left: 120px; } .section .content.contact .col-right li { margin: 2px 0 15px 0; } .section .content.contact .col-right li a { padding: 2px 0 2px 25px; } .section .content.contact .col-right li.rss a { background: url(images/ico-rss.png) no-repeat left top; } .section .content.contact .col-right li.twitter a { background: url(images/ico-twitter.png) no-repeat left top; } .section .content.contact .col-right li.fb a { background: url(images/ico-facebook.png) no-repeat left top; } /* 2.6 Inner Pages */ #innerpage { padding: 40px 0; border-bottom: 1px solid #e9e9e9; } #innerpage .col-left { width: 820px; } #innerpage .col-left.with-sidebar { width: 515px; margin: 0 30px 0 0; } /* 2.7 Sidebar */ #sidebar { width: 275px; overflow:hidden; } /* 2.8 Footer */ #footer { padding: 20px 0; color:#999; border-top: 1px solid rgba(255,255,255,0.3); background: #637780 url(images/bg-featured.png) repeat left top; } #footer p { font-size: 12px; color: #fff; font-weight: bold; } #footer a:link, #footer a:visited { color: #fff; } #footer #credit img{vertical-align:middle;} #footer #credit span{display:none;} /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ #breadcrumb {} .archive_header { display: block; float: left; width: 100%; margin:0 0 30px; padding:0 0 10px; font-size: 14px; text-transform: uppercase; font-weight: bold; border-bottom:#e9e9e9 2px solid; } .archive_header .catrss a { font-size: 12px; text-decoration: none; line-height: 18px; } .post { margin: 0 0 40px;} #innerpage .post, #innerpage .page { margin: 0; padding: 0 0 20px; border-bottom: 1px solid #e9e9e9; } #innerpage .page { border: none; } #innerpage.archive .post, #innerpage.archive .page { margin: 0 0 40px 0; padding: 0; } .post .title, .page .title { font:normal bold 24px/24px Arial, Helvetica, sans-serif;position:relative; margin: 0; } .page .title { margin: 0 0 20px 0; } .post .title a:link, .page .title a:link, .post .title a:visited, .page .title a:visited { color: #222; } .post-meta{margin: 0 0 25px 0; font-size: 11px; text-transform:uppercase; } .post-meta .comments a { padding: 0 0 0 20px; text-transform: uppercase; } .post-meta .small { font-weight: normal; } .post-meta, .post-meta .post-author a, .post-more { color:#868686; } .post-more { clear:both; text-transform:uppercase; border-top:1px solid #e9e9e9; padding:10px 0; font:11px/16px Arial, Helvetica, sans-serif;} .post-more a, .post-meta a { text-decoration:none; } .post-more a:hover, .post-meta a:hover { text-decoration:underline; } .post p.tags{background:url(images/ico-tag.png) no-repeat center left;padding-left:25px;width:100%;clear:both;margin-bottom:20px; font-size: 11px; text-transform: uppercase; } .entry {} /* 3.1 Typographic Elements */ .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 0 0 10px 0; } .entry p { margin: 0 0 20px 0; } .entry blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 30px; color: #444; } .entry blockquote p { font-style:italic; } .entry ul { margin: 0 0 15px 0; padding: 0 0 0 15px; } .entry ul ul { margin: 0; } .entry ul li { list-style-type: circle; } .entry ul ul li { list-style-type: disc; } .entry ol { margin: 0 0 15px 0; padding: 0 0 0 15px; } .entry ol ol { margin: 0; } .entry ol li { list-style-type: upper-latin; } .entry ol li ol li { list-style-type: lower-latin; } /* 3.2 Images */ .entry img, img.thumbnail { padding: 5px; border: 1px solid #e9e9e9; background:#F8F8F8; } img.wp-smiley { padding: 0; border: none; } .alignleft { float: left; height: auto; margin: 5px 15px 5px 0; } .alignright { float: right; height: auto; margin: 5px 0 5px 15px; } .aligncenter { text-align: center; margin-bottom:15px;} img.aligncenter { margin-left:auto; margin-right:auto; display:block; } .entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #e9e9e9; } .entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; } .entry .wp-caption-text { margin:0; padding:0; font:11px/22px Arial, Helvetica, sans-serif; text-align:center; } /* 3.3 Pagination / WP-Pagenavi */ .nav-entries, .wp-pagenavi, .post-entries {font-size:11px; padding:5px 15px; border:1px solid #fff; background:#e9e9e9; border-width:1px 0 1px; } .nav-entries a, .post-entries a { display: block; font-weight: bold; text-transform: uppercase; text-decoration:none;} .nav-entries a:hover, .post-entries a:hover { } .wp-pagenavi { margin: 0 !important; text-align: center !important; } .wp-pagenavi a:link, .wp-pagenavi a:visited { margin-right: 4px!important; display: inline !important; text-decoration: none !important; background: #ddd !important;color: #666 !important; padding: 3px 7px !important; border-color:#EFEFEF #ccc #ccc #EFEFEF!important; border-style:solid!important; border-width:1px!important; } .wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover { margin-right: 4px!important; padding: 3px 7px !important; background: #f4f4f4 !important;border-color:#CCCCCC #EFEFEF #EFEFEF #CCCCCC!important; border-style:solid!important; border-width:1px!important; } .wp-pagenavi span.extend, .wp-pagenavi span.pages { display:none; } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.2 Generic Widgets */ .widget { margin: 0 0 30px 0; } .widget h3 { margin: 0 0 20px 0; font:normal bold 18px Arial, Helvetica, sans-serif; } #sidebar .widget h3 { font-size: 15px; margin: 0 0 10px 0; } #sidebar .widget { font-size: 12px; } .widget ul { clear:both; border-top: 1px solid #e9e9e9; list-style-position:inside; list-style-type:disc;} .widget ul li { padding: 3px 0 3px 5px; list-style: none; border-bottom: 1px solid #e9e9e9; } .widget ul li a { padding: 0 0 0 5px; line-height: 22px; text-decoration: none; } .widget ul li a:hover { } .widget ul ul { padding: 0 0 0 10px; border-top: none; } /* 4.2 Specific Widgets */ /* SEARCH */ .searchform { } .widget input.s { float:left; width: 60%; padding: 7px 0 7px 7px; margin-right:5px; background-color: #f4f4f4; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;} .widget .screen-reader-text { display: none; } .widget input.submit { float:right; } #sidebar .widget_woo_search { padding: 0 0 25px 0; border-bottom: 1px solid #e9e9e9; } /* FLICKR */ .widget_woo_flickr h3 {} .widget_woo_flickr h3 span{color:#0061D8;} .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 0 8px 0; display: block; border: #e9e9e9 3px solid; } .widget_woo_flickr a:hover img { border:#637780 3px solid; } /* TESTIMONIAL WIDGET */ .feedback-widget { padding: 0 0 15px 0; border-bottom: 1px solid #e9e9e9; } .feedback-widget h3 { margin: 0 0 15px 0; } .feedback-widget .customer-quote { position: relative; z-index: 1; color: #637780; font: italic normal 18px/22px Georgia, Times, serif; } .feedback-widget .customer-details { margin: 10px 0 0 0; } .feedback-widget .customer-name { float: right; text-align: right; margin: 9px 0 0 0; line-height: 14px; font-style: normal; font-weight: bold; } .feedback-widget .customer-name h4 { font-size: 14px; } .feedback-widget .customer-name a { font-weight: normal; font-size: 12px; font-style: italic; } .feedback-widget .customer-image { float: right; } .feedback-widget .customer-image img { margin: 0 0 0 10px; border: 2px solid #e9e9e9; } .widget_woo_testimonial .info { display: block; text-align: right; color: #848484; font-size: 12px; font-weight: bold; font-style: italic; } #sidebar .widget_woo_testimonial .quotemark { font-size: 80px; top: 0; } #sidebar .widget_woo_testimonial blockquote { font-size: 14px; } #sidebar .widget_woo_testimonial cite { font-size: 12px; line-height: 8px; } #sidebar .widget_woo_testimonial .info { font-size: 10px; } /* LIFESTREAM */ .widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; } .widget_lifestream ul li a { border:none; background:none!important; } .widget_lifestream ul .lifestream_meta { color: inherit; } /* CALENDAR */ #wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;} #wp-calendar caption{padding:0 0 10px;} #wp-calendar th,#wp-calendar td{text-align:center;background:#e9e9e9; border: 1px solid #e9e9e9; color:#9E9E9E;padding:5px;} #wp-calendar td{background:transparent;} #wp-calendar td,table#wp-calendar th{padding:3px 0;} /* TAG CLOUD */ .widget_tag_cloud div { margin: 0 5px; } /* TWITTER */ .widget_woo_twitter li, .widget_woo_twitter li a { line-height: 18px!important; } .widget_woo_twitter li span a { display: inline; } .widget_woo_twitter li a { display: block; padding: 0!important; text-align: right; } /* TEXT WIDGET */ .textwidget p { margin: 0 0 15px; } /* BLOG AUTHOR WIDGET */ .widget_woo_blogauthorinfo .avatar { border: 3px solid #e9e9e9; } .widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; } .widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; } /* AD WIDET */ .adspace-widget { text-align: center; } .adspace-widget h3 { text-align: left; } .adspace-widget img { border: 3px solid #637780; } /* WOOTABS */ #tabs { margin-bottom: 30px; } #tabs ul.wooTabs { padding:0px; } #tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; margin: 0 1px 0 0; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#637780; color: #fff; text-decoration:none; } #tabs ul.wooTabs li a { color:#777; display: block;float: left;padding: 8px; text-transform:uppercase; font-size: 11px; font-weight: bold;} #tabs .inside { background:#637780; padding:5px;} #tabs .inside li { background:#fff; } #tabs #tab-tags { padding:10px; background: #fff; } #tabs .inside ul { margin:0; border: 1px solid #e9e9e9; border-width:1px 0 1px 0; } #tabs .inside li { border:1px solid #e9e9e9; border-width:0 1px 1px 1px; padding:10px; } #tabs .inside li a { color:#555; font:bold 12px/18px Georgia, serif; } #tabs .inside a:hover{} #tabs .inside li span.meta { display:block; font:11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#777; } #tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px; background-color: #ffffff; float: left; margin: 0 8px 0 0; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments { position: relative; padding: 40px 0 0 0; border-top: 1px solid #e9e9e9; font-size: 13px; } #comments h3 { font-weight:bold; font-size: 14px; margin-bottom:20px; text-transform: uppercase; } #comments .comment.thread-odd { background: #e9e9e9; border:1px solid #fff; border-width: 1px 0; } #comments .comment.thread-even { border:1px solid #e9e9e9; border-width: 1px 0; } #comments .comment{width:100%;list-style-type:none;} #comments .comment .comment-container { position:relative; padding: 20px; } #comments .comment-head { margin: 0 0 15px 0; } #comments .avatar { float:right; margin: 0 0 10px 15px; } #comments .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; } #comments .comment-head .name { display: block; margin: 0; font-weight: bold; font-size: 15px; line-height: 6px; } #comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; } #comments .comment-entry p { margin: 0 0 10px 0;} #comments .reply { display: block; margin: 10px 0 0 0; } #comments .reply a { padding: 0 4px; font-size: 9px!important; font-weight: bold; } #comments .reply a:hover { } #comments ul.children{margin:10px 0 0 20px;padding:0; } #comments ul.children li {border-top:1px solid #e9e9e9; } #comments .comment.thread-odd ul.children li {border-top:1px solid #fff; } #comments .cancel-comment-reply{margin: 0; text-transform: uppercase; font-weight: bold; font-size: 10px;} #comments #respond { margin: 20px 0 0 0; } #comments #respond h3 { margin: 0; line-height: 9px; } #comments .navigation { } #comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; } #comments .navigation a:hover{} #comments h3#pings { margin-top:25px; } #comments .pingbacks li.pingback { margin:10px 0; } #comments .pingbacks li.pingback .reply { display:none; } /* 5.2 Comments Form */ #respond { margin: 40px 0 0; } #respond h3 { font-weight:bold; font-size: 14px; margin-bottom:20px; text-transform: uppercase; } #respond .left { float:left; width:200px; margin-right:15px; } #respond .right { float:left; width:380px; } #respond label { font-size:11px; color:#777; } #commentform { margin: 15px 0 0 0; } #commentform label { display: none; } #commentform input.txt, #commentform textarea { border-width:1px; border-style:solid;} #commentform input.txt { background: #f4f4f4; width: 95% !important; margin: 0 5px 10px 0; padding: 5px 7px; } #commentform textarea { background: #f4f4f4; width: 95% !important; padding: 5px 7px; } #commentform #submit { margin: 15px 0 0 0; } /* 5.3 Pingbacks / Trackbacks */ h3#pings { margin: 25px 0 10px 0; } .pinglist { padding: 0 0 20px 0; border-bottom: 1px solid #e9e9e9; } .pinglist li { margin: 0 0 10px 20px; list-style-type: decimal; font-size: 11px; } .pinglist li .author { font-weight: bold; font-size: 12px; } .pinglist li .date { font-size: 10px; } .pinglist li .pingcontent { display: block; margin: 5px 0; } /*-------------------------------------------------------------------------------------------*/ /* 6. MISC */ /*-------------------------------------------------------------------------------------------*/ /* 6.1 Buttons */ .button, .button:visited, .reply a{ font-family:Verdana, Geneva, sans-serif; background: url(images/alert-overlay.png); display: inline-block; padding: 4px 10px 5px; color: #fff !important; text-decoration: none; border:none; position: relative; cursor: pointer; font-size: 12px!important; text-transform: uppercase; } .button, .button:visited, .reply a{ background-color:#637780; } .button:hover, .reply a:hover { color: #fff !important; text-decoration:none; } .button:active, .reply a:active { top: 1px; } .small.button, .small.button:visited, .reply a { font-size: 10px; padding: 0px 6px 1px; text-transform:uppercase;} .button, .button:visited, .medium.button, .medium.button:visited { font-size: 13px; font-weight: bold; line-height: 1; } .large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; } /* 6.2 Info Boxes */ p.alert, p.download, p.info, p.note, p.tick { margin:10px 0 20px 0; padding:9px 10px 9px 50px; } p.alert { border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url(images/ico-alert.png) no-repeat 20px 13px; } p.download { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-download.png) no-repeat 20px 13px; } p.tick { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-tick.png) no-repeat 20px 13px; } p.info { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url(images/ico-info.png) no-repeat 20px 13px; } p.note { border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url(images/ico-note.png) no-repeat 20px 13px; } /* 6.3 Contact Form */ #contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; } #contact-page ol.forms{ float:left;list-style:none;width:100%;margin:30px 0 0;} #contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%} #contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;} #contact-page ol.forms input.txt{width:214px;} #contact-page ol.forms input#sendCopy{border:none;} #contact-page ol.forms textarea{height:300px;width:360px;} #contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;} #contact-page ol.forms li.textarea .error{display:block; margin-left:120px} #contact-page ol.forms li.screenReader{margin-bottom:0;} #contact-page ol.forms li.buttons .submit{margin: 15px 0 0 120px; } #contact-page ol.forms li.inline input{width:auto;margin-left:120px;} #contact-page ol.forms li.inline label{display:inline;float:none;width:auto;} /* 6.4 Gravity Forms */ .gfield { margin-bottom: 10px; } .gform_wrapper .top_label .gfield_label { display:block;float:left; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; } .gform_wrapper input.button { padding: 5px 10px 6px !important; } .gform_wrapper input { padding: 7px 3px !important; } .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; } .gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; } ul.top_label .clear-multi { clear: none !important; } .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; } img.ui-datepicker-trigger { border: 0px; padding: 0px; }