/*

Theme Name: Camilla Pires
Theme URI: http://blog.camillapires.com
Description: 
Version: 1.0
Author: Renan Altendorf Bernordi
Author URI: http://altendorf.me
Tags: blue, custom header, fixed width, two columns, widgets
 ___      _ _                  _             __ ___                  
|  _|    | | |                | |           / _|_  |                 
| |  __ _| | |_  ___ _ __   __| | ___  _ __| |_  | |  _ __ ___   ___ 
| | / _` | | __|/ _ \ '_ \ / _` |/ _ \| '__|  _| | | | '_ ` _ \ / _ \
| || (_| | | |_|  __/ | | | (_| | (_) | |  | |   | |_| | | | | |  __/
| |_\__,_|_|\__|\___|_| |_|\__,_|\___/|_|  |_|  _| (_)_| |_| |_|\___|
|___|                                          |___|                 
                                                                
*/

* { margin:0; padding:0; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; list-style: none; }
body { margin:0; background: url(images/bg1.gif); font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:1.3em; color:#000; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:none; }
a { text-decoration:underline; }
a:focus, a:hover { text-decoration: none; }
.clear { clear:both; }
.over { overflow:hidden; height: 0; }

.main { position:relative; margin:0 auto; width:px; }

.header { }
.header .inner { width: 986px; margin: 0 auto; background: url(images/header-bg1.gif) no-repeat; height: 217px; position: relative; }
.header .inner a.logo { position: absolute; width: 215px; height: 180px; background: url(images/logo.gif) no-repeat; }
.header .inner a.logo:hover { background: url(images/logo.gif) no-repeat -215px 0; }

.content { }
.content .inner { width: 986px; margin: 0 auto; position: relative; }

.main { width: 690px; border: 1px solid #aba5a5; border-bottom: 0; float: left; margin: 0 0 0 15px; background: #D4CCCC; min-height: 650px; }

.post { padding: 18px 0 18px 0; }
.post .title { background: url(images/post-title-bg1.gif) no-repeat; height: 36px; position: relative; }
.post .title_secoes { background: url(images/post-title-bg2.gif) no-repeat; height: 36px; position: relative; }
.post .title_secoes .date,
.post .title .date { color: #3f3f3f; font-size: 11px; position: absolute; top: 5px; left: 5px; text-align: center; width: 30px; text-align: center; font-weight: bold; text-decoration: uppercase; }
.post .title_secoes .date strong,
.post .title .date strong { font-size: 15px; line-height: 15px; color: #f60861; display: block; }
.post .title_secoes h2,
.post .title h2 { font-size: 20px; line-height: 20px; position: absolute; top: 6px; left: 50px; }
.post .title_secoes h2 a,
.post .title h2 a { color: #000; text-decoration: none; }
.post .title_secoes span.comment,
.post .title span.comment { position: absolute; top: 10px; right: 100px; }
.post .title_secoes span.comment a,
.post .title span.comment a { background: url(images/post-title-comment.gif) no-repeat; width: 22px; height: 16px; color: #FFF; font-size: 10px; text-align: center; display: block; text-decoration: none; line-height: 12px; }
.post .title_secoes span.category,
.post .title span.category { position: absolute; top: 35px; left: 52px; }
.post .title_secoes span.category a,
.post .title span.category a { color: #f60861; text-decoration: none; font-weight: bold; }
.post .entry { padding: 5px 90px 0 50px; font-size: 12px; color: #505050; }
.post .entry p { padding: 20px 0 0 0; line-height: 1.45em; text-align: justify; }
.post .entry em { font-style: italic; }
.post .entry img { display: inline; }
.post .entry img.size-full { border: 1px solid #33EDFD; }
.post .entry img.noborder,
.post .entry img.wp-smiley { border: 0px; }
.post .entry img.aligncenter { text-align: center; margin: 0 auto; }
.post .entry a { color: #f60861; text-decoration: underline; }
.post .entry a:hover { text-decoration: none; }
.post .sociable { padding: 10px 0 0 50px; height: 16px; }
.post .sociable ul li { padding: 0 5px 0 0; float: left; }
.post .info { font-size: 11px; color: #505050;padding: 10px 0 0 50px; }
.post .info strong { color: #f60861; font-weight: bold; }
.post .info span.comment a { background: url(images/post-info-comment.gif) no-repeat 5px 3px; color: #f60861; padding: 0 0 0 20px; }
.post .comments { padding: 20px 0 0 0; }
.post .comments .block1 .the_title { background: url(images/comments-title.gif) no-repeat; height: 33px; position: relative; }
.post .comments .block1 .the_title h2 { position: absolute; top: 13px; left: 50px; color: #f60861; font-size: 18px; line-height: 18px; }
.post .comments .block1 ul { margin: 0 0 0 17px; border-left: 1px solid #8d8989; padding: 20px 0 0 0; }
.post .comments .block1 ul li { padding: 0 230px 20px 35px; }
.post .comments .block1 ul li .avt { float: right; }
.post .comments .block1 ul li .avt img { border: 1px solid #33EDFD; }
.post .comments .block1 ul li .p1 { width: 350px; }
.post .comments .block1 ul li .p1 .meta { display: block; font-size: 13px; }
.post .comments .block1 ul li .p1 .meta a { color: #f60861; }
.post .comments .block1 ul li .p1 .p1 { padding: 5px 0; font-size: 13px; }
.post .comments .block1 ul li .p1 small { font-size: 10px; }
.post .comments .block1 ul li .p1 small a { color: #f60861; }
.post .comments .block2 .the_title { margin: 0 0 0 17px; border-left: 1px solid #8d8989; color: #f60861; font-size: 18px; line-height: 18px; background: #abf3f9; display: inline; padding: 0 70px 0 35px; }
.post .comments .block2 ul { padding: 15px 0 0 52px; }
.post .comments .block2 ul li.p { font-size: 11px; padding: 0 0 5px 0; }
.post .comments .block2 ul li.p a { color: #000; }
.post .comments .block2 ul li.li1 { height: 34px; }
.post .comments .block2 ul li.li1 p { background: url(images/comments-form1.gif) no-repeat; width: 210px; height: 29px; position: relative; float: left; }
.post .comments .block2 ul li.li1 p input { border: 0; position: absolute; top: 8px; left: 8px; width: 195px; }
.post .comments .block2 ul li.li1 label { float: left; padding: 9px 0 0 10px; }
.post .comments .block2 ul li.li2 { height: 160px; }
.post .comments .block2 ul li.li2 p { background: url(images/comments-form2.gif) no-repeat; width: 545px; height: 154px; position: relative; }
.post .comments .block2 ul li.li2 p textarea { border: 0; position: absolute; top: 8px; left: 8px; width: 195px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; width: 531px; height: 141px; }
.post .comments .block2 ul li.li3 { height: 23px; padding: 0 0 0 478px; }

.sidebar { width: 326px; position: absolute; right: 0; top: -20px; }
.sidebar .box1 { background: url(images/sidebar-box1-1.gif); height: 13px; }
.sidebar .bg1 { background: #d4cccc url(images/sidebar-box1-bg1.gif); padding: 0 0 0 1px; border-bottom: 1px solid #aba5a5; } 
.sidebar .title { background: url(images/sidebar-title-bg1.gif) 0 5px no-repeat; height: 33px; width: 306px; position: relative; padding: 5px 0 0 0; }
.sidebar .title p { background: url(images/sidebar-search-1.gif); height: 25px; width: 156px; display: block; margin: 8px 0 0 8px; position: relative; float: left; }
.sidebar .title p input { margin: 7px 0 0 5px; border: 0; background: none; font-size: 11px; width: 150px; }
.sidebar .title input { float: left; margin: 8px 0 0 8px; }
.sidebar .title a.twitter { background: url(images/sidebar-title-twitter.gif); height: 25px; width: 121px; display: block; margin: 8px 0 0 8px; }
.sidebar .title .categorias { background: url(images/sidebar-title-categorias.gif); height: 25px; width: 75px; display: block; margin: 8px 0 0 8px; }
.sidebar .title .arquivo { background: url(images/sidebar-title-arquivo.gif); height: 25px; width: 55px; display: block; margin: 8px 0 0 8px; }
.sidebar a.feed { background: url(images/sidebar-feed-1.gif) no-repeat 200px 9px; height: 16px; position: absolute; top: -8px; left: 0; width: 211px; color: #505050; font-weight: bold; text-decoration: none; padding: 18px 0 0 115px; z-index: 10; }
.sidebar a.feed:hover { background: url(images/sidebar-feed-1.gif) no-repeat 200px 0; }
.sidebar .sobre { padding: 15px 0 5px 15px; }
.sidebar .sobre .image { background: #33edfd url(images/sidebar-title-sobre-image1.jpg) no-repeat 1px 1px; border: 1px solid #d9acb6; padding: 1px; width: 96px; height: 84px; float: left; }
.sidebar .sobre .p1 { float: left; width: 170px; padding: 0 0 0 10px; line-height: 12px; }
.sidebar .sobre .p1 a { color: #f60359; font-weight: bold; }
.sidebar .the_twitter { padding: 10px 15px 0 15px; }
.sidebar .the_twitter a { color: #F60359; }
.sidebar .the_twitter span.twitter-timestamp { font-style: normal; display: block; padding: 5px 0 0 0; font-weight: bold; }
.sidebar .the_twitter ul li { width: 280px; }
.sidebar .the_arquivo,
.sidebar .the_categorias { padding: 10px 0 0 0; width: 306px; }
.footer .col1 ul li,
.sidebar .the_arquivo ul li,
.sidebar .the_categorias ul li { padding: 0 0 1px 0; }
.footer .col1 ul li a,
.sidebar .the_arquivo ul li a,
.sidebar .the_categorias ul li a { display: block; text-transform: uppercase; border-left: 8px solid #abf3f9; color: #505050; padding: 1px 0 1px 5px; text-decoration: none; }
.footer .col1 ul li a:hover,
.sidebar .the_arquivo ul li a:hover,
.sidebar .the_categorias ul li a:hover { background: #abf3f9; color: #f60359; }
.sidebar a.meuportfolio { background: url(images/sidebar-title-meuportfolio.gif) no-repeat; height: 25px; width: 120px; display: block; margin: 20px 0; }

.footer { width: 986px; margin: 0 auto 5px auto;  background: url(images/footer-box-bg1.gif) repeat-y 0 5px; }
.footer .inner { width: 986px; margin: 0 auto; position: relative; background: url(images/footer-box-1.gif) no-repeat;border-bottom: 1px solid #aba5a5; padding: 0 0 8px 0; color: #505050; }
.footer .col1 .title,
.footer .col2 .title,
.footer .col3 .title,
.footer .col4 .title { margin: 18px 0 0 15px; }
.footer .col1 { width: 139px; float: left; padding: 0 0 0 31px; }
.footer .col1 ul { border-left: 1px solid #aaa4a4; padding: 15px 0 0 0; }
.footer .col1 .title { background:  url(images/footer-title-blogroll.gif) no-repeat; width: 66px; height: 25px; }
.footer .col2 { width: 341px; float: left; }
.footer .col2 .title { background:  url(images/footer-title-ultimoscomentarios.gif) no-repeat; width: 150px; height: 25px; }
.footer .col2 ul { padding: 14px 15px 0 15px; line-height: 12px; }
.footer .col2 ul li { padding: 0 0 3px 0; }
.footer .col2 a { color: #f60861; font-weight: bold; text-decoration: none; }
.footer .col3 { width: 244px; float: left; }
.footer .col3 .title { background:  url(images/footer-title-tags.gif) no-repeat; width: 32px; height: 25px; }
.footer .col3 .tags { padding: 14px 15px 0 15px; text-align: center; }
.footer .col3 .tags a { color: #505050; text-decoration: none; }
.footer .col3 .tags a:hover { text-decoration: underline; }
.footer .col4 { width: 231px; float: left; }
.footer .col4 .title { background:  url(images/footer-title-flickr.gif) no-repeat; width: 42px; height: 25px; }
.footer .col4 .flickr { padding: 14px 0 0 15px; }
.footer .col4 .flickr a { border: 2px solid #34ecfc; display: block; margin: 0 0 5px 5px; width: 59px; height: 59px; float: left; background: #df0c3e; overflow: hidden; }
.footer .col4 .flickr a:hover { border: 2px solid #dcf000; }
.footer .col4 .flickr a:hover img { opacity: .5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); }

#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a { padding: 0; margin: 0; border: none; text-decoration: none; font-weight: normal; font-style: normal; list-style: none; text-transform: none; text-indent: 0px; font-variant: normal; text-align: left; line-height: 12px; letter-spacing: 0px; word-spacing: 0px; font-size: 11px; }
#wp_page_numbers { margin-top: 10px; width: 100%; margin-bottom: 10px; }
#wp_page_numbers ul { width: 100%; }
#wp_page_numbers li { float: left; display: block; }
#wp_page_numbers a { padding: 3px; padding-left: 5px; padding-right: 5px; margin-left: 2px; margin-right: 2px; display: block; color: #333; border: 1px solid #ABA5A5; }
#wp_page_numbers li a:hover { border-color: #F60861; }
#wp_page_numbers li.space { padding: 6px; padding-left: 2px; padding-right: 2px; }
#wp_page_numbers li.first_last_page { font-style: italic; }
#wp_page_numbers li.active_page a { border-color: #F60861; }
#wp_page_numbers li.active_page a:hover  { color: black; /* IE fix */ text-decoration: underline; border-color: #F60861; }
#wp_page_numbers li.page_info { float: left; display: block; padding: 3px; padding-left: 5px;	padding-right: 5px;	margin-right: 2px; color: #666; font-size: 11px; border: 1px solid #ABA5A5; border-left: 0; }

.navigation { margin-top: 10px; width: 100%; margin-bottom: 10px; line-height: 12px; font-size: 11px; }
.navigation a { padding: 3px; padding-left: 5px; padding-right: 5px; display: block; color: #333; border: 1px solid #ABA5A5; text-decoration: none; }
.navigation a:hover { border-color: #F60861; }
.navigation .alignright { float: right; }
.navigation .alignleft { float: left; }
.navigation .alignright a { border-right: 0; margin-right: 46px; }
.navigation .alignleft a { border-left: 0; }