/*
Theme Name: Tranquera
Theme URI: http://www.tranquera.org
Description: A Tranquera layout developed by Bruno Belluomini
Version: 6.0
Author: Bruno Belluomini
Author URI: http://www.brunobelluomini.com
*/


/* --- RESET --- */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; zoom: 1; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/* --- BASICS --- */


body { margin: 0 auto 0 auto; background: #F3F3F3; font-family: Helvetica, Arial, sans-serif; }

#bar { width: 100%; height: 30px; background-color: #333333; }
#bar-wrapper { width: 948px; margin: 0 auto 0 auto; font-family: Helvetica, Arial, sans-serif; font-size: 9px; line-height: 14px; }
#bar-wrapper a:link, #bar-wrapper a:active, #bar-wrapper a:visited { color:#FFFFFF; text-decoration: none; }
#bar-wrapper a:hover { color:#666666; text-decoration: none; }
#bar-wrapper .alpha { width: 60px; margin: 9px 0 0 25px; padding: 0px; display: inline; float: left; }
#bar-wrapper .beta { width: 60px; margin: 9px 0 0 2px; padding: 0px; display: inline; float: left; }
#bar-wrapper .news { width: 26px; margin: 9px 0 0 173px; padding: 0px; display: inline; float: left; }
#bar-wrapper .mixtapes { width: 44px; margin: 9px 0 0 12px; padding: 0px; display: inline; float: left; }
#bar-wrapper .downloads { width: 58px; margin: 9px 0 0 12px; padding: 0px; display: inline; float: left; }
#bar-wrapper .promos { width: 39px; margin: 9px 0 0 12px; padding: 0px; display: inline; float: left; }
#bar-wrapper .galleries { width: 49px; margin: 9px 0 0 12px; padding: 0px; display: inline; float: left; }

#wrapper { width: 948px; margin: 0 auto 0 auto; }
.logo { width: 50px; height: 60px; margin: 25px 0 0 25px; background-image: url(http://www.tranquera.org/wp-content/themes/tranquera6/images/logo_50x60.png); float: left; }
.head { width: 50px; height: 60px; margin: 25px 0 0 12px; background-image: url(http://www.tranquera.org/wp-content/themes/tranquera6/images/head_50x60.png); float: left; }
.tmc2011 { width: 50px; height: 60px; margin: 25px 0 0 12px; background-image: url(http://www.tranquera.org/wp-content/themes/tranquera6/images/tmc2011_50x60.png); float: left; }


/* --- WRAPPERS --- */


#header { height: 110px; background-image: url(http://www.tranquera.org/wp-content/themes/tranquera6/images/header07.jpg); }
#main { margin: 12px 0 0 0; padding: 0; clear: both; overflow: hidden; }
#footer { height: 210px; margin: 12px 0 0 0; padding: 0; background-color: #FF0099; clear: both; overflow: hidden; }


/* --------- MENU --------- */


#menu { height: 72px; margin: 12px 0 0 0; font-family: Helvetica, Arial, sans-serif; font-size: 24px; line-height: 24px; font-weight: bold; }

#nav-left a:link, #nav-left a:active, #nav-left a:visited { color:#FFFFFF; text-decoration: none; }
#nav-left a:hover { color:#BF0073; text-decoration: none; }
#nav-left .alpha { width: 136px; height: 60px; margin: 0 12px 0 0; padding: 12px 0 0 12px; background-color: #FF0099; display: inline; float: left; position: relative; overflow: hidden; }

#nav-right a:link, #nav-right a:active, #nav-right a:visited { color:#FFFFFF; text-decoration: none; }
#nav-right a:hover { color:#BF4C00; text-decoration: none; }
#nav-right .alpha { width: 136px; height: 60px; margin: 0 12px 0 0; padding: 12px 0 0 12px; background-color: #FF6600; display: inline; float: left; position: relative; overflow: hidden; }
#nav-right .omega { width: 136px; height: 60px; margin: 0; padding: 12px 0 0 12px; background-color: #FF6600; display: inline; float: left; position: relative; overflow: hidden; }


/* --- LEFT COLUMN --- */


.home .left { width: 628px; }
.home .right { width: 308px; }

.home .main-post-bg { width: 628px; height: 308px; margin: 0 0 12px 0; background: #CCCCCC; position: relative; overflow: hidden; }

.title-insert h2 { margin: 9px 9px; padding: 3px 0 0 3px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 12px; }
.title-insert h2 a { color: #FFFFFF; text-decoration: none; font-weight: bold; }
.title-insert h2 a:hover { color: #FF0099; text-decoration: none; font-weight: bold; }

.home .main-post-bg .title-insert, .home .recent-leads .title-insert { width: 100%; bottom: 0; left: 0; padding: 0; background: #000000; display: block; position: absolute; z-index: 101; filter: alpha(opacity=84); -moz-opacity: 0.84; opacity: 0.84; }

.home .recent-leads { width: 948px; margin: 0; }
#index { height: 480px; }
.home .recent-leads .secondary-post-bg { width: 308px; height: 148px; margin: 0 12px 12px 0; background: #CCCCCC; position: relative; overflow: hidden; }

.home .recent-leads .title-insert h3 { margin: 9px 9px; padding: 3px 0 0 3px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 12px; }
.home .recent-leads .title-insert h3 a { color: #FFFFFF; text-decoration: none; font-weight: bold; }
.home .recent-leads .title-insert h3 a:hover { color: #FF0099; text-decoration: none; font-weight: bold; }


/* --- RIGHT COLUMN --- */


.sidebar .left { width: 308px; }
.sidebar .main-post-bg { width: 308px; height: 308px; margin: 0; background: #CCCCCC; position: relative; overflow: hidden; }
.sidebar .main-post-bg .title-insert, .sidebar .recent-leads .title-insert { width: 100%; bottom: 0; left: 0; padding: 0; background: #000000; display: block; position: absolute; z-index: 101; filter: alpha(opacity=84); -moz-opacity: 0.84; opacity: 0.84; }

.sidebar .recent-leads { width: 308px; }
.sidebar .recent-leads .secondary-post-bg { width: 308px; height: 148px; margin: 12px 12px 0 0; background: #CCCCCC; position: relative; overflow: hidden; }

.sidebar-spacer-main { width: 308px; height: 308px; margin: 0; background: #CCCCCC; position: relative; overflow: hidden; }
.sidebar-spacer { width: 308px; height: 148px; margin: 12px 0 0 0; background: #CCCCCC; position: relative; overflow: hidden; }


/* --- CONTENT --- */


.entry .left { width: 628px; }
.entry .right { width: 308px; }

.post.single { width: 628px; margin: 0; background: #FFFFFF; }

.post.single h2 { height: 85px; padding: 12px 0 0 12px; font-family: Helvetica, Arial, sans-serif; font-size: 24px; line-height: 75px; font-weight: bold; color: #FF0099; background-color: #333333; }

.post.single .entry { width: 450px; margin: 0; float: left; }

.post.single .meta { width: 148px; padding: 12px 0 0 12px; border-top: 210px solid #FF6600; font-family: Helvetica, Arial, sans-serif; font-size: 10px; line-height: 12px; color: #666666; float: left; }
.post.single .meta a { line-height: 12px; }

.post.single .object { width: 18px; border-top: 210px solid #FF6600; float: right; }

.post.single p { margin: 0 0 12px 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 14px; color: #000000; }
.post.single a { color: #FF0099; text-decoration: none; font-weight: bold; }
.post.single a:hover { color: #FFFFFF; text-decoration: none; background-color: #FF0099; font-weight: bold; }
.post.single h3 { margin: 0 0 10px 0; font-family: Helvetica, Arial, sans-serif; font-size: 18px; line-height: 18px; color: #FF0099; font-weight: bold; }

.post.single .top { height: 371px; }
#blank { margin: 0 0 12px 0; }

#podcasting { margin: 12px 0 0 0; }

.post.single .tag { margin: 39px 0 12px 0; padding: 17px 0 0 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 14px; color: #000000; border: 1px solid #CCCCCC; border-width: 1px 0 0 0; }
.post.single .tag a { color: #FF0099; text-decoration: none; font-weight: bold; }
.post.single .tag a:hover { color: #FFFFFF; text-decoration: none; background-color: #FF0099; font-weight: bold; }

.post.single .title { margin: 18px 0 12px 0; padding: 17px 0 0 0; font-family: Helvetica, Arial, sans-serif; font-size: 18px; line-height: 18px; color: #FF0099; font-weight: bold; border: 1px solid #CCCCCC; border-width: 1px 0 0 0; }
.post.single .title a { color: #FF0099; text-decoration: none; font-weight: bold; }
.post.single .title a:hover { color: #FFFFFF; text-decoration: none; background-color: #FF0099; font-weight: bold; }

.post.single .social { margin: 0 0 160px 0; }
.post.single .social a { text-decoration: none; background-color: #F3F3F3; }
.post.single .social a:hover { text-decoration: none; background-color: #F3F3F3; }

.nav { width: 628px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 14px; }
.nav .left { width: 308px; margin: 12px 0 21px 0; background: #F3F3F3; }
.nav .right { width: 308px; margin: 12px 0 21px 0; background: #F3F3F3; }
.nav a { color: #FF0099; text-decoration: none; font-weight: bold; }
.nav a:hover { color: #FFFFFF; text-decoration: none; background-color: #FF0099; font-weight: bold; }


/* --- COMMENTS --- */


#comments { margin: 36px 0 36px 0; }
#comment-breaker { margin: 0 0 27px 0; font-family: Helvetica, Arial, sans-serif; font-size: 24px; line-height: 24px; color: #FF6600; font-weight: bold; }
#reply-breaker { margin: 24px 0 27px 0; font-family: Helvetica, Arial, sans-serif; font-size: 24px; line-height: 24px; color: #FF6600; font-weight: bold; }

ol.commentslist { width: 628px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 12px; color: #666666; }
.commentslist li { margin: 0 0 12px 0; padding: 12px; background-color: #FFFFFF; }

.commentslist .author-meta { float: left; }
.commentslist .author-meta a { color: #FF6600; text-decoration: none; font-weight: bold; }
.commentslist .author-meta a:hover { color: #FFFFFF; background: #FF6600; text-decoration: none; font-weight: bold; }

.comment-author { color: #666666; text-decoration: none; font-weight: bold; }
.comment-author a { color: #FF6600; text-decoration: none; font-weight: bold; }
.comment-author a:hover { color: #FFFFFF; background: #FF6600; text-decoration: none; font-weight: bold; }

.commentslist .comment-text { width: 450px; margin: 0 0 0 12px; float: left; }
.comment_text .comment-author { font-weight: bold; }
.comment_text .comment-moderation { font-weight: bold; }

#commentform { font-size: 10px; color: #666666; }
#commentform p { margin: 6px 0 0 0; }
#commentform #author, #commentform #email, #commentform #url, #commentform #comment { padding: 6px; border: 1px solid #CCCCCC; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #666666; }
#commentform #author { width: 150px; height: 12px; margin: 6px 0 0 0; overflow: auto; }
#commentform #email { width: 150px; height: 12px; margin: 6px 0 0 0; overflow: auto; }
#commentform #url { width: 150px; height: 12px; margin: 6px 0 0 0; overflow: auto; }
#commentform #comment { width: 614px; height: 210px; margin: 6px 0 0 0; overflow: auto; }
#commentform #submit { width: 148px; height: 48px; margin: 6px 0 0 0; background: #FF6600; padding: 12px; border: none; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; }
.comment-warning strong { color: #666666; font-weight: bold; }


/* --- SEARCH --- */


.search { width: 308px; height: 30px; background: #FF0099; float: right; }
.search #searchForm { margin: 0; }
.search #searchForm #s { width: 293px; margin: 6px 0 0 6px; padding: 1px 0 0 0; color: #666666; border: 1px solid #FFFFFF; }


/* --- CREDITS --- */


#credits { font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 14px; color: #666666; }
#credits .left { width: 308px; height: 108px; margin: 0; padding: 10px 0 0 0; border: 1px solid #CCCCCC; border-width: 1px 0 0 0; float: left; }
#credits .center { width: 308px; height: 108px; margin: 0 0 0 12px; padding: 12px 0 0 0; border: 1px solid #CCCCCC; border-width: 1px 0 0 0; float: left; }
#credits .right { width: 308px; height: 108px; margin: 0 0 0 12px; padding: 12px 0 0 0; border: 1px solid #CCCCCC; border-width: 1px 0 0 0; float: left; }
#credits a { color: #FF0099; text-decoration: none; font-weight: bold; }
#credits a:hover { color: #FFFFFF; background: #FF0099; text-decoration: none; font-weight: bold; }


/* --- LINKS --- */


#links { font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 14px; color: #666666; }
#links .left { width: 308px; height: 120px; margin: 12px 0 0 0; padding: 10px 0 0 0; border: 1px solid #CCCCCC; border-width: 1px 0 0 0; float: left; }
#links .center { width: 308px; height: 120px; margin: 12px 0 0 12px; padding: 12px 0 0 0; border: 1px solid #CCCCCC; border-width: 1px 0 0 0; float: left; }
#links .right { width: 308px; height: 120px; margin: 12px 0 0 12px; padding: 12px 0 0 0; border: 1px solid #CCCCCC; border-width: 1px 0 0 0; float: left; }
#links a { color: #666666; text-decoration: none; font-weight: bold; }
#links a:hover { color: #FFFFFF; background: #666666; text-decoration: none; font-weight: bold; }


/* --- FLOATS --- */


.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix { display: inline-block; }
* html .fix { height: 1%; }
.fix { display: block; }