/*
Theme Name: Xorna Theme
Theme URI: 
Description: Tema totalmente criado a partir do zero por mim
Version: 0.1
Author: André Gustavo Espeiorin
Author URI: http://blogdoxorna.com
*/
@import 'reset.css';

html{ 
	background: #2E3233;
	font: 11px verdana;
	color: #CCC;
}
strong{
	font-weight: bold;
}
a{
	outline: none;
	color: #999;
}

#page{
	width: 995px;
	margin: 0 auto;
}
#header{
	height: 30px;
	margin-top: 20px;
}
#header h1 a{
	display: block;
	background: url(images/title.gif) left top no-repeat;
	width: 259px;
	height: 32px;
	text-indent: -20000px;
}
#headerimg{
	float: left;
}
#rss-link{
	float: right;
}
#rss-link a{
	display: block;
	width:32px;
	height: 32px;
	background: url(images/rss.gif) left top no-repeat;
	text-indent: -20000px; 
}
#blog-menu{
	background: #1C1E1F;
	height: 21px;
	border-top: 1px solid #2C2F2F;
	border-bottom: 1px solid #2C2F2F;
	margin-top: 10px;
	margin-bottom: 15px;
}
#blog-menu ul{
	margin-top: 3px;
	float: left;
}
#blog-menu ul li{
	display: inline;
	list-style: none;
}
#blog-menu ul li a{
	color: #CCC;
	text-decoration: none;
	padding: 0 7px;
}
#blog-menu ul li a:hover{
	text-decoration: underline;
}
#sidebar{
	width: 206px;
	float: right;
}
.side-widget{
	border: 1px solid #3E4243;
	padding: 5px;
	margin-bottom: 10px;
}
.side-widget:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	height: 0;
}
.side-widget h2{
	font-weight: bold;
	font-size: 1.2em;
	color: #AAA;
}
.social-icons{
	width: 174px;
	margin: 10px auto 0;
	left: 5px;
	position: relative;
}
.social-icons li{
	display: block;
	width: 48px;
	height: 48px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px
}
.social-icons li a{
	display: block;
	background: #FFF;
	width: 48px;
	height: 48px;
	text-indent: -20000px;
}
.social-icons .drimio-icon a{
	background: url(images/social-drimio.gif) left top no-repeat;
}
.social-icons .twitter-icon a{
	background: url(images/social-twitter.gif) left top no-repeat;
}
.social-icons .lastfm-icon a{
	background: url(images/social-lastfm.gif) left top no-repeat;
}
.social-icons .flickr-icon a{
	background: url(images/social-flickr.gif) left top no-repeat;
}
.social-icons .delicious-icon a{
	background: url(images/social-delicious.gif) left top no-repeat;
}
.social-icons .facebook-icon a{
	background: url(images/social-facebook.gif) left top no-repeat;
}
.social-icons .linkedin-icon a{
	background: url(images/social-linkedin.gif) left top no-repeat;
}
.social-icons .orkut-icon a{
	background: url(images/social-orku.gif) left top no-repeat;
}
.social-icons .live-icon a{
	background: url(images/social-live.gif) left top no-repeat;
}
#content{
	width: 775px;
	float: left;
	margin-bottom: 15px;
}
.post{
	border: 1px solid #3E4243;
	padding: 5px;
	margin-bottom: 10px;
}
.post h2{
	margin-bottom: 5px;
}
.post h2 a{
	font-size: 1.4em;
	color: #AAA;
	font-weight: bold;
	text-decoration: none;
}
.post h2 a:hover{
	text-decoration: underline;
}
.post .date{
	font-style: italic;
	margin-bottom: 3px;
}
.post .entry p{
	text-indent: 15px;
}
.post .entry p a, #postmetadata a, .date a{
	color: #999;
	text-decoration: none;
}
.post .entry p a:hover, #postmetadata a:hover, .date a:hover{
	background: #999;
	color: #2E3233;
}
.post ul{
	margin: 3px 0 3px 15px;
}
.post ul li{
	list-style: square;
	margin-bottom: 3px
}
.post .sociable{
	border: 1px solid #999;
	display: table;
	padding: 5px;
	margin: 10px auto 0;
	background: #222;
}
.post p a img{
	margin: 10px 0;
}
.post .sociable .sociable_tagline{
	margin-bottom: 3px;
}
.post pre{
	background:#222222 none repeat scroll 0 0;
	border:1px solid #999999;
	width: 90%;
	margin: 5px auto;
	padding: 8px;
	overflow: auto;
}
#postmetadata{
	margin-top: 10px;
}
#postmetadata .tags{
	margin: 5px 10px;
	padding: 1px 0 3px 20px;
	background: url(images/tags.gif) left top no-repeat;
	display: table;
}
#postmetadata .send-twit{
	margin: 5px 10px;
	padding: 1px 0 3px 20px;
	background: url(images/add-twit.gif) left top no-repeat;
	display: table;
}
#postmetadata .categories, #postmetadata .comments{
	margin: 0 10px 5px;
}
.alignleft{
	float: left;
}
.alignright{
	float: right;
}
#footer{
	clear: both;
	background: #EB6F00;
	padding: 10px;
}
#footer:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	height: 0;
	
}
#last-comments{
	border: 1px solid;
	float:left;
	padding:6px;
	width:31%;
	margin-right: 2%;
}
#footer h2{
	font-size: 1.4em;
	font-weight: bold;
}
#footer ul{
	margin-left: 15px;
}
#footer li{
	margin: 4px 0;
	list-style: square;
}
#footer a{
	text-decoration: none;
	color: #2E3233;
}
#footer a:hover{
	text-decoration: underline;
	color: #333;
}
#most-commented, #last-posts{
	border: 1px solid;
	float:left;
	padding:6px;
	width:30%;
	margin-right: 2%;
}
#last-posts{
	margin-right: 0;
}
#blog-footer{
	clear: both;
}
#blog-footer a{
	float: right;
	display: block;
	width: 20px;
	height: 20px;	
	text-indent: -20000px;
	margin-left: 10px;
}
#blog-footer .rss-icon{
	background: url(images/rss2.gif) left top no-repeat;
}
#blog-footer .atom-icon{
	background: url(images/atom.gif) left top no-repeat;
}
#blog-footer .wordpress-icon{
	background: url(images/wordpress.gif) left top no-repeat;
}
.post-navigation{
	display:table;
	margin-bottom:5px;
	width:100%;
}
.post .single-title{
	font-size: 1.4em;
	font-weight: bold;
	color: #999;
}
.commentlist li .comment-item{
	border: 1px solid #3E4243;
	padding: 5px;
	margin-bottom: 10px;
}
#commentform p{
	margin-bottom: 5px;
}
.busca{
	float: right;
}