#menu ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}

#menu ul li:after {
	color: #116dd0;
	content: "\00A4 \0020";
	}

#menu ul li:before {
	color: #116dd0;
	content: "\00A4 \0020";
}

body {
	background-color: #17080c; 
	color: white; 
	font-family: Verdana; 
	font-size: 10px;
}

#wrapper {
	width: 900px; 
	position: absolute; 
	left: 50px;
	top: 50px;
}

#header {
	background-image: url('spock_uhura_header.jpg'); 
	background-repeat: no-repeat;
	width: 900px; 
	height: 350px;
}

#menu {
	float: left; 
	width: 20%;  
	margin-top: 20px; 
	text-align: right; 
	letter-spacing: 3; 
	color: #ccc;
}

#content {
	float: right; 
	border-bottom: 1px solid #ccc; 
	border-right: 1px solid #ccc;
	width: 52%; 
	padding: 20px;
	margin-top: 20px; 
	margin-bottom: 40px; 
	text-align: justify;
	line-height: 140%;
}

.sidebar {
	float: right; 
	width: 20%; 
	padding-top: 20px;
        padding-left: 10px;	
	margin-top: 20px; 
	text-align: right;
	color: #ccc;
}

b {
	color: #116dd0;
}

a {
	text-decoration: none;
	color: #ccc;
	cursor: crosshair;
}

a:hover {
	text-decoration: none;
	color: #BA55D3;
}

#content a {
	color: #BA55D3;
	text-decoration: none;
	padding-bottom:1px;
	border-bottom: 1px dotted #BA55D3;
	
}

#content a:hover {
	text-decoration: none;
	color: #116dd0;
	border-bottom: 1px dotted #116dd0;
}

#content b {	
	color: #726bc4;
}

.sidebar img {
	padding: 4px;
	border: 1px solid #ccc;
	margin:0;
	margin-top: 4px;
	opacity: 0.4;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.4;	
}

.sidebar img:hover {
	opacity: 1;
	-moz-opacity: 1;	
}

.toggleopacity:hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.toggleopacity:hover {
	 /* dummy def for that buggy IE */
	color: #ccc;
}

#menu a {
	line-height:200%;
}

#corner {
	background-image: url(spock_uhura_header2.jpg);
	height:350px;
	width:391px;
	float: right;
}

blockquote {
	width: 90%;
	margin: 0;
}	

.sidebar a {
	color: #116dd0;
}




input {
	margin: 5px;
	border: 1px solid #116dd0;
	/* background-color: #F0D9C1; */
}

input[type="radio"] {
	margin: 5px;
	/* for Opera */
	border: none;
}

input[type="submit"] {
	background-color: #F0D9C1;
}

input[type="reset"] {
	background-color: #F0D9C1;
}

select {
	margin: 5px;
	border: 1px solid #116dd0;
	/* background-color: #F0D9C1; */
}

textarea {
	margin: 5px;
	border: 1px solid #116dd0;
	/* background-color: #F0D9C1; */
}

#footer {
	text-align: center;
	margin-bottom: 30px;
	margin-bottom: 30px;
	padding-top: 30px;
}

#footer a {
	text-transform: uppercase;
	margin: 5px;
}

.rules ul {
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 10px;
}

.rules li {	
	margin-left: 0; 
	padding-left: 0;
}

.rules li:before {
		content: "[+] \0020";
		color: #116dd0;
		vertical-align: 0.8;
		padding-right: 2px;
}
