/*
Theme Name: Braz André
Theme URI: http://www.brazandre.com/
Description: Criado por André Braz
Version: 1.0
Author:André Braz
*/



* { margin: 0; padding: 0 }
body { background: #fff; color: #888888; font: 14px arial, helvetica, sans-serif;text-align: center; }
a { text-decoration: none; color: #f30050;}
a:hover { color: #c3004e; }
.caption { font: 24px arial, sans-serif !important; letter-spacing: -1px; color: #898989; clear: both;display: block; position: relative; }
.call { font: 44px arial, sans-serif !important; letter-spacing: -2px; color: #d6d6d6; clear: both; display: block; margin-top: -10px;position: relative;  }

#main { width: 1008px; margin: 0 auto 0 auto;  text-align: left; }

#header { height: 372px; width: 960px; background: url(images/barrinha.gif) no-repeat 600px 365px; margin: 0 0 30px 0; }
#header h1 { float: left; }
#header h1 a { margin: 175px 0 0 40px; background: url(images/logo.gif) no-repeat; display: block; text-indent: -9999px; height: 112px; width: 390px;}
#header em { float: right; font: 20px georgia, serif; color: #ddd; font-style: italic; margin: 56px -30px 0 0; width: 280px; text-align: right }

#content { float: left; width: 580px;}
#content .post { border-bottom: 1px solid #e7e7e7; display: table; width: 580px; padding: 40px 0 42px 0; }
#content .post .content { width: 380px; float: right; }
#content .post .content h2 { font-size: 24px; color: #888; letter-spacing: -1px; font-weight: normal; margin: 0 0 18px 0; }
#content .post .content h2 a { display: block; clear: both; }
#content .post .content p { line-height: 20px; margin: 0 0 18px 0;  text-align: justify}
#content .post .content ul { margin: 0 0 18px 20px; }
#content .post .content ul li { line-height: 22px; }
#content .post .content .meta { font-size: 11px;  color: #f30050; }
#content .post .content .meta .comments { font: 12px Georgia, serif; clear: both; display: block; border-bottom: 1px dashed #eaeaea; margin: 0 0 8px 0; padding: 0 0 8px 0; font-style: italic;  }

#content .navigation { display: table; width: 580px; padding-top: 12px !important; }
#content .navigation .content { width: 380px; float: right; }
#content .navigation .content .alignleft a, #content .navigation .content .alignright a { float: left; display: block; width: 40%; color: #666; border: 1px solid #eaeaea; padding: 12px 0 12px 0; text-align: center; margin-top: 30px; }
 #content .navigation .content .alignright a  { float: right; }

#content .post .date { width: 100px; float: left; text-align: right;}
#content .post .date { font: 16px georgia, serif; color: #aeaeae;}
#content .post .date span.day { clear: both; display: block; margin: 16px 0 4px 0;}
#content .post .date span.month { font-size: 12px; clear: both; display: block; margin: 0 0 16px 0; }
#content .post .date span.round { font-size: 18px; font-weight: bold; color: #ff0054; }
#content .post .info { width: 150px; float: left; text-align: left; padding-left: 50px;}
#content #friends, #content #reply { border: 0}
#content #friends ul { list-style-type: none; float: left; width: 116px; margin: 0 16px 0 0; }
#content #friends ul.last { margin: 0; }
#content #friends ul li { margin: 0; padding: 0; *height: 20px;}
#content #friends ul li a { display: block; font-size: 12px; padding: 3px 0 3px 0; clear: both; }
#content #friends ul li a:hover { background: #f4f4f4}

#sidebar { float: right; width: 260px; }
#sidebar .box { border-bottom: 1px solid #e7e7e7; display: table; width: 260px; }
#sidebar .posts { border-bottom: 0 !important; margin-bottom: 30px; }
#sidebar .box span { margin-left: 10px; }
#sidebar .box a.area { display: block; clear: both; padding: 30px 0 30px 0; cursor: pointer; }
#sidebar .box a.area:hover { background: #f4f4f4; cursor: pointer; }
#sidebar .box a.area:hover .caption { background: transparent; }
#sidebar .box a.area:hover .call { color: #fff; background: transparent; cursor: pointer;}

#sidebar .about .caption { color: #b8e000; }
#sidebar .twitter .caption { color: #00ccff; }
#sidebar .tags .caption { color: #f30050; }
#sidebar .delicious .caption { color: #00a2ff; }
#sidebar .rss .caption { color:#ffa200; }
#sidebar .search .caption { color: #ffd202 }

#sidebar .twitter, #sidebar .tags, #sidebar .search, #sidebar .posts, #sidebar .contact, #sidebar .why { padding: 30px 0 30px 0; }
#sidebar .tags a { font-size: 12px !important; padding: 3px 0 3px 0; display: block; text-indent: 13px; }
#sidebar .tags a:hover {background: #f4f4f4; }
#sidebar .manifesto img { margin-left: 0px; }
#sidebar .manifesto a { width: 100%; display: block; background: #fff url(/manifesto/button.gif); height: 129px; }
#sidebar .manifesto a:hover { background: #f4f4f4 url(/manifesto/button.gif) no-repeat 0 -129px; }

#sidebar #twitter_update_list { margin: 0 0 10px 0px; list-style-type: none; padding: 0; display: block; clear: both; }
#sidebar #twitter_update_list li { font-size: 12px; border-bottom: 1px dashed #eaeaea; padding: 10px 0 10px 13px; display: block; clear: both; }
#sidebar #twitter_update_list li span { margin: 0; padding: 0; text-indent: 0; }
#sidebar #twitter_update_list li a { color: #ccc }
#sidebar .twitter a.follow {  color: #00ccff; font-size: 12px; padding: 3px 0 3px 0; display: block; text-indent: 13px;}
#sidebar .twitter a.follow:hover {  color: #00ccff; background: #f4f4f4; }

#sidebar .input { width: 148px; font-size: 14px; color: #666; border: 1px solid #eaeaea; padding: 4px 0 4px 0; margin: 6px 0 0 13px; float: left; background: #fff; }
#sidebar .submit { float: left; text-align: center; padding: 3px 6px 3px 6px; font-size: 20px; font-weight: bold; background: #eaeaea; color: #fff; margin: 5px 0 0 8px; }
#sidebar .search:hover .input , #sidebar .search .input_active { background: #fffae5;  }
#sidebar .search:hover .submit, #sidebar .search .submit_active { background: #ffd202; }

#title_comments { padding: 0 !important; border: 0 !important; margin: 0 !important }
#title_comments .content { padding: 0; border: 0 !important; margin: 0 !important } 
#title_comments .content h3 { font-size: 24px; color: #888; letter-spacing: -1px; font-weight: normal; margin: 0 0 0px 0; } 
#content .post .comment_date span.day { margin: 0px 0 4px 0 !important;}
#reply, #reply .content { padding-bottom: 0 !important; }
#reply label { clear: both; display: block; width: 100%; }
#reply textarea { width: 96%; border: 1px solid #ccc; margin-top: 10px; padding: 2%;  }
#reply p { float: left; width: 34%; padding-top: 10px;   }
#reply p.last { margin-right: 0; width: 30% !important; }
#reply p input { width: 113px; border: 1px solid #ccc; padding: 2px 0 2px 0; font: normal 12px arial, sans-serif; }
#reply p.last input { width: 122px !important;}
#reply p.submit { text-align: right; width: 100%; display: block; background: #fff }
#reply p.submit input {  width: 66%; display: block; padding: 12px 0 12px 0; border: 0px ; font: normal 18px arial, sans-serif; color: #999;background: #F8F8F8; float: right; cursor: pointer }
#reply p.submit input:hover { background: #999; color: #fff}

#footer { width: 100%; clear: both; display: block; height: 94px; background: url(images/footer.gif); color:#505050; text-align: center; }
#footer .main { width: 1008px; margin: 0 auto 0 auto; background: url(images/smile.jpg) no-repeat 46px 0; height: 94px; text-align: left; }
#footer .main p { color: #999; font-size: 12px; padding: 26px 0 0 200px; line-height: 16px}
#footer .main p a { color: #ccc }

#footer2 .branco { width: 1008px; margin: 0 auto 0 auto; background: #ffffff no-repeat 46px 0; height: 94px; text-align: left; }
#footer2 .branco p { color: #999; font-size: 12px; padding: 26px 0 0 200px; line-height: 16px}