* {
	padding:0;
	margin:0;
	}
	
ul, ol {
	margin-left:20px;
	}

body {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url(/restlesssouls/images/bg-body.png) repeat-y top center #111;
	color:#eee;
	margin:0 auto;
	width:900px;
	}
	
img {
	border:0;	
	}

td span {
	font-weight:bold;
	}

a {
	text-decoration:none;
	color:#cc1708;
	}
a:hover {
	text-decoration:none;
	color:#0000FF;	
	}

p {
	margin-bottom:1.4em;
	line-height:1.7em;
	}
	
table {		/* I'd like to have all the browsers on the same page with regard to tables - this does it */
		border-collapse: collapse;
		empty-cells: show;
		table-layout: fixed;
		float:left;	
	    }

/* These two (gun and pil) are identifiers for Gunnery and Piloting in order to give them the necessary color */		
.gun span {
	color:#0000FF;
	font-weight:bold;
	}
	
.pil span {
	color:#FF0000;	
	font-weight:bold;
	}

/* Structure */
/* Best to be left alone except when you want to modify the whole structure of the site */

#header {  
	 height: 150px; 
     overflow: hidden; 
     text-align: center; 
     }		
	 
#menu1 {
	  position:fixed;
	  margin-top:150px;
	 }	 
	 
#menu {
	width:100px;
	padding:10px;
	float:left;
	font-size:11px;
	font-weight:bold;
	position:fixed;
	margin-top:150px;
	}
#content {
	width:700px;
	padding:10px;
	float:right;
	margin-top:150px;
	}
	
#content_index {
	width:700px;
	padding:10px;
	float:right;
	margin-top:0px;
	}
	
#footer {
	clear:both;
	padding:10px;
	text-align:center;
	color:#d0a96e;
	}
		.copyright {
			width:700px;
			float:right;
			}


/* Entries */


#bio img { /*used to position the images in the bio section */
	float:right;
	border:0;
	}

.entry {
	margin-bottom:50px;
	}
	
h1 { /* the h1,2,3,4,5 are different types of headings to diversify the heading */
	font-size:18px;
	font-weight:normal;
	color:#d0a96e;
	}
h2 {
	font-size:15px;
	font-weight:bold;
	color:#cc1708;
	}
h3 {
	font-size:13px;
	font-weight:normal;
	color:#cc1708;
	}
h4 {
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	}
h5 {
	font-size:11px;
	font-weight:normal;
	color:#FF0000;
	}
h6 {
	font-size:13px;
	font-weight:normal;
	color:#d0a96e;
	}

.sub {
	color:#993333;
	font-weight:bold;
	font-size:12px;
	}
.entrybody {
	margin:5px 0 0 0;
	text-align:justify;
	}
.entrymeta {
	margin-top:-5px;
	}
/* used in the TOE folder pages mostly and for tables */	
.toe {
	text-align:center;
	}
	
/* menu */

#menu li a { /* before you hover the mouse */
	display:block;
	padding:10px;
	border-left:3px solid #800e03;
	border-bottom:2px dotted #333;
	color:#d0a96e;
	}
#menu li a:hover { /* after you hover the mouse over */
	display:block;
	padding:10px;
	border-left:3px solid #d0a96e;
	border-bottom:1px dotted #333;
	background:#121212;
	color:#d11708;
	font-style:italic;
	}
	
/* vertical menu */

	#menu, #menu ul { /* all lists */
		padding: 0;
		margin: 0;	
		background:#070707;
		list-style: none;
		float : left;
		width : 14em;
	}
	
	#menu li { /* all menu items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 14em;
	}
	
	#menu li ul { /* second-level menu items */
		position : absolute;
		left: -999em;
		margin-left : 13em;
		margin-top : -3.5em;
	}
	
	#menu li ul ul { /* third-and-above-level menu items */
		position : absolute;
		left: -999em;
		margin-left : 13em;
		margin-top : -3em;
	}
	
/* don't modify this if you don't know what they do */
	#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
		left: -999em;
	}
/* don't modify this if you don't know what they do */	
	#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { /* lists nested under hovered list items */
		left: 1em;
		min-height: 1%;
		}