/*
Theme Name: WB (White and Black)
Theme URI: http://luishenrique.org/
Description: White and black theme with Georgia font.
Version: 1.0 Beta
Author: Luis Henrique
Author URI: http://luishenrique.org
Tags: white, black, georgia
*/

@import url("forms.css");

/* reset */
* { margin:0; padding:0; }
.clear { clear:both; border:none; }
img, img a, a img { padding:3px; border:2px solid #555; margin:10px; }
img a:hover, a img:hover { border-color:#000; }
acronym { cursor:help; border-bottom:1px dotted #333; }
.wp-smiley { border:0; padding:0; margin:0; }
blockquote  { margin: 1.5em; color: #666; font-style: italic; font-size:130%; }
.centro { text-align:center; margin-left:auto; margin-right:auto; }
.esquerda { float: left; }
.direita { float: right; }

.wp-post-image { border:0; padding:2px; }

/* body */
body { background:#fff; border-top:5px solid #000; color:#000; font: 90%/1.5 Helvetica, Corbel, Arial, sans-serif; line-height:140%; }

/* links */
a { color:#000; text-decoration:underline; }
a:hover { text-decoration:none; }
#content * [rel~=external] { background: url(images/external.gif) right center no-repeat; padding-right: 14px; }
#content a.feed { background:url(images/feed.png ) right center no-repeat; padding-right:20px; }

/* page */

#page { margin: 80px auto 10px; width:940px; background:#fff; position:relative; }

#columns { width:100%; margin:40px auto; }
/*.col1, .col2 { width: 46%; float: left; padding: 0 12px; }
/*.col2 { border-left:1px solid #ccc; margin-bottom: 30px; }*/
.col1 .sociable, .col2 .sociable, #columns .entry .sociable { text-align: right }
/*.index_titulos { height: 60px; }*/

.postthumb { background: url(images/bg_thumbs.png) no-repeat top left; padding:4px; margin:0px 10px 4px 0 }
.postthumb a img { border:0; margin:5px 0 0; padding:0; }

/* header */
#header #logo { width: 100%; text-align: center; margin-bottom: 60px; }
#header #logo h1 a { letter-spacing: -5px; text-decoration: none; color: #000; font-weight: 700; font-size: 74px; } 
#header #logo h1 a small { font-size:50%; } 

/* menu topo */
#topmenu ul { list-style:none; height: 60px; width: 80%; margin: 0 auto; }
#topmenu ul li { display:inline; float:left; width: 16%; text-align: center;  } 
#topmenu ul li a { padding: 6px 10px; font-size: 140%; text-decoration: none; border-bottom: 2px solid #fff; }
#topmenu ul li a:hover, #topmenu ul li.current a { border-color:#000; }
#topmenu ul li a { text-transform:lowercase; }

/* conteudo */
#content { padding:0px 0 5px; position:relative; border-bottom:1px solid #fff; }
#content ul, #content ol { margin:10px 25px; }
#content p { margin:15px 0; }

/* post */
.entry { margin:15px 0 20px; padding-top:6px; }
.entry .datepost { font-size:85%; font-weight: 700; }
.entry h2 { margin: 40px 0 20px }
ul.postinfo { list-style:none; clear:both; padding:12px 0 0; margin-right:0 !important; text-align:right; }
ul.postinfo li { display:inline; margin:0 4px; }
ul.postinfo li.comments a { background:url(images/comments.png) no-repeat left center; padding-left:18px;  }
ul.postinfo li.tags a { background:url(images/tags.png) no-repeat left center; padding-left:18px;  }
ul.postinfo li.edit a { background:url(images/edit.png) no-repeat left center; padding-left:18px; }
ul.postinfo li.continue a { background:url(images/continue.png) no-repeat left center; padding-left:20px; }
ul.postinfo li.calendar { background:url(images/date.png) no-repeat left center; padding-left:18px;  }
.entry h3 { margin:30px 0 10px; }
h3.title { margin:0; }
h3.title a { font-size:160%; text-decoration:none; padding:4px 0; letter-spacing: -1px; }
h3.title a:hover { background: black; color:#fff; }
h3.index_post_title a { margin-top: 20px; }
small p.tags_post { background:url(images/tags.png) no-repeat left center; padding-left:20px; }
.postmetadata { border:1px solid #ccc; padding:0 12px; margin-bottom:30px; clear:both; }

/* comentarios */
#postcomments { margin-top:20px; }
#postcomments h2 { margin-bottom:30px; }
ol.commentlist ul li { margin:0; padding:0; }
.commentauthor { border-bottom:2px solid #000; padding:4px; font-size:120%; color:#000; clear:both; }
.commentauthor a { color:#000; }
.commentone { width:100%; padding:6px; }
.commentone small { float:right; padding:5px; font-size:110% }
ol.commentlist li { margin:10px auto; }
.commenttext { width:90%; float:right; font-size:85% }
.commentmeta { width:10%; }
.commentavatar img { margin:12px; background:#fff; padding:5px; border:1px solid #ccc; }
.commentmeta ul { list-style:none; margin:0 !important;; }

/* formulario de comentarios */
#respond { width:60%; margin:15px; border-left:2px solid #ccc; padding:20px; }
#respond:hover { border-color:#000; }
#commentform textarea { width:100%; }
#commentform textarea, #commentform input { padding:5px; border:1px solid #999; }
#commentform textarea:focus, #commentform input:focus { border:2px solid #000; }

/* menu abaixo do content */
#sidebar { width:100%; float:left; padding:0 0 20px; background:#000; color:#fff; clear:both; }
#sidebardois,#sidebarum { width:48%; float:left; padding:20px 0; }
#sidebar div.limite { width:940px; margin:0 auto; }
#sidebar ul li { margin:5px 15px; }
#sidebar strong { border-bottom:1px solid #fff; color:#fff; }
#sidebar a, #sidebardois a { color:#fff; text-decoration:underline; }
#sidebar a:hover, #sidebardois a:hover { text-decoration:none; }
#sidebar ul, #sidebardois ul { margin:10px 0; }
#sidebardois h3, #sidebar h3 { margin:30px 0 6px; }

#search { width:100%; margin-bottom:20px; }
#search h3 { background:url(images/search.png) no-repeat left center; text-indent:22px; }
#search input#s { width: 50%; text-align:left; padding:4px 12px; border:1px solid #999; }
#search input#b { padding:3px; border:1px solid #999; background:#fff; }
#search input#s:focus, #search input#b:focus { border-color:#000; color:#000; }

#sidebar #twitter_plugin { width:80%; }
#sidebar #twitter_plugin h3 { background:url(images/twitter_favicon.png) no-repeat left center; text-indent:22px; }
#sidebar #twitter_plugin ul li { margin:15px 0 0; }

#aboutme a img { float:left; }
#aboutme a:hover img { border-color:#ccc; }

ul.ondeestou li { padding-left:24px; margin-bottom:4px; }
ul.ondeestou li.twitter { background:url(images/twitter.gif) no-repeat left center; }
ul.ondeestou li.flickr { background:url(images/flickr.gif) no-repeat left center; }
ul.ondeestou li.jabber{ background:url(images/jabber.png) no-repeat left center; }
ul.ondeestou li.delicious{ background:url(images/delicious.png) no-repeat left center; }
ul.ondeestou li.bloglines{ background:url(images/bloglines.png) no-repeat left center; }
ul.ondeestou li.facebook { background:url(images/facebook.png) no-repeat left center; }

/* rodape */
#footer { text-align:center; padding:30px 0; clear:both; }

/* alterna tamanho da fonte */
.fs1 { font-size: 80%; }
.fs2 { font-size: 95%; }
.fs3 { font-size: 115%; }

/* download box */
.download-box { background:#dcf8a6; border:2px solid #90b845; width:300px; padding:10px; -moz-border-radius:10px }
.download-box p { margin-bottom: 0 !important }