/*
Theme Name: SFNewTech 2011
Theme URI: http://www.wooothemes.com/
Version: 2010.1
Description: Customized by the blog doctor using a WoooThemes theme.
Author: the blog doctor, WoooThemes
Author URI: http://theblogdoctor.me/
Copyright: (c) 2009 WoooThemes.
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
*/
/* Default styles */
@import "css/reset.css";
/*-------------------------------------------------------------------------------------------
INDEX:
1. SETUP
-1.1 Defaults
-1.2 Hyperlinks
2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.1 Drop-down menus
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Footer
-2.7 Featured Area
3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi
-3.4 Info boxes
4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets
-4.3 WooTabs
5. COMMENTS
-5.1 Comments
-5.2 Pingbacks / Trackbacks
-5.3 Comments Form
6. MISC
-6.1 Buttons
-6.2 Info Boxes
-6.3 Contact Form
-6.4 Events Calendar
-6.5 Gravity forms
-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
body { font: 14px/22px Helvetica, Arial, Sans-serif; color: #4e4e4e; background-color: #2e2e2e; }
h1, h2, h3, h4, h5, h6 { margin: 0; color: #222; }
h1 {font-size: 22px; } h2 {font-size: 18px;} h3 {font-size: 16px;} h4 {font-size: 14px;} h5 {font-size: 12px;} h6 {font-size: 12px;}
p {margin: 0; font-size:14px; line-height: 22px; }
hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; }
input, textarea { padding: 7px 0 7px 7px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}
/* 1.2 Hyperlinks */
a:link, a:visited { color: #066cca; 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 { padding:0; background-color:#d0d0d0; }
#main{width:525px; padding-right:25px; }
#main.fullwidth {width: 900px;}
#sidebar{width:300px;}
#sidebar .secondary { width:140px; }
.col-left { float: left; }
.col-right { float: right; }
.col-full { width: 900px; margin: 0 auto; }
/* 2.2 Navigation */
#navigation-outer { border:1px solid #b7b7b7; width: 972px; margin: 0 auto; }
#navigation{font:12px/16px Helvetica, Arial, sans-serif; border:1px solid #fff;background-color: #e8e8e8; padding: 0 35px; position:relative; z-index: 9999;}
#navigation ul.rss{background:url(images/ico-rss.png) no-repeat right 10px;padding:11px 15px 3px 0;}
#navigation ul.rss li{display:inline;padding:0 10px 0 0;}
#navigation ul.rss li a{color:#222222;text-decoration:none; font-size:11px; }
#navigation ul.rss li a:hover{text-decoration:underline;}
#navigation_btm { height: 4px; background-color: #1b83e3; display: block; width: 950px; margin: -1px auto 0 auto; border-bottom: 1px solid #0261b9; }
#nav-left-btm, #nav-right-btm { bottom:-11px; height:10px; position:absolute; width:10px; }
#nav-left-btm { background:url(images/nav-left-btm.png) no-repeat left center; left:0; }
#nav-right-btm { background:url(images/nav-right-btm.png) no-repeat right center; right:0; }
.nav { z-index:99; margin:0 0 -2px 0; padding:0; list-style:none; line-height:1; }
.nav a { position:relative; color:#555; display:block; z-index:100; padding: 10px; line-height:16px; text-decoration:none; font-weight:bold; border-right: 1px solid #b7b7b7; }
.nav a:hover {
background-color: #f7f7f7;
}
.nav li.current_page_item, .nav li.current_page_parent{ background:#1b83e3; margin:0; }
.nav li.current_page_parent a { color:#fff; border: 1px solid #026cce; border-bottom: none; padding-top:11px }
.nav li.current_page_item a, .nav li.current_page_parent a:hover {
background-color: #1b83e3; color: #fff;
}
.nav li { float:left; width: auto; border-right: 1px solid #fff; }
.nav li a.sf-with-ul { padding-right:20px; }
/* 2.2.1 Drop-down menus */
.nav li ul { background: #FFF; position: absolute; left: -999em; width: 180px; border: 1px solid #dbdbdb; border-width:1px 1px 0; z-index:999; }
.nav li ul li { background:#eee; border-top:1px solid #fff; border-bottom:1px solid #dbdbdb;}
.nav li ul li a { width:160px; color:#555; font-size: 11px; padding: 5px 10px; border: none !important; font-weight: normal; }
.nav li ul li.current_page_item a { color: #fff; padding: 5px 10px; }
.nav li.current_page_item ul { border-color: #aec1d4; }
.nav li.current_page_item ul li { border-color: #aec1d4; border-top: none; }
.nav li.current_page_item ul li a { background-color: #d6e8fa; border-color: #aec1d4; padding-top: 5px; color: #222; }
.nav li.current_page_item ul li a:hover { background-color: #1b83e3; color:#fff}
.nav li.current_page_item ul ul { margin-top: -28px;}
.nav li ul li.current_page_item a:hover { color: #fff; background-color: #333; }
.nav .current_page_parent ul li a { color: #333; }
.nav li ul li a.sf-with-ul { padding:5px 10px; }
.nav li ul li a:hover { background:#eaeaea;}
.nav li ul ul { margin: -28px 0 0 180px; }
.nav li ul ul li a { padding:5px 10px; }
.nav li ul li ul li a { }
.nav li:hover,.nav li.hover { position:static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; }
.nav .sf-sub-indicator {background: url(images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:0.4em;top:1.3em;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
.nav .current_page_item .sf-sub-indicator {background: url(images/arrow-superfish-active.png) no-repeat;}
.nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat;}
/* 2.3 Header */
#header{padding:35px 0 25px;clear:both;position:relative;}
#logo { float:left; }
#logo img { }
#logo .site-title, #logo .site-description { color: #111; display:none; }
#logo .site-title a { color:#222; font-size:36px; line-height:44px; text-transform:none; font-weight:bold; text-decoration:none; }
#logo .site-title a:hover { text-decoration:underline; }
#logo .site-description { color:#666; font:italic 14px Georgia, serif; }
#topad {float:right; padding: 4px; background-color:#fff; border: 1px solid #B7B7B7}
/* 2.4 Content */
#content{background-color:#fff; border: 1px solid #ccc; padding:25px; margin-bottom:25px;}
/* 2.5 Sidebar */
#sidebar{overflow:hidden; padding:25px 24px 0 24px; background-color:#2E2E2E; border: 1px solid #232323}
#sidebar .primary { }
#sidebar .secondary { float:left; margin-right:20px; }
#sidebar .secondary.last { margin:0; }
/* 2.6 Footer */
#footer-outer {border-top: 1px solid #2e2e2e; background: #2e2e2e url(images/footer-line.gif) repeat-x left top;}
#footer{padding: 20px; color:#fff; }
#footer p {font-size:12px; font-family: Helvetica, Arial, sans-serif;}
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}
#footer #credit a{color: #fff; text-decoration: underline;}
/* 2.7 Featured Area */
#loopedSlider { position:relative; margin: 0 auto 25px auto; width:900px; padding: 25px; background:#fff; border: 1px solid #CCCCCC; }
#loopedSlider .container { width:552px; height:340px; overflow:hidden; position:relative; background:#fff; border: 1px solid #dddddd; float: right; }
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides div.slide { position:absolute; top:0; width:550px; display:none; background-color: #f2f2f2; border: 1px solid #fff; }
#loopedSlider .slides div.slide h2.title { background: #2384df url(images/featured-h2-bg.jpg) left top repeat-x; color:#fff; font-size:18px; border: 1px solid #656b71}
#loopedSlider .slides div.slide h2 a { color:#fff; border: 1px solid #68afeb; padding:15px 20px; display: block; }
#loopedSlider .slides div.slide .post { padding: 20px; margin: 0; }
#loopedSlider .slides div.slide .alignright { margin: 0 0 20px 20px; }
#loopedSlider .slides .post-bottom { border-top: 1px solid #ccc; }
#loopedSlider .slides div.slide .post-meta { border-top: 1px solid #fff; margin: 0; padding-top: 20px; }
#loopedSlider .featured-nav { width:320px; float:left; margin-right: 20px; }
#loopedSlider .featured-nav h2 { margin-bottom: 25px; color: #2a2a2a; }
#loopedSlider ul.pagination { list-style:none; padding:0; margin:0; border-bottom:1px solid #dddddd; float:left}
#loopedSlider ul.pagination li { float:left; background-color: #f2f2f2; border:1px solid #dddddd; border-bottom: none}
#loopedSlider ul.pagination li a { width:278px; display:block; padding:20px; border:1px solid #fff; min-height:52px; }
#loopedSlider ul.pagination li a:hover { background:#eee; text-decoration: none; }
#loopedSlider ul.pagination li.active { border: 1px solid #111;}
#loopedSlider ul.pagination li.active a { background:#2e2e2e; color:#fff; border: 1px solid #4e4e4e}
#loopedSlider ul.pagination img { background:#fff; padding:3px; border:1px solid #d1d1d1; float:right; margin: 0 0 0 20px;}
#loopedSlider ul.pagination li.active a img {border:1px solid #111;}
#loopedSlider ul.pagination em { color:#222; font-size: 16px; font-weight:bold; line-height:18px; margin-top:10px; font-style:normal; }
#loopedSlider ul.pagination li.active em {color: #fff;}
#loopedSlider ul.pagination .meta { display:block; font-size:12px; color:#555; line-height:18px; margin:5px 0 0 0; }
#loopedSlider ul.pagination li.active .meta {color: #ddd;}
#loopedSlider p.note { margin: 0; }
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
#breadcrumb {}
.archive_header { display: block; float: left; width: 100%; margin:0 0 25px; padding:0 0 10px; font-size: 18px; font-weight: bold; border-bottom:#e6e6e6 4px solid; }
.archive_header .catrss a { font-size: 12px; text-decoration: none; line-height: 28px; font-weight: normal; }
.post { margin: 0 0 50px;}
.single .post { margin-bottom: 25px; }
.post .title { font:normal bold 20px/24px Arial, Helvetica, sans-serif; margin: 0; }
.page .post .title { margin: 0 0 20px 0; }
.post .title a:link, .post .title a:visited { color:#222; }
.post-title { background-color:#2E2E2E; border:1px solid #232323; padding: 25px; }
/* commented shiva
.post-title .event-name { width: 525px; }
*/
.post-title .event-name h1 { color: #fff; font-size: 30px; line-height: 36px; }
.post-title .event-name p { margin: 10px 0 0 0; color: #ccc;}
.post-title .event { width:325px; padding: 25px 0 25px 25px; border:1px solid #444; background-color: #333; }
.post-title .event .button { font-size:14px; margin-right:25px}
.post-title .event .buttons { margin-bottom: 0; text-align: center; }
.post-title .event .buttons ul li { display: inherit; text-align: left; }
.post-title .event .buttons ul { left: 145px; }
.post-title .event .buttons ul li a { font-size: 12px; }
.post-title .event .buttons ul li.tip { left:39%; }
.post-meta{margin: 10px 0 25px 0;font-size:11px; line-height: 11px; font-size:12px; }
.post-meta img {vertical-align: middle; margin-right:5px}
.post-meta .comments {margin-left: 10px;}
.post-meta .comments a { text-transform:capitalize; }
.post-meta .small{}
.single .post-meta { }
.post-more { clear:both; border:1px solid #ddd; background-color: #f7f7f7; font:12px/16px Arial, Helvetica, sans-serif; }
.post-more a, .post-meta a { text-decoration:none; }
.post-more a:hover, .post-meta a:hover { text-decoration:underline; }
.post-more .read-more { padding: 11px 15px 10px 10px; background: #fafafa url('images/post-more-read-bg.gif') no-repeat right center; font-weight: bold; }
.post-more .read-more a { color: #222; }
.post-more .comments { position: static!important; padding: 10px 10px 10px 18px; margin: 1px; margin-bottom: 0; background: #3a3a3a url('images/post-more-comments-bg.gif') no-repeat left center; }
.post-more .comments a { color: #fff; position: static!important; background: url(images/ico-comment.png) no-repeat left center; padding-left: 22px; padding-bottom: 2px; }
.post-meta, .post-meta .post-author a, .post-more { color:#868686; }
.post p.tags{background:url(images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;margin-bottom:20px;}
.post .video { margin-bottom: 25px; }
.entry {}
/* 3.1 Typographic Elements */
.entry h1 { border-bottom:1px solid #e6e6e6; margin-bottom:25px; padding-bottom: 10px; } .entry h2 { padding-bottom:10px; } .entry h3 { padding-bottom:10px; } .entry h4 {} .entry h5 {} .entry h6 {}
.entry p { margin: 0 0 20px 0; }
.entry blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444; }
.entry blockquote p { font-style:italic; }
.entry ul { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ul ul { margin: 0; }
.entry ul li { list-style-type: circle; }
.entry ul ul li { list-style-type: disc; }
.entry ol { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ol ol { margin: 0; }
.entry ol li { list-style-type: upper-latin; }
.entry ol li ol li { list-style-type: lower-latin; }
/* 3.2 Images */
.entry img, img.thumbnail { padding: 5px; border: 1px solid #DDDDDD; background:#fff; }
img.wp-smiley { padding: 0; border: none; }
.alignleft { float: left; height: auto; margin: 0 15px 15px 0; }
.alignright { float: right; height: auto; margin: 0 0 15px 15px; }
.aligncenter { text-align: center; margin-bottom:25px;}
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:11px/22px Arial, Helvetica, sans-serif; text-align:center; }
.gallery {padding-bottom: 25px;}
.gallery img {border-width: 1px !important;}
/* 3.3 Pagination / WP-Pagenavi */
.nav-entries, .wp-pagenavi {font-size:11px; padding:10px 15px; border:1px solid #e6e6e6; background:#fafafa; border-width:1px 0 4px; }
.nav-entries a { display: block; font:italic 12px/16px Georgia, serif; color:#777; text-decoration:none;}
.nav-entries a:hover { text-decoration:underline; }
.wp-pagenavi { margin: 0 !important; text-align: center !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; }
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.2 Generic Widgets */
.widget { margin: 0 0 25px 0; font-size:12px; }
.widget div.outer {border: 1px solid #dddddd; }
.widget div.inner {background-color: #f2f2f2; border: 1px solid #fff; }
.widget h3 { margin: 0 0 15px 0; color:#555; font-size: 14px; text-transform: uppercase; }
.widget p { font:12px/20px Arial, Helvetica, sans-serif; margin-bottom:15px; }
.widget ul { clear:both; list-style-position:inside; margin-bottom:-2px; margin-top:-1px; }
.widget ul li { border-bottom: 1px solid #dddddd; border-top: 1px solid #fff; padding: 15px; }
.widget ul li ul { border-top: 1px solid #232323; margin: 15px 0 0 0; padding:0;}
.widget ul li:hover { background-color: #f7f7f7; }
.widget ul li a { line-height: 22px; text-decoration: none; font-weight: bold; color: #3a3a3a; }
.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 */
/* SIDEBAR WIDGETS */
.primary .widget .outer, .secondary .widget .outer { border: 1px solid #232323; }
.primary .widget .inner, .secondary .widget .inner { border: 1px solid #4e4e4e; background-color: #3A3A3A; }
.primary .widget ul, .secondary .widget ul { }
.primary .widget ul li, .secondary .widget ul li { padding: 10px; background-color:#3A3A3A; border-bottom: 1px solid #232323; border-top: 1px solid #4e4e4e; }
.primary .widget h3, .secondary .widget h3 { color: #ddd; }
.primary .widget, .secondary .widget { color: #ccc; }
.primary .widget a, .secondary .widget a { color: #bbdcfa; }
.primary .widget li:hover, .secondary .widget li:hover { background-color: #424242; }
/* FOOTER WIDGETS */
#footer-widgets { border-top:1px solid #e6e6e6; background-color: #fff; padding: 25px; border: 1px solid #ccc; margin: 25px auto; }
#footer-widgets .block { padding:0; width:282px; margin-right: 25px; float:left; }
#footer-widgets .last { margin-right: 0; }
#footer-widgets h3{ color: #2a2a2a; text-transform: capitalize; font-size: 18px; }
/* 4.2 Specific Widgets */
/* WIDGET FORMS */
.searchform { }
.widget input.s { float:left; width: 60%; 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:right; }
/* TAG CLOUD */
.widget_tag_cloud .inner { padding: 15px; border-top: 1px solid #fff; }
.primary .widget_tag_cloud .inner, .secondary .widget_tag_cloud .inner { border-top: 1px solid #4e4e4e !important; }
#sidebar .widget_tag_cloud { padding: 15px; background-color:#3A3A3A; border-bottom:1px solid #232323; border-top:1px solid #4E4E4E; }
/* 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: 5px; }
.widget_woo_flickr .wrap { position: relative; padding: 15px; }
.widget_woo_flickr a img { float: left; display: block; border: #CECFC6 1px solid; background-color: #fff; padding: 4px; width:62px; height: 62px; }
.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-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;}
/* CUSTOMER FEEDBACK */
.feedback-widget .customer-quote { margin: 15px; background-color: #fff; float: left; padding: 15px; border: 1px solid #dddddd; font-family: Palatino, Georgia, serif; font-size: 18px; line-height: 24px; color: #525252; text-align: center; }
#sidebar .feedback-widget .customer-quote { border-color: #222; background-color: #333; color: #fff; }
#sidebar .feedback-widget h4 {color: #fff; }
.feedback-widget .customer-details { padding: 0 15px 15px 15px; float: left; width: 247px; }
#sidebar .feedback-widget .customer-details { width: 265px; }
.feedback-widget .customer-name { float: left; padding-top: 8px; }
#footer-widgets .feedback-widget .customer-name a { color: #666666; }
.feedback-widget .customer-image { float: right; }
.feedback-widget .customer-image img { padding: 4px; background-color: #fff; border: 1px solid #ddd; }
/* 4.3 WooTabs */
#tabs { height:auto; display: block; margin-bottom:30px; }
#tabs ul.wooTabs { padding:0px; margin: 0; }
#tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; padding: 0; border: none; }
#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: 8px; font-size:11px; text-transform: uppercase; line-height:18px; font-weight:normal; }
#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; }
#tabs .inside li { border:1px solid #e6e6e6; border-width:0 1px 1px 1px; padding:10px; }
#tabs .inside li a { color:#555; font-weight:bold; font-size: 12px; line-height: 18px; }
#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 #tab-tags a { color: #222; }
#sidebar #tabs ul.wooTabs li a { color: #ddd; }
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { color: #666 !important; }
/* 4.4 Recent Blog Posts */
.recentblogposts-widget ul.pagination li.active { border: 1px solid #111; background:#2e2e2e; color:#fff;border: 1px solid #4e4e4e; text-align:center; }
.recentblogposts-widget ul.pagination li.active a { background:#2e2e2e; color:#fff; }
.recentblogposts-widget ul.pagination img { background:#fff; padding:3px; border:1px solid #d1d1d1; float:left; margin: 0 15px 0 0;}
.recentblogposts-widget ul.pagination li.active a img {border:1px solid #111;}
.recentblogposts-widget ul.pagination li.active em {color: #fff;}
.recentblogposts-widget ul.pagination .meta { display:block; font-size:11px; line-height:16px; margin:5px 0 0 0; }
.recentblogposts-widget ul.pagination li.active .meta {color: #ddd;}
/* 4.5 Blog Author Info */
.widget_woo_blogauthorinfo .about { padding: 15px;}
#sidebar .widget_woo_blogauthorinfo .about { background-color:#3A3A3A; border:1px solid #4E4E4E; }
#sidebar .widget_woo_blogauthorinfo .inner img { border: 1px solid #232323; padding: 1px; background-color: #fff; }
#footer-widgets .widget_woo_blogauthorinfo .inner img { border: 1px solid #ddd; padding: 1px; background-color: #fff; }
.widget_woo_blogauthorinfo .left { float:left; margin: 0 15px 15px 0; }
.widget_woo_blogauthorinfo .right { float:right; margin: 0 0 15px 15px;}
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments {position:relative;margin:40px 0 0;padding:40px 0 0 0; border-top:1px solid #ddd;}
#comments h3 { color:#333; font-weight:normal; margin-bottom:20px; }
#comments .comment.thread-even { background: #f7f7f7; border:1px solid #ddd; }
#comments .comment{margin-top:10px;width:100%;list-style-type:none; background-color:#fff; }
#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;}
#comments .reply { padding-top:10px; }
#comments .reply a { }
#comments .reply a:hover { }
#comments ul.children{margin:0 20px;padding:0; }
#comments ul.children li {border-top:1px solid #e6e6e6; margin-bottom: 20px; }
#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 .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, #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: #f7f7f7; width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; }
#commentform textarea { color:#666; background: #f7f7f7; width: 95% !important; padding: 5px 7px; }
.comment-container #commentform textarea {
background-color: #fff;
}
#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{ background: #026cce 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{ background-color:#025fb4; padding: 8px 16px; }
.button:hover, .reply a:hover { color: #fff !important; text-decoration:none; background-color: #026cce; }
.button:active, .reply a:active { top: 1px; }
.small.button, .small.button:visited, .reply a { font-size: 10px; padding: 0px 6px 1px; text-transform:uppercase;}
.button, .button:visited, .medium.button, .medium.button:visited { font-size: 11px; font-weight: bold; line-height: 1; }
.large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; }
/* 6.2 Info Boxes */
p.alert, p.download, p.info, p.note, p.tick { margin:10px 0 20px 0; padding:9px 10px 9px 50px; }
p.alert { border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url(images/ico-alert.png) no-repeat 20px 13px; }
p.download { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-download.png) no-repeat 20px 13px; }
p.tick { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-tick.png) no-repeat 20px 13px; }
p.info { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url(images/ico-info.png) no-repeat 20px 13px; }
p.note { border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url(images/ico-note.png) no-repeat 20px 13px; }
/* 6.3 Contact Form */
#contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; }
#contact-page ol.forms{float:left;list-style:none;width:100%;margin:10px 0 0;}
#contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%}
#contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;}
#contact-page ol.forms input.txt{width:214px; background-color:#f7f7f7}
#contact-page ol.forms input#sendCopy{border:none;}
#contact-page ol.forms textarea{height:300px;width:396px; background-color:#f7f7f7}
#contact-page ol.forms textarea#contactAddress { height: 80px; }
#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: 0 0 0 120px; }
#contact-page ol.forms li.inline input{ width:auto; margin-left:120px; margin-right:10px; }
#contact-page ol.forms li.inline label{display:inline;float:none;width:auto;}
/* 6.4 Events Calendar */
#events-calendar-outer {border: 1px solid #2e2e2e; width:952px; margin: 0 auto 25px auto; width:950px; }
#events-calendar {background-color: #2e2e2e; border: 1px solid #4e4e4e; border-top: none;padding: 25px; color: #fff; font-size: 12px; }
#events-calendar a {color:#69b3f8;}
#events-calendar .months {margin-top:20px}
#events-calendar #calendar {width: 310px;}
#events-calendar h2, #events-calendar .event h3 {color:#fff; font-weight:bold; margin-bottom:25px}
#events-calendar h2 span {color:#69b3f8;}
#events-calendar .event-outer {background: transparent url(images/box-shadow.png) no-repeat center bottom; padding-bottom:10px; width:552px}
#events-calendar .event {background-color: #3a3a3a; width: 522px; padding: 15px; border: 1px solid #232323;}
#events-calendar .event .thumbnail {padding: 5px; background-color: #fff; border: 1px solid #222; }
#events-calendar .event .date {font-style: italic; font-size:11px; color:#69b3f8; font-family: Arial, Helvetica, sans-serif; margin-bottom: 5px; }
#events-calendar .event h3 {font-size: 26px; line-height: 30px; margin-bottom:15px}
#events-calendar .event h3 a { color: #fff; }
.event p {font-size: 14px; line-height: 22px;}
.event .buttons {margin-bottom: 30px; position: relative; }
.event .button, #events-calendar .event .button:visited { margin: 0 10px 0 0; }
.event .button:hover { }
#events-calendar #calendar .button { background-color: #333; }
#events-calendar #calendar a:hover.button { background-color: #555; }
.event .buttons ul { position: absolute; top: 38px; left: -30px; padding: 12px 10px 8px; border: 1px solid #000; background: #f5efba url(images/bg-cal-popup.png) repeat-x left top; }
.event .buttons ul li { display: inline; margin: 0 10px; }
.event .buttons ul li a { padding: 3px 0 1px 24px; color: #000 !important; }
.event .buttons ul li.outlook a { background: url(images/ico-cal-outlook.png) no-repeat left top; }
.event .buttons ul li.ical a { background: url(images/ico-cal-ical.png) no-repeat left top; }
.event .buttons ul li.google a { background: url(images/ico-cal-google.png) no-repeat left top; }
.event .buttons ul li.tip { position: absolute; top: -12px; left: 49%; width: 15px; background: url(images/bg-popup-tip.png) no-repeat left top; }
#events_calendar { background-color: #3A3A3A; border: 1px solid #232323; padding:10px; }
#events_calendar .ui-widget-content { background: none !important; border: none !important; }
#message-none {
background-color:#3A3A3A;
border:1px solid #232323;
padding:15px;
width:522px;
float: right;
}
#ui-datepicker-div { display: none; }
.ui-datepicker table { margin-bottom: 0 !important; background-color: #444; }
.ui-datepicker {padding:0 !important; width: 290px !important; }
.ui-state-default, .ui-widget-content .ui-state-default { background-image:none !important; background-color: #333 !important; border-color: #444444 !important; color: #ccc !important; padding: 3px; text-align: center; }
.ui-widget-header { background-image: none !important; background-color: transparent !important; border: none !important; color: #69B3F8 !important; margin-bottom: 15px; padding: 0 !important; }
.ui-datepicker th { background-color: #555; color: #fff; border: 1px solid #333 !important; padding: 3px 0 !important; }
.ui-datepicker td { padding: 0 !important; border: 1px solid #333 !important; background-color: #444; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight { background-image: none !important; background-color: #CC0000 !important; border-color: #444 !important; }
.ui-state-active, .ui-widget-content .ui-state-active { background-color: #026cce !important; border: 1px solid #2e86dd !important; }
.ui-widget-header .ui-datepicker-next .ui-icon { background: transparent url(images/arr-right.png) center center !important; }
.ui-widget-header .ui-datepicker-prev .ui-icon { background: transparent url(images/arr-left.png) center center !important; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background-color: transparent !important; background-image: none !important; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display:block;
left:0 !important;
margin-left:0 !important;
margin-top:0 !important;
position:absolute;
top:0 !important;
width: 25px;
height: 25px;
cursor:pointer
}
.hide { display: none; }
/* 6.5 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: 350px !important; padding: 7px 3px !important; }
.gform_wrapper .entry img, 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; }
/* Google Maps */
#eventlocation {
min-height: 250px;
padding-bottom: 20px;
}
#eventlocation-map {
width: 520px;
}
#eventlocation-map .woo_map_single_output {
border: 2px solid #fff;
}