/*
Theme Name: The Bookworm Bookstore Theme
Theme URI: http://eggplantdigital.cn
Version: 1.0.0
Description: Designed by Eggplant Digital.
Author: Eggplant Digital
Author URI: http://eggplantdigital.cn
Copyright: (c) 2010 Eggplant Digital.
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
*/
/* Default styles */
@import "styles/reset.css";
/*-------------------------------------------------------------------------------------------
INDEX:
1. SETUP
-1.1 Defaults
-1.2 Hyperlinks
-1.3 WordPress Core
2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.3 Header
-2.4 Featured Slider
-2.5 Recent Posts
-2.6 Older Posts
-2.7 Content
-2.8 Sidebar
-2.9 Footer
3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi
-3.4 Custom Posts
4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets
5. COMMENTS
-5.1 Comments
-5.2 Comments Form
-5.3 Pingbacks / Trackbacks
6. MISC
-6.1 Buttons
-6.2 Gravity forms
-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
body { font: 14px/20px Arial,Helvetica,Sans-serif; color: #555; background-color: #fff; }
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: 0; font:16px/24px Georgia, serif; }
hr { background: #E6E6E6; height: 1px; border: 0; color: #fff; margin: 0; padding: 0; margin-bottom: 7px; }
hr.break { border-top: 1px solid #fc4000; background: #fff; color: #fff; margin: 0; padding: 0; margin-bottom: 7px; }
.hide { display: none; }
/* 1.2 Hyperlinks */
a:link, a:visited { color: #3088ff; text-decoration:none;}
a:hover {text-decoration:underline; color:red; }
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;}
h1 { margin-bottom: 7px; background: url(images/header_underline.gif) repeat-x 100% 100%; padding-bottom: 8px; white-space: nowrap; }
/* 1.2 Hyperlinks */
a:link, a:visited {
color: #FC4000;
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;
}
/* 1.3 WordPress Core */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display:block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float:left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float:right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float:left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; }
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; }
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* 2.1 Containers & Columns */
#header_top { width: 100%; text-align: center; background: #fc4000; border-bottom: 1px solid #fff; }
#header { position: relative; }
#logo-main { text-align: center; margin: 10px 0; }
#logo-secondary { position: absolute; left: 150px; top: 90px; }
#adbox { float: left; display: inline; margin-top: 15px; margin-left: 10px; }
#signup { float: right; margin-top: 15px; }
#signup input[type="text"] { border: 1px #fc4000 solid; font: normal 14px/1.2 "Arial", sans-serif; width: 240px; padding: 4px; color: #dadad4; margin: 0; float: left; display: inline; }
#signup input[type="submit"] { background: #fc4000; border: 1px #fc4000 solid; color: #fff; font: normal 14px/1.2 "Arial", sans-serif; padding: 4px 10px; margin: 0; cursor: pointer; }
#logo-secondary-top { float: left; display: inline; width: 335px; border-bottom: #dadad4 1px solid; margin-left: 10px; }
#city_info { float: left; display: inline; padding-bottom: 8px; }
#city_info .city_title { width: 140px; height: 27px; display: block; text-indent: -99999px; background: url(images/ico_bookstore.png) no-repeat; margin: 15px 0 3px; }
#city_info .city_title.beijing { }
#city_info .city_title.chengdu { background-position: 0 -28px; }
#city_info .city_title.suzhou { background-position: 0 -56px; }
#city_info a.contact-link { color: #7d7d75; font: normal 12px/1.2 'Arial', sans-serif; }
#city_info a.contact-link:hover { }
ul.city-switcher { display: inline; float: left; width: 195px; margin-top: 22px; }
ul.city-switcher li { display: inline; float: left; }
ul.city-switcher li a { width: 87px; height: 38px; display: block; text-indent: -99999px; background: url(images/ico_city_btn.png) no-repeat; }
ul.city-switcher li.beijing a { }
ul.city-switcher li.chengdu a { background-position: 0 -38px; }
ul.city-switcher li.suzhou a { background-position: 0 -75px; }
ul.city-switcher li { margin-left: 10px; }
/* 2.2 Navigation */
#navigation{font:14px/14px sans-serif;border-top:1px solid #dadad4; border-bottom:5px solid #dbdbdb;padding:10px 0;}
.nav { height: 25px; z-index:99; margin:0; padding:0; list-style:none; line-height:1; }
.nav a { position:relative; color:#555; display:block; z-index:100; padding:5px 10px; line-height:18px; text-decoration:none; }
.nav li a:hover, .nav li.current_page_item a, .nav li.current_page_parent a, .nav li.current-menu-ancestor a, .nav li.current-menu-item a, .nav li.sfHover a { background:#fc4000; }
.nav li.current_page_item li a, .nav li.current_page_parent li a, .nav li.current-menu-ancestor li a, .nav li.current-menu-item li a { background:#333; }
.nav li li.current_page_item { background:none; }
.nav li { float:left; width: auto; }
.nav li a.sf-with-ul { padding-right:20px; }
.nav li ul li a { }
.nav li ul li a { }
.nav a, .nav li.current_page_item, .nav li.current_page_parent, .nav li.current-menu-ancestor, .nav li.current-menu-item, .nav li.sfHover, .nav li.selected { }
/* 2.2.1 Drop-down menus */
.nav li ul { background: #FFF; position: absolute; left: -999em; width: 180px; border-width:1px 1px 0; z-index:999; }
.nav li ul li { background:#eee; }
.nav li ul li a { width:160px; color:#555; font-size:0.8em; line-height:18px; }
.nav li ul li a.sf-with-ul { padding:5px 10px; }
.nav li ul li a:hover { background:#fc4000; }
.nav li ul ul { margin: -30px 0 0 180px; }
.nav li ul ul li a { }
.nav li ul li ul li a { }
.nav li:hover,.nav li.hover { position:static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; }
.nav .sf-sub-indicator {background: url(images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:0.4em;top:40%;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
.nav li ul .sf-sub-indicator {background:url(http://beijingbookworm.com/wp-content/themes/thebookwormshop/images/arrow-superfish-right.png) no-repeat;}
/* 2.2.2 Top Navigation (optional) */
#top { background: #000; }
#top .nav { margin:0; }
#top .nav a { color:#ddd; padding:8px 10px; line-height:18px; text-decoration:none; text-shadow:none; }
#top .nav li { }
#top .nav li a.sf-with-ul { padding-right:20px; }
#top .nav .sf-sub-indicator { top:40%; }
#top .nav a:hover,
#top .nav li.current_page_item a,
#top .nav li.current_page_parent a,
#top .nav li.current-menu-ancestor a,
#top .nav li.current-cat a,
#top .nav li.current-menu-item a,
#top .nav li.sfHover a { background: #222; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
#top .nav li ul { background: #222; margin:0; padding:0px; width: 180px; border: none; z-index:999;
/* Box Shadow */
-moz-box-shadow: 0 2px 2px rgba(0,0,0,.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);
box-shadow: 0 2px 2px rgba(0,0,0,.1);
}
#top .nav li ul, #top .nav li ul li:last-child a {
/* Border Radius */
border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;
}
#top .nav li ul li { background:none; border:none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
#top .nav li ul li a { padding:8px 10px; width:160px; color:#ddd; background: none; font-size:0.9em;}
#top .nav li ul li a:hover { background: #000; }
#top .nav li ul li a.sf-with-ul { padding-right:10px; }
#top .nav li ul ul { margin: -34px 0 0 180px; }
#top .nav li:hover, #top .nav li.hover { position:static; }
#top .nav li:hover ul ul, #top .nav li.sfhover ul ul,
#top .nav li:hover ul ul ul, #top .nav li.sfhover ul ul ul,
#top .nav li:hover ul ul ul ul, #top .nav li.sfhover ul ul ul ul { left:-999em; }
#top .nav li:hover ul, #top .nav li.sfhover ul,
#top .nav li li:hover ul, #top .nav li li.sfhover ul,
#top .nav li li li:hover ul, #top .nav li li li.sfhover ul,
#top .nav li li li li:hover ul, #top .nav li li li li.sfhover ul { left:auto; }
/* 2.2.3 Page Navigation */
#sidebar-navigation { float: left; padding: 5px 20px 5px 0; width: 180px; }
#sidebar-navigation .menu { border: 1px solid #ddd; border-color: rgba(0,0,0,.1);
/* Box Shadow */
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
#sidebar-navigation .menu ul { list-style-image: url("images/arrow.png");list-style-position: inside; margin: 0; padding: 0; }
#sidebar-navigation .menu ul li {background: #f0f4f7;border-bottom: 1px solid #ddd;border-color: rgba(0,0,0,.1); font-size: 17px; line-height: 18px;padding: 10px 0 10px 10px; margin: 0;}
#sidebar-navigation .menu ul li:last-child {
border-bottom: none;
}
#sidebar-navigation .menu ul li.current_page_item, #sidebar-navigation .menu ul li:hover {background:#fafbfc;}
#sidebar-navigation .menu ul li.current_page_item a, #sidebar-navigation .menu ul li:hover a {color:#293F4C;}
/* 2.3 Header */
#logo { margin: 30px 0 25px; }
/* 2.4 Content */
#content{padding:0 0 30px; position:relative;}
/* 2.5 Sidebar */
#sidebar{overflow:hidden;}
/* 2.6 Footer */
#footer{ padding: 10px 0; background: #272b2d; height: 65px; }
#footer p { font: normal 12px "Arial", serif; color: #8b8b87; }
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}
#footer .col-left { padding-left:10px; }
#footer .col-right { padding-right:10px; }
/* 2.7 Breadcrumbs */
.breadcrumb { margin-bottom: 1.5em; }
.breadcrumb { color: #92999F; border-bottom: 1px dotted #BFC5CA;font-size: 13px; margin: 0 0 1.5em; padding-bottom: 10px; }
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
.breadcrumbs { margin-bottom: 1.5em; }
.archive_header { display: block; float: left; width: 100%; margin:0 0 30px; padding:0 0 10px; font-size: 18px; font-weight: bold; border-bottom:#e6e6e6 5px solid; }
.archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 28px; }
.post, .search .page { margin: 0 0 40px; }
.post.sticky {}
.post .title, .page .title { font:normal bold 24px/24px Arial, Helvetica, sans-serif;margin: 0 0 15px; }
.post .title a:link, .post .title a:visited,
.page .title a:link, .page .title a:visited{ color:#222; }
.post-meta {margin: 1em 0 1.5em 0;font:1em/1em sans-serif;color:#999; font:11px/11px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; }
.post-meta .small {text-transform:lowercase;}
.post-meta .author {text-transform: capitalize;}
.post-more { clear:both; text-transform:uppercase; border:1px solid #e6e6e6; border-width:4px 0 1px; padding:10px 0; font:11px/16px sans-serif;}
.post p.tags{color:#999; background:url(http://beijingbookworm.com/wp-content/themes/thebookwormshop/images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;margin-bottom:20px;}
.post-meta a:link, .post-meta a:visited, .post p.tags a:link, .post p.tags a:visited { text-decoration: underline; color:#888; }
.post-more a:hover, .post-meta a:hover, .post p.tags a:hover { text-decoration:underline; color:red;}
.post .post-embed { margin-bottom:30px; }
.entry {}
.entry .page-link { margin: 0 0 1.2em; }
/* 3.1 Typographic Elements */
.entry h1, .entry h2, .entry h3, .entry h5, .entry h6 { margin:0 0 0.5em; line-height:1.5em; }
.entry h4, .entry h3 { margin-bottom: 3px; }
.entry p { margin-bottom: 1.2em; }
.entry blockquote { background:url(http://beijingbookworm.com/wp-content/themes/thebookwormshop/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 0; 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: 0 0 15px 0; 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: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7); }
.entry img.noborder { border: 0; padding: 0; }
img.wp-smiley { padding: 0; border: none; }
.alignleft { float: left; display: inline; width: auto; margin: 5px 15px 15px 0; }
.alignright { float: right; display: inline; width: auto; margin: 5px 0 15px 15px; }
.aligncenter { text-align: center; margin-bottom:15px;}
img.aligncenter { margin-left:auto; margin-right:auto; display:block; }
.entry .gallery-caption {}
.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; background:rgba(255,255,255,0.7); 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:11px/22px Arial, Helvetica, sans-serif; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }
/* 3.3 Pagination / WP-Pagenavi */
.eggplant-pagination { margin: 0; text-align: center; clear: both; display: block; }
.eggplant-pagination a:link,
.eggplant-pagination a:visited { display: inline; text-decoration: none; color: #666; padding: 3px 7px; border: 1px solid #DDDDDD; }
.eggplant-pagination span.extend, .eggplant-pagination .page-numbers { border: none; color: #666; }
.eggplant-pagination a:link, .eggplant-pagination a:visited, .eggplant-pagination a:active, .eggplant-pagination span.current {
/* Border Radius */
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.eggplant-pagination a:link, .eggplant-pagination a:visited, .eggplant-pagination a:active { border:1px solid #dedede; background: #fafafa; }
.eggplant-pagination .current, .eggplant-pagination a:hover { padding: 3px 7px; background: #EEEEEE; border: 1px solid #bbb; }
/* 3.4 Custom Posts */
/* 3.4.1 Events */
#events-list .event { margin-bottom: 20px; margin-left: 15px; position: relative; }
#events-list .event span.icon { width: 8px; height: 8px; display: block; background: url(images/ico_events.png); position: absolute; left: -12px; top: 5px; }
#events-list .event span.icon.open { background-position: 0 -8px; }
#events-list .event h3 { margin: 0 0 3px 0; }
#events-list .event h3 a { color: #fc4000; font: normal 14px/1.2 "Verdana", Arial, sans-serif; }
#events-list .event .event-excerpt p { font: normal 12px/1.4 "Verdana", Arial, sans-serif; color: #69abbc; margin-bottom: 0; }
#events-list .event span, #events-list .event span a { color: #8b8b87; font: normal 12px/1.2 "Verdana", Arial, sans-serif; }
/* tooltip styling */
.tooltip { z-index: 100; display:none; background:url(images/black_arrow.png) no-repeat; height:82px; padding: 20px 20px; width:169px; }
.tooltip ul { font: normal 12px/1.4em "Helvetica", "Arial", sans-serif; color: #fff; text-align: left; }
.tooltip ul li { list-style: disc; margin-left: 20px; }
/* 3.4.2 Homepage Styling */
.home #home-content-header { margin-bottom: 25px; }
.home #home-about { background: #dadad4; padding: 15px 20px 30px; width: 280px; height: 266px; }
.home #home-about h1 { font: normal 18px/1.2em Arial, sans-serif; color: #000; border-bottom: 0; background: none; white-space: normal; }
.home #home-about p { font: normal 12px/1.4em Arial, sans-serif; color: #696962; border-bottom: 0; }
.home h3 { font: bold 18px/1.2em "Helvetica", Arial, sans-serif; color: #fc4000; background: url(images/header_underline.gif) repeat-x 100% 100%; padding-bottom: 8px; white-space: nowrap; margin-bottom: 8px; }
.home p.viewall { text-align: right; border-bottom: #dadad4 1px solid; padding-bottom: 3px; }
.home p.viewall a { font: bold 12px/1.2em Arial, sans-serif; color: #fc4000; }
.home p.viewall span.raquo { font-weight: normal; font-size: 15px; }
.home p.viewall span.icon { width: 8px; height: 8px; display: block; float: right; margin: 3px 0 0 5px; background: url(images/ico_events.png); }
.home #home-events-widget .event { margin-bottom: 20px; }
.home #home-events-widget h4 { border-bottom: 0; padding: 0; margin: 0 0 3px 0; font: bold 12px/1.2em Arial, sans-serif; color: #000; }
.home #home-events-widget h4 a { color: #000; margin-bottom: 0; padding: 0; }
.home #home-events-widget img { float: left; display: inline; margin-right: 10px; padding: 0; border: 0; }
.home #home-posts-widget .post { margin-bottom: 20px; }
.home #home-posts-widget h4 { border-bottom: 0; padding: 0; margin: 0 0 3px 0; font: bold 14px/1.2em Arial, sans-serif; color: #000; }
.home #home-posts-widget h4 a { color: #000; margin-bottom: 0; padding: 0; }
.home #home-posts-widget img { float: left; display: inline; margin-right: 10px; padding: 0; border: 0; }
.home #home-aboutus-widget { margin-bottom: 20px; }
.home #home-aboutus-widget .inner-wrap { background: #fc4000; padding-bottom: 10px; }
.home #home-aboutus-widget .inner-wrap img { margin: 0; padding: 0; border: 0; margin-top: 5px; }
.home #home-aboutus-widget .inner-wrap p { color: #fff; margin: 10px; font: normal 12px/1.2em Arial, sans-serif; }
.home #home-promo-widget { padding: 5px; background: #f0f0f0; }
.home #home-promo-widget h3 { font: normal 18px/1.2em Arial, sans-serif; color: #8b8b87; background: none; margin-bottom: 0; }
.home #home-promo-widget img { border: 0; padding: 0; float: left; margin-right: 5px; }
.home #home-promo-widget p { margin-bottom: 0; }
/* 3.4.3 Genres Styling */
#genres-list .genre { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #dadad4;position: relative;}
#genres-list .genre .term_image { float: left; display: inline; margin-right: 10px; }
#genres-list .genre p { margin-left: 102px; }
#genres-list .genre h4 { font: bold 14px/1.2em Arial, sans-serif; color: #000; padding: 0; margin: 0 0 3px 0; }
#genres-list .genre span.backtotop a { width: 36px; height: 13px; display: block; position: absolute; right: 0; bottom: 10px; background: url(images/top.gif) no-repeat 0 0; text-indent: -99999px; }
#genres-list ul.block { line-height: 1.2; float: left; display: inline; width: 185px; padding: 0 0 0 15px; color: #fc4000; list-style-type: disc; }
#genres-list ul.block li a { font: normal 12px/1.2em Arial, sans-serif; color: #fc4000; }
#genres-list ul.block li { margin: 0; }
/* 3.4.4 Books List Styling */
.home #books-list .book { margin-bottom: 10px; }
.home #books-list .book-image img { padding: 0; border: 0; width: 88px; }
#books-list .book { margin-bottom: 5px; }
#books-list .book-image { float: left; display: inline; margin-right: 10px; }
#books-list .book-image img { width: 97px; }
#books-list p.author { font: normal 12px/1.2em Arial, sans-serif; color: #fc4000; }
#books-list div.review { margin-left: 119px; }
/* 3.4.5 Blog Posts List Styling */
#posts-list .post img { float: left; display: inline; margin-right: 10px; margin-bottom: 10px; }
#posts-list .post h2 a { font: normal 14px/1.2em "Verdana", Arial, sans-serif; color: #fc4000; }
#posts-list .post a { color: #fc4000; }
/* 3.4.6 Location Posts Styling */
.location { margin-bottom: 20px; }
.location .location_map { float: left; display: inline; margin-right: 10px; }
.location .entry { padding-top: 10px; }
.location h2 span a { font: normal 10px/1.2em "Verdana", "Arial", sans-serif; }
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.2 Generic Widgets */
#primary.widget-area { margin-top: 12px; }
.widget { margin: 0 0 30px 0; font-size:12px; }
.widget h3 { margin: 0 0 10px 0; padding-bottom: 5px; text-transform:uppercase; font:normal bold 18px/1.5em Helvetica, Arial, sans-serif; color:#fc4000; background: url(images/header_underline.gif) repeat-x 100% 100%; white-space: nowrap; }
.widget p { font:12px/20px Arial, Helvetica, sans-serif; margin-bottom:15px; }
.widget ul { clear:both; padding-left:10px; list-style-position:inside; list-style-type:disc;}
.widget ul li {}
.widget ul li a { padding: 0 0 0 5px; line-height: 22px; text-decoration: none; display: inline-block; }
.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, .widget_eggplant_select_gallery 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 { padding: 0; }
#footer-widgets .block { }
/* 4.2 Specific Widgets */
/* SEARCH FORM */
.searchform { 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; }
.searchform input[type="image"] { position: relative; top: 3px; }
/* FLICKR */
.widget_woo_flickr h3 {}
.widget_woo_flickr h3 span{color:#0061D8;}
.widget_woo_flickr h3 span span{color:#FF1183;}
.widget_woo_flickr .flickr_badge_image { float: left; margin: 3px; }
.widget_woo_flickr .wrap { position: relative; margin-bottom: 20px; padding: 0; }
.widget_woo_flickr a img { float: left; margin: 0 0 8px 8px; display: block; border: #CECFC6 1px solid; padding: 3px;}
.widget_woo_flickr a:hover img { border:#A8AA99 1px solid; }
/* 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-cal { border: #DEDEDE 1px solid; background: #F2F2F2; padding: 9px 9px; margin-bottom: 14px; font-family: "Verdana", Arial, sans-serif; font-weight: normal; font-size: 12px; }
#wp-cal .cal-header { margin: 3px 0; position: relative; padding: .2em 0; background: #fc4000; color: #fff; text-align: center;
/* border Radius */
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.cal-header span.next, .cal-header span.prev {
display: block;
position: absolute;
top: 2px;
}
.cal-header span.prev { left: 5px; }
.cal-header span.next { right: 5px; }
#wp-cal a { color: white; }
#wp-calendar{width:100%;clear:both;padding:0;}
#wp-calendar caption{padding:0 0 10px;}
#wp-calendar th,#wp-calendar td{text-align:center; padding:5px;}
#wp-calendar td {background:transparent; border: 0; padding: 1px;}
#wp-calendar td span { border: 1px solid #CCC; background: #F6F6F6; color: #1C94C4; }
#wp-calendar td span, #wp-calendar td a { display: block; text-align: right; text-decoration: none; padding: .2em; }
#wp-calendar td a { border: 1px solid #CCC; background-color: #fc4000; color: #fff; }
/* Blog Author Widget */
.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; }
/* TWITTER */
.widget_woo_twitter .back { padding: 15px 25px 10px; background: #f8f8f8; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.widget_woo_twitter ul { background: none; padding-left:0; }
.widget_woo_twitter ul li { border-bottom: 1px solid #e6e6e6; padding: 10px 0px; list-style:none;}
.widget_woo_twitter ul li a { padding: 0px; }
.widget_woo_twitter ul li .time { color:#999; }
.widget_woo_twitter p { padding-top: 10px; }
.widget_woo_twitter p a { color:#222; }
.widget_woo_twitter ul li .content { font-size: 16px; font-family: Georgia, serif; }
.widget.widget_woo_twitter h3 { border-bottom:none; padding:0; margin:0; padding-bottom: 15px; }
/* EVENTS WIDGET */
.widget_eggplant_upcoming_events .event img { float: left; display: inline; margin-right: 10px; }
.widget_eggplant_upcoming_events .event h4 { font: bold 10px/1.4em "Verdana", "Arial", sans-serif; color: #000000; text-transform: uppercase; }
.widget_eggplant_upcoming_events .event p { font: normal 10px/1.4em "Verdana", "Arial", sans-serif; color: #8b8b87; text-transform: uppercase; }
/* GALLERY SELECT WIDGET */
.widget_eggplant_select_gallery a { font: normal 12px/1.2em "Verdana", "Arial", sans-serif; color: #383838; text-transform: uppercase; }
.widget_eggplant_select_gallery ul { list-style: none; margin: 0; padding: 0; }
.widget_eggplant_select_gallery h3 { margin: 0; }
/* 4.3 WooTabs */
#tabs { background:#e6e6e6; height:auto; display: block; padding:5px; margin-bottom:30px; }
#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:#F8F8F8; text-decoration:none; }
#tabs ul.wooTabs li a { color:#777; display: block;float: left;padding: 7px;text-transform: uppercase; font: 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#tabs .inside { background:#F8F8F8; padding:5px;}
#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; list-style: none; padding-left: 0px; }
#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 Georgia, serif; padding:0; }
#tabs .inside a:hover{}
#tabs .inside li span.meta { display:block; font:11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#777; }
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px; background-color: #ffffff; float: left; margin: 0 8px 0 0; }
#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; }
#tabs .inside .list { display:none; }
#tabs .inside .list:first-child { display:block; }
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments {position:relative;margin:40px 0 0;padding:40px 0 0 0; border-top:1px solid #e6e6e6; border-top:1px solid rgba(0,0,0,0.07);}
#comments h3 { color:#333; font-weight:normal; margin-bottom:20px; }
#comments .comment.thread-even { background: #fafafa; background: rgba(0,0,0,0.02); border-bottom:1px solid #e6e6e6; border-bottom:1px solid rgba(0,0,0,0.07); }
#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .bypostauthor {}
#comments .comment .comment-container { position:relative; padding: 20px; }
#comments .comment-head { margin: 0 0 5px 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;}
#comments .reply { padding-top:10px; }
#comments .reply a { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:#FFFFFF; color:#555555 !important; text-shadow:none; }
#comments .reply a:hover { background:#fafafa; }
#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 .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 { color:#333; font-weight:normal; margin-bottom:20px; }
#respond #reply-title small { display: block; font-size: 14px; margin-top: 5px; }
#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 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: 170px; margin: 0 5px 10px 0; padding: 5px 7px; }
#commentform textarea { color:#666; background: #fcfcfc; width: 95% !important; padding: 5px 7px; }
#commentform #submit { margin: 15px 0 0 0; }
/* 5.2 Comments Form */
#respond { margin: 40px 0 0; }
#respond h3 { color:#333; font-weight:normal; margin-bottom:20px; }
#respond #reply-title small { display: block; font-size: 14px; margin-top: 5px; }
#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 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: 170px; margin: 0 5px 10px 0; padding: 5px 7px; }
#commentform textarea { color:#666; background: #fcfcfc; width: 95% !important; padding: 5px 7px; font-size: 12px; line-height: 1.4; }
#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, #respond .form-submit input#submit { font-family:Verdana, Geneva, Arial, sans-serif; background: url(images/alert-overlay.png); display: inline-block; padding: 5px 10px 6px; color: #fff !important; text-decoration: none; border:none; position: relative; cursor: pointer; }
.button, .button:visited, .reply a, #respond .form-submit input#submit { background-color:#444; }
.button:hover, .reply a:hover, #respond .form-submit input#submit:hover { color: #fff !important; text-decoration:none; }
.button:active, .reply a:active, #respond .form-submit input#submit:active { top: 1px; }
.small.button, .small.button:visited, .reply a { font-size: 10px; padding: 0px 6px 1px; text-transform:uppercase;}
.button, .button:visited, .medium.button, .medium.button:visited, #respond .form-submit input#submit { font-size: 12px; line-height: 1; }
.large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; }
.button, .button:visited, .medium.button, .medium.button:visited, #respond .form-submit input#submit { text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.button, .button:visited, .reply a, #respond .form-submit input#submit { -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border: 1px solid rgba(0,0,0,.25); border-bottom-color: rgba(0,0,0,.35); }
.button:hover, .reply a:hover, #respond .form-submit input#submit:hover { opacity:0.9; }
/* 6.2 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; font: normal normal normal 14px Arial, sans-serif; font-weight: bold; }
.gform_wrapper input.button { padding: 5px 10px 6px !important; font-size: 12px !important; }
.gform_wrapper .gfield_checkbox label, .gform_wrapper .gfield_radio label { font-size: 12px !important; }
.gform_footer { font-size: 13px !important;}
.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction {
letter-spacing: 0px; }
.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.3 Subscribe & Connect */
#connect { background: #fafafa; margin:0 0 1.5em; padding:15px; border:1px solid #e6e6e6; border-width:1px 0 4px; clear:both; }
#main #connect .col-left, #connect .col-right { width:48%; }
#connect h3 { margin-bottom: 10px; }
#connect p { margin: 0 0 1em; }
#connect .newsletter-form { margin: 0 0 1em; }
#connect .newsletter-form .input { }
#connect .newsletter-form .email { width:140px; }
#connect .newsletter-form .submit { cursor:pointer; padding: 3px 5px; margin:0 0 0 5px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
#connect .social { }
#connect .social a { opacity:0.8; }
#connect .social a:hover { opacity:1; }
#connect .related-posts { border-left:1px solid #e6e6e6; padding-left:15px; }
#connect .related-posts ul { list-style: outside disc; margin:5px 0 5px 15px; }
.widget #connect { background: none; padding: 0; border:none; }
.widget #connect .fl, .widget #connect .fr { float:none; }