/**************************************************************************
**************************************************************

Welcome to the CSS for Relic, coded by Kevin Cannon.
The CSS is pretty straight forward. There are a few
small hacks however, with one line controlling firefox
and the other IE. These are clearly labled. If you need
any help with the template, email me at kmcannon@telus.net

***************************************************************
***********************************************************************/
body  {
	margin:0;
	padding:0;
	font-family:verdana, arial, times, georgia, sans-serif;
	background: #000;
}

#middle-top{
	background: rgb(39,7,1) url(sfondo.jpg) no-repeat top center;
}

.clear{
	clear: both;
}

a {
	color: rgb(120,89,53);
	text-decoration:none;
}

a:hover {
	color: rgb(255,238,206);
	text-decoration:underline;
}

a.book{
	display:	block; 
	padding: 	5px; 
	height:		40px; 
	width:		100%;  
	border: 	1px solid white;
	text-decoration:underline;
}

#nessun_peccato{
	background:url(covers/nessun_peccato_tile.jpg);
}

#nessun_peccato a{
	color: #333333;
	background:url(covers/nessun_peccato.jpg) no-repeat top right;
}

#valaeria{
	background:url(covers/valaeria_tile.jpg);
}

#valaeria a{
	color: rgb(255,238,206);
	background:url(covers/valaeria.jpg) no-repeat top right;
}

#werewolf{
	background:url(covers/werewolf_tile.jpg);
}

#werewolf a{
	color: rgb(242, 242, 240);
	background:#181327 url(covers/werewolf.jpg) no-repeat top right;
}

#voci{
	background:url(covers/voci_tile.jpg);
}

#voci a{
	color: rgb(242, 242, 240);
	background:rgb(32, 23, 22) url(covers/voci2.jpg) no-repeat top right;
}

#lisa_verdi{
	background:url(covers/lisa_verdi_tile.jpg);
}

#lisa_verdi a{
	color: #333333;
	background:url(covers/lisa_verdi.jpg) no-repeat top right;
}

#kyoshi{
	background:url(covers/kyoshi_tile.jpg);
}

#kyoshi a{
	color: #5B2509;
	background:url(covers/kyoshi.jpg) no-repeat top right;
}
#html_wrapper {
	/*height:100%;*/
	margin:auto;
	width:90%;
	margin-top: 20px;
}
/********************* Search form  ******************/
.text {
	height:14px;
	width:110px;
}

.go {
	height:21px;
	background:#65A8C9;
	color:#fff;
	font-family:helvetica;
	font-weight:bold;
}
/***************** TEXT IN THE HEADER **************************/
#top h1 {
	font-family:Century Gothic, georgia, helvetica, times, sans-serif;
	font-weight:normal;
	font-size:35px;
	text-transform:uppercase;
	margin-top:20px;
	margin-left:2%;
	color: rgb(255,238,206);
	}
/*************************** HEADER PROPERTIES ************************/
#top {
	margin:0 auto;
	padding:10px;
	height:70px;
	/*background:url(header.jpg) no-repeat top center; */
	width:93%;
	}
/************************ LEFT SIDE COLUMN *****************/
#left {
	float:left;
	padding:10px;
	width:22%;
	}
	
#left h1, #right h1 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:21px;
	font-weight:normal;
	border-bottom:1px dotted rgb(255,238,206);
	padding-bottom:3px;
	margin-top:24px;
	color: rgb(255,238,206);
}

#left p {
	font-size:11px;
	padding-bottom:10px;
	margin-top:-3px !important; /*****  FIREFOX  *****/
	margin-top:-14px;             /***** INTERNET EXLORER *****/
	color: rgb(141,115,96);
}	

#left p.book{
	padding:0px;
}
/************************** MAIN CONTENT IN MIDDLE ******************/

#middle {
	float:left;
	width:46%;
	/*line-height:1.01em;*/
	padding-left:3.5%;
	padding-right:3.5%;
	padding-top: 10px;
}

#me {
	padding-right: 15px;
}

#ilovebeauty{
	padding-left: 15px;
}
	
#middle p, p {
	font-size:11px;
	color: rgb(141,115,96);
}

#middle h1 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:21px;
	font-weight:normal;
	border-bottom:1px dotted rgb(255,238,206);
	padding-bottom:3px;
	margin-top:24px;
	color: rgb(255,238,206);
}
/***************************  RIGHT COLUMN  *********************/
#right {
	float:left;
	padding-top:10px;
	font-size:11px;
	width:21%;
	/*line-height:1.6em;*/
}

#right a {
	line-height:2em;
	
}

#right br {
	line-height:0.7em;
}
/********************************************    FOOTER  *****************/
#footer {
	border-top:1px solid #c4c4c4;
	padding-top:5px;
	text-align:center;
	width:90%;
	margin:0 auto;
	clear:both;
	margin-top: 200px;
}

.footer {
	margin-top:-2px;
}	


#slideshow {list-style:none; color: rgb(255,238,206)}
#slideshow span {display:none}
#wrapper {width:576px; margin:50px auto; display:none; margin-top: 0px; margin-bottom: 0px; padding-top:10px;}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:570px; height:400px; padding:2px; border:1px solid #000; background: #000}
#information {position:absolute; bottom:0; width:570px; height:0; background:#000; color: rgb(255,238,206); overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:570px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:406px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:406px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {background: #000;}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:526px; margin-left:5px; height:81px; overflow:hidden; background: #000;}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}