/*
   Filename: soundworks.css
   Author: Ross Wilkins
   Date:   7/7/11
*/

body	{
	color: #000000;
	font-family: "Times New Roman", serif;
	margin: 1em;
	background-color: #000000;
	}

#container {
	width: 90%; 
	margin: 0px auto; 
	background-color: #000000; 
	text-align: left
	}

#header {
	height: 144px;
	background-color: #D2B48C;
}

#titleCopy{
	font:Monotype Corsiva, Times New Roman, Times, serif;
	color: #800000; 
	font-size: 1.5em; 
	letter-spacing: 0.2em; 
	text-indent: 1em;
	line-height:24px;
	text-align: center;
	font-style: italic;
	font-weight:bold;
	}	

#navigation{
	background-color: #8B4513;
	padding: 2px;
	}

.nav li{
	display:inline;
	padding: 0em 1.5em 0em 0em
	}

.nav li a{
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	}

.nav li a:hover{
	color:#CCC;
	font-style:italic
	}

#page{
	background-color:#ffffff;	
	padding: 2em
	}

#left{
	width: 65%;
	float: left;
	}

#right{
	width: 32%;
	float: right;
	}

#imageContainer {
	position:relative;
	}

#imageContainer img {
	display:none;
	position:absolute;
	}

.boxLeft{
	width: 98%;
	background-color: #FAEBD7;
	border: 1px solid #800000;
	margin-bottom: 5px;
	padding: 5px;
	float: left;
	}

.boxRight{
	width: 98%;
	background-color: #FAEBD7;
	border: 1px solid #800000;
	margin-bottom: 5px;
	padding: 5px;
	float: right;
	}
	
.boxTitle{
	font-size:16px;
	margin: 0px 0px 8px 0px;
	font-weight:bold;
	font-style:italic;
	color: #800000;
	text-align: center;
	}

.boxLeftHeader{
	width: 98%;
	float: left;
	padding: 5px;
	background-color:#8B4513;
	border: 1px solid #800000;
	color:#FFF;
	font-variant:small-caps;
	font-size:14px;
	font-weight:bold;
}

#links a:link      {text-decoration: none;  color: Blue}
#links a:visited   {text-decoration: none; color: Black}
#links a:hover     {color: Maroon; text-decoration: underline overline; font-style:italic}
#links a:active    {text-decoration: none}

h1	{
	text-align: center;
	color: #800000;
	font-size: 1.75em;
	letter-spacing: 0.3em;
	}

h2	{
	color: #800000; 
	font-size: 1.5em; 
	letter-spacing: 0.2em; 
	text-indent: 1em
	}

h3	{
	color: #800000; 
	font-size: 1.25em; 
	letter-spacing: 0.1em; 
	text-indent: 2em
	}

h4	{
	color: #800000; 
	text-indent: 3em
	}

hr	{color:Maroon}

img.right	{float: right; margin-right: 2em; margin-left: 1em}
img.left	{float: left; margin-left: 2em; margin-right: 1em}

table	{
	border: 3px solid #000000; 
	border-collapse: collapse
	}

th	{
	border: 3px solid #000000; 
	color: #FFFAF0; 
	background-color: #8B4513; 
	padding: 0em .5em 0em .5em
	}

td	{
	border: 1px solid #000000; 
	padding: 0em .5em 0em .5em
	}

table caption	{text-align: right; font-style: italic}

.bold	{font-weight:bold}

.italic	{font-style:italic}

.underline	{text-decoration: underline}

div.centered {
	text-align: center;
	}
	
div.centered table {
	margin: 0 auto; 
	text-align: left;
	}

#footer {
	height: 10px;
	padding: 1em;
	background-color: #D2B48C;
	text-align: center;
	color:  #800000
}