@charset "utf-8";

/*
Theme Name: Jorge Bischoff
Theme URI: http://www.jorgebischoff.com.br/
Description: Layout e Template desenvolvidos pela <a href="http://mundusmobile.com.br/">Mundus Móbile</a> para o blog Jorge Bischoff.
Version: 1
Author: Guilherme Machiavelli
Author URI: http://mundusmobile.com.br/

*/

body {
	font: 11px/1.35 "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666;
	background: #fff
}

strong  { font-weight: bold }
em { font-style: italic }
a { color: #f2c0a2 }
a:hover { color: #a66e4e; text-decoration: underline }
h3{ font-size: 1.4em; color: #a66e4e }
h3 a{ color: #a66e4e }
input { border: 0 }

#wrap {
	width: 760px;
	position: relative;
	margin: 0 auto
}

#header, #sidebar {
	float: right;
	clear: right;
	padding-top: 5em;
	width: 250px
}

#logo { margin-bottom: 3em }

#sobre {
	background: #f2f2f2;
	padding: 1em
}

#sobre h2 { color: #a66e4e; font-size: 1.5em }

#twitter, #rss {
	position: absolute; 
	top: 0;	right: 0;
	background: #f2f2f2;
	display: block;
	padding: 0.5em 1.5em;
	color: #a66e4e
}

#twitter { right: 60px; background: #d3f2ce; padding: 1px 2px 2px 2px } 

#rss:hover { background: #d3f2ce }

#busca {
	background: #d3f2ce;
	padding: 1em;
}

#busca h2 { display: inline; font-size: 1.4em; color: #a66e4e }

#busca input { 
	width: 155px;
	height: 15px;
	position: relative; top: -1px
}

#busca input.enviar { width: 21px; height: 15px; top: 1px }

#sidebar { padding-top: 1.5em }

#sidebar .article {
	width: 114px;
	margin: 1em 1em 0 0;
	float: left;
}

.article li { margin-left: 1em; }

#sidebar a { color: #666 }
#sidebar a :hover { color: #f2c0a2 }

#sidebar .article.links {
	width: 250px;
	clear: both;
	margin-top: 1em;
	padding-top: 1em;
	border-top: #cad9bf 1px solid
}

#logos {
	float: left;
	width: 250px;
	clear: both;
	margin-top: 2em;
	text-align: center
}

#content {
	width: 350px;
	background: #fff url(imgs/sombra.png) repeat-y right top;
	padding: 12em 160px 2em 0;
	_padding-right: 70px
}

.post {
	width: 400px;
	padding-left: 3em;
	margin-bottom: 2em
}

.post h2 { color: #cad9bf }

.post h3 { font-size: 2em }

.post h3 a { display: block }

.post h3 a:hover { text-decoration: none; color: #d3f2ce; background: 0 }

.post  p { margin: 0.5em 0 }

.post .article img {
	display: block;
	margin: 0.5em auto
}

.meta dt, .meta dd {
	color:#666;
	display:inline
}

.comments-counter {
	background: #d3f2ce;
	padding: 0.5em;
	float: right;
	color: #a66e4e
}

.comments {  margin-top: 4em }

.comments li { margin: 1em 0 }

.comments h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #a66e4e;
	display: inline
}

.comments h5 {
	font-style: italic;
	color: #aaa;
	display: inline
}

.comments div {
	background: #f2f2f2;
	padding: 1.5em 1em
}

.comments .even div { background: #d3f2ce }

.comments form label {
	display: block;
	margin-top: 1em;
	color: #a66e4e
}

.comments form input, .comments form textarea {
	border: #666 1px solid;
	width: 100%
}

.comments form input.send { width:48px; height: 25px; border: 0; margin: 1em 0}

.comments em { font-style: italic; color: #666 }


#cabeca {
	position: absolute;	top: 0; left: 0;
	padding-left: 2px
}