/*--------------------------------- 
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:#1E1E1E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
}


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

}

#flashDiv {
text-align:center;
}


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



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

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

#secondaryContent {
	width: 15em;
	max-width: 25%;
	float: right;
}


#mainContent {
	width: 48em;
	max-width: 70%;
	float: left;
  
}


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


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


}

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

h1 {
	text-align: right;
	font-size: 20px;
	font-weight:normal;
	font-style:normal;
	letter-spacing: 0.1em;
	color:#CCCCCC;
	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:#CCCCCC;
}	

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

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

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

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

p {

line-height:1.5em;
margin-bottom:1em;
letter-spacing:.04em;
}

p.right {
text-align:right;
padding-bottom:0px;
}


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

/*li.news {
padding-bottom:.3em;
}


li {
padding-bottom: .5em;
}
*/
ul.projects {
font-size:13.5px;
list-style-type:none;
line-height: 1.8em;
text-align:right;
padding-right:1.6em;
}


ul.refs  {
	font-size:13.5px;
	list-style-type:none;
	line-height: 1.6em;
	text-align:left;
	padding-right:1.6em;
	text-indent: -3em; margin-left: 3em;
}


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

#overview #secondaryContent .overview a, #interactive #secondaryContent .interactive a, #references #secondaryContent .references a, #biography #secondaryContent .biography a {
cursor:default;
color:#53331e;
}


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

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

a:hover {color: #4f8adc; text-decoration: none; border-bottom: border-bottom:none;}
a:active { color: #53331e; text-decoration: none; border-bottom:none;}

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

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