/*
Theme Name: Twiround
Theme URI: http://www.pedro-lopes.com/
Description: Um simples theme wordpress com CSS3. Baseado no Twitter.com
Version: 1.5
Author: Pedro Lopes (ORiOn)
Author URI: http://www.pedro-lopes.com/
*/


/* PRINCIPAL */
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;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

body {
 font-family: Verdana, Tahoma; 
 font-size: 12px;
 background: #8F0002;
 color: #000000;
}

ol, ul {
list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

img {border: 0px;}

.clear {clear: both;}

#wrapper {margin: 0 auto; width: 975px;}

a, a:visited {color: #8F0002; text-decoration: none; font-weight: bold;}
a:hover, a:visited:hover {color: #8F0002; text-decoration: none; font-weight: bold;}

.roundedborder {
 padding: 5px;
 -moz-border-radius: 3px;
 -khtml-border-radius: 3px;
 -webkit-border-radius: 3px;
}
/* END PRINCIPAL */

/* Header */
#header {
 width: 100%;
 height: 150px;
}

#titulosite {
 float: left;
}
#titulosite h1 {
 font-size: 46px;
 line-height: 150px;
}
#titulosite h1 a {
 color: #fff;
}

#header_right {
 color: #fff;
 margin-top: 40px;
 float: right;
 position: relative;
 right: 0px;
 background: url('images/preto-trans.png') repeat transparent;
 -moz-border-radius: 3px;
 -khtml-border-radius: 3px;
 -webkit-border-radius: 3px;
 padding: 5px;
}

#pesquisa form input.button {
 color: #8F0002;
 text-decoration: none;
 background-color: #fff;
 padding: 2px 0;
 -moz-border-radius: 3px;
 -khtml-border-radius: 3px;
 -webkit-border-radius: 3px;
 border: none;
}

#social {margin-top: 4px; margin-left: 1px;}
#social a {margin-right: 2px;}


#links_bar {
 width: 100%;
 height: 30px;
 color: #fff;
 margin: 0 0 10px 2px;
 padding-top: 2px;
 list-style: none;
}

/* Menus drop-down */ 
#links_bar li a, #links_bar li a:visited {
 text-align: center;
 display: block;
 text-decoration: none;
 color: #000;
 padding: 0px 9px 0 9px;
 margin: 0px 5px 2px 0;
 line-height: 25px;
}
#links_bar li a:hover, #links_bar li a:visited:hover {
 color: #fff;
 text-decoration: none;
 background-color: #8F0002;
 -moz-border-radius: 3px;
 -khtml-border-radius: 3px;
 -webkit-border-radius: 3px;
}
  
#links_bar li ul li a, #links_bar li ul li a:visited {
 width: 180px;
 text-align: left;
 display: block;
 text-decoration: none;
 color: #000;
 padding: 0px 9px 0 9px;
 margin: 0px 5px 2px 10px;
 line-height: 25px;
 background-color: #8F0002;
 -moz-border-radius: 3px;
 -khtml-border-radius: 3px;
 -webkit-border-radius: 3px;
}
#links_bar li ul li a:hover, #links_bar li ul li a:visited:hover {
 color: #fff;
 text-decoration: none;
 background-color: #8F0002;
}

#links_bar li ul li ul li a {
 margin-left: 10px;
}

#links_bar li ul {position: absolute; visibility: hidden; list-style: none;}
#links_bar li:hover ul, #links_bar li.hover ul {visibility: visible;}
#links_bar li:hover ul ul, #links_bar li.hover ul ul {visibility: hidden;}
#links_bar li li:hover ul, #links_bar li li.hover ul {visibility: visible;}
#links_bar li li:hover ul ul, #links_bar li li.hover ul ul {visibility: hidden;}
#links_bar li li li:hover ul, #links_bar li li li.hover ul {visibility: visible;}

#links_bar li {float: left;}
#links_bar li ul li {float: none;}

#links_bar ul .current_page_item a, #links_bar ul .current_page_item a:visited, #links_bar ul .current-cat a, #links_bar ul .current-cat a:visited {
 color: #fff;
 text-decoration: none;
 background-color: #8F0002;
 -moz-border-radius: 3px;
 -khtml-border-radius: 3px;
 -webkit-border-radius: 3px;
}
/* Menus drop-down */
/* END Header */

#container {
 width: 100%;
 background: #ffffff;
 -moz-border-radius: 5px;
 -khtml-border-radius: 5px;
 -webkit-border-radius: 5px;
}

/* Artigos */
#artigos {
 float: left;
 width: 615px;
 margin: 10px;
}

.artigo {
 padding: 5px 5px 10px 5px;
 margin-bottom: 20px;
 border-bottom: #8F0002 solid 1px;
}

