/* global */
body {background:#FFF;}
body, form, fieldset, label, legend, input, select, textarea, option, img, p, h1, h2, h3, h4, h5, h6, table, tr, td, th, tbody, thead, tfoot, caption, ul, dl, ol, li, dd, dt, code, pre {margin:0; padding:0;}
body, form, fieldset, img, legend {border:0;}
ul, ol {padding-left:30px;}
table {border-collapse:collapse; border-spacing:0;}

a {cursor:pointer;}
p {padding-bottom:15px;}
a img {border:0;}


/* core */
html, body {color:#FFF; font:normal 14px/150% 'Arial';}
body {background:url('../img/bgr_body.gif'); /*#202020;*/}

.skip-to-content {text-indent:-9999px; overflow:hidden; color:#FFF; position:absolute; top:-12px; left:2px;}
.skip-to-content:focus,
.skip-to-content:active {text-indent:0; overflow:hidden;}

#general {width:680px; padding:10px; margin:0 auto; background:#202020;}

#header {height:100px; border-bottom:4px solid #0E0E0E; position:relative;}

#header h1 a {width:224px; height:51px; margin:26px 23px 0; background:url('../img/spr_otavioavila.gif') no-repeat; text-indent:-9999px; overflow:hidden; float:left;}
#header .about-me {width:300px; _width:285px; float:left;}

#mainNavigation {margin-top:70px; list-style:none; padding-left:0; float:right;}
#mainNavigation li {float:left; margin-right:8px;}
#mainNavigation a {width:23px; height:23px; border:1px solid #101010; display:block; text-indent:-9999px; overflow:hidden; background:url('../img/spr_otavioavila.gif') no-repeat;}
#mainNavigation .ico-linkedin {background-position:0 -65px;}
#mainNavigation .ico-googlecode {background-position:-23px -65px;}
#mainNavigation .ico-email {background-position:-46px -65px;}

#header .pic {border:10px solid #333; position:absolute; top:0px; right:0px;}

#mainNavigation a:focus,
#mainNavigation a:active {border:1px solid #FFF;}

#container {padding:10px 0;}
#container h2 {padding:0 6px 0 3px; color:#87CEEB; font:normal 30px/120% 'Georgia'; display:inline;}
#container h2 a {color:#87CEEB; text-decoration:none;}

.break {clear:both; display:block;}


#posts {list-style:none; padding-left:0;}
#posts li {border-bottom:1px solid #333; padding-bottom:15px; margin-bottom:15px;}

.post-header {width:570px; margin:2px 0 5px; color:#BEBEBE; font-size:11px; font-style:italic;}
.post-header .author,
.post-header .date {margin-right:12px;}
.post-header .comments {color:#CCC;}

.post-content {width:680px;}
.post-content a,
#comments a {color:#99B4D1;}

.post-content .blogger-labels {font-size:11px;}

pre.code {background:#333; font-size:12px; font-family:"Consolas","Monaco","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important; padding:10px; line-height:130%;}