/* 
    Document   : styles.css
    Created on : 04/12/2009, 16:54:20
    Author     : Jesus Sebastian Cruz
*/
/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* Basic */
body {font-size:81.3%;color:#4a6e63;background:#77A990;font-family:"Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif;line-height:1.5384615384615385em;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:3.538em;line-height:.988;margin-bottom:0;letter-spacing:-3;}
h2 {font-size:2em;margin-bottom:0.25em;text-transform:uppercase;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#813d1c;text-decoration:none;outline:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
ul.plain, ol.plain {list-style:none;margin:0 0 1.5em;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;}
.right {text-align:right;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.rounded {
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

/* Forms */
label {font-weight:bold;}
/*fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}*/
fieldset {margin:0 0 1.5em 0;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input.text, input.title, textarea, select {background-color:transparent;border:none;margin:0;}
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {}
input[type=text], input.text, input.title, textarea, select {}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {background:url(../img/grid.jpg);width:100%;height:96px;line-height:24px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
label.overcontent {position:absolute;}
label.abovecontent {display:none;}

/* Common */
#wrapper {
	background:#EDE8D2 url(../img/bg.jpg) repeat-x center top;
}

#layer {
	background:url(../img/foots.png) no-repeat center bottom;
	padding:70px 0 0;
}

#container, #goto {
	margin:0 auto;
	position:relative;
	width:450px;
}

#container {
	background:#e3e2c5;
	border:1px solid #c9c8af;
	-webkit-box-shadow:1px 1px 15px #a4a388;
	-moz-box-shadow:1px 1px 15px #a4a388;
	box-shadow:1px 1px 15px #a4a388;
}

#header, #content, #navigation {
	background:url(../img/bg-overlay.png) repeat-x 0 0;
}

#networks li a, #graphs li, #goto a, #twitter h2 a, #navigation li#contact-link a, #contact a {
	background:url(../img/sprite.png) no-repeat 0 0;
}

/* Header */
#header {
	background-position:0 -23px;
    font-family: Georgia,'Times New Roman',times,serif;
	padding:5px 10px 10px 140px;
}

#header, #header a {
	color:#4a6e63;
}

#header img.photo {
	left:-30px;
	position:absolute;
	top:-20px;
}

/* Navigation */
#navigation {
	background-position:0 -103px;
	padding-left:118px;
}

#navigation ul {
	overflow:hidden;
	margin:0;
}

#navigation li {
	float:left;
	width:33.333%;
}

#navigation a {
	border-left:1px solid #fff;
	border-right:1px solid #BFBA9B;
	color:#a4a388;
	display:block;
	font-size:1.462em;
	padding:10px 16px 9px 18px;
	text-align:center;
	text-transform:uppercase;
}

#navigation li.current a, #navigation li a:hover {
	color:#813d1c;
}

#navigation li.first a {
	border-left:none;
}
#navigation li.last a {
	border-right:none;
}

#navigation li#contact-link {
	background:#9DC3B8;
	border:none;
	position:absolute;
	right:0;
	top:-70px;
	width:auto;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-khtml-border-radius-bottomleft:5px;
	-khtml-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
}

#navigation li#contact-link a, #navigation li#contact-link a:hover, #navigation li#contact-link.current a {
	background-position:-227px -352px;
	border:none;
	color:#204A3D;
	padding-left:45px;
}

/* Content */
#content {
	background-position:0 -141px;
	padding:18px 15px 0;
}

#content .block, #contact {
	background:#efeed4;
	border:1px solid #dad9bd;
	margin-bottom:15px;
	padding:1.4em 1.4em 0;
}

#graphs {
	margin:0;
}

#graphs li {
	position:absolute;
}

li#bird-1 {
	background-position:0 -294px;
	height:20px;
	left:-100px;
	top:88px;
	width:25px;
}

li#bird-2 {
	background-position:-25px -288px;
	height:26px;
	left:140px;
	top:-25px;
	width:33px;
}

li#bird-3 {
	background-position:-58px -294px;
	bottom:165px;
	height:20px;
	right:-170px;
	width:25px;
}

li#snacky {
	background-position:0 -58px;
	bottom:-70px;
	height:227px;
	right:-160px;
	width:180px;
}

li#squirrel {
	background-position:0 0;
	bottom:-133px;
	height:58px;
	left:-110px;
	width:95px;
}

