/*
Theme Name: Bueno
Version: 1.0.4
Description: Designed by WooThemes.
Author: WooThemes
Author URI: http://www.woothemes.com
Copyright: (c) 2009 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 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
5. COMMENTS
-5.1 Comments
-5.2 Pingbacks / Trackbacks
-5.3 Comments Form
-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
body { font: 14px Arial; line-height: 1.5; color: #6A7075; background-color: #E0E0E0; background: url("images/mainbg.jpg") repeat scroll 0 0 transparent}
h1, h2, h3, h4, h5, h6 { margin: 0; font-family: Arial; color: #252C31; }
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;}
.gasp_p { margin-left: -1px;}
/* 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: right; }
.col-right { float: left; }
.col-full { width: 930px; margin: 0 auto;}
/* 2.2 Navigation */
#navigation { position: fixed; width: 100%; z-index: 1; box-shadow: 0 -5px 10px #222222; text-transform: uppercase; font-size:11px; background: url("images/headerbg.png") repeat-x scroll 0 0 transparent; height: 66px;}
.nav, .nav ul { z-index:100; margin:0; padding:0; list-style:none; line-height:1; }
.nav li { float:left; width: auto; }
/* 2.2.1 Drop-down menus */
.nav li ul { position: absolute; left: -999em; width: 170px; }
.nav li ul li { border: 1px solid #d8d8d8; background: #FFF; border-width: 0 1px 1px; }
.nav li ul li a { width:148px; line-height:25px!important; font-size:11px; color:#555!important; padding: 0 0 0 10px; }
.nav li ul ul { margin: -26px 0 0 168px!important; }
.nav li ul ul li a { }
.nav 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 { 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 { left: auto;}
.nav li:hover,.nav li.hover { position:static; }
/* CATEGORY NAVIGATION */
#catnav {padding-left: 115px; padding-top: 3px; background: url("images/cat.png") no-repeat scroll 0 0 transparent; float: right;}
#catnav a:link, #catnav a:visited { display:block; z-index:100; padding:2px 20px 0px 0px; line-height:55px; font-family: Arial; text-decoration: none; color: #e7e7ec; text-transform: none; font-size: 14px;}
#catnav a:hover { text-decoration: none; color: #FFFFFF;}
#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 7px; }
#catnav li ul a:hover { color: #000!important; background: #d8d8d8; }
#catnav .myicons {display: none; }
/* PAGES NAVIGATION */
#pagenav {
float: left;
margin-top: 2px;
padding-left: 68px;
padding-top: 9px;
background: url("images/nav-pages-bg.png") no-repeat scroll 0 0 transparent;
z-index: 100;
position: fixed;
}
#pagenav a { display:block; z-index:100; margin: 0; padding:0 7px 9px; text-decoration: none; text-transform: uppercase; font-size: 14px; font-family: Arial; color: #000; }
#pagenav li ul a:link, #pagenav li ul a:visited { padding: 0 10px; font-family: Arial !important; font-size: 14px; text-transform: none; border: none; font-weight: normal; }
#pagenav li.rss a { padding-right: 25px; }
/* 2.3 Header */
#topsearch { width: 300px; line-height: 0; margin-top: 3px; display: none;}
#topsearch #searchform_top { margin: 14px 0 0 0; }
#header{padding:15px 0;clear:both;position:relative; height: 130px;}
#logo {
margin-bottom: 15px;
margin-left: 20px;
margin-top: 85px;
}
#logo img { margin-left: -22px; margin-bottom: 10px;}
#logo .site-title, #logo .site-description { display: none; }
/* 2.4 Content */
#content{min-height:550px; padding:0; margin-top: 75px;}
* html #content{height:550px;}
#main {
margin-top: -140px;
width: 648px;
}
#main.fullwidth { width: 940px; }
/* 2.5 Sidebar */
#sidebar {
margin-right: 0;
margin-top: -10px;
overflow: hidden;
width: 225px;
}
/* 2.6 Extended Footer */
#extended-footer { margin-top: 50px; padding: 5px 0;}
.block { float: left; width: 300px; padding:0px; }
.one, .two { margin: 0 10px 0 0; }
.three {}
/* 2.7 Footer */
#footer { background: url("images/headerbg.png") repeat scroll 0 0 transparent; font-family: Arial; font-size: 14px; height: 72px; color: #fff; text-transform: none;}
#footer a:link, #footer a:visited { color: #fff; }
#footer p { margin: 25px 15px 0px 0px; }
#footer #credit img { vertical-align: middle; }
#footer #credit span { display: none; }
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
#breadcrumb, .archive_header { font-family: Arial; display: none; 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 {
background: url("images/contentmiddle.png") repeat scroll 0 0 transparent;
padding: 0 75px 10px;
position: relative;
}
#post-top { height: 50px; padding-bottom:0px; margin-top: -2px; background: url("images/contenttop.png"); }
#post-bottom { padding-bottom:36px; background: url("images/contentbottom.png") no-repeat; }
.post .title { width:500px; position:relative; margin: 0 0 22px; padding-top: 0px; font-size: 35px; color:#1F1E1E; font-family:Arial,Helvetica,sans-serif; letter-spacing:-1px;
line-height:28px;
}.post .title a:link, .post .title a:visited { color: #333; }
.post .title a:hover { text-decoration: none; }
.post .date {
color: #FFF;
height: 60px;
left: -30px;
padding: 25px 7px 0 10px; position: absolute;
text-align: center;
top: -20px;
width: 46px;
display: none;
}
.post .date .day { display: block; font-size: 30px; line-height: 24px; }
.post .date .month { display: block; font-size: 12px; text-transform: uppercase; font-weight: bold; }
.post-meta { margin: 21px 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; }
.post-meta li span { display: block; }
.post-meta li .head { font-size: 10px; text-transform: uppercase; font-weight: bold; font-family: Arial; 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.thumbnail { margin: 0 0 20px 0; }
.entry { }
.myicons {
float: left;
padding: 10px 0 0 0px;
font-size: 18px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin-left: -88px;
margin-right: 6px;
margin-top: -20px;
margin-bottom: 0px;
height: 54px;
width: 54px;
padding-top: 10px;
background: none no-repeat;
border: 0px;
border-style: none;
background-color: transparent;
color: transparent;
}
a:active {
outline: none;
}
/* 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; color: #3F7EAF; font-size:22px; letter-spacing: -1px; padding-bottom:10px;}
.entry p { margin: 0 0 12px 0; text-align: justify;}
.entry blockquote { padding: 25px 0 12px 30px; margin-bottom: 12px; background: #F5F5F6; color: #666; font-style: italic; font-size: 16px; }
.entry blockquote p {}
.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 */
img.wp-smiley { padding: 0; border: none; }
.entry .alignleft { float: left; width: auto; margin: 10px 15px 10px 0; }
.entry .alignright { float: right; width: auto; margin: 10px 0 10px 15px; }
.entry .aligncenter { text-align: center; }
.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 */
.more_entries { margin-top: 0px; padding: 15px 25px;}
.more_entries a { display: block; margin: 0 0 0 0; text-transform: none; text-decoration: none; }
.more_entries .wp-pagenavi { font-size: 13px; text-align: right; float: left; color: #A4A5AA; }
.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 4px; }
.more_entries .wp-pagenavi .extend { background:none; border:none; }
.more_entries .wp-pagenavi span.pages { float: left; }
.more_entries .nextpostslink { float: ; }
.more_entries .previouspostslink { float: ; }
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.1 Generic Widgets */
.widget { margin: 0 0 15px 0; }
.widget h3 {
color: #252C31;
margin-bottom: 0px;
padding: 10px 0 5px 5px;
letter-spacing: -0.03em;
}
.widget ul { clear:both; }
.widget ul li {}
.widget ul li a:link, .widget ul li a:visited { display: block; padding-left: 5px; line-height: 29px; text-decoration: none; color:#50575A; }
.widget ul ul { padding: 0 0 0 15px; border-top: none; }
.widget_recent_comments li, #twitter li { padding-left: 5px; line-height: 29px; } /* 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 */
/* 4.2 Specific Widgets */
/* FEATURED POSTS */
#featured li { float: left; width: 300px; padding: 10px 0; list-style: none; }
#featured li a { padding: 0; background: none; border: none; }
#featured span { display: block; }
#featured span.thumb { float: left; width: 80px; }
#featured .right { float: right; width: 200px; font-size: 12px; line-height: 18px; }
#featured .right h4 { margin: 0 0 5px 0; font-size: 14px; line-height: 18px; }
#featured .right h4 a { line-height: 18px; }
/* WIDGET FORMS */
#searchform { margin-bottom: 0px; margin-top: 10px; margin-left:5px; margin-right: 0px; }
input#s, input.field { float: left; width: 191px; padding: 6px 0 5px 5px; color: #acb1b6; }
input.submit { display:block; float: right; line-height: 17px; border: none; padding: 4px 8px; color: #fff; font-size: 14px; }
.widget .screen-reader-text { display: none; }
/* FLICKR */
#flickr h3 {}
#flickr h3 span{color:#0061D8;}
#flickr h3 span span{color:#FF1183;}
#flickr .flickr_badge_image { width: 75px; float: left; margin: 15px 34px 0 0; }
#flickr .pictures { margin-right: -28px; }
#flickr a img { float: left; display: block;}
/* 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-top: 0px; margin-right: 25px; padding: 0px; }
#extended-footer .widget h3 { font-size: 20px; margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #666666; }
#extended-footer .widget ul li a { padding: 3px 0 3px 25px; line-height: 24px; border-bottom: 1px solid #666666; }
#extended-footer .widget ul li a:hover { }
#extended-footer .textwidget { padding: 0; }
#extended-footer #flickr .flickr_badge_image { width: 75px; float: left; margin: 15px 25px 0 0; }
#extended-footer #flickr .pictures { margin-right: -28px; }
#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 #twitter li { display: block; padding: 6px 0px 6px 25px;: }
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments { background: url("images/contentmiddle.png") repeat scroll 0 0 transparent;
padding: 0px 75px 10px;
position: relative;
}
#comments h3{ margin: 0 0 20px 0; color: #404040;}
#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 -4px 0; font-weight: bold; font-size: 19px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 12px; }
#comments .comment-entry p { margin: 0 0 10px 0; text-align: justify;}
#comments ul.children{margin:10px 0 0 25px;padding:0;}
#comments .cancel-comment-reply a, #comments .comment-reply-link { text-transform: none; font-family: Arial; font-weight: bold; text-decoration: none; font-size: 14px;}
#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: 0px; padding-bottom: 10px; padding-left: 65px; padding-right: 65px; padding-top: 25px; background: url("images/contentmiddle.png") repeat scroll 0 0 transparent; border: 0px; }
#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: 0px 0 0 0; padding:0px 75px 10px; background: url("images/contentmiddle.png") repeat scroll 0 0 transparent; }
#comments #respond { padding: 20px 0; margin: 0; border: none; background: none; }
#comments #respond h3 { margin-bottom: 0; }
#respond h3 { color: #404040; }
#commentform { margin: 15px 0 0 0; }
#commentform input.txt { width: 260px; margin: 0 5px 10px 0; padding: 7px 5px; border: 1px solid #CCC; background-color: #FCFCFC;}
#commentform label { font-family: Arial; font-size: 11px; text-transform: uppercase; font-weight: bold; }
#commentform textarea { background-color: #FCFCFC; width: 95%!important; padding: 5px; border: 1px solid #CCCCCC; margin-top: 10px;}
#commentform #submit { border: none; margin: 20px 0 12px; padding: 4px 10px; color: #fff; font-size: 14px; }
.subscribe {
padding:5px;
margin-top: 0px;
}
.subscribe p {
margin-bottom: 2px;
line-height: 32px;
margin-top:0px;
padding-right: 20px;
}
.subscribe form {
width: 220px;
}