/* Theme Name: Boast Theme URI: http://www.woothemes.com/ Version: 1.1.3 Description: Designed by WooThemes. Author: WooThemes Author URI: http://www.woothemes.com Copyright: (c) 2009 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! :) */ /* 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 Navigation -2.2.1 Drop-down menus -2.3 Header -2.4 Featured Box -2.4.1 Home Page Tabber -2.4.2 Inner Pages -2.5 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 5. COMMENTS -5.1 Comments -5.2 Pingbacks / Trackbacks -5.3 Comments Form 6. MISC -6.1 Buttons -6.2 Info Boxes -6.3 Contact Form -6.4 Gravity forms -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { font: 14px/20px Arial,Helvetica,Sans-serif; color: #fdfdfd; background: #516f8c url(images/bg-bodytile.png) repeat top left; } h1, h2, h3, h4, h5, h6 { margin: 0; color: #fff; font-weight:normal; } 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: #e6e6e6; 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: #a2cde6; text-decoration:none;} a:hover {text-decoration:underline;} 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 { color: #fff; text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {} /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #wrapper { background: url(images/bg-wrapper.png) no-repeat center top;} #content-wrap { background: url(images/bg-content.png) no-repeat center bottom; border-bottom: 1px solid rgba(255,255,255,0.15); } #content{padding:0 0 40px;} .col-left { float: left; } .col-right { float: right; } .col-full { width: 940px; margin: 0 auto; } /* 2.2 Navigation */ #navigation{position: relative; padding: 1px 0 0 0; z-index: 9999; font:14px/14px Helvetica, Arial, sans-serif;background: #243141 url(images/bg-nav.png) no-repeat left top; } .nav { z-index:99; margin: 0 0 0 20px; padding:0; list-style:none; line-height:1; } .nav li { float:left; width: auto; } .nav li.home a { display: block; margin: 20px 15px 0 0; height: 0; overflow: hidden; padding-top: 14px; width: 13px; background: url(images/ico-home.png) no-repeat top center; } .nav a { position:relative; color:#fff; display:block; z-index:100; margin-right: 20px; padding: 18px 10px 12px 10px; line-height:18px; text-decoration:none; } .nav a:hover{ background: rgba(0,0,0,0.2); } .nav li.current_page_item, .nav li.current_page_parent {} .nav li a.sf-with-ul { padding-right:20px; } /* 2.2.1 Drop-down menus */ .nav li ul { background: #FFF; position: absolute; left: -999em; width: 180px; z-index:999; } .nav li ul li { border-top:1px solid #fff; border-bottom: 1px solid #c3c3c3; } .nav li ul li a { width:165px; padding: 5px 5px 5px 10px; font-weight: bold; background: #eaeaea; margin: 0; color:#555; font-size:12px; } .nav li ul li a.sf-with-ul { padding: 5px 5px 2px 10px; } .nav li ul li a:hover { border-color: transparent; color: #000; background-color: #dedede; } .nav li ul ul { margin: -25px 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.3em;top:1.8em;width:10px;height:10px;text-indent:-999em;overflow:hidden;} .nav li ul .sf-sub-indicator {right: 5px; top: 10px; background:url(images/arrow-superfish-right.png) no-repeat;} /* 2.3 Header */ #header { padding:50px 0 40px; clear:both; position:relative; background: url(images/bg-header.png) repeat-x top left; } #logo { float:left; } #logo img { } #logo .site-title, #logo .site-description { font-family:Georgia, serif; color: #000; display:none; } #logo .site-title a { color:#eee; font-size:40px; line-height:40px; text-transform:none; font-weight:normal; text-decoration:none; } #logo .site-title a:hover { text-decoration:underline; } #logo .site-description { color: #ccc; font-size: 11px; text-transform: uppercase;} #search { padding-top: 22px; } #search form { display: inline-block; } #search input.field { height:13px; font-size:11px; font-weight:bold; width: 155px; padding: 4px 0 4px 25px; color: #fff; border: none; background: url(images/bg-search.png) no-repeat left top; } #search input.submit { background: none; border: none; color: #fff; font-weight: bold; margin: -2px 0 0 0; padding: 0; } #search li { display: inline; } #search li.rss { margin: 0 0 0 8px; padding: 2px 0 3px 55px; border-left: 1px solid #728aa2; background: url(images/ico-rss.png) no-repeat 15px top; } #search li.rss a { font-size: 11px; color: #fff; } /* 2.4 Featured Box */ /* 2.4.1 Home Page Tabber */ #loopedSlider { position:relative; } #loopedSlider .container {width: 633px; height:464px; overflow:hidden; position:relative; float:left; background: #eaeaea url(images/feat-left-bg.png) no-repeat left bottom; border: 1px solid #fff;} #loopedSlider .slides { position:absolute; top:0; left:0; } .featured { margin-bottom: 45px; color: #353a3e; } .featured .feat-post {width: 567px; padding: 0 33px; } .featured .feat-post .image img { margin: 30px 0 0 0; border: 1px solid #fff; } .featured .feat-post .shadow { display: block; width: 561px; height: 35px; margin: -16px 0 0 2px; background: url(images/feat-img-shadow.png) no-repeat center top; } .featured .feat-post .details { margin: 10px 0 22px; } .featured .feat-post .buttons { width: 100px; padding: 0 10px 0 15px; } .featured .feat-post .buttons a { display: block; float: left; height: 41px; width: 42px; text-indent: -300px; overflow: hidden; background: url(images/btn-updown.png) no-repeat left top; } .featured .feat-post .buttons a.down { background-position: top right; } .featured .feat-post .feat-title { width: 442px; padding: 4px 0 0 0; } .featured .feat-title h2, .featured .feat-title h2 a { color: #25211f; font-size: 24px; font-weight: bold; } .featured .feat-title .sub-title { color: #6f6b69; font-size: 10px; text-transform: uppercase; } .featured .feat-index { width: 304px; background: #3c5065; overflow-x: hidden; border-color: #46596d; border-style: solid; border-width: 1px 1px 1px 0; } .featured .feat-index ul { padding: 15px 0; } .featured .feat-index a { display: block; padding: 15px 0 15px 35px; color: #bed5eb; font-size: 15px; font-weight: bold; line-height: 16px; } .featured .feat-index a:hover { color: #fff; } .featured .feat-index a:hover span { color: #d6e3ee; } .featured .feat-index .active a { margin-left: -2px; color: #fff; padding-left: 30px; font-size: 15px; background: url(images/feat-index-active.png) no-repeat left 2px; } .featured .feat-index .active a span { color: #d6e3ee; } .featured .feat-index span { display: block; color: #7b8d9f; font-size: 10px; font-weight: normal; text-transform: uppercase; } .featured .feat-index a:hover { text-decoration: none; } /* 2.4.1 Inner Pages */ .featured.feat-blog {background: #eaeaea url(images/feat-left-bg.png) no-repeat left bottom; border: 1px solid #fff; } .featured.feat-blog .archive-header { padding: 0 0 6px; border-bottom: 1px solid #cecece; border-bottom: 1px solid rgba(0,0,0,0.1); margin: 30px 0 0 0; color: #000; } .featured.feat-blog .archive-header span { font: bold italic 18px Georgia, Times, serif; } .featured.feat-blog .archive-header .cat-rss { display: block; margin-top: -2px; margin-bottom: -6px; border: none!important; font: bold italic 14px Georgia, Times, serif; } .featured.feat-blog .archive-header .cat-rss a { padding: 3px 38px 3px 0; font-size: 14px; text-decoration: none; line-height: 28px; color: #3c5065; background: url(images/ico-rss.png) no-repeat right center; } .featured.feat-blog .archive-header .cat-rss a:hover { color: #000; } .featured.feat-blog .feat-post { width: 872px; padding-top: 30px; } .featured.feat-blog .feat-title { width: 800px; color: #000; display: inline; } .featured.feat-blog .feat-title .feat-meta { display: inline-block; margin: 0 0 15px; font-size: 11px; text-transform: uppercase; color: #6f6b69; border-bottom: 1px dotted #6f6b69; } .featured.feat-blog .feat-title .feat-meta a { color: #000; font-weight: bold; } .featured.feat-blog .feat-title h2 { margin: 0 0 6px 0; font-size: 30px; } .featured.feat-blog .feat-title h2 a { font-size: 30px; } .featured.feat-blog .feat-content { margin: 20px 0 35px 0; } .featured.feat-blog .video { margin-bottom: 20px; } .featured.feat-blog .entry h1, .featured.feat-blog .entry h2, .featured.feat-blog .entry h3, .featured.feat-blog .entry h4, .featured.feat-blog .entry h5, .featured.feat-blog .entry h6 { color: #000; font-weight: bold; } .featured.feat-blog .entry a { color: #3c5065; } /* 2.5 Footer */ #footer { color:#fff; background: #35526f url(images/bg-bodytile.png) repeat top left; } #footer #credit img{vertical-align:middle;} #footer #credit span{display:none;} #bottomline { width: 940px; margin: 0 auto 40px; padding: 17px 10px 0; border-top: 1px solid #cecece; border-top: 1px solid rgba(255,255,255,0.3); font-size:10px; font-weight: bold; text-transform: uppercase; } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ #breadcrumb {} #blog { margin-bottom: 40px; border-bottom: 1px solid #cecece; border-bottom: 1px solid rgba(255,255,255,0.3); } #blog .heading { padding: 0 0 20px 0; font: bold italic 30px Georgia, Times, serif; text-align: center; } .paged #blog .heading { padding: 20px 0 20px 0;} #blog .heading .full-blog { margin: 6px 0 0 0; background-color: #fff; color: #152332!important; } #blog .col-left { width: 450px; padding: 20px 20px 20px 0; text-align: right; } #blog .col-right { width: 450px; padding: 20px 0 20px 20px; text-align: left; } #blog .post .col-left { position: relative; width: 449px; min-height: 75px; border-right: 1px solid #cecece; border-right: 1px solid rgba(255,255,255,0.3); } .post { margin-bottom: -1px; border-top: 1px solid #cecece; border-top: 1px solid rgba(255,255,255,0.3); } .post .title { margin: 0 0 3px; font:normal bold 24px/24px Arial, Helvetica, sans-serif;position:relative } .post .title a { display:block; } .post .title a:link, .post .title a:visited { } .post .title a:hover { margin-right: -5px;margin-left: 5px; } .post-category a, .post-date { color: #bdc9d6; font-size: 12px; font-style: italic; } .post .comments { position: absolute; bottom: 10px; right: 20px; } .post .comments a { font-size: 12px; font-weight: bold; color: #fff; } .post-more a, .post-meta a { text-decoration:none; font-weight: bold; font-size: 12px; } .post-more a:hover, .post-meta a:hover { text-decoration:underline; } .entry p.tags{background:url(images/ico-tag.png) no-repeat center left;padding-left:25px;width:100%;clear:both;margin-bottom:20px; text-transform: uppercase; font-weight: bold; font-size: 11px;} .entry {} /* 3.1 Typographic Elements */ .entry h1 { border-bottom:1px solid #e6e6e6; margin-bottom:20px; padding-bottom: 20px; } .entry h2 { padding-bottom:20px; } .entry h3 { padding-bottom:10px; } .entry h4 {} .entry h5 {} .entry h6 {} .entry p { margin: 0 0 20px 0; } .entry blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444; } .entry blockquote p { font-style:italic; } .entry ul { margin: 0 0 15px 10px; padding: 0 0 0 10px; } .entry ul ul { margin: 0 0 10px; } .entry ul li { list-style-type: circle; } .entry ul ul li { list-style-type: disc; } .entry ol { margin: 0 0 15px 10px; padding: 0 0 0 10px; } .entry ol ol { margin: 0 0 10px; } .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 { margin-top: 5px!important; padding: 3px; border: 1px solid #fff; background:#eaeaea; } img.wp-smiley { padding: 0; border: none; background: transparent; } .alignleft { float: left; height: auto; margin: 5px 25px 10px 0; } .alignright { float: right; height: auto; margin: 5px 0 10px 25px; } .aligncenter { text-align: center; margin-bottom:15px;} img.aligncenter { margin-left:auto; margin-right:auto; display:block; } .entry .wp-caption { text-align:center; padding: 1px; border: 1px solid #fff; background:#eaeaea; } .entry .wp-caption img{ margin:0; padding: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 { width: 940px; margin: 0 auto; padding-bottom: 40px; font-size:11px; font: bold italic 18px Georgia, Times, serif; border-bottom: 1px solid #cecece; border-bottom: 1px solid rgba(255,255,255,0.3); } .post-entries { padding-top: 40px; } .home .nav-entries, .home .wp-pagenavi { border-bottom: none; } .nav-entries a, .post-entries a { color: #fff; display: block; text-decoration:none;} .nav-entries a:hover, .post-entries a:hover { text-decoration:underline; } .wp-pagenavi { margin: 0 auto!important; text-align: center !important; } .wp-pagenavi a:link, .wp-pagenavi a:visited { display: inline-block !important; margin: 0 0 0 5px!important; text-decoration: none !important; background: none!important;color: #fff !important; padding: 0px 7px 3px 7px!important; border:1px solid transparent!important;} .wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover { margin: 0 0 0 5px!important; color: #516f8c!important; padding: 0px 7px 3px 7px!important; background: #e1e1e1 !important; border: 1px solid #fff!important; } .wp-pagenavi span.extend, .wp-pagenavi span.pages { padding-right: 30px!important; background:none !important; border:none !important; color:#fff !important; } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.2 Generic Widgets */ #main-widgets { margin-top: 50px; margin-bottom: 0px; } #main-widgets .widget-col { float: left; width: 220px; margin: 0 20px 0 0; } #main-widgets .widget-col.last, #footer-widgets .widget-col.last { margin: 0; } #main-widgets .widget { float: left; width: 180px; height: 300px; margin: 30px 0 40px 0; padding: 0 20px; color: #494d50; background: #fff url(images/widget-gradient.png) no-repeat bottom center; } #main-widgets .widget .inner { height: 267px; overflow: hidden; } #main-widgets .widget .inner .innermodule { height: 267px; } #main-widgets .widget a:link, #main-widgets .widget a:visited { color: #4889b2; } #main-widgets .widget .shadow { display: block; width: 220px; height: 10px; margin: 16px 0 -5px -20px; background: url(images/widget-shadow.png) no-repeat left top; } #main-widgets .widget .controls { position: relative; margin: 5px 0 24px 0; display: block; height: 8px; text-align: center; } #main-widgets .widget .controls a { position:absolute;left: 80px; width: 11px; height: 8px; padding: 0 4px; display: inline-block; overflow: hidden; text-indent: -300px; } #main-widgets .widget .controls a.up { background: url(images/widget-controls-up.png) no-repeat top center; display: none } #main-widgets .widget .controls a.down { background: url(images/widget-controls-down.png) no-repeat top center; } #main-widgets .widget h3 { margin: -35px 0 32px -20px; font-size: 18px; color: #fff; font-weight: bold; } #main-widgets .widget p { font:12px/20px Arial, Helvetica, sans-serif; margin-bottom:15px; } #main-widgets .widget ul { clear:both; padding: 0; border-top: 1px dashed #ebecec; list-style-position:inside; list-style-type:disc;} #main-widgets .widget ul li { list-style: none; padding: 5px 0; border-bottom: 1px dashed #ebecec; line-height: 18px; } #main-widgets .widget ul li a:link, #main-widgets .widget ul li a:visited { font-size: 16px; font-weight: bold; text-decoration: none; color: #494d50; } #main-widgets .widget ul li a:hover { color: #000; } #main-widgets .widget ul ul { padding: 0 0 0 10px; border-top: none; } #footer-widgets { padding: 40px 0 0 0; background: url(images/bg-footerwidgets.png) no-repeat top center; } #footer-widgets .widget-col { float: left; width: 172px; margin: 0 20px 0 0; } #footer-widgets .widget { float: none; } #footer-widgets .widget { margin: 0 0 40px 0; font-size: 11px; } #footer-widgets .widget h3 { margin: 0 0 10px 0; font-size: 13px; color: #a2cde6; font-weight: bold; } #footer-widgets ul li, #footer-widgets ul li a { color: #d6f0ff; } /* 4.2 Specific Widgets */ /* PORTFOLIO GALLERY */ #main-widgets .widget .thumbs a { display: block;} #main-widgets .widget .thumbs a img { float:left} .widget_woo_portfolio .thumbs { text-align: center; margin: 0 -10px 0px 0; } .widget_woo_portfolio .thumbs img { margin: 0 8px 5px 2px; border: 2px solid #cecece; } .widget_woo_portfolio .thumbs img:hover { border-color: #314e6c; } #footer-widgets .widget_woo_portfolio .thumbs { margin: 0; } #footer-widgets .widget_woo_portfolio .thumbs img { margin: 1px 1px 0 0; border: 2px solid #d6f0ff; } #footer-widgets .widget_woo_portfolio .thumbs img:hover { border: 2px solid #314e6c; } /* TESTIMONIAL WIDGET */ .widget_woo_testimonial { position: relative; text-align: center; } .widget_woo_testimonial h3 { text-align: left; } .widget_woo_testimonial .quotemark { position: absolute; top: -10px; left: 20px; z-index: -1; color: #ededed; font: 120px Georgia, Times, serif; } .widget_woo_testimonial blockquote { color: #afb0b0; font: italic 16px Georgia, Times, serif; } .widget_woo_testimonial cite { display: block; margin: 12px 0 0 0; font-size: 20px; font-style: normal; font-weight: bold; } .widget_woo_testimonial .info { color: #848484; font-size: 12px; font-weight: bold; font-style: italic; } #footer-widgets .widget_woo_testimonial blockquote { color: #d6f0ff; font-size: 12px; } #footer-widgets .widget_woo_testimonial .quotemark { display: none; } #footer-widgets .widget_woo_testimonial cite { font-size: 12px; margin-bottom: -7px; } #footer-widgets .widget_woo_testimonial .info { font-size: 11px; color: #d6f0ff; } /* SEARCH WIDGET */ .searchform { } .widget input.s { width: 95%; padding: 7px 0 7px 7px; margin: 0 0 10px 0; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;} .widget .screen-reader-text { display: none; } .widget input.submit { float:right; background-color: #fff; } #footer-widgets .widget input.s { width: 155px; height:13px; font-size:11px; font-weight:bold; padding: 4px 0 4px 25px; color: #fff; border: none; background: url(images/bg-search.png) no-repeat left top; } #footer-widgets .widget input.submit { display: none; } /* RECENT COMMENTS */ .widget_recent_comments li { font-size: 12px; font-weight: bold; color: #494d50; padding: 5px 0; line-height: 18px; } .widget_recent_comments ul li a { font-size: 12px!important; display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } #footer-widgets .widget_recent_comments li, #footer-widgets .widget_recent_comments ul li a { font-weight: normal; line-height: 12px!important; font-size: 11px!important; } /* FLICKR */ .widget_woo_flickr { text-align: center; } .widget_woo_flickr h3 { text-align: left; } .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 4px; display: block; border: 2px solid #cecece; } .widget_woo_flickr a img:hover { border-color: #314e6c; } #footer-widgets .widget_woo_flickr a img { margin: 0; border: 2px solid #d6f0ff; } #footer-widgets .widget_woo_flickr a img:hover { border: 2px solid #314e6c; } /* TWITTER */ .widget_woo_twitter { font-weight: bold; font-size: 12px; } .widget_woo_twitter span { display: block; } .widget_woo_twitter ul { margin-top: -10px; border-top: none; } .widget_woo_twitter ul li { padding: 10px 5px; list-style: none; border-bottom: 1px dashed #ebecec; line-height: 16px; } .widget_woo_twitter li span a:link, .widget_woo_twitter li span a:visited { color: #4889b2; font-size: 12px; } .widget_woo_twitter li a:link, .widget_woo_twitter li a:visited { padding: 0; line-height: 16px; color: #9c9b9a; } #footer-widgets .widget_woo_twitter { font-weight: normal; font-size: 11px; } #footer-widgets .widget_woo_twitter li span a:link, #footer-widgets .widget_woo_twitter li span a:visited { color: #a2cde6; } #footer-widgets .widget_woo_twitter li a:link, #footer-widgets .widget_woo_twitter li a:visited { color: #a2cde6; } #footer-widgets .widget_woo_twitter ul li { border-bottom: 1px dashed #d6f0ff; } /* CALENDAR */ #wp-calendar{width:100%;margin-bottom:15px;clear:both;padding:0;} #wp-calendar caption{padding:0 0 5px 0;font-weight: bold; text-transform: uppercase;} #wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color: #494d50;padding:5px; font-size:11px;} #wp-calendar td{background:transparent;border: 1px solid #ebecec;} #wp-calendar td,table#wp-calendar th{padding:3px 0;} #wp-calendar #prev, #wp-calendar #next { font-weight: bold; text-transform: uppercase; } #footer-widgets #wp-calendar caption { color: #d6f0ff; } #footer-widgets #wp-calendar th, #footer-widgets #wp-calendar td { color: #d6f0ff; background: #314e6c; font-size: 10px; } #footer-widgets #wp-calendar td { border-color: #314e6c; background: transparent!important; } /* BLOG AUTHOR WIDGET */ .widget_woo_blogauthorinfo .avatar { border: 3px solid #afb0b0; } .widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; } .widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; } .widget_woo_blogauthorinfo p { font-size: 12px; font-weight: bold; } #footer-widgets .widget_woo_blogauthorinfo .avatar { border: 3px solid #d6f0ff; } #footer-widgets .widget_woo_blogauthorinfo p { color: #d6f0ff; font-size: 11px; font-weight: normal; line-height: 14px; } /* ADSPACE WIDGET */ .adspace-widget { text-align: center; } .adspace-widget h3 { text-align: left; } #footer-widgets .adspace-widget img { border: 1px solid #d6f0ff; } #footer-widgets .adspace-widget img:hover { border: 1px solid #314e6c; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments {position:relative; } #comments h3 { margin: 0 0 30px 0; font: bold italic 30px Georgia, Times, serif; text-align: center; } #comments .commentlist { border-top: 1px solid #cecece; border-top: 1px solid rgba(255,255,255,0.3); } #comments .comment{ list-style-type:none; border-bottom: 1px solid #cecece; border-bottom: 1px solid rgba(255,255,255,0.3); } #comments .comment .fix { margin-bottom: -1px; } #comments .comment .comment-container { position:relative; } #comments .comment-head { padding: 20px; position: relative; width: 39%; text-align: right; border-right: 1px solid #cecece; border-right: 1px solid rgba(255,255,255,0.3); } #comments .avatar { float: left; } #comments .avatar img{margin: 0; border: 3px solid #cecece; border:3px solid rgba(255,255,255,0.3); } #comments .comment-head .name { display: block; margin: 0; font-weight: bold; font-size: 24px; } #comments .comment-head .date, #comments .comment-head .edit a, #comments .comment-head .perma a { color: #bdc9d6; font-size: 12px; font-style: italic; } #comments .comment-entry { padding: 20px; width: 50%; text-align: left; } #comments .comment-entry p { margin: 0 0 10px 0;} #comments .reply a:hover { } .nocomments { padding: 0 0 40px 0; text-align: center; font: italic bold 22px Georgia, Times, serif; border-bottom: 1px solid #cecece; border-bottom: 1px solid rgba(255,255,255,0.3); } .unapproved { font: italic bold 14px Georgia, Times, serif; color: #a2cde6; } #comments ul.children li { border-bottom: none; } #comments ul.children li .comment-container { border-top: 1px solid #cecece; border-top: 1px solid rgba(255,255,255,0.3);} #comments ul.children li.depth-2 .comment-container { padding: 0 0 0 25px; } #comments ul.children li.depth-3 .comment-container { padding: 0 0 0 50px; } #comments ul.children li.depth-4 .comment-container { padding: 0 0 0 75px; } #comments ul.children li.depth-5 .comment-container { padding: 0 0 0 100px; } #comments ul.children li.depth-6 .comment-container { padding: 0 0 0 125px; } #comments ul.children li.depth-7 .comment-container { padding: 0 0 0 150px; } #comments ul.children li.depth-8 .comment-container { padding: 0 0 0 175px; } #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; } #comments #respond { float: left; border-bottom: none; border-top: 1px solid #cecece; border-top: 1px solid rgba(255,255,255,0.3); } #comments #respond h3 { text-align: left; margin-bottom: 0; } #comments #respond .cancel-comment-reply { margin: 0 0 20px 300px; font-weight: bold; text-transform: uppercase; font-size: 11px; } #comments .depth-2 #respond { margin-left: -25px; } #comments .depth-3 #respond { margin-left: -50px; } #comments .depth-4 #respond { margin-left: -75px; } #comments .depth-5 #respond { margin-left: -100px; } #comments .depth-6 #respond { margin-left: -125px; } #comments .depth-7 #respond { margin-left: -150px; } #comments .depth-8 #respond { margin-left: -175px; } /* 5.2 Comments Form */ #respond { padding: 40px 0 50px; border-bottom: 1px solid #cecece; border-bottom: 1px solid rgba(255,255,255,0.3); background: url(images/bg-respond.png) no-repeat 40px 50px; } #respond h3 { margin: 0 0 30px 298px; font: bold italic 30px Georgia, Times, serif; } #respond .left { float:left; width:200px; margin-right:15px; } #respond .right { float:left; width:380px; } #respond label { font-size:11px; color:#777; } #commentform { width: 600px; margin: 0 0 0 298px; padding: 20px; font-weight: bold; color: #54555a; background: #eaeaea; border: 1px solid #fff; } #commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; font-size: 12px; } #commentform input.txt, #commentform textarea { font:14px/14px Arial, Helvetica, sans-serif; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;} #commentform input.txt { color:#666; background: #fcfcfc; width: 260px; margin: 0 5px 20px 0; padding: 10px 7px; } #commentform textarea { color:#666; background: #fcfcfc; width: 96% !important; padding: 5px 7px; } #commentform #submit { margin: 15px 0 0 0; } /* 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: 15px; } .pinglist li .date { font-size: 11px; } .pinglist li .pingcontent { display: block; margin: 10px 0; } /*-------------------------------------------------------------------------------------------*/ /* 6. MISC */ /*-------------------------------------------------------------------------------------------*/ /* 6.1 Buttons */ .button, .button:visited, .reply a{ font: 11px Helvetica, Arial, sans-serif; text-transform: uppercase; background: url(images/alert-overlay.png); display: inline-block; padding: 6px 10px 5px; color: #fff !important; text-decoration: none; border:none; position: relative; cursor: pointer; } .button, .button:visited, .reply a{ background-color:#a0b2c3; } .button:hover, .reply a:hover { text-decoration:none; } .button:active, .reply a:active { top: 1px; } .small.button, .small.button:visited, .reply a { font-size: 11px; font-weight: bold; padding: 3px 6px 1px; text-transform:uppercase;} .button, .button:visited, .medium.button, .medium.button:visited { 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:10px 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:400px;} .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; } /* Other */ .hidden { display:none}