@charset "utf-8";

/**/
/**//*OVERALL SITE FORMATTING*/
/**/
html, body {
	behavior:url("Scripts/csshover3.html");
	text-align:center; !important
	height:100%;
	width:100%;
	padding:0px;
	margin:0px;
	color:black;
	background-color:black;
	background-repeat:no-repeat;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:105%;
}
code {
	font-family:Lucida Console, monospace;
	font-size:90%;
	color:#black;
	background-color:#DDD;
}
pre {
	font-family:Lucida Console, monospace;
	font-size:90%;
	color:#black;
	background-color:#DFD;
	padding:5px;
    display: inline-block;
	border:solid;
	border-width:1px;
	max-width:100%;
	overflow-x:auto;
}
#background {
	position:fixed;
	top:-50%;
	left:-50%;
	width:200%;
	height:200%;
}
#background img {
	position:absolute;
	margin:auto;
	min-width:50%;
	min-height:50%;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
@media screen and (max-width: 512px) {
	#stage img {
		width:100%;
		height:auto;
	}
}
#siteContainer {
	margin-left:auto;
	margin-right:auto;
	height:100%;
	width:99%;
	max-width:1024px;
	min-width:817px;
	text-align:left;
}
a:link {
	color:#00F;
}
a:hover {
	color:#006;
}
a:visited {
	color:#006;
}

/**/
/**//*TOP PANEL FORMATTING*/
/**/
#panelTop {
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	left:0;
	right:0;
	width:100%;
	max-width:1024px;
	min-width:817px;
	height:160px;
}
#logo {
	position:absolute;
	background-image:url(../images/logo.png);
	width:160px;
	height:160px;
	margin-left:0px;
	margin-top:0px;
}
#nameMain {
	position:absolute;
	padding:10px;
	width:410px;
	height:45px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:34px;
	color:#333;
	letter-spacing:5px;
	margin-left:160px;
	margin-top:32px;
}
#nameSmall {
	position:absolute;
	padding:5px;
	width:615px;
	height:25px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	color:#444;
	letter-spacing:2px;
	margin-left:180px;
	margin-top:85px;
}
#csmCert {
	background-image:url(../images/seal-csm.png);
	width:75px;
	height:75px;
	margin-left:720px;
	margin-top:15px;
}
#banner {
	background-image:url(../images/opaqueLight.png);
	max-width:1024px;
	width:99%;
	min-width:815px;
	height:158px;
	margin:0 auto;
	border-style:solid;
	border-width:1px;
}

/**/
/**//*LEFT PANEL FORMATTING*/
/**/
#panelLeft {
	position:absolute;
	margin-left:0px;
	margin-right:0px;
	width:140px;
	height:500px;	
}
#buttonAbout {
	position:absolute;
	margin-top:1px;
}
#buttonArticles {
	position:absolute;
	margin-top:36px;
}
#buttonContact {
	position:absolute;
	margin-top:71px;
}
#buttonCV {
	position:absolute;
	margin-top:106px;
}
#buttonMusic {
	position:absolute;
	margin-top:141px;
}
#buttonProjects {
	position:absolute;
	margin-top:176px;
}
#buttonResearch {
	position:absolute;
	margin-top:211px;
}




#content {
	position:absolute;
	width:100%;
	max-width:1024px;
	margin-left:auto;
	margin-right:auto;
	margin-top:175px;
	left:0;
	right:0;
}

/**/
/**//*RIGHT PANEL FORMATTING*/
/**/
#panelRight {
	margin-left:150px;
	top:175px;
	background-image:url(../images/opaqueLight.png);
	background-repeat:repeat;
	max-width:884px;
	border-style:solid;
	border-width:1px;
	text-align:left;
	z-index:1;
}
#main {
	padding:15px;
}

/**/
/**//*BUTTON FORMATTING*/
/**/
.clickable {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
}
.clickableDiv {
	background-image:url(../images/opaqueDark.png);
	background-repeat:repeat;
	width:140px;
	height:27px;
	border-style:solid;
	border-width:2px;
	border-color:#f1ffff;
}
.clickableDiv:hover {
	background-image:url(../images/opaqueLight.png);
	border-color:#2a4148;
}
.clickableDiv a {
	padding:6px;
	font-size:19px;
	color:#f1ffff;
	text-decoration:none;
	letter-spacing:2px;
}
.clickableDiv a:hover {
	color:#2a4148;
	text-decoration:none;
}
.clickableButton {
	position:absolute;
	width:140px;
	height:27px;
	top:0;
	left:0;
	z-index:1;
}

/**/
/**//*MISCELLANEOUS*/
/**/
.compatPlatinum {
	background-color:rgb(180, 199, 220);
}
.compatGold {
	background-color:rgb(207, 181, 59);
}
.compatSilver {
	background-color:rgb(166, 166, 166);
}
.compatBronze {
	background-color:rgb(205, 127, 50);
}
.compatBroken {
	background-color:rgb(255, 25, 25);
}
.dataTable {
	font-size:80%;	
}