/*-----------------------------------------------
ClearFont.co.uk   Main Stylesheet

Version: 2.0
Author:  George Pribul
E-mail:  gp3509@bristol.ac.uk
Website: www.georgepribul.eu
-----------------------------------------------*/


/* Global Styles
-----------------------------------------------*/

* {
	padding:0px;
	margin:0px;
	}
	
html {
	min-height:100%;
	margin-bottom:1px;
	}

body {
	background:#C7CEE0 url(Images/background.jpg) repeat-y left;
	min-width:700px;
	color:#222255;
	}
	
p {
	margin:10px 0 5px 0;
	}

ul {
	list-style:none;
	line-height:160%;
	}

ul li
	{
	background: url(Images/bullet.gif) no-repeat left top;
	padding-left: 12px;
	font-size:95%;
	}
	
a {
	text-decoration:none;
	}

img {
	border:none;
	}


/* Main Styles
-----------------------------------------------*/

#page {
	font-family:Calibri, 'Segoe UI', 'Trebuchet MS', Tahoma, Arial, sans-serif;
	font-size:80%;
	text-align:left;
	}

#titlebox {
	background:url(Images/title.jpg) #285887;
	width:100%;
	height:140px;
	border-bottom:1px solid #ffffff;
	}

h1 {
	display:none;
	}

#nav {
	width:120px;
	height:100%;
	}

#nav a {
	display:block;
	padding:10px;
	margin:12px 10px 0 10px;
	width:80px;
	color: #FFFFFF;
	text-align:center;
	font-weight:bold;
	}
	
#nav a:hover {
	color:#BBBBFF;
	}
	
#nav a:active {
	color:#9999FF;
	}
		
#nav a.nav-active {
	background:#334460;
	padding:9px;
	border:1px solid #CCEEFF;
	}
	
#nav a.nav-active:hover {
	color:#FFFFFF;
	}

#toc {
	background:#667790;
	position:fixed;
	top:177px;
	right:10px;
	width:110px;
	padding:10px;
	color:#DDDDDD;
	text-align:center;
	z-index:100;
	font-weight:bold;
	border:2px solid #445570;
	}

#toc a, #toc a:link, #toc a:visited {
	color:#DDDDDD;
	line-height:160%;
	font-size:90%;
	}

#toc a:hover {
	border-bottom:1px dotted #DDDDDD;
	}

#toc a:active {
	border-bottom:1px solid #DDDDDD;
	}

#mainbox {
	position:absolute;
	top:175px;
	left:139px;
	min-width:600px;
	padding-bottom: 20px;
	}

h2 {
	color:#006699;
	padding-bottom:10px;
	font-size:240%;
	font-variant:small-caps;
	}
	
.flavourtext {
	padding-bottom:10px;
	font-weight:bold;
	}

h3 {
	margin-top:35px;
	color:#003366;
	}

h4 {
	margin:20px 0 5px 0;
	color:#000033;
	}

.detailNote {
	color:#556677;
	font-size:90%;
	font-weight:bold;
	}

.donate {
	margin:2em auto 0 auto;
	}
	
/* Link Styles
-----------------------------------------------*/

#mainbox a, #mainbox a:link, #mainbox a:visited {
	color:#006999;
	}

#mainbox a:hover {
	color:#003969;
	border-bottom:1px dotted #003366;
	}

#mainbox a:active {
	color:#001949;
	border-bottom:1px solid #003366;
	}

#mainbox table a:hover {
	border:none;
	}

.screenshot {
	margin:6px 0 6px 0;
	border:2px solid #FF9F3B;
	}

.screenshot:hover {
	border:2px solid #FF7837;
	}
	
.screenshot:active {
	border:2px solid #FF6827;
	}


/* Bar Styles
-----------------------------------------------*/

.bar {
	background:url(Images/bar.jpg);
	height:1px;
	width:520px;
	margin:5px 0 5px 0;
	font-size:1px;
	}
		
.barend {
	background:url(Images/bar.jpg);
	height:1px;
	width:520px;
	margin:40px 0 5px 0;
	font-size:1px;
	}


/* Special Links
-----------------------------------------------*/

.external {
	background:url(Images/ExternalLink.gif) no-repeat right top;
	padding-right:11px;
	}
	
.file {
	background:url(Images/FileLink.gif) no-repeat right top;
	padding-right:11px;
	}
	

/* WC3
-----------------------------------------------*/

#wc3 {
	position:absolute;
	bottom:20px;
	left:-120px;
	}
		
#wc3 a, #wc3 a:link, #wc3 a:visited, #wc3 a:hover, #wc3 a:active  {
	border-bottom:none;
	}

.wc3 {
	margin:1px 0 1px 0px;
	}