/*  
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, girly, 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:15px; 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; margin: 0; text-transform: uppercase;  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;
}