/**** Main Style Guide *****/

a { 
	color:				#FFCC66; 
	text-decoration: 	none;
}

a:hover{  
	color:				#FFCC66; 
	text-decoration: 	underline;
}

a:visit{
	color:				#D7B115;
}

body {
	background-color: #000000;
	color: 				#F8F8FF;
	font-family: 		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			75%;
	text-align:			center;
	
	scrollbar-3dlight-color: 		#590BB1;
	scrollbar-arrow-color: 			#590BB1;
	scrollbar-base-color: 			#000000;
	scrollbar-darkshadow-color: 	#000000;
	scrollbar-face-color: 			#000000;
	scrollbar-highlight-color: 	#000000;
	scrollbar-shadow-color: 		#590BB1;
}

img {
	border: 				0px;
}

/**** BANNER STYLES *****/
#banner {
	margin-right:		auto;
	margin-left:		auto;
	text-align:			left;
	width: 				62.5em;	
}

#banner img{
	padding: 			0px;
	margin: 				0px;
}

/**** BODY STYLES *****/

#body {
	margin-right:		auto;
	margin-left:		auto;
	text-align:			left;
	width: 				62.5em;	
}

/**** CONTENT STYLES *****/

#content, #fullcontent {
	margin-top:			0.3em;
	text-align: 		justify;	
}

#content .article, #fullcontent #article, #fullcontent .comment, .table { 
	background-color: #111111;
	border-color: 		#696969;
	border-width: 		1;
	border-style: 		solid;
	margin-top: 		1em;
	padding: 			5px;
}

#content {
	margin-left:		11em;
	position:			absolute;
	width: 				52em;
}

#content #braindumps {
	height:			 	1.8em;
}

#content #quote {
	height: 			 	4.5em;
}

#content .article {
	width: 				50.5em;
}

#content .section {
	background-color: #111111;
	border-color: 	 	#590BB1;
	border-width: 	 	1;
	border-style: 	 	solid;
	margin-bottom:		10px;
	padding-top:	 	auto;
	padding-bottom: 	auto;
	padding-left:		0px;
	padding-right:		0px;
	text-align:			center;
	width:			 	51.3em;
	vertical-align: 	middle;
}

#content .section p {
	text-align: 		center;
}

#content .section ul {
	margin: 				5px 0px 0px 0px;
	list-style: 		none;
}

#content .section ul li {
	display:				inline;
	margin-left:		5px;
	margin-right:		5px;	
}

/**** FOOTER STYLES *****/
#footer {
	text-align: 		justify;
	font-size: 			90%;
	width:				57.5em;
}

/**** MENU STYLES *****/
#leftbar {
	font-size: 			80%;
	margin-top:			0.5em;
	position:			absolute;
	width: 				13em;
}

#webcam, #menu {
	background-color: #111111;
	border-color: 		#529E5C;
	border-width: 		1px;
	border-style: 		solid;	
}

#menu div, #menu ul, #webcam {
	margin-bottom: 	1em;
	margin-top:			0em;
	padding: 			0.5em;	
}

#menu p {
	font-size:			100%;
}

#menu ul  {
	list-style: 		none;
	margin-left:		0px;
}

#menu .header {
	margin: 				0px;
	padding: 			0px;
 	text-align:			center
}

/***** TABLE STYLES *****/

div.table table, div.table td, div.table th {
	font-size: 95%;
}

div.table th {
	background-color: 	#333333;
	height:					3em;
	padding-left:			.5em;
	padding-right:			.5em;
}

div.table tr.spacer {
	height: 					1px;
}

div.table tr.spacer td {
	background-color : 	#303030;
	padding-top:			0px;
	padding-bottom: 		0px;
}

div.table tr {
	height:					1em;	
}

div.table td {
	background-color:		#222222;
	padding:					4px 4px 4px 4px;
}

div.table td.highlight {
	background-color: 	#303030;
}

div.table div.header {
	margin-bottom:		0px;
}

/***** PAGE PARTS (Header/Body/Footer) *****/

div.body {
	line-height: 		160%;
}

div.footer p {
	text-align: 		center;
}

div.header {
	margin-bottom:		15px;
}

div.header img {
	border-color:		#590BB1;
	border-width:		1;
	border-style:		solid;
	float:				left;
	margin-right:		5px;
}

div.header .title, #comments div.header .author {
	color:				#590BB1;
	display:				block;
	font-size: 			150%;
	font-weight: 		bolder;
}

div.header .author, div.header .mood, div.header .date, div.header .rank {
	color:				Gray;
	display:				block;
	font-size: 			80%;
	font-weight: 		bolder;
}

#fullcontent #article div.header .title, #fullcontent #comments div.header .author {
	height:				2.5em;
}

h1.sectionheader {
	color: 				#529E5C;
}

h1.sectionheader img {
	border-color: 	 	#590BB1;
	border-width: 	 	1;
	border-style: 	 	solid;
	padding:				2px;
}

/***** SPECIAL LINKS *****/
a.M0 {	
	color:				#9999FF;	
	text-decoration: 	none;
}

a.M0:hover { 
	color:				#9999FF;	
	text-decoration: 	underline; 
}

a.M1 { 
	color:				#33CC99; 
	text-decoration: 	none;	
}

a.M1:hover { 
	color:				#33CC99; 
	text-decoration: 	underline; 
}

a.M2 { 
	color:				#FF6666; 
	text-decoration: 	none;	
}

a.M2:hover { 
	color:				#FF6666; 
	text-decoration: 	underline; 
}

a.M3 { 
	color:				#6699FF; 
	text-decoration: 	none;	
}

a.M3:hover { 
	color:				#6699FF; 
	text-decoration: 	underline; 
}

a.M4 { 
	color:				#FFCC66; 
	text-decoration: 	none;	
}

a.M4:hover { 
	color:				#FFCC66; 
	text-decoration: 	underline; 
}

/**** QUOTE AND BRAINDUMP VERTICAL ALIGN ****/

#content #quote, #content #braindumps {
	overflow: 			hidden; 
	position: 			relative;
}

#content #quote[id], content #braindumps[id] {
	display: 			table; 
	position: 			static;
}

.middle {
	position: 			absolute; 
	top: 					50%;
} /* for explorer only*/

.middle[class] {
	display: 			table-cell; 
	vertical-align: 	middle; 
	position: 			static;
}

.inner {
	position: 			relative; 
	top: 					-50%
} /* for explorer only */

/**** General Styles / Browser Bug Corrections ****
img {display: block;}

.inline {display: inline;}



*/