/*
Theme Name: Continuum
Theme URI: http://www.woothemes.com
Version: 1.0.1
Description: Designed by WooThemes. WooThemes.com
Author: WooThemes
Author URI: http://www.woothemes.com
Tags: woothemes, woothemes.com
Copyright: (c) 2009-2010 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! :)
*/
/*-------------------------------------------------------------------------------------------
INDEX:
0. RESET
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 Content
-2.5 Sidebar
-2.6 Footer
-2.7 Looped Slider
-2.8.1 Home Page - Featured Posts
-2.8.2 Home Page - Latest News
-2.8.3 Home Page - Popular
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 Conatct Form
-6.3 Gravity forms
-6.4 Timeline 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: 12px/1.5em sans-serif; color: #555; background-color: #fff; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-family:sans-serif; color: #222; font-weight:normal; line-height:1em; }
h1 {font-size: 2em; } h2 {font-size: 1.8em;} h3 {font-size: 1.6em;} h4 {font-size: 1.2em;} h5 {font-size: 1em;} h6 {font-size: 0.8em;}
p {margin: 0; }
hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; }
input, textarea { padding: 7px 0 7px 7px; border-color: #CCCCCC; border-width:3px; border-style:solid; background: #eee;}
/* 1.2 Hyperlinks */
a:link, a:visited { color: #1b5474; 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 { 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 { }
#main{width:640px;}
#main.fullwidth {width: 960px;}
#sidebar{width:293px;}
.col-left { float: left; }
.col-right { float: right; }
.col-full { width: 960px; margin: 0 auto; }
/* 2.2 Navigation */
#navigation{font:12px/12px Helvetica, Arial, sans-serif; font-weight: bold; margin-top: 0px;padding:10px 0;}
#navigation ul.rss{background:url(images/ico-rss.png) no-repeat right 5px;padding:6px 15px 3px 0;margin-right:10px;}
#navigation ul.rss li{display:inline;padding:0 10px 0 0;}
#navigation ul.rss li a{color:#c63f00;text-decoration:none;}
#navigation ul.rss li a:hover{text-decoration:underline;}
.nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; }
.nav a { position:relative; color:#666; display:block; z-index:100; padding:15px 25px 10px 25px; line-height:18px; text-decoration:none; text-shadow:0 1px 0 #fff; text-transform: uppercase;}
.nav a:hover,
.nav li.current_page_item a,
.nav li.current_page_parent a,
.nav li.current-menu-ancestor a,
.nav li.sfHover { color: #1b5474; background: #fff; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; }
.nav li { float:left; width: auto; background: url(images/nav-li.png) no-repeat top left; }
/* 2.2.1 Drop-down menus */
.nav li ul { background: #FFF; position: absolute; left: -999em; width: 162px; z-index:9999; box-shadow: 0 2px 4px #ccc; -webkit-box-shadow: 0 2px 4px #ccc; -moz-box-shadow: 0 2px 4px #ccc; padding: 15px 0; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;}
.nav li ul li { background:#fff;}
.nav li ul li a { padding:8px 10px; width:112px; color: #1b5474; text-transform: none !important; margin: 0px 15px; border-bottom:1px solid #dad7d5;}
.nav li ul li a:hover,
.nav li ul li.current_page_item a,
.nav li ul li.current-menu-item a { background:#fdfdcd; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
.nav li ul ul { margin: -50px 0 0 150px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.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 { position:absolute;display:block;right:0.4em;top:1em;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
.nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat;}
/* 2.3 Header */
#header{padding:35px 0 0px; margin-bottom: 35px; clear:both;position:relative; background: url(images/header-bg.png) repeat-x top left;}
#strip { background: url(images/strip.png) repeat-x top center; height: 12px; }
#logo { margin-top: 6px; margin-bottom: 14px; float:left; }
#logo img { }
#logo .site-title, #logo .site-description { font-family: Helvetica, Arial, san-serif; color: #000; display:none; }
#logo .site-title a { color:#222; 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:#999; font:italic 14px Georgia, serif; }
#topad {float:right;}
.search_main { position: relative; margin-top: 3px !important; }
.search_main input, textarea { color: #666; background: url(images/search.png) no-repeat topp left; width: 147px; height: 26px; padding: 0 5px; height: 21px; margin-right: 35px;}
.search_main .submit { background: none; border: 0px; position: absolute; right: -35px; top: 0; z-index: 1; width: 26px; height: 26px; }
.search_main .submit:hover { opacity: 0.7; }
/* 2.4 Content */
#content{padding:0 0 40px;}
/* 2.5 Sidebar */
#sidebar{overflow:hidden;}
#sidebar .primary { }
#sidebar .secondary { float:left; margin-right:20px; }
#sidebar .secondary.last { margin:0; }
/* 2.6 Footer */
#footer{padding: 30px 0 30px;background: url(images/strip.png) repeat-x top center; color:#666;}
#footer p {}
#footer a { color: #1b5474; }
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}
/* 2.7 Looped Slider */
#loopedSlider { background: url(images/stripes.png) repeat; padding: 6px 13px 18px 13px; position:relative; z-index: 999; margin-bottom: 27px;}
#loopedSlider .container { overflow:hidden; position:relative; margin: 8px !important;}
#loopedSlider .plate { background: #fff; box-shadow: 0 4px 4px #d8d8d8; -webkit-box-shadow: 0 4px 4px #d8d8d8; -moz-box-shadow: 0 4px 4px #d8d8d8;}
#loopedSlider .slides { position:absolute; top:8px; left:0; }
#loopedSlider .slides div.slide { position:absolute; top:0; width: 598px; display:none;}
#loopedSlider .slide-content { position: absolute; bottom: 5px; left: 187px; color: #fff;}
#loopedSlider .slide-content h2 { margin: 0; font-size: 20px; background: rgba(255, 0, 0, 0.5); padding: 10px; }
#loopedSlider .slide-content h2 a { color: #fff; }
#loopedSlider .slide-content p { line-height: 18px; background: rgba(0,0,0,0.3); padding: 10px; color:#fff;}
#loopedSlider a.previous { z-index: 9999; position: absolute; left: 0px; top: 45%; }
#loopedSlider a.next { z-index: 9999; position: absolute; right: 0px; top: 45%; }
#loopedSlider a.previous:hover, #loopedSlider a.next:hover { opacity: 0.9; }
/* 2.8.1 Home Page - Featured Posts */
#featured { background: url(images/stripes.png) repeat top left; padding: 11px 13px 5px 13px; margin-bottom: 27px; }
#featured h3 { margin: 0 0 13px 0; padding:5px 13px 5px 13px; font:normal 16px sans-serif; color:#fff; box-shadow: 0 4px 4px #d8d8d8; -webkit-box-shadow: 0 4px 4px #d8d8d8; -moz-box-shadow: 0 4px 4px #d8d8d8; border: 2px solid #fff; background: url(images/title-green.png) no-repeat top left; }
#featured .block { width: 450px; background: #fff; margin-bottom: 18px; margin-right: 15px; padding: 11px 9px; box-shadow: 0 4px 4px #d8d8d8; -webkit-box-shadow: 0 4px 4px #d8d8d8; -moz-box-shadow: 0 4px 4px #d8d8d8;}
#featured .block.full { width: 594px; margin-right:0; }
#featured .block h2 { font-size: 16px; font-weight: bold; color: #1b5474 !important; line-height: 25px; }
#featured .block p { font-size: 11px; color: #666; line-height: 18px; }
#featured .block img { margin-right: 14px; padding:4px; border:1px solid #e6e6e6; }
#featured .block span.comment { background: url(images/ico-comment.jpg) no-repeat top left; line-height: 30px;}
#featured .block span.comment a { padding-left: 20px;margin-right: 10px; color: #666 !important; font-size: 11px;}
#featured .block span.more { line-height: 30px; }
#featured .block span.more a { font-size: 11px; font-weight: bold; }
/* 2.8.2 Home Page - Latest News */
#latest { background: url(images/stripes.png) repeat top left; padding: 11px 13px 20px 13px; margin-bottom: 27px; }
#latest h3 { margin: 0 0 13px 0; padding:5px 13px 5px 13px; font:normal 16px helvetica, arial, san-serif; color:#fff; box-shadow: 0 4px 4px #d8d8d8; -webkit-box-shadow: 0 4px 4px #d8d8d8; -moz-box-shadow: 0 4px 4px #d8d8d8; border: 2px solid #fff; background: url(images/title-orange.png) no-repeat top left; }
#latest .block { float: left; width: 112px; /* min-height: 290px; */ background: #fff; margin-bottom: 18px; box-shadow: 0 4px 4px #d8d8d8; -webkit-box-shadow: 0 4px 4px #d8d8d8; -moz-box-shadow: 0 4px 4px #d8d8d8; margin: 0 8px; padding: 16px 12px;}
#latest .block h2 a { font-size: 16px; font-weight: bold; color: #1b5474 !important; line-height: 18px; }
#latest .block span.date { font-size: 11px; font-style: italic;}
#latest .block img { margin-top: 12px; }
#latest .entry { /* height: 100px; */ }
#latest .block p { font-size: 11px; color: #666; line-height: 18px; margin-top: 12px; }
#latest .block span.comment { background: url(images/ico-comment.jpg) no-repeat top left; line-height: 30px;}
#latest .block span.comment a { padding-left: 20px; color: #666 !important; font-size: 11px;}
#latest .block span.ico-more { float: right; }
#latest .block span.ico-more img { margin-top: 5px !important; }
#latest .block span.ico-more a:hover { opacity: 0.8; }
/* 2.8.3 Home Page - Popular */
#popular { background: url(images/stripes.png) repeat top left; padding: 11px 13px 11px 13px;}
#popular h3 { margin: 0 0 13px 0; padding:5px 13px 5px 13px; font:normal 16px helvetica, arial, san-serif; color:#fff; box-shadow: 0 4px 4px #d8d8d8; -webkit-box-shadow: 0 4px 4px #d8d8d8; -moz-box-shadow: 0 4px 4px #d8d8d8; border: 2px solid #fff; background: url(images/title-red.png) no-repeat top left; }
#popular .plate { background: #fff; margin-bottom: 10px; padding: 7px 9px 11px 9px; box-shadow: 0 4px 4px #d8d8d8; -webkit-box-shadow: 0 4px 4px #d8d8d8; -moz-box-shadow: 0 4px 4px #d8d8d8; }
#popular .block { width: 275px; float: left; background: url(images/post-shadow.png) no-repeat bottom left; margin: 10px; padding-bottom:10px;}
#popular .block h2 a { font-size: 12px; font-weight: bold; color: #1b5474 !important; line-height: 18px;}
#popular .block img { border:1px solid #e6e6e6; padding:4px; }
#popular .block span.meta { font-size: 11px; color: #666; font-style: italic; }
#popular .block span.meta a { color: #666; }
#popular .block span.comment { background: url(images/ico-comment.jpg) no-repeat top left; line-height: 30px;}
#popular .block span.comment a { padding-left: 20px; color: #666 !important; font-size: 11px;}
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
#breadcrumb { margin-bottom:1.5em;}
.archive_header { display: block; float: left; width: 95%; margin: 0 0 13px 0; padding:5px 13px 5px 13px; font:normal 16px helvetica, arial, san-serif; color:#fff; box-shadow: 0 4px 4px #d8d8d8; -webkit-box-shadow: 0 4px 4px #d8d8d8; -moz-box-shadow: 0 4px 4px #d8d8d8; border: 2px solid #fff; background: url(images/title-green.png) no-repeat top left; }
.archive_header .catrss a { font-size: 14px; text-decoration: none; color: white; }
.archive_header .catrss a:hover { text-decoration: underline }
#plate, p.plate { background: #fff; margin-bottom: 10px; padding: 14px 16px 14px 16px; box-shadow: 0 4px 4px #d8d8d8; -webkit-box-shadow: 0 4px 4px #d8d8d8; -moz-box-shadow: 0 4px 4px #d8d8d8; }
#striped { background: url(images/stripes.png) repeat; padding: 11px 13px 11px 13px; margin-bottom: 27px; }
.entry { }
.post { margin: 0;}
.post .cat-title { margin: 0 0 13px 0; padding:5px 13px 5px 13px; font:normal 16px helvetica, arial, san-serif; color:#fff; box-shadow: 0 4px 4px #d8d8d8; -webkit-box-shadow: 0 4px 4px #d8d8d8; -moz-box-shadow: 0 4px 4px #d8d8d8; border: 2px solid #fff; }
.post .cat-title a:link, .post .cat-title a:visited { color:#fff; }
.post .cat-title { background: url(images/title-green.png) no-repeat top left; }
.postmeta { padding: 11px 13px 15px 13px; margin-bottom: 27px; background: url(images/stripes.png) repeat; }
.postmeta h3 { margin: 0 0 13px 0; padding:5px 13px 5px 13px; font:normal 16px helvetica, arial, san-serif; color:#fff; box-shadow: 0 4px 4px #d8d8d8; -webkit-box-shadow: 0 4px 4px #d8d8d8; -moz-box-shadow: 0 4px 4px #d8d8d8; border: 2px solid #fff; background: url(images/title-grey.png) no-repeat top left; }
.postmeta ul { clear:both; list-style: none; background: #fff; box-shadow: 0 4px 4px #d8d8d8; -webkit-box-shadow: 0 4px 4px #d8d8d8; -moz-box-shadow: 0 4px 4px #d8d8d8; padding: 11px 9px; }
.postmeta ul li.post-date { font-size: 14px; padding-bottom: 15px;}
.postmeta ul li a { text-decoration: underline; }
.postmeta ul li a:hover { text-decoration: none; }
.postmeta ul li.edit { padding: 10px 0; }
.post p.tags{background:url(images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;margin-bottom:20px;}
.post-nav a { font-size: 12px; line-height: 20px; font-weight: bold; color: #d3cdb7 !important; margin-top: 2px; }
.post-nav .prev { float:left; background: url(images/arrow-left.png) no-repeat left;}
.post-nav .prev a { padding-left: 15px; }
.post-nav .next { float:right; margin-left: 18px; background: url(images/arrow-right.png) no-repeat right;}
.post-nav .next a { padding-right: 15px; }
.arc { border-bottom: 1px dotted #dadada; padding: 16px 0;}
.arc h2 { font-size: 16px !important; font-weight: bold; padding-bottom: 4px;}
.arc .entry { margin-top: 16px !important;}
.arc img { margin-left: 15px; padding-bottom: 15px; padding:4px; border:1px solid #e6e6e6; }
.arc span.comment { background: url(images/ico-comment.jpg) no-repeat top left; line-height: 30px;}
.arc span.comment a { padding-left: 20px; margin-right: 10px; color: #666 !important;}
.arc span.more { line-height: 18px; margin-left: 0px; }
.arc span.more a { font-weight: bold; }
/* 3.1 Typographic Elements */
.entry, .entry p { font:12px sans-serif; line-height: 18px;}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 0.5em 0 0.8em; }
.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:4px; border:1px solid #e6e6e6;}
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 #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; }
/* 3.3 Pagination / WP-Pagenavi */
.nav-entries, .wp-pagenavi { padding:0 15px; }
.nav-entries a { display: block; color:#777; text-decoration:none;}
.nav-entries a:hover { text-decoration:underline; }
.wp-pagenavi {clear:both;float: right;}
.wp-pagenavi a {text-decoration: none !important;}
.wp-pagenavi .current,
.wp-pagenavi .on,
.wp-pagenavi a:hover {background: #fafafa !important; border:1px solid #e6e6e6 !important;}
.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi .current,
.wp-pagenavi .on,
.wp-pagenavi span.pages { background: #EEEEEE; color: #666; padding: 5px 8px !important; margin-left: 4px; border:1px solid #DDDDDD; line-height:24px; }
.wp-pagenavi span.pages { background: none; border:none; }
.wp-pagenavi .extend { background:none; border:none; }
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.2 Generic Widgets */
.widget { padding: 11px 13px 15px 13px; margin-bottom: 27px; background: url(images/stripes.png) repeat; }
.widget h3 { margin: 0 0 13px 0; padding:5px 13px 5px 13px; font:normal 16px helvetica, arial, san-serif; color:#fff; box-shadow: 0 4px 4px #d8d8d8; -webkit-box-shadow: 0 4px 4px #d8d8d8; -moz-box-shadow: 0 4px 4px #d8d8d8; border: 2px solid #fff; background: url(images/title-grey.png) no-repeat top left; }
.widget p { margin-bottom: 1em; }
.widget ul, .widget div { clear:both; list-style: none; background: #fff; box-shadow: 0 4px 4px #d8d8d8; -webkit-box-shadow: 0 4px 4px #d8d8d8; -moz-box-shadow: 0 4px 4px #d8d8d8; }
.widget div { padding: 11px 9px; }
.widget ul li { border-bottom: 1px solid #f9f9f9; padding:5px 0;}
.widget ul li a { padding: 0 0 0 15px; line-height: 18px; text-decoration: none;}
.widget ul li a:hover { text-decoration:underline; }
.widget ul ul { padding: 0 0 0 15px; border-top: none; box-shadow: 0 0px 0px #d8d8d8; -webkit-box-shadow: 0 0px 0px #d8d8d8; -moz-box-shadow: 0 0px 0px #d8d8d8; }
.adspace-widget { text-align: center; }
.widget_recent_comments ul li { padding: 7px 15px;}
#twitter li { padding: 6px 0; line-height: 18px; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments ul li a, #twitter a { display: inline; padding: 0 !important; line-height: 18px!important; background: none!important; border: none!important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */
#footer-widgets { border-top:1px solid #dadada; padding:10px 0; background: url(images/stripes.png) repeat; }
#footer-widgets .widget { padding: 0px; margin-bottom: 20px; background: none; }
#footer-widgets h3 { background: url(images/title-grey.png) no-repeat top left !important; }
#footer-widgets .block { padding:20px 0 0 20px; width:293px; float:left; }
/* 4.2 Specific Widgets */
/* WIDGET FORMS */
.searchform { }
.widget input.s { color:#777; float:left; width: 70%; padding: 7px 0 7px 7px; margin-right:5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}
#footer-widgets .widget input.s { width: 55%; }
.widget .screen-reader-text { display: none; }
.widget input.submit { float:left; border-color:#EFEFEF #ccc #CCCCCC #efefef; padding:6px; cursor: pointer; }
/* TWITTER */
.widget_woo_twitter .back { padding: 12px 24px 6px; background: #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0px 0px #d8d8d8; -webkit-box-shadow: 0 0px 0px #d8d8d8; -moz-box-shadow: 0 0px 0px #d8d8d8; }
.widget_woo_twitter ul { background: none !important; box-shadow: 0 0px 0px #d8d8d8; -webkit-box-shadow: 0 0px 0px #d8d8d8; -moz-box-shadow: 0 0px 0px #d8d8d8;}
.widget_woo_twitter ul li { border-color: #d0d0d0; padding: 5px 0px; }
.widget_woo_twitter ul li a { padding: 0px !important; color: #999999; }
.widget_woo_twitter ul li span { font-size: 18px; font-family: georgia, serif; color: #000; }
.widget_woo_twitter ul li span a { color: #3366cc !important; }
.widget_woo_twitter p { color: #000; padding-top: 10px; }
.widget_woo_twitter p a { color: #000; }
span.tlogo img { padding-bottom: 10px !important; }
/* FLICKR */
.widget_woo_flickr { padding: 11px 13px 4px 13px; }
.widget_woo_flickr h3 { margin: 0 0 13px 10px; padding: 0; font:bold 20px arial, san-serif; color:#fff; box-shadow: 0 0px 0px #d8d8d8; -webkit-box-shadow: 0 0px 0px #d8d8d8; -moz-box-shadow: 0 0px 0px #d8d8d8; border: 0px solid #fff; background: none; }
.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; clear: none; }
.widget_woo_flickr div { clear:both; list-style: none; background: none; box-shadow: 0 0px 0px #d8d8d8; -webkit-box-shadow: 0 0px 0px #d8d8d8; -moz-box-shadow: 0 0px 0px #d8d8d8; padding: 0px !important;}
.widget_woo_flickr .wrap { position: relative; margin-bottom: 20px; padding: 0; }
.widget_woo_flickr a img { float: left; margin: 0 0 5px 5px; display: block; background: #fff;; padding: 3px; height: 70px; width: 70px; box-shadow: 0 4px 4px #d8d8d8; -webkit-box-shadow: 0 4px 4px #d8d8d8; -moz-box-shadow: 0 4px 4px #d8d8d8;}
.widget_woo_flickr a:hover img { box-shadow: 0 4px 4px #b8b8b8; -webkit-box-shadow: 0 4px 4px #b8b8b8; -moz-box-shadow: 0 4px 4px #b8b8b8; }
#footer-widgets .widget_woo_flickr h3 { margin: 0 0 13px 10px; padding: 0; font:bold 20px arial, san-serif; color:#fff; box-shadow: 0 0px 0px #d8d8d8; -webkit-box-shadow: 0 0px 0px #d8d8d8; -moz-box-shadow: 0 0px 0px #d8d8d8; border: 0px solid #fff; background: none !important; }
/* 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:10px;}
#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;}
/* Blog Author Widget */
.widget_woo_blogauthorinfo h3 { background: url(images/title-grey.png) no-repeat top left !important; }
.widget_woo_blogauthorinfo .avatar { padding: 5px; 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 a { text-decoration: underline; }
.widget_woo_blogauthorinfo a:hover { text-decoration: none; }
/* Subscribe Widgets */
.widget_feedburner input, textarea { width: 150px; background: #fff; color: #666; }
.widget_feedburner .button { width: 70px; margin-left: 5px; color: #fff; font-weight: bold; background: #928d56; border: 2px solid #928d56; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px}
.widget_feedburner .button:hover { background: #827e49; border-color: #827e49; }
.widget_campaign_monitor input, textarea { width: 150px; background: #fff; color: #666; }
.widget_campaign_monitor .button { width: 70px; margin-left: 5px; color: #fff; font-weight: bold; background: #928d56; border: 2px solid #928d56; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px}
.widget_campaign_monitor .button:hover { background: #827e49; border-color: #827e49; }
/* widget_address */
.widget_address h4 { font-weight: 700; margin-bottom: 10px}
.widget_address .maps-image { }
/* widget_authors */
.widget_authors .author-item { height:55px }
.widget_authors h4 { color: #1B5474; margin-bottom: 5px; margin-top: 5px; }
.widget_authors .authorwidget div { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none; padding:5px;}
.widget_authors img.avatar { float:right; border:1px solid #ccc; padding: 5px }
/* widget_social */
.widget_social .socialwidget { padding: 10px 0px 10px 20px}
.widget_social .socialwidget .ico-facebook,
.widget_social .socialwidget .ico-twitter,
.widget_social .socialwidget .ico-flickr,
.widget_social .socialwidget .ico-youtube { /*border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; */ padding:5px; padding-left: 25px; line-height: 15px; display: block; float:left; width: 85px }
.widget_social .socialwidget .ico-facebook { background: url(images/ico-facebook.jpg) left center no-repeat;}
.widget_social .socialwidget .ico-twitter { background: url(images/ico-twitter.jpg) left center no-repeat;}
.widget_social .socialwidget .ico-flickr { background: url(images/ico-flickr.jpg) left center no-repeat;}
.widget_social .socialwidget .ico-youtube { background: url(images/ico-youtube.jpg) left center no-repeat;}
/* 4.3 WooTabs */
#tabs { background: url(images/stripes.png) repeat top left;; height:auto; display: block; padding:5px; margin-bottom:30px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#tabs ul.wooTabs { padding:0px; }
#tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; }
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#fff; text-decoration:none; }
#tabs ul.wooTabs li a { color:#777; display: block;float: left;padding: 8px; text-transform:uppercase; font:11px/18px sans-serif; }
#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: #fff; padding:5px;}
#tabs .inside li { background:#fff; }
#tabs #tab-tags { padding:10px; }
#tabs .inside ul { margin:0; }
#tabs .inside li { border:1px solid #e6e6e6; border-width:0 0px 1px 0px; 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; }
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments {position:relative;}
#comments h3 { margin: 0 0 13px 0; padding:5px 13px 5px 13px; font:normal 16px helvetica, arial, san-serif; color:#fff; box-shadow: 0 4px 4px #d8d8d8; -webkit-box-shadow: 0 4px 4px #d8d8d8; -moz-box-shadow: 0 4px 4px #d8d8d8; border: 2px solid #fff; background: url(images/title-green.png) no-repeat top left; }
#comments .comment.thread-even { }
#comments .comment{margin-top:10px;width:100%;list-style-type:none; }
#comments .comment .comment-container { position:relative; background: #fff; margin-bottom: 18px; padding: 14px 16px 14px 16px; box-shadow: 0 4px 4px #d8d8d8; -webkit-box-shadow: 0 4px 4px #d8d8d8; -moz-box-shadow: 0 4px 4px #d8d8d8; }
#comments .comment-head { margin: 0 0 15px 0; padding-bottom: 5px; border-bottom: 1px dotted #dadada; }
#comments .avatar { float:right; margin: 40px 10px 15px 0; }
#comments .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comments .comment-head .name { color: #1b5474; text-decoration:underline; }
#comments .comment-head .name:hover { text-decoration: none; }
#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 { padding:10px 0; }
#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 0px 0 25px;padding:0; }
#comments ul.children li { }
#comments .cancel-comment-reply{margin:10px 0;}
#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 { margin: 0 0 13px 0; padding:5px 13px 5px 13px; font:normal 16px helvetica, arial, san-serif; color:#fff; box-shadow: 0 4px 4px #d8d8d8; -webkit-box-shadow: 0 4px 4px #d8d8d8; -moz-box-shadow: 0 4px 4px #d8d8d8; border: 2px solid #fff; background: url(images/title-green.png) no-repeat top left; }#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 { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; }
#commentform input.txt { font:14px/14px Helvetica, Arial, sans-serif; border-color: #ccc; border-width:3px; border-style:solid; height: 15px !important;}
#commentform textarea { font:14px/14px Helvetica, Arial, sans-serif; border-color: #ccc; border-width:3px; border-style:solid; height: 140px !important;}
#commentform input.txt { color:#666; background: #eee; width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; }
#commentform textarea { color:#666; background: #eee; width: 95% !important; padding: 5px 7px; }
#respond #commentform #submit { margin: 15px 0 0 0; cursor: pointer; color: #fff; font-weight: bold; background: #928d56; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-color: #928d56; padding-right: 8px !important;}
#respond #commentform #submit:hover { background: #827e49; border-color: #827e49; }
/* 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 */
a.button,
a.comment-reply-link {
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 {
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:400px; background: #eee;}
#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; cursor: pointer; color: #fff; font-weight: bold; background: #928d56; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-color: #928d56; padding-right: 8px !important;}
#contact-page ol.forms li.buttons .submit:hover { background: #827e49; border-color: #827e49; }
#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.3 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; }
/* 6.4 Timeline Page Template */
#archives { padding: 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; }coration: none; }