/*--------------------------------- 
version: 2.1
author: Simon Ellis
email: simonkellis@gmail.com
website: www.skellis.net 

----------------------------------*/



/* Layout 
----------------------------- */

body {
	margin: 0em;
	text-align: center; /* this needed for IE positions (see p.135 */
	/* min-width: 60em; /* for netscape - p.136 */
	font-size:12px;
	background-color:#202020;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
}


#wrapper {
	width: 80em;
	max-width: 100%; 
	margin: 0 auto; 
	text-align: left;   /* this needed for IE positions (see p.135 */
	border-left-color:#121212;
	border-left-style:solid;
	border-right-color:#121212;
	border-right-style:solid;
	border-width:4px;
	background-color:#000000;

}

#masthead {
	clear:both;
	margin-top:30px;
	padding: 0.8em;
	border-bottom-color:#766d66;
	border-bottom-width:2px;
	border-bottom-style:solid;
}

#mainnav {
	width: 26em;
	max-width: 30%;
	float: left;
	margin-top:1.3em;
	margin-left:.8em;	
}

#content {
	width: 80em;
	max-width: 100%;
	float: right;
	border-bottom-color:#766d66;
	border-bottom-width:2px;
	border-bottom-style:solid;
}

#videocontent {
	width: 80em;
	max-width: 100%;
	border-bottom-color:#766d66;
	border-bottom-width:2px;
	border-bottom-style:solid;
	text-align:center;
}

#mainContent {
	width: 30em;
	max-width: 45%;
	float: left;	
  
}
#secondaryContent {
	width: 20em;
	max-width: 32%;
	float: right;
}

.address {
	clear:both;
	font-size:11px;
	text-align:center;
}


#footer {
	clear:both;
	padding:.5em;
	padding-bottom:2em;
	font-size:14px;
	color: #89503C;
	letter-spacing:.1em;
	text-align:center;
	color: #89503C;


}

/* Typography
-------------------------------------------*/

h1 {
	text-align: right;
	font-size: 20px;
	font-weight:normal;
	font-style:normal;
	letter-spacing: 0.1em;
	color: #766d66;
	padding: 0;
	margin: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-right: 10px;
}
h2 {
	font-size: 12px;
	font-style:normal;
	letter-spacing:.1em;
	margin-top: 1em;
	color:#95806f;
}	

h2.projectheader {
text-align:right;
padding-right:1.5em;
}

h1.header {
font-size:14px;
}

.imgcredit {
font-size:9px;
color:#333333;
margin-left:.9em;
}

ul {
padding-left:0em;
line-height: 1.3em;
}


embed{
margin-bottom:25px;
margin-top:15px;
/*border-color:#CC9933; border-style:solid; border-width:3px;}
*/
}

li.news {
padding-bottom:1em;
}

ul.projects {
list-style-type:none;
line-height: 1.8em;
text-align:right;
padding-right:1.6em;
}

p.firefox {
font-size:10px;
}



/* Links
-------------------------------------------*/
a { color: #CCCCCC; text-decoration: none; font-weight: normal; }

a:link, a:visited {color: #CCCCCC; text-decoration: none; border-bottom: 1px dotted #CCCCCC;}

a:hover {color: #4f8adc; text-decoration: none; border-bottom: 1px dotted #4f8adc; }

a:active { color: #b40000; text-decoration: none; border-bottom: 1px dotted #b40000; }

.r {color: #666666; text-decoration: none; font-weight: normal; }
.r:link, .r:visited {color:#333333; text-decoration: none; border-bottom: 1px dotted #333333;}
.r:hover {color: #4f8adc; text-decoration: none; border-bottom: 1px dotted #4f8adc; }

.s {color:#333333; text-decoration: none; font-weight: normal; }
.s:link, .s:visited {color: #333333; border-bottom:none; text-decoration: none;}
.s:hover {color: #4f8adc; text-decoration: none;}

.t {color:#766d66; text-decoration: none; font-weight: normal; }
.t:link, .t:visited {color:#766d66;text-decoration: none; border-bottom:none;}
.t:hover {color: #4f8adc; text-decoration: none; border-bottom:none;}
.t:active { color: #b40000; text-decoration: none; border-bottom: 1px dotted #b40000; }