.artigo .titulo_index h2 {
 font-size: 18px;
 margin-bottom: 10px;
}
.artigo .titulo_index h2 a, .artigo .titulo_index h2 a:visited {
 text-decoration: none;
 color: #8F0002;
}
.artigo .titulo_index h2 a:hover, .artigo .titulo_index h2 a:visited:hover {
 text-decoration: none;
 color: #8F0002;
}

.artigo .miniatura img {
 width: 120px;
 height: 120px;
 float: left;
 margin: 0 5px 5px 0;
}

.artigo p {padding-bottom: 13px; line-height: 18px;}

.texto_index .lermais_comments { float: right; margin-top: 10px; }
.lermais_comments span a, .lermais_comments span a:visited {
 font-size: 11px;
 line-height: 25px;
 display: block;
 padding: 0 15px 0 15px;
 margin-left: 10px;
 color: #fff;
 text-decoration: none;
 font-weight: normal;
 background: #8F0002;
 float: left;
 -moz-border-radius: 3px;
 -khtml-border-radius: 3px;
 -webkit-border-radius: 3px;
}
.lermais_comments span a:hover, .lermais_comments span a:visited:hover {
 color: #fff;
 text-decoration: none;
 background: #8F0002;
}

.artigo-post .titulo h2 {
 font-size: 20px;
 color: #8F0002;
 margin-bottom: 0px;
}

.artigo-post .post-info {
 color: #ACACAC;
 margin-bottom: 10px;
}
.artigo-post .post-info a, .artigo-post .post-info a:visited {
 color: #ACACAC;
 font-weight: bold;
 text-decoration: none;
}
.artigo-post .post-info a:hover, .artigo-post .post-info a:visited:hover {
 color: #1B8B99;
 font-weight: bold;
 text-decoration: none;
}

.artigo-post .texto p {padding-bottom: 13px; line-height: 18px;}

.artigo-post .texto blockquote {
 margin: 0 0 15px 10px;
 padding: 10px;
 background: #F5F5F5;
 border-left: solid #161616 2px;
}

.aligncenter {
 display: block;
 margin-left: auto;
 margin-right: auto;
}
.alignright {
 margin-left: 5px;
 float: right;
}
.alignleft {
 margin-right: 5px;
 float: left;
}

#authorbox {
 padding: 5px;
 background: #8F0002;
 -moz-border-radius: 2px;
 -khtml-border-radius: 2px;
 -webkit-border-radius: 2px;
}

#authorbox .avatar {
 width: 80px;
 height: 80px;
 float: left;
}

#authorbox #aboutauthor {
 width: 515px;
 float: right;
}

.artigo-post #tags {
 color: #969696;
 padding-left: 18px;
 background: url('images/tags.png') no-repeat left top;
 vertical-align: middle;
 margin: 10px 0;
}
.artigo-post #tags a, .artigo-post #tags a:visited {color: #ccc; text-decoration: none;}
.artigo-post #tags a:hover, .artigo-post #tags a:visited:hover {color: #1B8B99; text-decoration: none;}

/* Paginations */
#pagination {
 margin: 5px 0 5px 0;
 text-align: center;
 padding: 8px 4px;
 background: #8F0002;
 -moz-border-radius: 2px;
 -khtml-border-radius: 2px;
 -webkit-border-radius: 2px;
}

.wp-pagenavi a, .wp-pagenavi a:link {
 padding: 2px 4px 2px 4px;
 margin: 2px;
 text-decoration: none;
 border: 1px solid #99CBDF;
 color: #0066cc;
 background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
 padding: 2px 4px 2px 4px;
 margin: 2px;
 text-decoration: none;
 border: 1px solid #99CBDF;
 color: #0066cc;
 background-color: #FFFFFF; 
}
.wp-pagenavi a:hover { 
 border: 1px solid #969696;
 color: #969696;
 background-color: #FFFFFF;
}
.wp-pagenavi a:active {
 padding: 2px 4px 2px 4px;
 margin: 2px;
 text-decoration: none;
 border: 1px solid #99CBDF;
 color: #0066cc;
 background-color: #FFFFFF; 
}
.wp-pagenavi span.pages {
 padding: 2px 4px 2px 4px;
 margin: 2px 2px 2px 2px;
 color: #969696;
 border: 1px solid #969696;
 background-color: #FFFFFF;
}
.wp-pagenavi span.current {
 padding: 2px 4px 2px 4px;
 margin: 2px;
 font-weight: bold;
 border: 1px solid #969696;
 color: #969696;
 background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
 padding: 2px 4px 2px 4px;
 margin: 2px; 
 border: 1px solid #969696;
 color: #969696;
 background-color: #FFFFFF;
}
/* END Paginations */
/* END Artigos */

