/*
Theme Name: Willian Fernandes
Theme URI: http://willianfernandes.com.br
Description: The first theme of my blog, created in 2008
Version: 1.0
Author: Willian Fernandes
Author URI: http://willianfernandes.com.br/sobre/
*/

@import 'css/highlight.css';

/* General Configuration */
* {
    list-style:none;
    margin:0;
    padding:0;
    vertical-align:baseline;
}

body {
    background-color:#333;
    color:#333;
    font-family:Trebuchet MS, Arial, Verdana, sans-serif;
    font-size:12px;
}

img { border:none; }

label input, label textarea {
    border:1px solid #A9A9A9;
    display:block;
    font-family:Trebuchet MS, Arial, Verdana, sans-serif;
    font-size:12px;
    height:20px;
    line-height:20px;
    padding:2px;
}

label input:focus, label textarea:focus {
    border:2px solid #07195A;
    height:18px;
    line-height:18px;
}

input.botao, input.botao:focus {
	border:1px solid #FFF;
	cursor:pointer;
}

.success-message {
    background-color:#0DF;
    display:block;
    font-weight:bold;
    padding:20px;
    text-align:center;
}

div#wrapper {
    background:#FFF url('css/images/vertical_dotted.gif') repeat-y 200px;
    margin:0 auto;
    width:994px;
}

div#wrapper div#header {
	background-color:#FFF;
    border-bottom:1px dotted #07195A;
    height:68px;
}

div#wrapper div#header h1 {
    float:left;
    height:48px;
    padding:10px 0 0 10px;
    width:362px;
}

div#wrapper div#header h1 a {
    background-image:url('css/images/logo.gif');
    display:block;
    height:48px;
    overflow:hidden;
    text-indent:-99999em;
}

div#wrapper div#header ul#menu {
    float:left;
    height:20px;
    width:612px;
}

div#wrapper div#header ul#menu li {
    float:right;
    margin:0 0 0 2px;
}

div#wrapper div#header ul#menu li a {
    background-image:url('css/images/inactive_button.gif');
    color:#FFF;
    display:block;
    font:12px/20px Arial;
    height:20px;
    text-align:center;
    text-decoration:none;
    width:93px;
}

div#wrapper div#header ul#menu li a:hover { background-image:url('css/images/hover_button.gif'); }

body.home div#wrapper div#header ul#menu li.home a { background-image:url('css/images/active_button.gif'); }
body.about div#wrapper div#header ul#menu li.about a { background-image:url('css/images/active_button.gif'); }
body.feed div#wrapper div#header ul#menu li.feed a { background-image:url('css/images/active_button.gif'); }
body.contact div#wrapper div#header ul#menu li.contact a { background-image:url('css/images/active_button.gif'); }

div#wrapper div#header form#form-search {
    float:right;
/*    margin:5px 0 0 140px;*/
    margin:5px 10px 0 0;
}

div#wrapper div#header form#form-search fieldset { border:none; }

div#wrapper div#header form#form-search fieldset label {
    color:#A9A9A9;
    float:left;
    font-size:14px;
    height:40px;
    width:200px;
    position:relative;
}

div#wrapper div#header form#form-search fieldset label input {
    bottom:0;
	padding:0;
	position:absolute;
    width:200px;
}

div#wrapper div#header form#form-search fieldset input.botao {
    background-color:#A9A9A9;
    border:1px solid #A9A9A9;
    color:#FFF;
    font:bold 12px/12px Arial;
    height:22px;
    margin:18px 0 0 5px;
    width:40px;
}

div#wrapper div#main { clear:both; }

div#wrapper div#main div#sidebar {
    float:left;
    padding:10px;
    width:180px;
}

div#wrapper div#main div#sidebar h3 {
    color#444;
    font-size:14px;
    font-weight:bold;
    margin-bottom:5px;
}

div#wrapper div#main div#sidebar ul {
	margin-bottom:20px;
    color#555;
    font-size:11px;
    padding-left:5px;
}

div#wrapper div#main div#sidebar ul li { margin-bottom:5px; }

div#wrapper div#main div#sidebar ul li a {
    color:#555;
    text-decoration:none;
}

div#wrapper div#main div#sidebar ul li a:hover { text-decoration:underline; }

div#wrapper div#main div#sidebar ul li.cat-item { font-weight:bold; }
div#wrapper div#main div#sidebar ul li.cat-item a { font-weight:normal; }

div#wrapper div#main div#content {
    float:left;
    padding:20px 0 10px 20px;
    width:764px;
}

div#wrapper div#main div#content h2 {
    color:#07195A;
    font-size:24px;
    font-style:italic;
    font-weight:bold;
    line-height:24px;
    margin-bottom:3px;
}

