/* @override http://dance.ruby-red.com/dance1.7.css */

/* CSS Document 
Stylesheet for dance.ruby-red.com
By Ruby Red
version 1.8
*/

body {margin: 0; padding: 0;
	background: #000000 url(images/curtain_background1.jpg) no-repeat fixed;}
	
/* POSITIONING*/

#wrapper /*contains all elements*/{
	width: 100%; position: relative; top: 12; left: 20; }
	
#navigation { position: fixed; /*absolute sets position relative to the wrapper, fixed is relative to the viewport*/
	top: 12; left: 20; width: 212px; min-height: 600px; 
	background: url(images/frame1.jpg) no-repeat; 
	z-index: 3;}

#col-2 /*contains header and content*/{
	position: relative;
	left: 233px; width: 540px;}

#header {position: relative; left: 60px;
	background: url(images/header-150.png) no-repeat; height: 150; width: 535px;}
	
#content {
	position: relative;
	z-index: 2;
	overflow: visible;
}
	
#bottom { width: 100%; position: fixed; bottom: 0; right: 0;
	clear: both; /*background: url(images/hands.png) no-repeat right bottom;
	height: 316;*/ z-index: 1;}
	
/* FORMATTING */
#header h1 a {left: -1000px;
	display: block;
	height: 193px; width: 535px;
	text-indent: -9000px;} /* makes the header clickable without losing the background image capability... */
	
#navigation ul { margin: 310px 0px 0px 30px; 
	font: bold 1.1em/130% Georgia, "Times New Roman", Times, serif;
	list-style: none;}

#navigation ul a {color: #FFFF66; text-decoration: none;}
#content a {color: #FFFF99; text-decoration: none; border-bottom: 1px dotted;}
#navigation ul a:hover, #content a:hover {color: #FFCC33; border-top: 1px dotted; border-bottom: 1px dotted;}

#content {font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFCC;
	padding: 25px;
	overflow: auto;}

#content h1 {font: 1.4em Georgia, "Times New Roman", Times, serif;}

#content h2 {font-family: Georgia, "Times New Roman", Times, serif;}

#content ul {list-style: circle;}
	
#notes {font: italic 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFCC;
	padding: 25px;
	martin-top: 5px;
	overflow: auto;}
	
#bottom p {font: italic .6em/.9em Verdana, Arial, Helvetica, sans-serif;
	color: #FFCC99;
	width: 200px;
	clear: both;
	position: absolute;
	bottom: 0;
	left: 20px;}
	
.left {
	float: left;
	margin: 4px 4px 4px 0px;
	border: 1px solid;}
		
.right {float: right;
		margin: 4px 0px 4px 4px;
		border: 1px solid;}

.crossout {text-decoration: line-through;}

.definition {
	border-bottom: 1px dashed #FFFF66;}

.details {
	color: #FF9933;}
	
.highlight {
	border: 3px dotted #FFFF66;
	padding: 4px;}