#footer {
	background:url(../img/grass.png) repeat-x scroll center bottom;
	height:160px;
}

/* Networks */
#networks li {
	border-bottom:1px dotted #CBCAAB;
	float:left;
	margin-right:10px;
	width:180px;
}

#networks li.alt {
	margin:0 0 0 10px;
}

#networks li a {
	background-position:0 100px;
	display:block;
	min-height:44px;
	overflow:hidden;
	padding:3px 3px 5px 45px;
}

#networks li a.delicious {
	background-position:-234px 5px;
}

#networks li a.blog {
	background-position:-234px -44px;
}

#networks li a.ss {
	background-position:-234px -96px;
}

#networks li a.flickr {
	background-position:-234px -149px;
}

#networks li a.facebook {
	background-position:-234px -200px;
}

#networks li a.twitter {
	background-position:-234px -252px;
}

#networks li a.linkedin {
	background-position:-234px -302px;
}

#networks strong, #networks span {
	display:block;
}

#networks strong {
	text-transform:uppercase;
}

#networks span {
	font-size:.923em;
	line-height:1em;
}

#networks .sep {
	display:none;
}


/* Skills */
#skills.block {
	background:#b4cbb7;
	padding:5px;
}

#skills .inner {
	border:1px dashed #839485;
	padding:1em 1em 0;
}

#skills dl,
#skills .help {
	border-bottom:9px solid #97b2a0;
}

#skills dt, #skills dd {
	border-bottom:1px dotted #96B09D;
	display:block;
	float:left;
	margin:0;
	padding:.15em 0;
}

#skills .skills-list {
	color:#1E302A;
	font-size:.923em;
}

#skills dt {
	width:75%;
}

#skills dd {
	text-align:right;
	width:25%;
}

#skills .small {
	color:#4a6e63;
}

#skills .help {
	border-width:3px;
	font-size:.923em;
	padding:.15em 0;
	text-align:right;
}

/* SocialSnack Link */
#goto {}

#goto a {
	background-position:-1px -314px;
	display:block;
	height:113px;
	left:-256px;
	position:absolute;
	text-indent:-9999em;
	top:-84px;
	width:217px;
	z-index:0;
}

/* Twitter */
#twitter, #tweet-last, #tweet-meta {
	background:url(../img/tooltip.png) no-repeat 0 0;
}

#twitter {
	bottom:70px;
	left:-260px;
	padding-top:13px;
	position:absolute;
	width:225px;
	z-index:10;
}

#twitter h2 {
	bottom:21px;
	left:15px;
	position:absolute;
}

#twitter h2 a {
	background-position:-83px -296px;
	display:block;
	height:18px;
	text-indent:-9999em;
	width:22px;
}

#twitter p {
	margin:0;
}

div#tweet-last {
	background-position:-224px 0;
	background-repeat:repeat-y;
	color:#6a6969;
    font-family: Georgia,'Times New Roman',times,serif;
	padding:0 15px 5px;
}

div#tweet-last p {
	border-bottom:1px dotted #6A6969;
	margin-bottom:0;
	padding-bottom:5px;
}

p#tweet-meta {
	background-position:-448px bottom;
	padding:0 15px 20px 20px;
	text-align:right;
}

#tweet-meta a {
	background:#c4e8f9;
	color:#315463;
	padding:0 3px;
	text-transform:uppercase;
}

/* Contact */
#contact {
	background:#fff;
	border:medium none;
	padding:0.5em;
	position:absolute;
	top:-70px;
	z-index:101;
}

#contact .inner {
	border:1px solid #000;
	padding:1em;
}

#contact ul {
	margin-bottom:0;
}

#contact a.email {
	background-position:-243px -361px;
	display:block;
	padding-left:25px;
}

#over {
	background:#000;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:100;
}

a#close {
	background-position:0 -427px;
	display:block;
	height:60px;
	position:absolute;
	right:0;
	top:-60px;
	width:61px;
}

#contact ul {}

#contact li {}

#contact li.grid {
	background:transparent url(../img/grid.jpg) 0 0;
}

#contact input.text {}

#buttons {}

#buttons li {
	float:left;
	width:50%;
}

#area {}

#soares h1 {
	font-size:2.5em;
}

#soares #header {
	padding:12px 10px 14px 140px;
}