/* LINKS */
a		 			{ position: relative; text-decoration: none; }
a:active			{ top: 2px; }
#nav a				{ display: block; color: #AD6906; font-family: Georgia, serif; font-size: 17px; }
#footer a 			{ color: #5B3927; }
/* FIM */

/* TIPOGRAFIA */
p,blockquote		{ font-size: 15px; font-weight: bold; color: #333; padding: 10px; }
h1,h2 				{ font-weight: bold; }
h1 					{ font-family: Georgia, serif; font-size: 26px; color: #4D2108; margin-bottom: 15px; }
h2 					{ font-size: 20px; color: #650000; margin: 10px; }
.assinatura			{ text-align: right; }
.sobre h2 			{ color: #4D2108; }
.sobre p 			{ color: #330000; font-size: 17px; }
#index h1 			{ position: relative; width: 406px; height: 117px; line-height: 117px; margin: 0 auto; }
#index h1 span		{ position: absolute; width: 100%; height: 100%; background: url(../images/index-eric-collette.png) no-repeat; }
/* FIM */


/* LAYOUT */
#site				{ position: absolute; width: 830px; height: 604px; top: 50%; left: 50%; margin: -302px 0 0 -420px; background: url(../images/bg-site.jpg) no-repeat; }
#index #site 		{ width: 400px; height: 200px; margin: -100px 0 0 -200px; background: #fff; }
#content			{ position: relative; float: right; width: 650px; }
#sidebar			{ padding-top: 100px; }
.logo 				{ position: absolute; top: 24px; left: -160px; }
#nav				{ padding-left: 31px; }
.excapasI span, 
.excapasII span,
.epilogos span, 
.estudos span, 
.bio span,
.croquis span, 
.epilogues span		{ position: absolute; width: 100%; height: 100%; background-image: url(../images/bg-menu.jpg); background-repeat: no-repeat; cursor: pointer; }
.excapasI 			{ display: block; width: 93px; height: 19px; margin-bottom: 26px; }
.excapasII  		{ display: block; width: 94px; height: 20px; margin-bottom: 44px; }
.epilogos 			{ display: block; width: 70px; height: 21px; margin-bottom: 68px; }
.epilogues			{ display: block; width: 78px; height: 21px; margin-bottom: 68px; }
.estudos  			{ display: block; width: 65px; height: 16px; margin-bottom: 65px; }
.croquis			{ display: block; width: 62px; height: 20px; margin-bottom: 65px; }
.bio 				{ display: block; width: 26px; height: 16px; }
.excapasI span 		{ background-position: 0 bottom; }
.excapasII span 	{ background-position: -93px bottom; }
.epilogos span 		{ background-position: -187px bottom; }
.estudos span 		{ background-position: -257px bottom; }
.bio span			{ background-position: -322px bottom; }
.croquis span		{ background-position: -426px bottom; }
.epilogues span		{ background-position: -348px bottom; }
#texto				{ height: 390px; background: url(../images/bg-texto.png) no-repeat top; padding: 33px 0 0 48px; margin: 0 auto; }
#scroll 			{ width: 547px; height: 315px; overflow: auto; padding-bottom: 10px; }
#footer 			{ clear: both; text-align: right; padding-right: 20px; }
#bio #texto, 
#bioFr #texto		{ background: url(../images/bg-bio.png) no-repeat top; height: 537px; }
#bio #scroll, 
#bioFr #scroll 		{ height: 420px; }
table 				{ margin: 0 0 20px 10px; font-size:11px; }
th,td 				{ padding: 5px; }
caption 			{ text-transform: uppercase; font-size: 20px; color: #650000; margin-bottom: 10px; text-align:left; padding-left:99px; }
.sobre 				{ height: 170px; padding-left: 96px; padding-right: 20px; }
.sobre img 			{ float: right; }
#index img 			{ margin: 10px 40px; }
#index p 			{ text-align: center; }
/* FIM */