/* Screen Style sheet for The Footnote */


/*

Colour Set
==========

Background: White  - #fff
Main text: Dark grey - #4f4945
Links & Headings: Rose pink - #aa5557
Hover links & table borders: Old Gold - #cfb53b

Additional colour, possibly for pre and blockquote sections: Lilac - #663366

Current pre tag colours
-----------------------
Background: Black - #000
Text: White - #fff


*/


body 
	{
	background:#fff;
	color:#4f4945;
	font-family:"Comic Sans MS", Arial, sans-serif;
	font-size:10pt;
	line-height:27px;
	}

#container
	{
	background:#fff;
	width:90%;
	margin-right:auto;
	margin-left:auto;
	}

#title
	{
	width:552px;
	margin-right:auto;
	margin-left:auto;
	}

img
	{
	border:0;
	}

/* 
This navigation bar designed by Chris Hester for the excellent Listamatic site. Full details of it are here: http://css.maxdesign.com.au/listamatic/horizontal27.htm
*/


#navcontainer ul
	{
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0;
	margin-top: 0;
	/* cancels gap caused by top padding in Opera 7.54 */
	margin-left: 0;
	background-color:#4f4945;
	color: white;
	width: 100%;
	font-family: Arial,Helvetica,sans-serif;
	line-height: 18px;
	/* fixes Firefox 0.9.3 */
	}

#navcontainer ul li
	{
	display: inline;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 5px;
	/* matches link padding except for left and right */
	padding-top: 5px;
	}

#navcontainer ul li a
	{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: white;
	text-decoration: none;
	border-right: 1px solid #fff;
	}

#navcontainer ul li a:hover
	{
	background-color:#aa5557;
	color: white;
	font-style:normal;
	}

#navcontainer #active { border-left: 1px solid #fff; }

#main
	{
	margin:1cm 0 0 1cm;
	}

#MUDmain
	{
	width:90%;
	float:left;
	margin:1cm 0 1cm 1cm;
	padding:0 1cm 1cm 1cm;
	}

/* Adapted from examples on the Listamatic site: http://css.maxdesign.com.au/listamatic/ */


#MUDmenu
	{
	width:10%;
	float:right;
	line-height:20px;
	padding-left:9px;
	margin-left:9px;
	}

#MUDmenulist
	{
	padding-left:0;
	margin-left:0;
	border-bottom:1px solid #aa5557;
	width:135px;
	}

#MUDmenulist li
	{
	list-style: none;
	margin: 0;
	padding: 0.25em;
	border-top: 1px solid #aa5557;
	}

#contactme

	{
	background:#aa5557;
	}

.ack
	{
	margin-left:35%;
	font-family: "Times New Roman"; Serif;
	font-variant: small-caps;
	font-weight:700;
	}

.columns
	{
	width:100%;
	clear:both;
	padding-top:0%
	margin-top:0%;
	margin-left:auto;
	margin-right:auto;
	}
	
.columnhalf
	{
	width:50%;
	float:left;
	text-align:left;
	}
	
.columnthird
	{
	width:30%;
	float:left;
	text-align:left;
	padding-left:7px;
	margin-left:7px;
	}

a
	{
	text-decoration:none;
	color:#aa5557;
	font-weight:bold;
	}

a:hover
	{
	font-style:italic;
	color:#cfb53b;
	}

h1
	{
	font-family:"Times New Roman",serif;
	font-size:18pt;
	color:#aa5557;
	margin-left:-1cm;
	}

h2
	{
	font-family:"Times New Roman",serif;
	font-size:16pt;
	color:#aa5557;
	margin-left:-1cm;
	}

h3
	{
	font-family:"Times New Roman",serif;
	font-size:14pt;
	color:#aa5557;
	font-weight:normal;
	margin-left:-1cm;
	}

em
	{
	font-weight:700;
	color:#663366;
	font-style:normal;
	}

blockquote
	{
	font-family:"Comic Sans MS", arial, sans-serif;
	font-size:10pt;
	color:#663366;
	line-height:15px;
	text-align:justify;
	margin-right:2cm;
	width:72%;
	}

p.thynge
	{
	font-family:"Comic Sans MS", arial, sans-serif;
	font-size:18pt;
	font-weight:bold;
	color:#663366;
	margin-left:45%;
	}

pre

/*
Designed to replicate my MUSHclient screen display :)
*/

	{
	width:72%;
	font-family:FixedSys, sans-serif;
	font-size:7pt;
	padding-right:3px;
	padding-left:6px;
	margin-right:3px;
	margin-left:6px;
	background-color:#000;
	color:#fff;
	line-height:18px;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	}

pre.one
	{
	width:100%;
	}

.tm
	{
	border:0;
	width:50px;
	margin-right:auto;
	margin-left:auto;
	}

.ribbonNav
	{
	text-align:right;
	line-height:20px;
	}

ol.nb
	{
	clear:both;
	border-top:1px solid #4f4945;
	font-size:9pt;
	line-height:18px;
	}

ol li.nb
	{
	list-style-position:outside;
	}

.nil
	{
	list-style-type:none;
	}

table
	{
	border-collapse:separate;
	padding-bottom:27px;
	margin-bottom:27px;
	}
	
th
	{
	border: 1px solid #cfb53b;
	padding:3px;
	font-family:"Times New Roman",serif;
	font-size:14pt;
	font-weight:normal;
	}
	
td
	{
	border: 1px solid #cfb53b;
	padding:3px 3px 0 3px;
	vertical-align:text-top;
	}
	
.invisible
	{
	border-collapse:separate;
	border:0;
	padding:3px;
	margin:3px;
	}

dl dt
	{
	padding-top:18px;
	}

dl.stress dt
	{
	font-weight:bold;
	}