File: /home/mmickelson/theflexguys.com/baronconstruct/wp-content/themes/bueno/style.css
/*
Theme Name: Bueno
Version: 1.1-wpcom
Description: A stylish and fun theme with a custom header, custom background, and multiple alternate color schemes. Supports featured images for index and archive pages and in the Bueno featured posts widget.
Author: WooThemes
Author URI: http://www.woothemes.com
Tags: blue, brown, green, silver, purple, red, pink, two-columns, fixed-width, custom-header, custom-background, theme-options, sticky-post, rtl-language-support, translation-ready, custom-menu, full-width-template, featured-images, art, blog, craft, fashion, lifestream, wedding, artistic, colorful, , glamorous, playful, textured
Copyright: (c) 2009 WooThemes.
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 Extended Footer
-2.7 Footer
3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi
4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets
-4.3 Extended Footer Widgets
-4.4 WordPress.com Widgets
5. COMMENTS
-5.1 Comments
-5.2 Pingbacks / Trackbacks
-5.3 Comments Form
-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
body { font: 14px Georgia, Times, Serif; line-height: 1.5; color: #7a7a7a; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-family: Arial,Helvetica,Sans-serif; color: #000; }
h1, h2, h3 { font-family: Rockwell,Georgia,Palatino Linotype,Palatino,"Times New Roman",Times,serif; }
h1 {font-size: 30px;} h2 {font-size: 24px;} h3 {font-size: 20px;} h4 {font-size: 18px;} h5 {font-size: 14px;} h6 {font-size: 12px;}
p {margin: 0;}
/* 1.2 Hyperlinks */
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 */
#container {
}
.col-left { float: left; }
.col-right { float: right; }
.col-full { width: 940px; margin: 0 auto; }
/* 2.2 Navigation */
#navigation { text-transform: uppercase; font-size:11px; background-color: #000; }
.nav, .nav ul, #header .menu, #header .menu ul { z-index:100; margin:0; padding:0; list-style:none; line-height:1; }
.nav li, #header .menu li { float:left; width: auto; }
/* 2.2.1 Drop-down menus */
.nav li ul, #header .menu li ul { position: absolute; left: -999em; width: 160px; }
.nav li ul li, #header .menu li ul li { border: 1px solid #d8d8d8; background: #FFF; border-width: 0 1px 1px; }
.nav li ul li a, #header .menu li ul li a { width:148px; line-height:25px!important; font-size:11px; color:#555; padding: 0 0 0 10px; }
.nav li ul ul, #header .menu li ul ul { margin: -26px 0 0 158px!important; }
.nav li ul ul li a, #header .menu li ul ul li a { }
.nav li ul li ul li a, #header .menu li ul li ul li a { }
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul, .nav li.sfhover ul ul ul ul,
#header .menu li:hover ul ul, #header .menu li:hover ul ul ul, #header .menu li:hover ul ul ul ul, #header .menu li.sfhover ul ul, #header .menu li.sfhover ul ul ul, #header .menu li.sfhover ul ul ul ul { left: -999em; }
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul, .nav li li li li.sfhover ul,
#header .menu li:hover ul, #header .menu li li:hover ul, #header .menu li li li:hover ul, #header .menu li li li li:hover ul, #header .menu li.sfhover ul, #header .menu li li.sfhover ul, #header .menu li li li.sfhover ul, #header .menu li li li li.sfhover ul { left: auto;}
.nav li:hover,.nav li.hover, #header .menu li:hover,#header .menu li.hover { position:static; }
/* CATEGORY NAVIGATION */
#catnav { width: 620px; }
#catnav a:link, #catnav a:visited { display:block; z-index:100; padding:0 20px 0 0; line-height:55px; font-family: Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; }
#catnav a:hover { text-decoration: underline; }
#catnav li ul { margin-top: -15px; border-top: 1px solid #d8d8d8; }
#catnav li ul a:link, #catnav li ul a:visited { padding: 0 0 0 10px; }
#catnav li ul a:hover { color: #000!important; background: #d8d8d8; }
/* PAGES NAVIGATION */
#pagenav { margin-top: 20px; min-width: 300px; }
#pagenav a { display:block; z-index:100; margin: 0; padding:0 15px 10px 15px; text-decoration: none; text-transform: uppercase; font-size: 25px; font-family: Impact, Helvetica, arial, sans-serif; color: #000; }
#pagenav li ul a:link, #pagenav li ul a:visited { padding: 0 0 0 10px; font-family: Helvetica, Arial, sans-serif !important; font-size: 14px; text-transform: none; border: none; }
#pagenav li.rss a { padding-right: 25px; }
/* 2.3 Header */
#topsearch { width: 300px; line-height: 0; }
#topsearch #searchform_top { margin: 14px 0 0 0; }
#topsearch h3 { display: none; }
#topsearch .widget { margin: 0; }
#header{padding:45px 0;clear:both;position:relative;}
#logo { margin: -16px 0 0 0; }
#logo img { }
.site-title { font: 72px/58px Impact,Helvetica,arial,sans-serif; text-transform: uppercase; margin: 0; padding: 16px 0 0 0; display: block; }
.site-title a:link, .site-title a:visited { color: #000; text-decoration: none; }
#description { width: 620px; padding:0 20px 0 0; line-height:55px; font-family: Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; }
#header-image { clear: both; padding: 12px 0 0 0; }
#header-image img { border: 5px solid #efefef; clear: both; }
/* 2.4 Content */
#content{min-height:550px;padding:0;}
* html #content{height:550px;}
#main{width:620px;}
#main.fullwidth { width: 940px; }
/* 2.5 Sidebar */
#sidebar{width:300px;overflow:hidden;}
/* 2.6 Extended Footer */
#extended-footer { margin: 50px 0 0 0; padding: 40px 0; }
.block { float: left; width: 300px; padding: 0 10px 0 0; }
.one, .two { margin: 0 9px 0 0; border-right: 1px solid;}
.three { padding: 0; }
/* 2.7 Footer */
#footer { font-family: Helvetica, Arial, sans-serif; font-size: 11px; padding: 20px 0; background-color: #000; color: #fff; text-transform: uppercase; }
#footer a:link, #footer a:visited { color: #fff; }
#footer p { margin: 5px 0 0 0; }
#footer #credit img { vertical-align: middle; }
#footer #credit span { display: none; }
img#wpstats { position: absolute; bottom: 15px; left: -9999px; }
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
#breadcrumb, .archive_header { font-family: Helvetica, Arial, sans-serif; display: block; margin:10px 0; padding: 0 55px; font-size: 18px; font-weight: bold; color: #000; }
#breadcrumb { font-size: 14px; font-weight: normal; padding: 0; }
.archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 28px; }
.post { position: relative; margin: 0 0 60px 0; padding: 50px 55px; background-color: #fff; border: 5px solid #efefef; }
.post .title { width:100%; position:relative; margin: 0 0 30px 0; padding: 0 0 25px 0; color: #000; border-bottom: 1px solid #e7e7e7; font-size: 32px; }
.post .title a:link, .post .title a:visited { color: #000; }
.post .title a:hover { text-decoration: none; }
.post .date { position: absolute; top: 30px; left: -40px; width: 71px; height: 60px; padding: 10px 0 0 0; text-align: center; color: #fff; }
.home .sticky .date { display: none; }
.post .date .day { display: block; font-size: 36px; line-height: 32px; }
.post .date .month { display: block; font-size: 12px; text-transform: uppercase; font-weight: bold; }
.post-meta { margin: 30px 0 0 0; font-size: 11px; color: #9F9F9F; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; }
.post-meta li { float: left; width: 154px; padding: 10px 0 7px 10px; }
.post-meta li.categories { border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; }
.attachment .post-meta li.author { border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; }
.attachment .post-meta li.parent { border-right: 1px solid #e7e7e7; }
.post-meta li span { display: block; }
.post-meta li .head { font-size: 10px; text-transform: uppercase; font-weight: bold; font-family: Helvetica, Arial, sans-serif; color: #000; }
.post-meta li .body, .post-meta li .body a:link, .post-meta li .body a:visited { font-size: 13px; color: #7a7a7a; font-style: italic; text-decoration: none; }
.post img.attachment-post-thumbnail { margin: 0 0 20px 0; }
.entry { overflow: hidden; width: 100%; }
/* 3.1 Typographic Elements */
.entry h1 {} .entry h2 {} .entry h3 {} .entry h4 {} .entry h5 {} .entry h6 {}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 0 0 15px 0; }
.entry p { margin: 0 0 15px 0; }
blockquote { padding: 10px 30px; color: #666; font-style: italic; font-size: 16px; }
.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: decimal; }
.entry ol li ol li { list-style-type: lower-latin; }
.entry table { border: 1px solid #e7e7e7; margin: 0 0 15px 0; width: 100%; }
.entry table th, .entry table td { padding: 10px; text-align: left; }
.entry table th { color:#000; font-family:Helvetica,Arial,sans-serif; font-size:10px; font-weight:bold; text-transform:uppercase; }
/* 3.2 Images */
img.wp-smiley { padding: 0 !important; border: none !important; margin: 0 !important; }
.entry img, .wp-caption { margin-bottom: 15px; max-width:490px; height: auto; }
.fullwidth .entry img, .fullwidth .wp-caption { max-width:100%;}
.entry .alignleft { float: left; margin: 10px 15px 10px 0; }
.entry .alignright { float: right; margin: 10px 0 10px 15px; }
.entry .aligncenter { display: block; text-align: center; margin: 10px auto; }
.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F4; 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-size:11px; text-align:center; }
/* 3.3 Pagination / WP-Pagenavi */
.navigation { overflow: hidden; }
.nav-previous { float: left; width: 50%; }
.nav-next { float: right; text-align: right; width: 50%;}
.single #nav-below { margin: 20px 0 0 0; }
.navigation a:link, .navigation a:visited { color:#7A7A7A; font-size:13px; font-style:italic; text-decoration:none; }
.more_entries { margin-top: -30px; padding: 10px 55px; background-color: #fff; border: 5px solid #efefef; }
.more_entries a { display: block; margin: 0 0 0 0; text-transform: uppercase; font-weight: bold; text-decoration: none; }
.more_entries .wp-pagenavi { margin: 0; text-align: center; }
.more_entries .wp-pagenavi a:link,
.more_entries .wp-pagenavi a:visited { display: inline; text-decoration: none !important; padding: 4px 6px!important; }
.more_entries .wp-pagenavi .current,
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi a:hover { padding: 4px 7px; font-weight: bold; }
.more_entries .wp-pagenavi .extend { background:none; border:none; }
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.1 Generic Widgets */
.widget { margin: 0 0 30px 0; }
.widget h3 { margin: 0 0 7px 0; padding: 10px 0; text-transform:uppercase; color: #404040; }
.widget p { margin: 0 0 15px 0; }
.widget ul { clear:both; margin-top: -7px; }
.widget ul li {}
.widget ul li a:link, .widget ul li a:visited { display: block; padding: 6px 0 6px 25px; line-height: 18px; text-decoration: none; color:#666; }
.widget ul ul { margin-top: 0; padding: 0 0 0 15px; border-top: none; }
.widget_recent_comments li, .widget_twitter li { padding: 6px 0 6px 10px; line-height: 18px; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, .widget_twitter a { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET <A> STYLING FOR RECENT COMMENT & TWITTER */
/* RESET FOR CATEGORIES WITH COUNT and HEIRARCHY */
#container .widget_categories li { border-bottom: 1px solid #fbdddf; padding: 6px 0 6px 25px; line-height: 18px; }
#container .widget_categories li ul li { border: none; }
#container .widget_categories a:link, #container .widget_categories a:visited { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; }
/* 4.2 Specific Widgets */
/* FEATURED POSTS */
#container .widget-bueno-featured li { float: left; width: 300px; padding: 10px 0; list-style: none; }
#container .widget-bueno-featured li a { padding: 0; background: none; border: none; }
#container .widget-bueno-featured span { display: block; }
#container .widget-bueno-featured span.thumb { float: left; width: 80px; }
#container .widget-bueno-featured .right { font-size: 12px; line-height: 18px; }
#container .widget-bueno-featured li.has-thumbnail .right { float: right; width: 200px; }
#container .widget-bueno-featured .right h4 { margin: 0 0 5px 0; font-size: 14px; line-height: 18px; }
#container .widget-bueno-featured .right h4 a { line-height: 18px; }
/* WIDGET FORMS */
#searchform { margin: 15px 0 0 0; }
input#s, input.field { float: left; width: 208px; padding: 5px 0 5px 5px; }
input.submit { display:block; float: right; line-height: 17px; border: none; padding: 4px 5px; color: #fff; text-shadow: 1px 1px 0 #424242; text-transform: uppercase; font-size: 12px; }
.widget .screen-reader-text { display: none; }
/* LIFESTREAM */
.widget_lifestream ul li a { border:none; background:none!important; }
.widget_lifestream ul .lifestream_meta { color: inherit; }
/* TEXT WIDGET */
.textwidget { padding: 10px 0; }
/* 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;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}
/* ADS */
#sidebar .ads125 { padding: 0 0 12px 12px; background: #fff; }
.ads125 img { margin: 14px 16px 0 0; }
/* 4.3 Extended Footer Widgets */
#extended-footer .widget { margin: 0 0 30px 0; padding: 0 10px; }
#extended-footer .widget h3 { font-size: 16px; margin: 0 0 10px 0; padding: 0; border-bottom: none; }
#extended-footer .widget ul li a { padding: 0; line-height: 24px; background: none; border-bottom: none; }
#extended-footer .widget ul li a:hover { background: none; }
#extended-footer .textwidget { padding: 0; }
#extended-footer input#s, #extended-footer input.field { width: 210px; }
#extended-footer #advert_300x250 { padding-left: 0; padding-right: 0; }
#extended-footer .ads125 img { margin: 14px 13px 0 0; }
#extended-footer .widget_recent_comments li, #extended-footer .widget_twitter li { padding: 6px 0 6px 0; }
/* 4.4 WordPress.com Widgets */
.widget_recent_comments .recentcommentsavatar { display: block; padding: 6px 0 0 0; }
.widget ul.tweets li a:link, .widget ul.tweets li a:visited { background: transparent; border: none; display: inline; line-height: 1.5em; padding: 0; }
.widget ul.tweets li { padding: 7px 0; }
.widget_authors .avatar { margin: 10px 6px 0 0; }
.widget_statscounter ul, .widget_author_grid ul { margin-top: 7px; }
.widget_flickr table {
background-color: transparent !important;
border: 0 !important;
border-collapse: collapse; /* remove cell-spacing value */
}
.widget-bueno-featured .sharing {
display: none;
}
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments { position:relative; margin: 0 0 60px 0; padding: 50px 55px; background-color: #fff; border: 5px solid #efefef; }
#comments h3{ margin: 0 0 20px 0; }
#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .comment .comment-container { padding: 10px 0; border-bottom: 3px solid #eee;}
#comments .comment-head { margin: 0 0 15px 0; }
#comments .comment-head .avatar { float: left; }
#comments .comment-head .avatar img{margin: 0 10px 0 0;vertical-align: middle;border:3px solid #eee;}
#comments .comment-head .name { display: block; margin: 0 0 -5px 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 ul.children{margin:10px 0 0 25px;padding:0;}
#comments .cancel-comment-reply a, #comments .comment-reply-link { text-transform: uppercase; font-family: helvetica, arial, sans-serif; font-weight: bold; text-decoration: none; font-size: 11px;}
#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}
/* 5.2 Pingbacks / Trackbacks */
#pings { margin: 0 0 60px 0; padding: 50px 55px; background-color: #fff; border: 5px solid #efefef; }
#pings h3 { margin: 0 0 20px 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; }
/* 5.3 Comments Form */
#respond { margin: 15px 0 0 0; padding: 50px 55px; background-color: #fff; border: 5px solid #efefef; }
#comments #respond { padding: 20px 0; margin: 0; border: none; }
#comments #respond h3 { margin-bottom: 0; }
#respond h3 { }
#commentform { margin: 15px 0 0 0; }
#commentform input.txt, #commentform input[type=text] { float: left; width: 260px; padding: 7px 5px; border: 1px solid #eee; }
#commentform p { line-height: 32px; }
#commentform label{ clear: right;font-family: Helvetica,Arial,sans-serif;font-size: 11px;padding: 7px 5px;text-transform: uppercase;font-weight: bold; }
#commentform textarea { width: 95%!important; padding: 5px; border: 1px solid #eee; }
#commentform #submit { border: none; margin: 20px 0 0 0; padding: 4px 10px; color: #fff; text-shadow: 1px 1px 0 #424242; text-transform: uppercase; font-size: 12px; }
#respond .comment-form-comment label,
#respond .form-allowed-tags {
display: none;
}
#respond .required {
font-weight: bold;
}