/*  
Theme Name: Rock em Geral 2009
Theme URI: http://www.rockemgeral.com.br
Description: Versao 2009 do site Rock em Geral de Marcos Bragatto
Version: 1.0
Author: Gabriel Lupi
Author URI: http://www.gabriellupi.com
Tags: black, red, 2 columms
	Theme designed and developed by Gabriel Lupi
*/

@import "reset.css";

body{background:#C8C8C8; font:12px/150% /* "Segoe UI",  */Trebuchet MS, Times New Roman, Verdana, sans-serif; text-align:center; color:black;}

#header{}
#navigation{clear:both;}
#content{float:left; width:519px; padding-right:20px; display:inline; overflow:hidden; border-right:1px solid #CCCCCC;}
#sidebar{float:left; width:380px; padding-left:10px; display:inline; color:#333333;}
#sidebar a { color:#333333; text-decoration:none;}
#sidebar a:hover { color:#CC0000; text-decoration:underline;}

#footer{clear: both; background: }

.wrapper {margin:0 auto; padding:10px; text-align:left; width:930px; background:white;}

.alignleft {float:left; display:inline;}
.alignright {float:right; display:inline;}
.alignleft .button a { background:#D5CEB7; text-transform:uppercase; font-weight:bold; padding:2px; font-size:13px; display:inline; color:black; }
.alignright .button a { background:#D5CEB7; text-transform:uppercase; font-weight:bold; padding:2px; font-size:13px; display:inline; color:black; }


.navigation {clear:both; padding:0;}
.clearfix {clear:both;height:0px;font-size:0px;line-height:0px;overflow:hidden;}

a { color:#CC0000; text-decoration:none;}
a:hover { color:black; text-decoration:underline;}

h1, h2, h3, h4, h5, h6{}

/* Header Site  */
#logo{float:left; width:341px; height:47px; background:black; }
#logoName{float:left; }

#forms {float:right; width:589px; height:32px; padding-top:15px; background:black; }
#forms input {width:130px; background:#666666; color:white; font-size:10px; border:1px solid #666666; float:left;}
#forms #search {float:left; padding-left:30px; padding-top:15px;}
#forms #search label {float:left;}
#forms #mailing {float:left; padding-left:30px; padding-top:15px;}
#forms #mailing label {float:left;}
#forms #institutional {float:right;}
#forms #institutional img { display:block; }

#navigation { float:left; width:930px; }
#navigation ul { list-style:none; margin:0px; padding:0px; }
#navigation li { display:inline; padding:0px; margin:0px; float:left; }
/* Header Site  */

/* Home  */
.home h2.postTitle {font-size:36px; letter-spacing:-2px; color:#CC0000; font-weight:bold; line-height:30px;}
.home h2.postTitle a { color:black;}
.home h3.postDescription {font-size:15px; color:black; font-weight:bold;}
.home h3.postDescription a{ color:#CC0000;}
.home .postmeta{padding:5px 0 0 0; color:#999999;}
.home .excerpt {padding:5px 0; border-bottom: 1px solid #CCCCCC; color:black; font-size:14px;}
.home .excerpt a {color:black;}
.home .excerpt a:hover {color:#CC0000;}
.home .post-thumb{float:left; width:100px; height:100px; background:url(images/post-thumb-bg.jpg) top left no-repeat; border:1px solid #D5CEB7; overflow:hidden; margin-right:10px; display: inline;}
.home .buttonMore a{ background:#CC0000; padding:1px; color:white; font-weight:bold; text-transform:uppercase; font-size:10px; margin-top:10px;}
.home .buttonMore a:hover { background:black; text-decoration:underline; }

.home .left {float:left; width:529px; }
.home .left .highlight {float:left; width:529px; border-bottom:1px solid #CCCCCC; margin-bottom:10px; }
.home .left .highlight h1.postTitle {font-size:36px; letter-spacing:-2px; color:black; font-weight:bold; line-height:30px;}
.home .left .highlight h1.postTitle a { color:black;}
.home .left .highlight h1.postTitle a:hover { color:#CC0000; text-decoration:underline;}
.home .left .highlight .excerpt {padding:0 0 10px 0; border-bottom:none; color:black; line-height:115%; font-size:14px;}
.home .left .highlight .excerpt a {color:black;}
.home .left .highlight .excerpt a:hover {color:#CC0000;}

.home .left .releases {float:left; width:229px; padding-right:10px; border-right:1px solid #CCCCCC; }
.home .left .releases h1.postTitle {font-size:14px; color:black; font-weight:bold; letter-spacing:normal; line-height:1l0%; padding:0px; }
.home .left .releases h1.postTitle a { color:black; text-decoration:none;}
.home .left .releases h1.postTitle a:hover { color:#CC0000; text-decoration:underline;}
.home .left .releases .excerpt {padding:0 0 10px 0; border-bottom:none; color:black; line-height:115%; font-size:14px;}
.home .left .releases .excerpt a {color:black;}
.home .left .releases .excerpt a:hover {color:#CC0000;}
.home .left .releases .section { float:left; padding:10px 0 10px 0; border-bottom:1px solid #CCCCCC;  }

.home .left .news {float:left; width:279px; padding-left: 10px; }
.home .left .news h1.postTitle {font-size:18px; color:black; font-weight:bold; letter-spacing:normal; line-height:1l0%; }
.home .left .news h1.postTitle a { color:black; text-decoration:none;}
.home .left .news h1.postTitle a:hover { color:#CC0000; text-decoration:underline;}
.home .left .news .excerpt {padding:5px 0; border-bottom:none; color:black; line-height:130%; font-size:14px;}
.home .left .news .excerpt a {color:black;}
.home .left .news .excerpt a:hover {color:#CC0000;}
.home .left .news .section { float:left; border-bottom:1px solid #CCCCCC; padding:10px 0 10px 0;  }

.homeSidebar {float:left; width:380px; }
.homeSidebar h1.postTitle {font-size:18px; color:black; font-weight:bold; letter-spacing:normal; line-height:1l0%; }
.homeSidebar h1.postTitle a { color:black; text-decoration:none;}
.homeSidebar h1.postTitle a:hover { color:#CC0000; text-decoration:underline;}
.homeSidebar .excerpt {padding:5px 0; border-bottom:none; color:black; line-height:130%; font-size:14px;}
.homeSidebar .excerpt a {color:black;}
.homeSidebar .excerpt a:hover {color:#CC0000;}

.homeSidebar h2.postTitle {font-size:13px; color:black; font-weight:bold; letter-spacing:normal; line-height:normal; padding-bottom:10px; }
.homeSidebar h2.postTitle a { color:black; text-decoration:none;}
.homeSidebar h2.postTitle a:hover { color:#CC0000; text-decoration:underline;}

.homeSidebar .section { float:left; border-bottom:1px solid #CCCCCC; padding:10px 0 10px 0;  }
.homeSidebar .post-thumb {float:left; width:100px; height:100px; background:url(images/post-thumb-bg.jpg) top left no-repeat; border:1px solid #D5CEB7; overflow:hidden; margin:0 10px 0 0; display: inline;}
.homeSidebar .section .buttonMore a{ background:#CC0000; padding:1px; color:white; font-weight:bold; text-transform:uppercase; font-size:10px; margin-top:10px;}
.homeSidebar .section .buttonMore a:hover { background:black; text-decoration:none; color:white; }


/* Home  */

/* Single Page  */
h2.postTitle {font-size:26px; letter-spacing:-1px; color:black; font-weight:bold; line-height:20px;}
h2.postTitle a{ color:CC0000;}
h3.postDescription {font-size:15px; color:black; font-weight:bold;}
h3.postDescription a{ color:#CC0000;}

.postmeta{padding:5px 0 0 0; color:#999999;}

.post-image{ border:1px solid #D5CEB7; overflow:hidden; margin-bottom:20px; }
.post-image img{ width:520px; }

.postbody{ margin-top:10px; font-size:14px; line-height:130%;}
	.postbody p{padding: 0 0 20px 0;}
	.postbody blockquote{color:#876551;background:#faf3e2 url(images/blockquote.png) 20px 20px no-repeat; padding:15px 15px 0 75px;margin-bottom:20px;} 
	.postbody ul{margin-bottom:20px;}
	.postbody ul li{background: url(images/xbullet.png) 0 7px no-repeat; padding-left:15px;}
	.postbody  ul li ol{padding-top:10px;padding-bottom:0;}
	.postbody  ul li ol li{background:none;}
	.postbody ol{list-style: decimal inside;margin-bottom:20px;}
	.postbody h3,
	.postbody h4,
	.postbody h5,
	.postbody h6{color:#666666;background-color:transparent;}
	.postbody h3{font-size:18px;}
	.postbody h4{font-size:16px;}
	.postbody h5{font-size:13px;}
	.postbody h6{font-size:12px;}
	.postbody a:hover,
	ol.commentlist li a:hover{color:black; text-decoration:underline;}
	
	.postbody dl{padding:0; background:white; margin:0 10px 0 0;}
	.postbody dt{ font-weight:none; }
	.postbody dd{font-size:12px; margin-bottom:10px;}

	.postbody code{font-family:"Courier New", Courier, mono, serif; background-color:#f5e9c9;}
	.postbody img.aligncenter{display:block; margin:0 10px 10px 0;}	
	.postbody img.alignleft {display:block; margin:0 10px 10px 0;}	
	.postbody img.alignright {display:block; margin:0 10px 0 10px;}		

	.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	.wp-caption { border:1px solid white; text-align:left; background-color:white; padding-top:4px; margin:0 0 10px 0; }
	.wp-caption img { margin:0;	padding:0; border:0 none;}
	.wp-caption p.wp-caption-text {	font-size:11px;	line-height:17px; padding:0 4px 5px; margin:0;}
		
#my-recent-posts{margin-top:20px;border-top:1px solid #87a9d3;padding:20px 0;}
#my-recent-posts .navigation{margin-top:20px;}
/* #recent-posts .sectitle, #recent-posts .subtitle{text-align:left;} */
/* Single Page  */

/* Archive  */
.bits{height:1%; margin-top:20px; }
.post-thumb{float:left; width:100px; height:100px; background:url(images/post-thumb-bg.jpg) top left no-repeat; border:1px solid #D5CEB7; overflow:hidden; margin-right:15px; display: inline;}
.bits h3 a {font-size:26px; letter-spacing:-1px; color:black; font-weight:bold; line-height:20px;}
.bits h3 a:hover { color:#CC0000;}
.excerpt {padding:5px 0; border-bottom: 1px solid #CCCCCC; color:black; font-size:15px;}
.excerpt a {color:black;}
.excerpt a:hover {color:#CC0000;}
.bits .postmeta{padding:5px 0 0 0; color:#999999;}
/* Archive  */

.postaction{height:1%;}

.comment-num a{padding-left:20px;background:url(images/comment-icon.png) left no-repeat;}

/* Sidebar  */	
.module {margin-bottom:20px;}
.sectitle { font-size:15px; font-weight:bold; color:#CC0000; text-transform:uppercase; }
.subtitle { color:white; font-size:11px; background:black; text-transform:lowercase; }
p.tagcloud {margin-top:5px; }

#date select { background:white; border:1px solid #D5CEB7; font-family:"Trebuchet MS"; font-size:11px; color:black; margin-top:10px;}
/* Sidebar  */	

/* Commentaries  */
#commentaries { clear:both; border-top:1px solid #CCCCCC; padding:15px 0 0 0; position:relative;  height:1%; min-height:250px; height:auto !important; height:250px; }
ol.commentlist { float:left; width:540px; margin-top:15px; border-bottom:5px solid #D5CEB7; }
ol.commentlist li{clear:both; padding-bottom:5px; min-height:90px; height:auto !important; height:90px; }
.comment-info { font-size:11px; background:#E6E2D4; padding:5px; height:1%; }
.comment-body { position:relative; }
.comment-body p { padding:10px 0 5px 50px; }
.gravatar { position:absolute; top:10px; left:0; padding:2px; border:1px solid #D5CEB7; }
li.astyle .comment-info{background:#876551; color:#fff;}
li.astyle .comment-info a{color:#edd69f; background-color:transparent;}
#trackbacks{clear:both; padding:20px 0;width:580px;}
ol.trackbacks{padding:10px 0 0;}
ol.trackbacks li{background: url(images/xbullet.png) 0 7px no-repeat; padding-left:15px;}

#commentarea {position:absolute; top:10px; right:0; width:370px; background:black; display:inline; color:white;}
#commentarea form {padding:10px;}
textarea#comment {width:336px; padding:5px; font-family:"Trebuchet MS"; font-size:11px;}
#commentform p {clear:both; padding:5px 0;}
#commentform label {float:left; width:150px; color:#fff; background-color:transparent;}
#commentform input {float:right; background:white; font-family:"Trebuchet MS"; font-size:11px; color:black; border:1px solid white;}
/* Commentaries  */

/* Texts after and before  */
#texts {margin-top:50px;}
#texts .alignleft {float:left; display:inline; font-size:26px; letter-spacing:-1px; font-weight:bold; line-height:30px; }
#texts .alignright {float:right; display:inline; font-size:26px; letter-spacing:-1px; font-weight:bold; line-height:30px; }
/* Texts after and before  */

.wrapper:after,
.postaction:after,
.comment-info:after,
.module:after,
.postbody:after,
.bits:after,
.navigation:after{content:".";display:block;height:0;clear:both;visibility:hidden}

/* Footer */
#footer .content {background:black; color:white; font-size:11px;}
#footer .content p { padding:5px 10px 5px 10px; line-height:130%;}
#footer .content strong { font-size:13px; font-weight:bold;  }
#footer .content font.credits { color:#333333; }
#footer .content font.credits a { color:#666666; }
#footer .content font.credits a:hover { color:#333333; }
#footer .alignleft {float:left; display:inline; background:black; width:445px;}
#footer .alignright {float:right; display:inline; background:black; width:445px; text-align:right;}

/* Footer */