/*
Theme Name: Thiago Correa 2010
Theme URI: http://www.thiagocorrea.com/
Description: 
Version: 1.0
Author: Rodrigo Costa
Author URI: 
Tags: design

	Based on Kubrick v1.5
	 http://binarybonsai.com/kubrick/
	The Kubrick theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* -- just some ugly styling to make it easier to get started, can safely be removed */
#respond {font-family:"Century Gothic", Arial, sans-serif; text-transform:lowercase; color:#FFF; text-decoration:none; line-height:20px; font-size:12px; font-weight:bold;text-align:left;}
#footer {font-family:"Century Gothic", Arial, sans-serif; text-transform:lowercase; color:#FFF; text-decoration:none; line-height:20px; font-size:12px; font-weight:bold;text-align:center;}
#footer, #header {background:#212121;}
li.depth-1 {color:#FFF; width:450px;}
.commentlist { margin:0; padding:0;}


/* - BASIC STUFF - */
body { background:#212121; font:9pt/11pt Verdana, Geneva, sans-serif;color:#000;margin:0 auto;}
a {text-decoration:none; color:#FFF;}
a:hover {text-decoration:underline; color:#FFF;}
.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}

/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
li {list-style-type:none;}
.disc {list-style-type:disc}
/* lists inside posts */
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}

/* -- HEADINGS -- */
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
h2.entry-title {font-size:180%;}
h2#comments{margin:20px auto 10px;font-size:140%; color:#FFF;}
h3#comments{margin:20px auto 10px;font-size:140%; color:#FFF; padding:0 0 20px 0;}
/* headings inside posts */
.entry-content h3 {font-size:140%;}
.entry-content h4 {font-size:120%;}
.entry-content h5 {font-size:100%;}
.entry-content h6 {font-size:90%;}

/* -- MAIN DIV'S -- */
#wrapper {float:none;clear:both;margin:0 auto;padding:0;width:980px;}
#header {height:435px;margin:0 auto;text-align:center;}
#headercontainer {float:none;clear:both;margin:0 auto;padding:0;width:960px; position:relative;}
#menu {height:87px; margin:0 auto; text-align:center; background:url(images/menubg.jpg) repeat-x;}
#menucontainer {float:none;clear:both;margin:0 auto;padding:0;width:960px;}
#footer {height:50px;overflow:hidden;margin:20px auto 0;clear:both;float:none;text-align:center;padding: 20px 0;}

/* -- POSTS -- */
.post { width:590px; background:#303030; color:#FFF; position:relative; margin:50px 0 30px 0; padding:60px 0px 20px 0px;}
/* .post-index {margin:0 0 10px;} */
/* #post-single {margin:0 0 20px;} */
.posts-wrap { float:left; clear:none; margin-bottom:10px; padding:20px 0px;}

/* -- SIDEBARS --*/
.sidebar-wrap {margin:0 auto;overflow:hidden; float:right; clear:none;width:300px;}
.sidebar {width:99%;clear:none;}
.block-1 {float:right;}

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}

/* -- ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}

/* -- NAVIGATION --*/
div.navigation {width:100%;height:auto;float:left;clear:both;padding: 10px 0px;}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}

#header h1 a { display:block; width:383px; height:182px; background:url(images/logohead.jpg) no-repeat; text-indent:-9999px; position:absolute; top:110px; left:220px;}
#header #form { display:block; width:300px; height:300px; position:absolute; right:40px; top:60px;}

#menu #menucontainer .musicas a { float:left; width:99px; height:34px; background:url(images/musicasmenu.jpg) no-repeat; text-indent:-9999px; margin-top:28px; margin-right:25px;}
#menu #menucontainer .videos a { float:left; width:84px; height:34px; background:url(images/videosmenu.jpg) no-repeat; text-indent:-9999px; margin-top:28px; margin-right:25px;}
#menu #menucontainer .fotos a { float:left; width:72px; height:34px; background:url(images/fotosmenu.jpg) no-repeat; text-indent:-9999px; margin-top:28px; margin-right:25px;}
#menu #menucontainer .contratante a { float:left; width:149px; height:34px; background:url(images/contratantemenu.jpg) no-repeat; text-indent:-9999px; margin-top:28px; margin-right:25px;}
#menu #menucontainer .blog a { float:left; width:73px; height:34px; background:url(images/blogmenu.jpg) no-repeat; text-indent:-9999px; margin-top:28px; margin-right:20px;}
#menu #menucontainer .agenda a { float:left; width:106px; height:34px; background:url(images/agendamenu.jpg) no-repeat; text-indent:-9999px; margin-top:28px; margin-right:25px;}
#menu #menucontainer .contatos a { float:left; width:119px; height:34px; background:url(images/contatosmenu.jpg) no-repeat; text-indent:-9999px; margin-top:28px; margin-right:25px;}

#wrapper h2 { font-family: "Century Gothic", Arial, sans-serif; font-size:20px; font-weight:bold; text-transform:uppercase; color:#FFF; padding:20px 0px; margin:20px 0 0 0;}
#wrapper h2 a { font-family: "Century Gothic", Arial, sans-serif; font-size:20px; font-weight:bold; text-transform:uppercase; color:#FFF; padding:20px 0px; margin:20px 0 0 0;}
.entry-meta { position:absolute; top:-20px; left:-20px; display:block; width:186px; height:44px; background:url(images/commentbg.jpg) no-repeat;}
.entry-meta a { font-family:"Century Gothic", Arial, sans-serif; text-transform:uppercase; color:#FFF; text-decoration:none; line-height:44px; font-size:18px; font-weight:bold;text-align:center;  margin:0 0 0 15px;}
.entry-content { margin:0 20px 0 20px;}
.bar { display:block; width:580px; height:5px; background:url(images/barcontent.jpg) no-repeat; margin:35px 0 0 0;}
.widget { display:block; background:#303030; color:#FFF; font-family:"Century Gothic", Arial, sans-serif; font-size:13px; text-transform:uppercase; width:300px; margin-bottom:25px; padding:10px 0px;}
.sidebar-wrap { padding-top:25px;}
.widgettitle { padding:10px 0 10px 10px;}
.widget li {padding:0 0 10px 10px; margin:0;}
.widget p { padding:0 0 20px 10px; margin:0;}

#wpp-3 .widgettitle { display:block; width:143px; height:30px; text-indent:-9999px; background:url(images/maislidosside.jpg) no-repeat;}
#text-10 .widgettitle { display:block; width:136px; height:30px; text-indent:-9999px; background:url(images/twitterside.jpg) no-repeat;}
#upcoming-gigs .widgettitle { display:block; width:136px; height:30px; text-indent:-9999px; background:url(images/agendaside.jpg) no-repeat;}
#text-11 .widgettitle { display:block; width:228px; height:30px; text-indent:-9999px; background:url(images/contatoside.jpg) no-repeat;}

.navigation a {font-family:"Century Gothic", Arial, sans-serif; text-transform:lowercase; color:#FFF; text-decoration:none; line-height:20px; font-size:12px; font-weight:bold;text-align:center;}
#twitter { padding:0 20px 10px 20px; text-transform: none;}
#player { padding:0 20px 10px 20px; text-transform: none;}

li.depth-1 {color:#FFF; width:450px;}
.commentlist { margin:0; padding:0;}
.comment { padding-bottom:20px;}