div#wrapper div#main div#content h2 a {
    color:#07195A;
    text-decoration:none;
}

div#wrapper div#main div#content a {
    color:#071557;
	font-weight:bold;
    text-decoration:none;
}

/* Post Configuration */
div#wrapper div#main div#content p { margin-bottom:10px; }

div#wrapper div#main div#content div.post {
    background: #FFF url(images/double_bar.gif) bottom repeat-x;
    margin-bottom:20px;
}

div#wrapper div#main div#content div.post p.date {
    color:#AAA;
    font-size:10px;
    margin-bottom:15px;
}

div#wrapper div#main div#content div.post p.date span {
    color:#777;
    font-weight:bold;
}

div#wrapper div#main div#content div.post p.info {
    border-top:1px dotted #CDD1DE;
    color:#071557;
    font-size:10px;
    padding:5px 0;
}

/* Post Page Configuration */
body.post div#wrapper div#main div#content div.post {
	background:none;
	margin:0;
}

body.post div#wrapper div#main div#content div.post p.info { border-bottom:1px dotted #CDD1DE; }

div#wrapper div#main div#content div.navigation ul { 
    width:100%;
    float:left; 
}

div#wrapper div#main div#content div.navigation ul li {
    font-size:16px;
    float:left;
    width:48%;
}

div#wrapper div#main div#content div.navigation ul li.older-posts { 
    margin-left:10px;
    text-align:left;
}

div#wrapper div#main div#content div.navigation li.newer-posts { 
    margin-right:10px;
    text-align:right;
}


/* Comments Configuration */
div#comment_area div#comments {
	font-size:11px;
	margin-bottom:10px;
	padding-bottom:5px;
    background: #FFF url(images/double_bar.gif) bottom repeat-x;
}

div#comment_area div#comments h3 {
    color#444;
    font-size:14px;
    font-weight:bold;
    margin-bottom:5px;
}

div#comment_area div#comments div#no_comments {
	background-color:#FBFBFB;
	padding:10px 5px;
	text-align:center;
}

div#comment_area div#comments div#no_comments p {
	font-size:14px;
	font-weight:bold;
}

div#comment_area div#comments div.comment {
	background-color:#FBFBFB;
	color:#777;
	margin-bottom:5px;
	padding:5px;
}

div#comment_area div#comments div.comment p { margin-top:5px; }
div#comment_area div#comments div.comment p.author_data { margin:0; }
div#comment_area div#comments div.comment p.author_data a { color:#07195A; }

div#comment_area div#comments div.comment p.author_data span {
	color:#444;
	font-weight:bold;
}

div#comment_area div#comments div.comment p.author_data span.name { color:#444; }

div#comment_area form fieldset {
	border:none;
	padding:5px;
}

div#comment_area form fieldset span.help {
	color:#777;
	font-size:10px;
}

div#comment_area form fieldset label {
	color:#444;
	font-size:12px;
}

div#comment_area form fieldset label input {
	display:block;
	margin-bottom:10px;
	width:350px;
}

div#comment_area form fieldset label textarea {
	display:block;
	height:150px;
	margin-bottom:10px;
	width:528px;
}

div#comment_area form fieldset label textarea:focus { height:148px; }

div#comment_area form fieldset input.botao {
	background-color:#AAA;
	color:#FFF;
	float:right;
	font:bold 12px;
	height:22px;
	line-height:22px;
	width:60px;
}

/* Contact Page Configuration */
body.contact div#content fieldset {
	border:none;
	padding:5px;
}

body.contact div#content form fieldset span.help {
	color:#777;
	font-size:10px;
}

body.contact div#content form fieldset label {
	color:#444;
	font-size:12px;
}

body.contact div#content form fieldset label input {
	display:block;
	margin-bottom:10px;
	width:350px;
}

body.contact div#content form fieldset label textarea {
	display:block;
	height:150px;
	margin-bottom:10px;
	width:528px;
}

body.contact div#content form fieldset label textarea:focus { height:148px; }

body.contact div#content form fieldset input.botao {
	background-color:#AAA;
	color:#FFF;
	float:right;
	font:bold 12px;
	height:22px;
	line-height:22px;
	width:60px;
}

/* Footer Configuration */
div#wrapper div#footer {
    background-color:#333;
    clear:both;
    color:#777;
	height:32px;
	text-align:center;
}

div#wrapper div#footer address {
	font-style:normal;
	line-height:32px;
}

div#wrapper div#footer address a {
    color:#777;
    font-weight:bold;
    text-decoration:none;
}

.wp_syntax{
    background:#EEE;
    overflow:auto;
    width:764px;
}

.line_numbers {
    background:#336;
    color:white;
    padding:0 5px;
}

pre {
    margin:2px 0 10px 0;
}