/* @override http://www.lostinthetranslation.net/mindful-dev/wp-content/themes/chapters/style.css */
/* @override
http://localhost:8888/mindful-local/wp-content/themes/chapters/style.css
http://localhost:8888/mindful-local/wp-content/themes/chapters/style.css
*/
/*
Theme Name: Chapters
Theme URI: http://www.woothemes.com/
Version: 1.0.7
Description: Designed by WooThemes.
Author: WooThemes
Author URI: http://www.woothemes.com
Tags: woothemes
Copyright: (c) 2009-2010 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 Containers & Columns
-2.2 Header
-2.3 Chapters
-2.4 Content
-2.5 Sidebar
-2.6 Footer
3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi
-3.4 Single Post Author
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 Conatct Form
-6.3 Gravity forms
-6.4 Timeline page template
-6.5 IE specific styling
-6.6 Full Width Page Template
-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* RESET - http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */
/*-------------------------------------------------------------------------------------------*/
body,html{height:100%;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
:focus{outline:0;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
/* Floating & Alignment */
.fl{float:left;}
.fr{float:right;}
.ac{text-align:center;}
.ar{text-align:right;}
/* Clear Floats */
.col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;}
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;}
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
body { font: 14px/20px Georgia, serif; background: #ddd; color: #333; min-width: 960px; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-family:Georgia, serif; color: #222; font-weight:normal; }
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-bottom: 20px; }
img { vertical-align: bottom; -moz-force-broken-image-icon: 1; }
hr { display: none; }
input, textarea { padding: 7px 0 7px 7px; border-color: #EFEFEF #ccc #CCCCCC #efefef; border-width:1px; border-style:solid;}
/* 1.2 Hyperlinks */
a:link, a:visited { color: #3088ff; text-decoration:none;}
a:hover { color: #52302F; 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 { 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 { background: #fff; padding: 0 0 30px; }
#wrapper-inner { width: 960px; margin: 0 auto; }
.col-left { float: left; }
.col-right { float: right; }
.col-full { width: 960px; margin: 0 auto; }
/* 2.2 Header */
#header { padding: 40px 0 20px 0; }
.header-inside { width: 960px; margin: 0 auto; }
#logo { float: left; width: 220px; font-size: 12px; font-weight: normal; font-style: italic; line-height: 20px; }
#logo img {margin: 10px 0 0 0; width: 200px; }
#logo .site-title, #logo .site-description { font-family:Georgia, serif; color: #000; display:none; }
#logo .site-title a { color:#222; font-size:20px; line-height:40px; text-transform:none; font-weight:normal; text-decoration:none; }
#logo .site-title a:hover { text-decoration:underline; }
#logo .site-description { color:#999; font:italic 14px Georgia, serif; }
#prevnext { float: right; width: 220px; height: 30px; padding: 9px 0; border: 1px solid #ccc; border-width: 1px 0; font-size: 10px; text-transform: uppercase; line-height: 13px; font-weight: bold; }
#prevnext li { float: left; width: 110px; height: 30px; }
#prevnext li a { display: block; padding: 3px 0 1px 40px; color: #333; background: url(images/prevnext.png) no-repeat 0 0; letter-spacing: 1px; }
#prevnext li a small { display: block; text-transform: none; font-style: italic; color: #666; font-weight: normal; letter-spacing: 0; }
#prevnext li.disabled a, #prevnext li.disabled a small { color: #999 !important; background-position: 0 -60px !important; cursor: default; text-decoration: none !important; }
li#next.disabled a, li#next.disabled a small { background-position: right -150px !important; }
li#next a { text-align: right; padding: 3px 40px 1px 0; background-position: right -90px; }
#prevnext li a:hover, #prevnext li a:focus { text-decoration: underline; }
#prevnext li a:active, #prevnext li a:active small { color: #000; background-position: 0 -30px; }
li#next a:active { background-position: right -120px; }
/* 2.3 Chapters */
#chapters { position: fixed; top: 0; left: 0; width: 100%; height: 50px; background: url(images/chapters.png) repeat-x 0 0; z-index: 150; }
body.admin-bar { padding-top: 28px; }
body.admin-bar #chapters, body.admin-bar #vertical { top: 28px; }
#vertical { display: none; position: fixed; top: 0; left: 50%; margin-top: 40px; margin-left: -480px; width: 302px; background-color: #ffffcc; background-color: rgba(255,255,194,.99); box-shadow: 0 0 5px rgba(0,0,0,1); -moz-box-shadow: 0 0 5px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5); }
#vertical ul { margin: 0 0 0 1px; overflow: auto; width: 300px; max-height: 400px; }
#vertical ul li { position: relative; border-top: 1px solid #fc9; padding: 1px 0; }
#vertical ul li a { display: block; padding: 5px 5px 5px 40px; }
#vertical ul li a:hover, #vertical ul li a:focus { background-color: #fff2c3; background-color: rgba(255, 255, 255, .5); text-decoration:none;}
#vertical ul li a:active { background-color: rgba(255, 204, 153, .9); }
#vertical ul li a span { font: bold 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #966; position: absolute; top: 5px; left: 0; width: 30px; text-align: center; }
#vertical ul li a strong { font-size: 16px; font-weight: normal; color: #333; display: block; }
#vertical ul li a small { font-size: 12px; color: #963; font-style: italic; display: block; line-height: 16px; }
#vertical ul li.intro { border-top: 0; border-bottom: 1px solid #fc9; margin-bottom: 1px; padding-top: 0; }
#vertical ul li.unpublished { display: none; }
.jcarousel-container { width: 840px; margin: 0 0 0 125px; }
.jcarousel-next, .jcarousel-prev { margin-top: -46px; height:10px; width: 10px; cursor: pointer; }
.jcarousel-clip { height: 60px; }
.jcarousel-list { height: 60px; }
.jcarousel-prev { float: left; margin-left: -10px; background: url(images/ico-chapters-left.png) no-repeat center center; }
.jcarousel-next { float: right; margin-right: -10px; background: url(images/ico-chapters-right.png) no-repeat center center; }
.jcarousel-prev-disabled, .jcarousel-next-disabled { display: none!important; }
.tipsy { font-style: italic; font-size: 13px!important; padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url(images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
#horizontal { position: absolute; top: 0; left: 50%; width: 960px; padding: 0 1px; height: 40px; margin-left: -481px; }
#horizontal h2 { font-size:14px; float: left; width: 85px; padding: 1px 0 1px 15px; line-height: 38px; border: 0; margin: 0; text-shadow: #300 0 -1px 1px; color: #fff; font-weight: normal; font-style: normal; cursor: pointer; background: url(images/horizontal-h2.png) no-repeat right -40px; }
#horizontal h2.active { background: #ffffcc url(images/vertical-h2.png) no-repeat 80px 6px; z-index: 9999; position: relative; color: #000; text-shadow: none; }
#horizontal h2.active:hover { color: #000; background-position: 80px 6px; }
#horizontal h2:hover { color: #ffc; background-position: right 0; }
#horizontal h2:active { padding: 2px 0 0 15px; background-position: right 1px; }
#horizontal ul li { float: left; width: 40px; text-align: center; position: relative; color: #fff; background: url(images/chapter-divider.png) no-repeat center right; }
#horizontal ul li span { display: block; font: bold 14px/38px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; text-shadow: #300 0 -1px 1px; padding: 1px 0; }
#horizontal ul li.selected span { background: url(images/horizontal-selected.png) no-repeat 0 0; height: 58px; text-shadow: #036 0 -1px 1px; }
span.post-date, .post-author, .post-category {display: none;
}
#horizontal ul li.selected:hover span { color: #fff; }
#horizontal ul li.selected:hover strong, #horizontal ul li.selected:hover small { display: none; }
#horizontal ul li:active a span { padding: 2px 0 0; }
#horizontal ul li.intro { width: 60px; }
#horizontal ul li a { display: block; width: 40px; height: 40px; color: #fff; }
#horizontal ul li:hover a span { color: #ffc; }
/* 2.4 Content */
#main { float: left; width: 500px; }
.content-wrapper { width: 500px; padding-top: 20px; margin: -70px auto 5px; background: /url(images/content.png) no-repeat 0 0; position: relative; z-index: 100; }
.content-wrapper .content { padding:0 0 20px; background: /url(images/content-wrapper.png) no-repeat 0 bottom; }
.content-wrapper .content .content-inner { width: 600px; padding: 5px 50px 5px; background: /url(images/content-inner.png) repeat-y; }
body.archive .content-wrapper, body.search .content-wrapper { margin-bottom: 100px; }
/* 2.5 Sidebar */
#sidebar-left { width: 220px; padding: 20px 0 0 0; float: left; font-size: 12px; }
#sidebar-right { display: none;float: right; width: 20px; padding: 20px 0 0 0; font-size: 12px; }
/* 2.6 Footer */
#footer { background-color: darkred;padding: 30px 0 0; z-index: 50; }
.footer-inside { width: 960px; margin: 0 auto; color: white;}
.footer-inside a { color: black !important;}
#copyright, #credit { text-transform: uppercase; letter-spacing: 1px; font-size: 11px; }
#copyright { height: 40px; }
#credit { margin-bottom: 0; height: 40px; text-align: right; }
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
#breadcrumb { margin-bottom:1.5em;}
.archive_header { float: left; width: 460px; display: block; margin:-70px 0 70px 20px; padding:0 0 10px; font-weight: bold; }
.archive_header .catrss a { font-size: 11px; text-decoration: none; line-height: 18px; }
.post .title { font-size: 24px; font-weight: normal; font-style: normal; color: #369; text-align: center; line-height: 34px; padding: 15px 10px 0; margin: 0 -10px 0; border-bottom: 0; }
.content .title a { text-decoration: none; }
.content .title a:hover, .content .title a:focus { text-decoration: underline; }
.post .post-meta { padding: 0 0 25px; font-style: italic; text-align: center; color: #999; font-size: 12px; background: url(images/content-h2.png) no-repeat 0 bottom; }
.post .post-meta a { color: #999; text-decoration: underline; }
.post .post-meta a:hover { text-decoration: none; }
.post .chapter-info { color: #999; text-align: left; font-size: 12px; font-style: italic; padding: 0 10px; line-height: 49px; border-bottom: 1px solid #ddd; margin: 0 -10px; }
.post .chapter-info .chapter-number { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; font-style: normal; text-transform: uppercase; width: 100px; text-align: left; }
.post .chapter-info .chapter-caption { float: right; }
.post .comments { padding: 10px 5px 0 0; border-bottom: 0; border-top: 1px solid #ddd; text-align: right; font-weight: bold; clear: both; }
.post .comments span { cursor: pointer; }
.post .comments span a { color: #000; }
.post .read-more { display: block; padding: 0 0 20px; text-align: right; font-size: 11px; font-style: italic; }
/* 3.1 Typographic Elements */
.entry, .entry p { font:14px/1.5em Helvetica, Arial, sans-serif; }
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin:0 0 0.5em; line-height:1.5em; }
.entry p { margin-bottom: 1.2em; }
.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-bottom: 1.5em; padding: 0 0 0 30px; }
.entry ul ul { margin: 0; }
.entry ul li { list-style-type: disc; }
.entry ul ul li { list-style-type: circle; }
.entry ol { margin-bottom: 1.5em; padding: 0 0 0 30px; }
.entry ol ol { margin: 0; }
.entry ol li { list-style-type: decimal; }
.entry ol li ol li { list-style-type: lower-latin; }
/* 3.2 Images */
.entry img, img.thumbnail { padding: 1px; border: 1px solid #e6e6e6; background:#F8F8F8; }
img.wp-smiley { padding: 0; border: none; }
.alignleft { float: left; height: auto; margin: 0px 20px 10px 0; }
.alignright { float: right; height: auto; margin: 0px 0 10px 20px; }
.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 #e6e6e6; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font:0.9em/1.5em sans-serif; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }
/* 3.3 Pagination / WP-Pagenavi */
.nav-entries, .wp-pagenavi { margin: -85px 0 0 0 !important; width: 460px!important; padding:10px 15px; clear: none!important; float: left!important; }
.nav-entries a { display: block; text-decoration:none; font-style: italic; }
.nav-entries a:hover { text-decoration:underline; }
.wp-pagenavi { margin: -85px 0 0 0 !important; width: 460px!important; text-align: center !important; clear: none!important; float: left!important; }
.wp-pagenavi a:link,
.wp-pagenavi a:visited { display: inline !important; text-decoration: none !important; background: #EEEEEE !important;color: #666 !important; padding: 3px 7px !important; border:1px solid #DDDDDD !important;}
.wp-pagenavi .current,
.wp-pagenavi .on,
.wp-pagenavi a:hover { padding: 3px 7px !important; background: #ddd !important; border:1px solid #bbb !important; }
.wp-pagenavi span.extend, .wp-pagenavi span.pages { background:none !important; border:none !important; color:#666 !important; }
#post-entries { margin-top:-20px; }
/* 3.4 Single Post Author */
#post-author { background: #fafafa; padding:15px; border:1px solid #e6e6e6; border-width:1px 0 1px; clear:both; }
#post-author h4 { margin-bottom: 5px; }
#post-author .profile-image { float:left; margin:0 15px 5px 0; padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7);}
#post-author .profile-link { }
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.2 Generic Widgets */
.widget { margin-bottom: 1.8em; }
.widget h3 { font-size: 14px; font-weight: bold; font-style: italic; line-height: 18px; padding-bottom: 10px; border-bottom: 1px solid #ddd; margin: 5px 0 5px; }
.widget { margin-bottom: 1em; font-size: 1.2em;
color: #000
}
.widget ul { list-style: none; }
.widget ul li {}
.widget ul li a { padding: 0 0 0 5px; line-height: 22px; text-decoration: none; font-size:1.2em }
.widget ul li a:hover { text-decoration:underline; }
.widget ul ul { padding: 0 0 0 15px; border-top: none; }
.widget_recent_comments li, #twitter li { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */
#footer-widgets { width: 990px;border-bottom:1px solid #e6e6e6; margin-bottom: 30px; padding: 10px 10px 10px 0; background-color: gainsboro;border-radius:5px}
#footer-widgets .block { padding: 0 20px 0 5px; width:220px; height: 300px; float:left; }
#footer-widgets .block:first-child {
background-color:rgba(230,230,161,.5);
}
#footer-widgets .block:nth-child(2) {
background-color:rgba(230,189,161,.4);
}
#footer-widgets .block:nth-child(3) {
background-color:rgba(150,200,216,.4)
}
#footer-widgets .block:nth-child(4) {
background-color:rgba(195,151,216,.3)
}
#footer-widgets .widgets { font-size: 11px!important; }
#footer-widgets .widgets h3 { margin: 0 0 10px; }
#footer-widgets .widget ul li { font-size: 11px; }
#footer-widgets .widget ul li a { color: #333; padding: 0; }
#footer-widgets .widget ul li a:hover { text-decoration: underline; }
/* 4.2 Specific Widgets */
/* SEARCH FORM */
.searchform { background:#fefefe; width: 99%; position: relative; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.searchform input.s { padding: 8px; width:85%; margin:0; border:none; background: none; color:#777; }
.searchform input.submit { position: absolute; top:6px; right:10px; border:none; margin:0; padding:0; }
/* 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:15px 0 15px 15px; padding: 0; }
.widget_woo_flickr a img { float: left; margin: 0 8px 8px 0; display: block; border: #CECFC6 1px solid; padding: 3px;}
.widget_woo_flickr a:hover img { border:#A8AA99 1px solid; }
/* CALENDAR */
#calendar_wrap { border-bottom: 1px solid #ddd; margin-bottom:15px; }
#wp-calendar{width:100%;clear:both;padding:0;}
#wp-calendar caption{padding:0px;}
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}
#footer-widgets #wp-calendar th, #footer-widgets #wp-calendar td { color: #333; font-size: 11px; }
/* BLOG AUTHOR */
.widget_woo_blogauthorinfo h3 { margin: 0 0 10px; }
.widget_woo_blogauthorinfo .avatar { margin: 7px 0 0; padding: 2px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7);}
.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.author-more { margin: -6px 0 0; text-align: right; font-style: italic; }
#footer-widgets .widget_woo_blogauthorinfo { font-size: 11px; }
/* TWITTER */
.widget_woo_twitter ul { background: none; padding-left:0; }
.widget_woo_twitter ul li { border-bottom: 1px solid #e6e6e6; padding: 5px 0px; list-style:none; line-height: 14px; }
.widget_woo_twitter ul li a { padding: 0px; }
.widget_woo_twitter p { text-align: right; font-style: italic; font-size: 11px;
color: black;
}
.widget_woo_twitter p a { color:#222; }
.widget_woo_twitter ul li .content { }
#footer-widgets .widget_woo_twitter a { text-decoration: underline; }
#footer-widgets .widget_woo_twitter a:hover { text-decoration: none; }
/* VIDEO */
.widget_woo_embedwidget h4 { margin: 7px 0 5px; padding: 0 0 0 5px; text-transform: uppercase; font-size: 11px; font-weight: bold; }
.widget_woo_embedwidget .widget-video-list li { border-bottom: 1px solid #ddd; }
/* ADSPACE */
.adspace-widget h3 { text-align: left; margin-bottom: 10px; }
.adspace-widget { text-align: center; }
#footer-widgets .adspace-widget { text-align: left; }
/* WOOTABS */
#tabs { height:auto; display: block; margin-bottom:30px;}
#tabs ul.wooTabs { padding:0px; }
#tabs ul.wooTabs li { float: left; margin: 0 2px 0 0; display:inline; color: #ffffff; margin:0px; cursor: pointer; }
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#ddd; text-decoration:none; }
#tabs ul.wooTabs li a { display: block;float: left;font-size: 11px; padding: 3px 4px; font-style: italic; color: #222; font-weight: bold; }
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { border-top-right-radius:3px; border-top-left-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-topleft:3px;-webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius:3px; }
#tabs .inside { background:#ddd; padding:1px;}
#tabs .inside li { background:#fff; }
#tabs #tab-tags { padding:10px; }
#tabs .inside ul { margin:0; border: 1px solid #e6e6e6; border-width:1px 0 1px 0; }
#tabs .inside li { border:1px solid #e6e6e6; border-width:0 1px 1px 1px; padding:10px; }
#tabs .inside li a { color:#555; font:bold 12px/18px sans-serif; }
#tabs .inside a:hover{}
#tabs .inside li span.meta { display:block; font:11px/20px 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; }
#tabs #tab-tags { background: #fff; }
#tabs { border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { border-top-right-radius:3px; border-top-left-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-topleft:3px;-webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius:3px; }
#footer-widgets #tabs ul.wooTabs li a.selected, #footer-widgets #tabs ul.wooTabs li a:hover { background: #999; }
#footer-widgets #tabs .inside { background: #999; }
#footer-widgets #tabs .inside li, #footer-widgets #tabs #tab-tags { background: #eaeaea; border-color: #dbdbdb; }
/* RECENT COMMENTS */
#footer-widgets .widget_recent_comments a { text-decoration: underline; }
#footer-widgets .widget_recent_comments a:hover { text-decoration: none; }
/* TEXT WIDGET */
#footer-widgets .widget_text { font-size: 11px; }
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments-wrap { display: none; width: 460px; margin: 0 0 0 20px; }
#comments-wrap.from-home { display: block; }
#comments {position:relative;margin: 30px 0 0;padding: 0; }
#comments h3 { font-size: 16px; padding: 0 0 20px; text-align: center; font-weight: bold; border-bottom: 1px solid #ddd; }
#comments .comment.thread-even { background: #f7f7f7; border-bottom:1px solid #ddd; }
#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:left; margin: 0 15px 10px 0; }
#comments .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comments .comment-head .name { margin: 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry p { margin: 0 0 10px 0; font-size: 12px;}
#comments .reply { padding-top:10px; }
#comments .reply a { font: 11px/18px sans-serif; background: #eee; border-color:#888; color:#555 !important; text-shadow: none; }
#comments .reply a:hover { background-color: #e6e6e6;}
#comments ul.children{margin:10px 10px 0 25px;padding:0; }
#comments ul.children li {border-top:1px solid #e6e6e6; }
#comments .cancel-comment-reply{margin:10px 0;}
#comments #respond { margin: 0; }
#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}
/* 5.2 Comments Form */
#respond { margin: 40px 0 0; }
#respond h3 { font-size: 16px; padding: 0 0 20px; text-align: center; font-weight: bold; border-bottom: 1px solid #ddd; }
#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 30px 0; }
#commentform label { display: none; }
#commentform p { margin: 0 0 10px; }
#commentform input.txt, #commentform textarea { font: italic 13px/14px Georgia, Times, serif; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#commentform input.txt { color:#666; background: #fcfcfc; width: 97%; margin: 0; padding: 5px 7px; }
#commentform textarea { color:#666; background: #fcfcfc; width: 97% !important; padding: 5px 7px; }
#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: 12px; }
.pinglist li .date { font-size: 11px; }
.pinglist li .pingcontent { display: block; margin: 10px 0; font-size: 11px; }
/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/
/* 6.1 Buttons */
a.button,
a.comment-reply-link,
#commentform #submit {
display: inline-block;
margin: 5px;
padding: 3px 13px;
border: 1px solid #4081af;
border-bottom-color: #20559a;
color: white !important;
text-align: center;
text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
text-decoration: none;
/*Border radius*/
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/*Background*/
background: #237fd7; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #52a8e8),
color-stop(1, #2e76cf)
);
background: -moz-linear-gradient(
center top,
#52a8e8 20%,
#2e76cf 100%
);
/*Box shadow*/
-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}
a.button.large { padding:6px 16px;}
a.button.small, a.comment-reply-link { padding:0px 10px;}
a.button:hover,
a.button.hover,
a.button.active,
a.comment-reply-link:hover,
#commentform #submit:hover {
text-decoration: none !important;
/*Background*/
background: #0073d2; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #3e9ee5),
color-stop(1, #1666ca)
);
background: -moz-linear-gradient(
center top,
#3e9ee5 20%,
#1666ca 100%
);
}
a.button:active,
a.button.active {
border-color: #20559a;
/*Box shadow*/
-webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
-moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
}
a.button.inactive,{
border: 1px solid #d5d5d5;
border-bottom-color: #e6e2e2;
color: #aeaeae;
text-shadow: 0 1px 0 white;
/*Background*/
background: #e8e8e8; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #f3f3f3),
color-stop(1, #e6e6e6)
);
background: -moz-linear-gradient(
center top,
#f3f3f3 20%,
#e6e6e6 100%
);
/*Box shadow*/
-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
}
/* 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 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:250px;}
#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;font-size: 11px;}
/* 6.3 Gravity forms */
.gfield { margin-bottom: 10px; }
.gform_wrapper .top_label .gfield_label { display:block; 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; }
/* 6.4 Timeline Page Template */
#archives { padding: 10px 0 0; }
#archives a { font-style: italic; }
h3.archive_year { font: bold 20px sans-serif; color:#555; margin-top:0; }
#archives .archives_list { border-left:4px solid #ccc; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;}
#archives .archives_list li { clear:left; padding-left:24px; font-size: 12px; font-style: normal; list-style: none; margin-bottom: 10px; }
#archives .archives_list .date { color: #808080; width: 100px; font-style: italic; display: inline-block; vertical-align: top; }
#archives .archives_list .linked { width: 270px; display: inline-block; vertical-align: top;}
#archives .archives_list .comments { width: 100px; display: inline-block; vertical-align: top;}
#archives .archives_list .comments a { color: #808080; font-size: 12px; font-style: italic; text-decoration: underline; padding-left: 13px; }
#archives .archives_list .comments a:hover { text-decoration: none; }
/* 6.5 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:#555 !important; font-weight:normal; } .reply a { color:#555 !important; }
.ie7 .nav li a {_height: 0;zoom: 1;} /* IE7 Fix */
.ie7 .button, .ie7 .button:visited { padding:7px 6px; margin:0; }
.ie8 .button, .ie8 .button:visited { padding:10px 15px; margin:0; }
/* 6.6 Full Width Page Template */
.page-template-template-fullwidth-php #main { width: auto; }
.page-template-template-fullwidth-php .content-wrapper { background:none; margin:0; padding-top: 20px; position: relative; width: 100%; z-index: 100; }
.page-template-template-fullwidth-php .content { background:none; padding:0; }
.page-template-template-fullwidth-php .content-wrapper .content .content-inner { background: none; padding: 0; width: 100%; }
.page-template-template-fullwidth-php .post .title { margin-bottom:20px; text-align:left; }
.page-template-template-fullwidth-php #comments-wrap { width: auto; }