/*
Theme Name: Default
Theme URI: http://luishenrique.org/
Description: Default theme by me.
Version: 1.0
Author: Luis Henrique
Author URI: http://luishenrique.org
Tags: web2
*/

@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; }
.regex { font-family: Monospace; padding: 2px 6px; border: 1px solid silver; display: block; margin-bottom: 5px; background: #fff }

/* body */
body { background: #11283D; 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; }


.box {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow: 1px 2px 6px rgba(0,0,0, 1);
	-moz-box-shadow: 1px 2px 6px rgba(0,0,0, 1);
	-webkit-box-shadow: 1px 2px 6px rgba(0,0,0, 1);
	background: #F2F2F2;
	border: 2px solid #ffffff;
	padding: 20px;
}

/* page */
#page { margin: 40px auto 0; width:940px; position:relative; }
#columns { width:100%; margin: 20px 0; }
#col1 { float: left; width: 58%; border-right:1px solid #ccc; margin-right: 10px }
#col2 { width: 39%; float: right }
#col1, #col2 {  padding: 0 2px; }

.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 { height: 45px }
#header a { color: #fff !important }
#header #logo { float: left; text-align: center; margin-bottom: 60px; }
#header #logo h1 a { letter-spacing: -2px; background: #0D1E2E; text-decoration: none; font-weight: 700; font-size: 34px; border-radius: 10px; -moz-border-radius: 10px; padding: 4px 10px } 
#header #logo h1 a:hover { text-decoration: underline }

/* menu topo */
#topmenu ul { list-style:none; height: 60px; float: right }
#topmenu ul li { display:inline; float:left; text-align: center; margin-left: 2px } 
#topmenu ul li a { padding: 6px 12px; font-size: 140%; text-decoration: none; border-radius: 12px; -moz-border-radius: 12px }
#topmenu ul li a:hover, #topmenu ul li.current a { background: #0D1E2E; color: #fff }
#topmenu ul li a { text-transform:lowercase; }

/* conteudo */
#content { position:relative; margin-bottom: 20px }
#content ul, #content ol { margin:10px 25px; }
#content p { margin:15px 0; }

/* post */
.entry { margin: 0 0 5px; }
.postdate { margin-left: 8px; }
.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: 20px 0 10px 0 }
.entry h3.title { margin-left:0 !important; }
h3.title a { font-size:130%; text-decoration:none; padding:4px 8px; letter-spacing: -1px; border-radius: 10px; -moz-border-radius: 10px; }
h3.title a:hover { background-color: #0D1E2E; 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; }*/
.postcomments a { background: url(images/comments_icon.png) no-repeat 4px center; padding-left: 32px !important }

ul.tags_post { list-style-type: none; margin-left: 0 !important; }
ul.tags_post li { float: left; display: inline; margin-right: 3px; }
.pseudobutton { float: right; margin-left: 3px; }
ul.tags_post li a, .pseudobutton a { padding: 4px 10px; background: #505050; color: #fff; border-radius: 10px; -moz-border-radius: 10px; text-decoration: none }
ul.tags_post li a:hover, .pseudobutton a:hover { background: #0D1E2E }

/* 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%; padding:5px; border: 1px solid #505050; background: #fff; -moz-border-radius:10px; border-radius: 10px; }
#commentform input { padding:5px; border: 1px solid #505050; cursor: pointer; background: #FFF; color: #222; -moz-border-radius:10px; border-radius: 10px; }
#commentform input[type="submit"] { background: #0D1E2E; color: #fff; border: 2px solid #0D1E2E }
#commentform textarea:focus, #commentform input:focus { border-color: #0D1E2E; }

/* menu abaixo do content */
#sidebar { width:100%; float:left; padding:0 0 20px; background:#0D1E2E; 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 { list-style-type: none; margin-left: 0 !important; margin: 0 auto !important }
ul.ondeestou li { float: left }
ul.ondeestou li a { margin-right: 1px; font-size: 130%; font-weight: 700; display: block; width: 64px; height: 64px; -moz-border-radius:10px; border-radius: 10px; text-indent: -9999px; outline: 0 }

ul.ondeestou li.flickr a { background: url(images/flickr_icon.png) no-repeat center center }
ul.ondeestou li.vimeo a { background: url(images/vimeo_icon.png) no-repeat center center }
ul.ondeestou li.rss a { background:url(images/rss_icon.png) no-repeat center center;  }
ul.ondeestou li.twitter a { background:url(images/twitter_icon.png) no-repeat center center; }
ul.ondeestou li.lastfm a { background:url(images/lastfm_icon.png) no-repeat center center; }
ul.ondeestou li.linkedin a { background:url(images/linkedin_icon.png) no-repeat center center; }

#tagcloud { margin-top: 30px; }

/* 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; border-radius: 10px }
.download-box p { margin-bottom: 0 !important }