/* --------  LiaKes March 6th 2009 --------*/



* { margin: 0; padding: 0; }
html, body { height: 100%; }
body{
	height: 100%;
	font-size: 62.5%;
	font-family: Verdana,sans-serif;
	margin: 0;
	padding: 0;
	background-color: #282828;
	xbackground: Black url(images/fade-background.jpg) no-repeat;
}




a { color: white; }
a:focus, a:hover { color: #EC8200; }

p 	{ font-size: 1.2em; line-height: 1.8em; font-family: Verdana,sans-serif; margin: 0 0 .7em 0; color: #606060; }

h1 { font-size: 2.4em;  margin: 0 0 .3em 0; display:none; }
h2 { font-size: 2.2em;  margin: 0 0 .4em 0;  }
h3 { font-size: 2em;  margin: 0 0 .4em 0;  }
h4 { font-size: 1.7em;  margin: 0 0 .4em 0;  }
h5 { font-size: 1.5em;  margin: 0 0 .4em 0;  }
h6 { font-size: 1.3em; margin: 0 0 .4em 0; }

blockquote { margin: 2em; color: #666; font-style: italic; padding: 5px 0 0 0; }

ul { margin: 0 0 12px 0; }
ol { margin: 0 0 12px 0; }

/* -------------------  Custom Bullets  ----------------- */
li { font-size: 1.2em; margin: 2px 0 0 10px; list-style-type: none; padding: 0 0 0 14px; background: url(..images/bullet.gif) no-repeat 0 4px; /*adjust background position here, the first value is the x and the second the y position *//*adjust background position here, the first value is the x and the second the y position */ }











/* ----------------------------------------------------  Page Architecure -------------------------------------------------------- */	

/* ------------  Centers the Block in the Page -------------- */	

#distance{ float: left; width: 1px; height: 50%; margin-bottom: -300px; /* ENTER half of container's height *//* ENTER half of container's height */ }
#column{ margin: 0 auto; clear: left; position: relative; text-align: left; width: 780px; height: 500px; /* ENTER full  container height *//* ENTER full  container height */ }





/* -----------------------------------------------  Header ------------------------- ------------- */	
#header{ width: 690px; height: 57px; margin: 0 auto 8px auto; background: url(images/logo.png) no-repeat; }

#container-top { width: 780px; height: 11px; margin: 0; padding: 0; background: url(images/tile-top.png); }
#container-bot { width: 780px; height: 11px; margin: 0; padding: 0; background: url(images/tile-bot.png); }





/* -----------------------------------------------  Content -------------------------------------- */	
#stage { width: 780px; height: 478px; background: url(images/tile.jpg); }
#spacer { height: 22px; margin: 0 auto; width: 685px; }
#content { width: 685px; height: 386px; margin: 0px auto 0 auto; font-size: 1em; }
#content p{ color: #D9D9D9; font-size: 1em; }

#contentdetail { width: 685px; height: 21px; margin: 0 auto; text-align: right; color: #5A5A5A; font-size: .8em; line-height: 2.4em; }


/* -----------------------------------------------  NAV ------------------------------------------ */	
#nav{ width: 685px; height: 25px; margin: 0 auto; background: url(images/nav.jpg) no-repeat; }

#player1 { float: right; }






/* -----------------------------------------------  Contact ------------------------------------------ */	
.container { width: 250px; }
.left { float: left; margin: 0 0 0 50px; }
.right{ float: right; margin: 0 50px 0 0; }
.bio { width: 330px; }



/* -----------------------------------------------  Gallery Pages ------------------------------------------ */	
.showbox-left { width: 200px; float: left; }

.showbox-right {
	width: 440px;
	float: right;
	text-align: right;
}
.collectionbox-right {
	width: 350px;
	float: right;
	text-align: right;
}

.seen {
	text-align: center;
	color: white;
	width: 90px;
	height: 115px;
	float: left;
	margin: 0 12px 8px 0;
	xfont-size: 8px;
}
.seen p { margin: 0; padding: 0; }

#seen-next { width: 280px; height: 12px; xbackground-color: black; text-align: center; vertical-align: middle; float: left; color: white; }

#collect-next {
	width: 295px;
	height: 12px;
	xbackground-color: black;
	text-align: center;
	vertical-align: middle;
	float: left;
	color: white;
}
#collect-left {
	width: 320px;
	float: left;
}
.collect {
	xwidth: 63px;
	xheight: 81px;
	float: left;
	margin: 0 10px 9px 0;
	xborder: 1px solid #EC8200;
	
}

#collect-left img { border: 1px solid #EC8200; }




/* -----------------------------------------------  scroller ---------------------------------------- */	
#bioscroller { width: 505px; height: 190px; margin: 0 auto; }
#bioblock { width: 600px; height: 30px; margin: 0 auto; }
#lyr1 { padding: 0 25px 0 0; }


/* -----------------------------------------------  Details ---------------------------------------- */	

hr { background: #ddd; margin: 25px 0  20px 0; clear: both; float: none; width: 100%; height: 2px; border: none; }
*hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: 2px; margin: 5px 0 1.45em 0; border: none; }

img a{ border: none; }
caption {background:#eee;padding: 10px;}
.small { font-size: .9em; margin-bottom: 1.875em; line-height: 1.875em; }
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
#hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
address { font-size: 1.3em; margin: 0 0 1.5em 1em; font-style: italic; }
abbr, acronym {border-bottom: 1px dotted #666; }
sup, sub {line-height:0;}
.box { padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9; }
.floatleft {float: left;}
.floatright {float: right;}
.center {text-align: center;}
.picleft { float: left; padding: 0 8px 8px 0; }
.picright { float: right; padding: 0 0 8px 8px; }
#clear{ clear: both; }
.clear { clear: both; }




/* to create serif italic dramatic text, use this class */
.fancy { color: #666; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; font-style: italic; font-weight: normal; font-size: 1.2em; }  

/* creates small caps */
.caps { font-variant: small-caps; letter-spacing: 1px; text-transform: lowercase; font-size: 1.2em; font-weight: bold; padding: 0 2px; }