* { margin:0; padding:0; }
ul { list-style:none; }
img { border:0; }
a { color:#058; text-decoration:none; }
a:visited { color:#9cf; }
a:hover { color:#c00; }

body { font:85%/1.6 Georgia, Times, serif; border-top:10px solid #555; color:#555; }

/* Tell IE that some HTML5 elements should be presented as block */
section, article, header, footer, nav, aside, hgroup { display:block; }


#container { width:900px; margin:0 auto; }

/*--- CONTAINER --*/

[role="banner"] {
	border-bottom: 1px dotted #999;
	margin-bottom: 1.8em;
	padding-bottom: 1.5em;
	position: relative;
	zoom: 1;
}
[role="main"] {
	width: 560px;
	float: right;
	margin-bottom: 3em;
}
[role="complementary"] {
	width: 300px;
	float: left;
	margin-bottom: 3em;
	font-family: Arial, sans-serif;
	font-size: .9em;
}
[role="contentinfo"] {
	clear: both;
	border-top: 10px solid #c00;
	display:block;
	padding: 1em 0;
	font: .9em Arial, sans-serif;
	text-align: center;
}


/*-- HEADER --*/

h1 { position:absolute; bottom:1em; left:10px; }
h1 img { display:block; }
#tagline { text-align:right; margin-left:430px; font-size:1.15em; line-height:1.2; color:#000; margin-top:2em; font-weight:bold; }
#tagline span { font-size:.85em; font-style:italic; font-weight:normal; }


/*-- MAIN --*/

[role="main"] h2 { font-size:1.7em/1.1; font-weight:normal; color:#c00; margin-bottom:.5em; }
[role="main"] p { margin-bottom:1.2em; }

.figure { margin-bottom:1em; text-align:center; }
.figure img { display:block; margin:.4em auto 0; padding:3px; border:1px solid #ccc; background:#fff; }
.figure.r { float:right; margin-left:10px; }
.figure.l { float:left; margin-right:10px; }

#pagination .next { float:right; }

/*- post -*/

.post { margin-bottom:1.5em; }
[role="main"] .post h2 { font-size:1.7em; }
.post h2 a { color:#c00; }
[role="main"] .post h2 a:hover { color:#000; }
.post .body ul, .post .body ol, .post .body dl { margin-bottom:1.2em; padding-left:2.5em; }
.post .body dt { margin-top:1em; font-weight:bold; }
.post .body ul { list-style-type:square; }
.post .body blockquote { background:url(../img/theme/aspas-2.gif) no-repeat; font-style:italic; padding-left:25px; margin:0 50px 0 30px; color:#000; }
.post > footer { display:block; padding:.6em 0; margin-top:1.7em; border-bottom:1px dotted #999; border-top:1px dotted #999; text-align:right; font:.9em/1  Arial, sans-serif; color:#000; }
.post .comment { padding-left:18px; background:url(../img/theme/comment.gif) 0 50% no-repeat; }

#comments { margin-top:1.5em; }
#comments h3 { font-family:  Arial, sans-serif; margin-bottom:1em; border-bottom:5px solid #666; color:#000;}
#comments article { font-style:italic; margin-bottom:2em; }
#comments footer { font:.9em  Arial, sans-serif; color:#663; border-bottom:1px dotted #999; padding-bottom:.5em; margin-bottom:.5em; }

/*- comment-form -*/

#comment-form { font:.9em  Arial, sans-serif; background:#eee; }
#comment-form .error { background:#c00; padding:.3em 8px; margin:0 8px .5em; color:#ff0; }
#comment-form h4 { text-transform:uppercase; padding:.5em 8px .3em; background-color:#666; margin-bottom:1em; color:#fff; font-size:1em; }
#comment-form .field label { float:left; width:80px; text-align:right; margin-right:5px; font-weight:bold; color:#000; }
#comment-form .field { margin-bottom:.5em; }
#comment-form .field span { font-style:italic; display:block; margin-left: 85px;}
#comment-form .field input, #comment-form .field textarea { width:380px; }
#comment-form .button input { margin:0 0 1em 85px; font-size:1.1em;}
#comment-form #human-field { margin-left:85px; margin-bottom:.5em; }
#comment-form #human-field label { font-weight:bold; color:#000; }

/*-- SIDEBAR --*/

[role="complementary"] h2 { font:bold 1em/1  Arial, sans-serif; text-transform:uppercase; border-bottom:1px dotted #999; border-top:1px dotted #999; margin-bottom:1.3em; color:#663; padding:.6em 0 .6em; }

[role="complementary"] p, [role="complementary"] ul { margin-bottom:1em; }

form[role="search"] { margin:.7em 0 2.5em; text-align:center; }
form[role="search"] input[type="text"],
form[role="search"] input[type="submit"] {
	vertical-align: middle;
	border: 1px solid #ccc;
	font:inherit;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;

	padding:3px 5px;
}
form[role="search"] input[type="text"] {
	-webkit-box-shadow: inset 0px 1px 2px #dbdbdb;
	-moz-box-shadow: inset 0px 1px 2px #dbdbdb;
	box-shadow: inset 0px 1px 2px #dbdbdb;	
}
	form[role="search"] input[type="text"]:hover, 
	form[role="search"] input[type="text"]:focus {
		background-color:#ffffef;
	}
form[role="search"] input[type="submit"] {
	padding-left:10px;
	padding-right:10px;
	background:#ddd;
}

#about img { vertical-align:bottom; }
#about .photo { float:right; padding:2px; margin:0 0 5px 10px; border:1px solid #ccc; }

[role="complementary"] section { margin-bottom:2em; }
[role="complementary"] section ul { padding-left:20px; list-style:square; }

#hcard-download { margin-bottom:1em; }
#hcard-download a { background:url(../img/theme/hcard-download.png) 0 50% no-repeat; padding:.3em 0 0 35px; }


/*-- FOOTER --*/

[role="contentinfo"] a { color:#000; }