/*

_______________________________

Main CSS
_______________________________


	| Body |
*/
/* Import other CSS */
@import url("buttons.css");
/*		*/
body {
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 75%;
	color: #c0b8ae;
	line-height: 1.5em;
	background: #000;
}
html {
	overflow-x: hidden;
}
/*
	| Content |
*/
.spacer {
	clear: both;
}
.back {
	margin: 0 auto 0 auto;
	width: 1135px;
	height: auto;
	background: url(../images/background.jpg) no-repeat;
}
.main {
	overflow: auto;
	width: 926px;
	height: 1129px;
	text-align: left;
}
.content {
	width: 554px;
	height: 686px;
	float: left;
	background: url(../images/content.jpg) no-repeat top center;
}
#chapter {
	width: 520px;
	height: 660px;
	margin: 12px auto;
	text-align: justify;
}
#top {
	width: 584px;
	height: 143px;
	background: url(../images/top.jpg) no-repeat top center;
	float: left;
	text-align: left;
}
/*
	| Shows |
*/
.show_table {
	width: 480px;
	margin: 0 0 0 30px;
	height: 460px;
	overflow: scroll;
	overflow-x: hidden;
	text-align: left;
}
.show_table strong {
	color: #e8dfd4;
}

/*
	| Music |
*/
.cd {
	margin: 0 auto 0 auto;
	width: 400px;
	text-align: left;
}
.disc {
	margin: 0 auto 0 auto;
	padding: 0;
	color: #e5e0db;
}
.disc tr {
	margin: 1px 0 1px 0;
	padding: 0;
}
.disc td {
	margin: 0 5px 0 5px;
	padding: 0 5px 0 5px;
	background: #2b2618;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.disc tr:hover, .disc tr:focus, .disc tr:active {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	cursor: default;
}
/*
	| Media |
*/
.videos {
	width: 490px;
	margin: auto;
}
.mp3Player {
	width: 1135px;
	height: 15px;
	margin: 0 0 0 16px;
	top: 3px;
	text-align: left;
	float: left;
	position: absolute;
	font-size: 80%;
}
.mp3black {
	background: #000;
}
/*\*/
* html .mp3Player {
	top: 3px;
}
/*
	| Pictures |
*/
#home_pic, #bio_pic_1, .cd img {
	float: left;
	margin: 0 15px 0 0;
}
#bio_pic_2, #music_pic {
	float: right;
	margin: 0 0 0 15px;
}
/*------| Bottom |------*/
.bottom {
	width: 100%;
	height: 240px;
	display: block;
	color: #2f3740;
	margin: 30px 0 -30px 0;
}
/*
	| Fonts & Titles |
*/
h1 {
	color: #9d8d78;
	font-size: 130%;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
	padding: 0 0 5px 5px;
	margin: 25px 0 10px 0;
	font-family: Trebuchet MS;
}
h2 {
	color: #9d8d78;
	font-size: 120%;
	text-decoration: none;
	font-weight: normal;
	text-transform: capitalize;
	text-align: center;
	margin: 25px 0 10px 0;
}
h3 {
	color: #c0b8ae;
	font-size: 110%;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
}
div {
	text-align: justify;
}
/*
	| Links |
*/
a {outline: none;}
a:link, a:visited {
	color: #9d8d78;
	text-decoration: none;
	border-bottom: #e1dad2 1px solid;
}
a:hover, a:active, a:focus {
	color: #e1dad2;
	text-decoration: none;
	border-bottom: none;
}
.nav a:link, .nav a:visited, .nav a:active, .b_facebook a, .b_myspace a, #gallery a, .share a, #videos a, #perception, #online_store a, .cd a, .show_table a {
	border-bottom: none;
	text-decoration: none;
}
#perception img, .videos img, .cd img {
	border: #4d4438 4px solid;
}
#perception img:hover, #perception img:focus, #perception img:active, .videos img:hover, .videos img:focus, .videos img:active, .cd img:hover, .cd img:focus, .cd img:active {
	border: #665848 4px solid;
}
#gallery img:hover, #gallery img:focus, #gallery img:active {
	filter:alpha(opacity=92);
	-moz-opacity:0.92;
	-khtml-opacity: 0.92;
	opacity: 0.92;
}
/*
	| Button Box |
*/
#button_box {
	padding: 0 3px 0 3px;
	margin: 0 5px 0 0;
	float: left;
	font-family: Arial, Tahoma;
	font-size: 80%;
	letter-spacing: 0.1em;
	height: 19px;
	background: #392f24;
}
#button_box:link, #button_box:visited {
	color: #ddd;
	border: 1px solid #4d4438;
	text-decoration: none;
}
#button_box:hover, #button_box:active {
	color: #392f24;
	border: 1px solid #665848;
	background: #c0b8ae;
	text-decoration: none;
}
/*
	| Images |
*/
img {
	border: none;
	padding: 0;
	margin: 0;
}
.hidden {
	display: none;
	visibility: hidden;
}
/*
	| Copyright Info |
*/
.copy {
	color: #9d8d78;
	font-size: .9em;
	word-spacing: .1em;
	line-height: 19px;
	text-align: center;
	width: 600px;
	margin: 5px auto 0 auto;
}
.copy a:link, .copy a:visited {
	border: none;
	color: #c0b8ae;
}
.copy a:hover, .copy a:active, .copy a:focus {
	color: #e1dad2;
	text-decoration: none;
	border-bottom: none;
}
/*


Christopher Charles [ www.christophercharles.ca ]

Designed and coded by Luxe Studios:
_______________________________

		[	Copyright: Luxe Studios	]
		[	 www.luxestudios.com	]
_______________________________


*/