/*
Theme Name: Canvas
Theme URI: http://www.woothemes.com/
Version: 3.2.4
Description: Designed by WooThemes.
Author: WooThemes
Author URI: http://www.woothemes.com
Tags: canvas, woothemes, buddypress
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! :)
*/
/* 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
3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi
-3.4 Single Post Author
-3.5 Tumblog Styling
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 Gravity forms
-6.5 BuddyPress
-6.6 Tumblog
7. LAYOUTS
-7.1 Site Width
-7.2 two-col-left
-7.3 two-col-right
-7.4 three-col-left
-7.5 three-col-middle
-7.6 three-col-right
8. TEMPLATES / SLIDER
-8.1 WooSlider
-8.2 Magazine template
-8.3 Business template
-8.4 Footer Widgets 1-4 Columns
-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* 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-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; }
input, textarea { padding: 5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; margin-bottom:10px;}
/* 1.2 Hyperlinks */
a:link, a:visited { color: #000000; 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;}
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* 2.1 Containers & Columns */
#wrapper { padding:0 0 40px;overflow:hidden; }
#main{}
#sidebar{}
.col-left { float: left; }
.col-right { float: right; }
.col-full { width: 940px; margin: 0 auto; }
/* 2.2 Navigation */
#navigation{font:14px/14px Helvetica, Arial, sans-serif;border-top:1px solid #dbdbdb; border-bottom:5px solid #dbdbdb;padding:10px 0; margin-bottom: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: 5px 0 0; list-style:none; line-height:1; width: auto !important; }
.nav a { position:relative; color:#555; display:block; z-index:100; padding:5px 10px; line-height:18px; text-decoration:none; }
.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 { }
.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 { }
/* 2.2.1 Drop-down menus */
.nav li ul { background:url(images/bg_ss_menu.png) top left no-repeat; position: absolute; left: -999em; width: 180px; z-index:999;width:607px; height:235px;padding-top:4px; }
.nav li ul.sub-menu li { float:left;width:202px;height:31px !important; margin-bottom:1px; overflow:hidden}
.nav li ul li a { width:190px; color:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif;height:23px !important;padding:8px 0px 0 12px}
.nav li ul li a.sf-with-ul { padding:0; }
.nav li ul li a:hover { background-color:#cf1f3f ; background-image:none}
.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:0.9em;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:40px 0 30px;clear:both;position:relative;}
#logo { float:left;display:none; }
#logo img { }
#logo .site-title, #logo .site-description { font-family:Georgia, 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;}
/* 2.4 Content */
#content{padding:0 0 40px; position:relative;}
.taxo{
text-transform: none;
color: #919191;
font: large Helvetica, "Trebuchet MS", Arial;
}
.post-category a {
background-color: #FFFFFF;
font: bold 12px Arial;
text-decoration: none!important;
color: #000000!important;
padding: 1px 4px;
}
.post-date {
font: 12px Arial;
text-decoration: none!important;
color: #339933!important;
padding: 1px 4px;
}
.taxo2{
text-transform: none;
color: #919191;
font: medium Helvetica, "Trebuchet MS", Arial;
}
/* 2.5 Sidebar */
#sidebar{overflow:hidden;}
#sidebar .primary { }
#sidebar .secondary { float:left; margin-right:20px; }
#sidebar .tertiary { float:left; margin-right:0; }
#sidebar .last { margin:0; }
/* 2.6 Footer */
#footer{padding: 20px 0;border-top: 4px solid #e6e6e6; color:#999;}
#footer p {font: italic normal 18px Georgia, serif;
margin: 10px;
background-color: transparent;
}
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}
#footer .col-left { padding-left:10px; }
#footer .col-right { padding-right:10px; }
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
#breadcrumb { 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 .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: large "Trebuchet MS", Arial, Helvetica, sans-serif;color:#999; text-transform:uppercase;}
.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(images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;margin-bottom:20px;
font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
top: 10px;
}
.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-meta .comments a { padding: 0 0 0 20px; text-transform: uppercase; }
.post-meta .small {text-transform:lowercase;}
.post .post-embed { margin-bottom:30px; }
.entry {}
/* 3.1 Typographic Elements */
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin:0 0 0.5em; line-height:1.5em; }
.entry p { margin-bottom: 1.2em; }
.entry blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444; }
.entry blockquote p { font-style:italic; }
.entry ul { margin: 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); }
img.wp-smiley { padding: 0; border: none; }
.alignleft { float: left; width: auto; margin: 5px 15px 15px 0; }
.alignright { float: right; 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 .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 */
.nav-entries, .wp-pagenavi { clear:both;font-size:11px; padding:10px 15px; border:1px solid #e6e6e6; background:#fafafa; border-width:1px 0 4px; }
.nav-entries a,
.wp-pagenavi a:link, .wp-pagenavi a:visited,
.wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover,
.wp-pagenavi span.extend, .wp-pagenavi span.pages{ display: block; font: italic 16px Georgia, serif; color:#777; text-decoration:none;}
.nav-entries a:hover { text-decoration:underline; }
.post-entries { clear:both; margin-top:-20px; padding-top: 10px; }
.post-entries a:link, .post-entries a:visited { font-size:11px; color:#888; }
.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; background:rgba(0,0,0,0.1) !important; color: #666 !important; padding: 3px 7px !important; border:1px solid #DDDDDD !important; border:1px solid rgba(0,0,0,0.2) !important;}
.wp-pagenavi .current,
.wp-pagenavi .on,
.wp-pagenavi a:hover {display:inline; padding: 3px 7px !important; background: #ddd !important; background:rgba(0,0,0,0.1) !important; border:1px solid #bbb !important; border:1px solid rgba(0,0,0,0.2) !important;}
.wp-pagenavi span.extend, .wp-pagenavi span.pages { display:inline;background:none !important; border:none !important; color:#666 !important; }
/* 3.4 Single Post Author */
#post-author { background: #fafafa; padding:15px; border:1px solid #e6e6e6; border-width:4px 0 1px;}
#post-author h3 { margin-bottom: 0px; }
#post-author .profile-image { float:left; margin:0 15px 5px 0; padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7);}
#post-author .profile-link { }
.author #post-author { margin-bottom:30px; }
/* 3.5 Tumblog Styling */
.post { position: relative; }
.post .post-icon a { position: absolute; top: 0px; right: 0px; display: block; overflow: hidden; width: 51px; height: 0; padding-top: 51px; background: url(images/ico-post-icons.png) no-repeat 0 0; }
.post .post-icon.link a { background-position: 0 0; }
.post .post-icon.video a { background-position: 0 -53px; }
.post .post-icon.article a { background-position: 0 -106px; }
.post .post-icon.audio a { background-position: 0 -160px; }
.post .post-icon.image a { background-position: 0 -213px; }
.post .post-icon.quote a { background-position: 0 -266px; }
.post .audio { margin-bottom: 1.8em;}
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.2 Generic Widgets */
.widget { margin: 0 0 30px 0; font-size:12px; }
.widget h3 { margin: 0 0 20px 0; padding:0 0 15px; text-transform:uppercase; font:normal bold 14px Arial, Helvetica, sans-serif; color:#555; border-bottom:3px solid #e6e6e6; }
.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 { font-family:Arial; color: #000000; padding: 0 0 0 5px; line-height: 22px; text-decoration: none; }
.widget ul li a:hover { color: #00316a; text-decoration:underline; }
.widget ul ul { padding: 0 0 0 15px; border-top: none; }
.widget_recent_comments li, #twitter li { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */
#footer-widgets { border-top:1px solid #e6e6e6; padding:10px 0; background:#fff; height:auto !important}
#footer-widgets .block { padding:20px 0 0 20px; width:210px; float:left; }
/* 4.2 Specific Widgets */
/* SEARCH FORM */
.searchform { width: 99%; position: relative; border-color: #af1130 #af1130 #af1130 #af1130; border-width:1px; border-style:solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.searchform input.s { -moz-border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;border-color: #F0F0F0 #F0F0F0 #F0F0F0 #F0F0F0; border-width:1px; border-style:solid; border-radius: 8px;
background: none repeat scroll 0 0 #F0F0F0;
border: medium none;
color: #777777;
height: 14px;
margin: 1px 0 0;
padding: 8px;
width: 69%; }
.searchform input.submit { position: absolute; top:1px; right:1px; border:none; margin:0; padding:0; width:39px; height:31px; }
/* 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-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:0 0 10px;}
#wp-calendar th,#wp-calendar td{text-align:center;background:rgba(0,0,0,.05);padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}
/* 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; }
/* 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: 8px; text-transform:uppercase; font:11px/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; }
#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; }
#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; }
/*-------------------------------------------------------------------------------------------*/
/* 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);float:left;display:block;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#comments h3 { color:#333; margin-bottom:20px;
font: normal 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#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 .comment .comment-container { position:relative; padding: 20px; }
#comments .comment-head { margin: 0 0 15px 0;
font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#comments .avatar { float:left; margin: 0 15px 10px 0; }
#comments .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comments .comment-head .name { margin: 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry p { margin: 0 0 10px 0;
font: 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#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;
font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#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; float:left;display:block;
font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#respond h3 { color:#333; margin-bottom:20px;
font: normal 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond label { color:#777;
font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#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.3 Pingbacks / Trackbacks */
h3#pings { margin: 25px 0 10px 0; }
.pinglist li { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author { font-weight: bold; font-size: 15px; }
.pinglist li .date { font-size: 11px; }
.pinglist li .pingcontent { display: block; margin: 10px 0; }
/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/
/* 6.1 Buttons */
.button, .button:visited, .reply a{ font-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{ background-color:#444; }
.button:hover, .reply a:hover { color: #fff !important; text-decoration:none; }
.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: 12px; line-height: 1; }
.large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; }
.button, .button:visited, .medium.button, .medium.button:visited { text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.button, .button:visited, .reply a { -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 { opacity:0.9; }
/* 6.2 Info Boxes */
p.alert, p.download, p.info, p.note, p.tick { margin:10px 0 20px 0; padding:9px 10px 9px 50px; }
p.alert { border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url(images/ico-alert.png) no-repeat 20px 13px; }
p.download { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-download.png) no-repeat 20px 13px; }
p.tick { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-tick.png) no-repeat 20px 13px; }
p.info { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url(images/ico-info.png) no-repeat 20px 13px; }
p.note { border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url(images/ico-note.png) no-repeat 20px 13px; }
/* 6.3 Contact Form */
#contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; }
#contact-page ol.forms{float:left;list-style:none;width:100%;margin:10px 0 0;}
#contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%}
#contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;}
#contact-page ol.forms input.txt{width:214px;}
#contact-page ol.forms input#sendCopy{border:none;}
#contact-page ol.forms textarea{height:300px;width:70%;}
#contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;}
#contact-page ol.forms li.textarea .error{display:block; margin-left:120px}
#contact-page ol.forms li.screenReader{margin-bottom:0;}
#contact-page ol.forms li.buttons .submit{margin: 15px 0 0 120px; }
#contact-page ol.forms li.inline input{width:auto;margin-left:120px;}
#contact-page ol.forms li.inline label{display:inline;float:none;width:auto;}
/* 6.4 Gravity forms */
.gfield { margin-bottom: 10px; }
.gform_wrapper .top_label .gfield_label { display:block;float:left; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; 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.5 BuddyPress */
/* If you want the admin bar to only span site width
.width-1200 #wp-admin-bar .padder { width:1200px; }
.width-980 #wp-admin-bar .padder { width:980px; }
.width-960 #wp-admin-bar .padder { width:960px; }
.width-940 #wp-admin-bar .padder { width:940px; }
.width-880 #wp-admin-bar .padder { width:880px; }
.width-760 #wp-admin-bar .padder { width:760px; }
*/
#wp-admin-bar { background:#000; }
#wp-admin-bar #admin-bar-logo { padding:2px 8px; line-height: 20px; }
#bp { font-family: Georgia, serif; }
#bp input#submit { cursor: pointer;}
#bp .avatar { padding: 4px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7); }
#bp #item-header { padding:0; }
#bp #item-header .activity { font-size:0.9em; }
#bp #item-nav ul li a { font:14px Arial,sans-serif; color: #555555; padding:12px 15px; line-height: 40px; }
#bp #item-nav ul li a:hover, #bp #item-nav ul li.selected a, #bp #item-nav #object-nav ul li.current a { text-decoration: none; color:#222; background: #e6e6e6;}
#bp #item-nav #object-nav { background: #f0f0f0; margin-bottom: 0; padding:0; }
#bp #item-nav #object-nav ul li { margin:0; }
#bp #item-body { }
#bp #item-body #subnav { background: #f8f8f8; margin: 0 0 20px; padding:5px 10px; border-top: 1px solid #fff; }
#bp #item-body #subnav ul li a { font:14px Arial,sans-serif; color:#888; padding:5px 8px; line-height: 18px; font-size: 0.9em; }
#bp #item-body #subnav ul li a:hover, #bp #item-body #subnav ul li.selected a, #bp #item-body #subnav ul li.current a{ text-decoration: none; color:#222; background: #f0f0f0; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; }
#bp #item-body #subnav #activity-filter-select select { width:150px; }
#bp #whats-new-form { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #f0f0f0;}
#bp #whats-new-form #whats-new-textarea { border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; }
#bp #whats-new-form h5 { margin-left:90px; }
#bp #whats-new-form #whats-new-content { margin-left:70px; padding-left:20px; }
#bp ul.activity-list li { border-bottom:1px solid #F0F0F0; margin-bottom:5px; padding:15px 0; }
#bp #whats-new-form #whats-new-textarea, #bp #whats-new-form #whats-new-textarea textarea, #bp .activity-comments form .ac-textarea { background: #fafafa; }
#bp input, #bp textarea, div.activity-comments form .ac-textarea{ background: #fafafa; border-color: #EFEFEF #EFEFEF #CCCCCC; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; }
#bp .activity-header p { font-size:0.9em; color:#888; }
#bp .activity-inner p { padding:10px 0; }
#bp .activity-meta a { font-size:0.9em; font-family: sans-serif; color:#888; }
#bp ul.activity-list li div.activity-content { margin-left:90px; }
#bp .activity-comments form div.ac-reply-content { margin-left:35px; }
/* 6.6 Tumblog */
.entry .quote, .entry .video { margin-bottom:1.5em; }
.entry .quote blockquote { font-style:italic; }
.entry .quote cite { text-align: right; font-style: normal; display: block; font: 0.9em sans-serif; }
.entry .quote cite:before { content: '~ ' }
/*-------------------------------------------------------------------------------------------*/
/* 7. LAYOUTS */
/*-------------------------------------------------------------------------------------------*/
/* 7.1 Site width */
.width-1200 .col-full { width:1200px; }
.width-980 .col-full { width:980px; }
.width-960 .col-full { width:960px; }
.width-940 .col-full { width:940px; }
.width-880 .col-full { width:880px; }
.width-760 .col-full { width:760px; }
.width-1200 #wrapper { width:1200px; margin-left:auto; margin-right:auto; }
.width-980 #wrapper { width:980px; margin-left:auto; margin-right:auto; }
.width-960 #wrapper { width:960px; margin-left:auto; margin-right:auto; }
.width-940 #wrapper { width:940px; margin-left:auto; margin-right:auto; }
.width-880 #wrapper { width:880px; margin-left:auto; margin-right:auto; }
.width-760 #wrapper { width:760px; margin-left:auto; margin-right:auto; }
.width-1200 #footer-widgets .block {width:275px}
.width-980 #footer-widgets .block {width:220px}
.width-960 #footer-widgets .block {width:215px}
.width-880 #footer-widgets .block {width:195px}
.width-760 #footer-widgets .block {width:165px}
/* 7.2 two-col-left */
.two-col-left #main-sidebar-container { display:inline;float:left;overflow:hidden;padding-bottom:40px;width:100%; }
.two-col-left #main-sidebar-container #main{width:610px; float:left; display:inline; margin-left:7px;}
.two-col-left #main-sidebar-container #sidebar{width:300px; float:right; display:inline;margin-right:7px; }
.two-col-left-1200 #main-sidebar-container #main { width:800px; }
.two-col-left-1200 #main-sidebar-container #sidebar{width:370px; float:right; display:inline; }
.two-col-left-980 #main-sidebar-container #main { width:650px; }
.two-col-left-960 #main-sidebar-container #main { width:630px; }
.two-col-left-880 #main-sidebar-container #main { width:550px; }
.two-col-left-760 #main-sidebar-container #main { width:480px; }
.two-col-left-880 #main-sidebar-container #sidebar { width:300px; }
.two-col-left-760 #main-sidebar-container #sidebar { width:250px; }
/* 7.3 two-col-right */
.two-col-right #main-sidebar-container { display:inline; }
.two-col-right #main-sidebar-container #main{width:610px; float:right; display:inline; }
.two-col-right #main-sidebar-container #sidebar{width:300px; float:left; display:inline; }
.two-col-right-1200 #main-sidebar-container #main { width:800px; }
.two-col-right-1200 #main-sidebar-container #sidebar{width:370px; float:left; display:inline; }
.two-col-right-980 #main-sidebar-container #main { width:650px; }
.two-col-right-960 #main-sidebar-container #main { width:630px; }
.two-col-right-880 #main-sidebar-container #main { width:550px; }
.two-col-right-880 #main-sidebar-container #sidebar { width:300px; }
.two-col-right-760 #main-sidebar-container #main { width:480px; }
.two-col-right-760 #main-sidebar-container #sidebar { width:250px; }
/* 7.4 three-col-left */
.three-col-left #main-sidebar-container { width:760px; float:left; position:relative; display:inline; }
.three-col-left #main-sidebar-container #main{width:440px; float:left; display:inline; }
.three-col-left #main-sidebar-container #sidebar{width:300px; float:right; display:inline; }
.three-col-left #sidebar-alt { float:right; width:160px; margin:0; display:inline; }
.three-col-left-1200 #main-sidebar-container { width:1000px; }
.three-col-left-1200 #main-sidebar-container #main { width:680px; }
.three-col-left-1200 #sidebar-alt { float:right; width:180px; margin:0; display:inline; }
.three-col-left-980 #main-sidebar-container { width:800px; }
.three-col-left-980 #main-sidebar-container #main { width:480px; }
.three-col-left-960 #main-sidebar-container { width:780px; }
.three-col-left-960 #main-sidebar-container #main { width:460px; }
.three-col-left-880 #main-sidebar-container { width:740px; }
.three-col-left-880 #main-sidebar-container #main { width:420px; }
.three-col-left-880 #main-sidebar-container #sidebar { width:300px; }
.three-col-left-880 #sidebar-alt { width:120px; }
.three-col-left-760 #main-sidebar-container { width:620px; }
.three-col-left-760 #main-sidebar-container #main { width:350px; }
.three-col-left-760 #main-sidebar-container #sidebar { width:250px; }
.three-col-left-760 #sidebar-alt { width:120px; }
/* 7.5 three-col-middle */
.three-col-middle #main-sidebar-container { width:760px; float:right; position:relative; display:inline; }
.three-col-middle #main-sidebar-container #main{width:440px; float:left; display:inline; }
.three-col-middle #main-sidebar-container #sidebar{width:300px; float:right; display:inline; }
.three-col-middle #sidebar-alt { float:left; width:160px; margin:0; display:inline; padding-left: 5px; }
.three-col-middle-1200 #main-sidebar-container { width:1000px; padding-right: 5px;}
.three-col-middle-1200 #main-sidebar-container #main { width:680px; }
.three-col-middle-1200 #sidebar-alt { float:left; width:180px; margin:0; display:inline; }
.three-col-middle-980 #main-sidebar-container { width:800px; }
.three-col-middle-980 #main-sidebar-container #main { width:480px; }
.three-col-middle-960 #main-sidebar-container { width:780px; }
.three-col-middle-960 #main-sidebar-container #main { width:460px; }
.three-col-middle-880 #main-sidebar-container { width:740px; }
.three-col-middle-880 #main-sidebar-container #main { width:420px; }
.three-col-middle-880 #main-sidebar-container #sidebar { width:300px; }
.three-col-middle-880 #sidebar-alt { width:120px; }
.three-col-middle-760 #main-sidebar-container { width:620px; }
.three-col-middle-760 #main-sidebar-container #main { width:350px; }
.three-col-middle-760 #main-sidebar-container #sidebar { width:250px; }
.three-col-middle-760 #sidebar-alt { width:120px; }
/* 7.6 three-col-right */
.three-col-right #main-sidebar-container { width:760px; float:right; position:relative; display:inline; }
.three-col-right #main-sidebar-container #main{width:440px; float:right; display:inline; }
.three-col-right #main-sidebar-container #sidebar{width:300px; float:left; display:inline; }
.three-col-right #sidebar-alt { float:left; width:160px; margin:0; display:inline; }
.three-col-right-1200 div#wrapper #main-sidebar-container { width:1000px; }
.three-col-right-1200 div#wrapper #main-sidebar-container #main { width:680px; }
.three-col-right-1200 #sidebar-alt { float:left; width:180px; margin:0; display:inline; }
.three-col-right-980 div#wrapper #main-sidebar-container { width:800px; }
.three-col-right-980 div#wrapper #main-sidebar-container #main { width:480px; }
.three-col-right-960 div#wrapper #main-sidebar-container { width:780px; }
.three-col-right-960 div#wrapper #main-sidebar-container #main { width:460px; }
.three-col-right-880 #main-sidebar-container { width:740px; }
.three-col-right-880 #main-sidebar-container #main { width:420px; }
.three-col-right-880 #main-sidebar-container #sidebar { width:300px; }
.three-col-right-880 #sidebar-alt { width:120px; }
.three-col-right-760 #main-sidebar-container { width:620px; }
.three-col-right-760 #main-sidebar-container #main { width:350px; }
.three-col-right-760 #main-sidebar-container #sidebar { width:250px; }
.three-col-right-760 #sidebar-alt { width:120px; }
/*-------------------------------------------------------------------------------------------*/
/* 8. TEMPLATES / SLIDER */
/*-------------------------------------------------------------------------------------------*/
/* 8.1 WooSlider */
.one-col-1200 #loopedSlider, .one-col-1200 #loopedSlider .container { width: 1200px; }
.one-col-980 #loopedSlider, .one-col-980 #loopedSlider .container { width: 980px; }
.one-col-960 #loopedSlider, .one-col-960 #loopedSlider .container { width: 960px; }
.one-col-940 #loopedSlider, .one-col-940 #loopedSlider .container { width: 940px; }
.one-col-880 #loopedSlider, .one-col-880 #loopedSlider .container { width: 880px; }
.one-col-760 #loopedSlider, .one-col-760 #loopedSlider .container { width: 760px; }
.two-col-left-1200 #loopedSlider, .two-col-left-1200 #loopedSlider .container, .two-col-right-1200 #loopedSlider, .two-col-right-1200 #loopedSlider .container { width: 800px; }
.two-col-left-980 #loopedSlider, .two-col-left-980 #loopedSlider .container, .two-col-right-980 #loopedSlider, .two-col-right-980 #loopedSlider .container { width: 650px; }
.two-col-left-960 #loopedSlider, .two-col-left-960 #loopedSlider .container, .two-col-right-960 #loopedSlider, .two-col-right-960 #loopedSlider .container { width: 630px; }
.two-col-left-940 #loopedSlider, .two-col-left-940 #loopedSlider .container, .two-col-right-940 #loopedSlider, .two-col-right-940 #loopedSlider .container { width: 610px; }
.two-col-left-880 #loopedSlider, .two-col-left-880 #loopedSlider .container, .two-col-right-880 #loopedSlider, .two-col-right-880 #loopedSlider .container { width: 550px; }
.two-col-left-760 #loopedSlider, .two-col-left-760 #loopedSlider .container, .two-col-right-760 #loopedSlider, .two-col-right-760 #loopedSlider .container { width: 480px; }
.three-col-left-1200 #loopedSlider, .three-col-left-1200 #loopedSlider .container, .three-col-middle-1200 #loopedSlider, .three-col-middle-1200 #loopedSlider .container, .three-col-right-1200 #loopedSlider, .three-col-right-1200 #loopedSlider .container { width: 680px; }
.three-col-left-980 #loopedSlider, .three-col-left-980 #loopedSlider .container, .three-col-middle-980 #loopedSlider, .three-col-middle-980 #loopedSlider .container, .three-col-right-980 #loopedSlider, .three-col-right-980 #loopedSlider .container { width: 480px; }
.three-col-left-960 #loopedSlider, .three-col-left-960 #loopedSlider .container, .three-col-middle-960 #loopedSlider, .three-col-middle-960 #loopedSlider .container, .three-col-right-960 #loopedSlider, .three-col-right-960 #loopedSlider .container { width: 460px; }
.three-col-left-940 #loopedSlider, .three-col-left-940 #loopedSlider .container, .three-col-middle-940 #loopedSlider, .three-col-middle-940 #loopedSlider .container, .three-col-right-940 #loopedSlider, .three-col-right-940 #loopedSlider .container { width: 440px; }
.three-col-left-880 #loopedSlider, .three-col-left-880 #loopedSlider .container, .three-col-middle-880 #loopedSlider, .three-col-middle-880 #loopedSlider .container, .three-col-right-880 #loopedSlider, .three-col-right-880 #loopedSlider .container { width: 420px; }
.three-col-left-760 #loopedSlider, .three-col-left-760 #loopedSlider .container, .three-col-middle-760 #loopedSlider, .three-col-middle-760 #loopedSlider .container, .three-col-right-760 #loopedSlider, .three-col-right-760 #loopedSlider .container { width: 350px; }
#loopedSlider .container { height:300px; overflow:hidden; position:relative; }
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider { margin:0 auto 40px; padding:0; position:relative;}
#loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; position:relative;}
#loopedSlider .content { position:absolute; left:0px; top:20px; }
#loopedSlider .content h2 a { float:left; color:#fff; margin-bottom:0; padding:5px 20px;}
#loopedSlider .content h2 a:hover { text-decoration:underline; }
#loopedSlider .content p { clear:both; float:left; color:#ccc; padding:5px 20px 10px 20px; }
#loopedSlider .content p, #loopedSlider .content h2 a{ background:rgb(0,0,0); background:rgba(0,0,0,.7); max-width:350px; }
/* 8.2 Magazine template */
.magazine .block { float:left; width:48%;height: 610px;position:relative ; padding-bottom:50px; margin: 15px 0; }
.magazine .block.last { float:right;height: 588px;position:relative;padding-bottom:50px; margin: 15px 0; }
.magazine #loopedSlider a.previous { position:absolute; bottom:10px; right:50px; opacity:0.8;}
.magazine #loopedSlider a.next { position:absolute; bottom:10px; right:15px; opacity:0.8;}
.magazine #loopedSlider a.previous:hover, #loopedSlider a.next:hover { opacity:1; }
/* 8.2 Business template */
.business #loopedSlider, .business #loopedSlider .container { width:auto; }
.business #loopedSlider a.previous { position:absolute; top:45%; left:-40px; opacity:0.8;}
.business #loopedSlider a.next { position:absolute; top:45%; right:-40px; opacity:0.8;}
.business #loopedSlider a.previous:hover, #loopedSlider a.next:hover { opacity:1; }
.business #loopedSlider .entry { padding:0 15px; }
.business h2, .business h3, .business h4, .business h5, .business h6 { margin-top:0.3em; }
/* 8.3 Footer Widgets 1-4 Columns */
#footer-widgets.col-1 .block { padding:20px 0 0 0px; width:100%; float:left; }
#footer-widgets.col-2 .block { padding:20px 0 0 3%; width:45%; float:left; }
#footer-widgets.col-3 .block { padding:20px 0 0 2.4%; width:30%; float:left; }
#footer-widgets.col-4 .block { padding:20px 0 0 2%; width:22.5%; float:left; }