/*  
Theme Name: Helvetica2009
Theme URI: http://www.leonardofaria.net
Description: Lançado em 19/04/2009
Version: 1.0
Author: Leonardo Faria
Author URI: http://www.leonardofaria.net
*/

@import 'highlight.css';

html, body, div, span, applet, embed, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.fleft { float: left; }
.fright { float: right; }
.both { clear: both; }

h1, h2, h3, h4 { margin: 15px 0 }
h1 { font-size: 218% }
h2 { font-size: 164% }
h3 { font-size: 145% }
h4 { font-size: 118% }
input { overflow: visible }

body {
	background: #f6f6f6;
}
body, input, textarea {
	font: 13px "helvetica neue", Helvetica, sans-serif;
}
a {
	color: #022d3f;
	text-decoration: none;
}
blockquote {
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background: url('/wp-content/themes/2009/images/quote.png') 5% no-repeat #FFF8DD; 
	background-position: -10px -7px;
	border: 1px solid #FFEBA3;
	margin: 20px 0; 
	padding: 10px 20px 10px 50px; 
}
/* top */
#header {
	background: url('/wp-content/themes/2009/images/bg_header.jpg') no-repeat top left #000;
	height: 170px;
}
#header img {
	float: left;
}
#header a img {
	border: 0;
}
#menu, #breadcrumb {
	background: url('/wp-content/themes/2009/images/bg_menu.jpg') repeat-x;
	height: 40px;
	width: 100%;
}
#menu ul {
	float: left;
	padding: 10px 0 0 10px;
}
#menu ul li {
	display: inline;
	float: left;
	margin-right: 10px;
}
#menu a, #projects .title {
	text-shadow:#fff 0px 1px 0px;
	color:#ccc;
	font-weight: bold;
	font-size: 130%;
	text-decoration: none;
	text-transform: uppercase;
}
#menu a:hover {
	color: #022d3f;
}
#menu form {
	float: right;
	margin-top: 10px;
	margin-right: 15px;
}
#projects {
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
	background: url('/wp-content/themes/2009/images/bg_ads.jpg') repeat-x;
	float: right;
	margin: 15px;
	padding: 5px;
	width: 450px;
}
#projects .title a {
	display: block;
	color: #022d3f;
	margin-bottom: 10px;
}
#projects a, #projects a:visited {
	color: #022d3f;
	font-weight: bold;
	text-decoration: none;
}

/* content */
#content {
	padding: 10px 0 10px 10px;
}
#content .post {
	clear: left;
	line-height: 150%;
	margin-bottom: 45px;
}
#content .post h1 a, #content .post h1 a:visited {
	color: #022d3f;
	line-height: 120%;
}
#content .post:hover .meta {
	color: #022d3f;
}

#content .post .body {
	margin-right: 10px
}
#content .post .body p {
	margin: 10px 0;
}
#content .post .body a {
	text-decoration: underline;
}
#content .post .body a:hover {
	color: #000;
}
#content .post .body .credits {
	border: 0 !important;
}

#content .foto, div.photo img { 
	/*background: #fff;
	border: 1px solid #666;
	margin: 10px;
	padding: 5px;*/
	padding: 10px 10px 25px 10px;
	background: #eee;
	border: 1px solid #ccc;
	-moz-box-shadow: 0px 2px 15px #333;
}
#content .foto:hover, div.photo img:hover {
	background: #333;
}
#content .meta {
	background: #f6f6f6;
	border-left: 1px solid #D0DBDE;
	border-bottom: 1px solid #D0DBDE;
	color: #666;
	float: right;
	line-height: 130%;
	margin: 5px 0 10px 10px;
	padding: 0 10px;
}
#content .meta .tags {
	margin-top: 8px;
}
#content .meta .tags a {
	line-height:2.5em;
	border-radius: 5px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background:#eee;
	color:#333;
	font-size:.8em;
	text-decoration:none;
	padding:3px;
}

#content .meta .tags a:hover {
	background:#666;
	color:#ddd;
}
.codestacker pre {
	font: 12px monaco, monospace, courier, 'courier new' !important;
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding: 5px;
}
.codestacker a {
	text-decoration: none !important;
}
.wp-pagenavi {
	background: url('/wp-content/themes/2009/images/bg_menu.jpg') repeat-x;
	font-size: 85%;
	font-weight: bold;
	line-height: 100%;
	padding-top: 15px;
	min-height: 25px;
	text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
	margin: 5px 5px 0 5px;
	padding-top: 15px;
}
div.photo {
	margin-bottom: 20px;
	clear: both;
}
div.photo img { 
	float: left;
}
div.photo .caption{
	float: left;
	margin: 0;
	width: 610px;
}

#commentform label {
	float: left;
	font-weight: bold;
	margin-right: 10px;
	text-align: right;
	width: 130px;
}
#commentform input, #commentform textarea, #commentform checkbox {
	float: left;
	margin-bottom: 10px;
}
#commentform br, #commentform p {
	clear: left;
}
#commentform small, #commentform #submit {
	clear: both;
	margin-left: 140px;
}

/* COMMENTS */
#comments {
	display: block; 
	clear: both;
	margin: 10px 10px 10px 0;
}
.gravatar {
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #666;
}
.list {
	background: url('/wp-content/themes/2009/images/bg_ads.jpg') repeat-x #E0EEF1;
	border: solid 1px #4FB1BC;
	padding: 5px;
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
}
.list p {
	margin-bottom: 10px;
}
.message_list {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
}
.alt {
	background: #f6f6f6;
}
.message_list li {
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding: 0;
	margin: 0; 
}
.p {
	padding: 5px;
	cursor: pointer;
	position: relative;
}
.p .timestamp {
	line-height: 250%;
	color: #666666;
	font-size: 90%;
	position: absolute;
	right: 10px;
	top: 5px;
}
.extra {
	float: right;
	color: #666666;
	font-size: 90%;
}
.p cite {
	line-height: 250%;
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
}
.message_head {
	float: right;
	display:inline;
	margin-top: -20px;
}
.message_body {
	padding: 0 5px 5px 5px;
}

.author { 
	background: #f6f6f6;
}
.collapse_buttons {
	text-align: right;
	padding: 5px 0;
}
.collapse_buttons a {
	margin-left: 15px;
	float: right;
}
.show_all_message {
	background: url(/wp-content/themes/2009/images/tall-down-arrow.gif) no-repeat right center;
	padding-right: 12px;
	color: #666666;
	border: 0px
}
.show_recent_only {
	display: none;
	background: url(/wp-content/themes/2009/images/tall-up-arrow.gif) no-repeat right center;
	padding-right: 12px;
	color: #666666;
}
ul.commentlist li.trackback { display: none; }

/* footer */
#extra {
	background: url('/wp-content/themes/2009/images/bg_ads.jpg') repeat-x #E0EEF1;
	clear: both;
	margin: 0;
	padding-bottom: 10px
}
#extra #sideA {
	float: left;
	width: 30%;
}
#extra #sideA h3 {
	margin-left: 10px;
	margin-right: 10px;
}
#extra #sideA ul li {
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px
}
#extra #sideA ul li:hover {
	background: #fff
}
#extra #sideB {
	float: left;
	line-height: normal;
	width: 70%;
}
#extra #sideB {
	line-height: normal
}