/** COMMENTS */
.comments-header {
 font-size: 16px;
 padding: 0 0 0 5px;
 margin-bottom: 5px;
 line-height: 25px;
 color: #fff;
 background: #8F0002;
 -moz-border-radius: 3px;
 -khtml-border-radius: 3px;
 -webkit-border-radius: 3px;
}

#comentarios li {
 list-style:none;
 margin-bottom: 20px;
 background: #ffffff; 
 border-bottom: 2px solid #8F0002;
}
#comentarios .comment-meta {
 padding: 2px 3px 2px 3px;
 border: 1px solid #8F0002;
 -moz-border-radius: 3px;
 -khtml-border-radius: 3px;
 -webkit-border-radius: 3px;
}
#comentarios .avatar {
 float: left;
 margin-right: 5px;
}
#comentarios .comment-reply {
 float: right;
 margin-right: 5px;
}
#comentarios .comment-text {
 margin: 5px 5px 10px 5px;
}
#comentarios .comment-text p {
 margin-bottom: 10px;
}

#commentform .comment_input {
 width: 250px;
 border: 1px solid #8F0002;
 background: #8F0002;
 padding: 5px;
 margin-bottom: 2px;
}
#commentform .comment_input:focus {border: 1px solid #8EC1DA; background: #fff;}
#commentform .comment_textarea {
 width: 605px;
 height: 155px;
 border: 1px solid #8F0002;
 background: #fff;
 padding: 5px;
}
#commentform .comment_textarea:focus {border: 1px solid #8EC1DA; background: #fff;}
#commentform .comment_button {
 width: 80px;
 height: 25px;
 vertical-align: middle;
 margin-top: 5px;
 cursor: pointer;
 color: #fff;
 text-decoration: none;
 background-color: #8F0002;
 padding: 2px 0;
 -moz-border-radius: 3px;
 -khtml-border-radius: 3px;
 -webkit-border-radius: 3px;
 border: none;
}
#commentform .comment_button:focus {border: 1px solid #8EC1DA; background: #fff;}
/** END COMMENTS */

/* Sidebar */
#sidebar {
 float: right;
 width: 320px;
 margin: 10px;
}

.menu {
 margin-bottom: 20px;
}
.menu .titulo h2 {
 font-size: 15px;
 padding: 0 0 0 5px;
 margin-bottom: 5px;
 line-height: 25px;
 color: #fff;
 background: #8F0002;
 -moz-border-radius: 3px;
 -khtml-border-radius: 3px;
 -webkit-border-radius: 3px;
}
.menu .content_menu {
 padding: 0 0 10px 5px;
 border-bottom: 1px solid #8F0002;
}

.rounded-menu {
 padding: 5px;
 margin-bottom: 10px;
 background: #8F0002;
 -moz-border-radius: 2px;
 -khtml-border-radius: 2px;
 -webkit-border-radius: 2px;
}
/* END Sidebar */

/* ManutenÃ§Ã£o */
#maintenance {
 width: 600px;
 margin: 0 auto;
}
#maintenance h1 {
 font-size: 60px;
 line-height: 150px;
}
#maintenance h1 a {
 color: #2276BB;
}
#maintenance #content {
 width: 580px;
 background: #fff;
 -moz-border-radius: 5px;
 -khtml-border-radius: 5px;
 -webkit-border-radius: 5px;
 padding: 10px;
}
/* END ManutenÃ§Ã£o */

/* Footer */
#footer {
 margin: 20px 0 10px 0;
 width: 975px;
 background-color: #fff;
 -moz-border-radius: 5px;
 -khtml-border-radius: 5px;
 -webkit-border-radius: 5px;
}
#footer #wrapp {
 padding: 5px;
 color: #000;
}

.footer_column {
 width: 310px;
 float: left;
 margin: 0 5px 20px 5px;
}
.footer_column .wrap_column {
 margin: 5px;
}
.footer_column .wrap_column h2 {
 font-size: 16px;
 padding-bottom: 2px;
 border-bottom: 2px solid #8F0002;
 margin-bottom: 10px;
}

.footer_column #artigos_recentes li {
 padding-bottom: 2px;
 border-bottom: 1px solid #8F0002;
 margin-bottom: 5px;
}
.footer_column #artigos_recentes li a {
 display: block;
 height: 30px;
}
.footer_column #artigos_recentes li img {
 float: left;
 margin-right: 8px;
 width: 30px;
 height: 30px;
}

.footer_column .wrap_column #twitter_div ul li {
 padding-bottom: 2px;
 border-bottom: 1px solid #8F0002;
 margin-bottom: 5px;
}

#footer #wrapp #copyright #logowp, #footer #wrapp #copyright #text {
 float: left;
}
#footer #wrapp #links {
 text-align: right;
 float: right;
}
/* END Footer */
