/* @override 
	http://www.mtheory.co.uk/mtheorystyles.css
	http://www.mtheory.dreamhosters.com/mtheorystyles.css
*/

/* There is probably a various elements which are used and are therefore redunant that need cleaning up */

body {
	text-align: center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: black;
	background: #d6d6d6;
}

form{
	display:inline;
}

/* @group Header formating */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #3f3f3f;
	font-weight: lighter;
	margin: 0em;
}

h1:first-letter {
	color: #00ff33;
	font-weight: normal;
}

h2:first-letter {
	color: #00ff33;
	font-weight: normal;
}

h3:first-letter {
	color: #00ff33;
	font-weight: normal;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.4em;
	border-bottom: 1px #bfbfbf solid;
}

h4 {
	font-size: 1.2em;
}

h4.red a {
	display: block;
	font-size: 1.1em;
	font-weight: lighter;
	color: white;
	padding: 0.1em 1em;
	background: #cc6666 url(resources/gradient-h4-red.png) repeat-x;
}

h5 {
	font-size: 0.9em;
}

/* @end */

/* @group Font handling and anchors */

p {
	text-align: justify;
	font-size: 0.8em;
	font-weight: normal;
}

i {
	font-weight: normal;
	color: #cc3300;
}

.font {
	text-align: justify;
	font-size: 0.8em;
	font-weight: normal;
}

.clear {
	clear: both;
}

a {
	text-decoration: none;
	color: #0066cc;
}

a:link {
	
}

a:visited {
	
}

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

a:active {
	
}

/* @end */

/* @group Generic lists and header lists */

ul {
	font-size: 0.8em;
}

li {
	
}

ul.header,ul.header li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.header li {
	float: none;
	width: 16em;
	font-size: 1.2em;
	font-weight: lighter;
	margin-right: 0px;
	margin-bottom: 10px;
	display: inline-block;
	text-decoration: none;
}

li.headerRed a {
	display: block;
	color: white;
	padding: 0.1em 1em;
	background: #cc6666 url(resources/gradient-h4-red.png) repeat-x;
}

li.headerBlue a {
	display: block;
	color: white;
	padding: 0.1em 1em;
	background: #99ccff url(resources/gradient-h4-blue.png) repeat-x;
}

li.headerGrey a {
	display: block;
	color: white;
	padding: 0.1em 1em;
	background: #d4d4d4 url(resources/gradient-h4-grey.png) repeat-x;
}

/* @end */

/* @group Menu setup */

ul.menu,ul.menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.menu li {
	float: left;
	width: 9em;
	font-size: 1em;
	margin-right: 0px;
	margin-bottom: 10px;
	padding: 1px;
}

ul.menu a {
	display: block;
	width: 8em;
	padding: 0;
	text-transform: lowercase;
	background: #0099ff url(resources/gradient-small.png) repeat-x;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	font-style: normal;
}

ul.menu a:hover {
	background: #00ff33 url(resources/gradient-small-hl.png) repeat-x;
	color: #ffffff;
}

/* @end */

/* @group Coloured Boxes */

ul.box,ul.box li {
	list-style-type: none;
	font-size: 0.9em;
	list-style-position: inside;
	display: inline;
}

li.grey {
	display: block;
	width: 358px;
	float: left;
	padding: 0.5em;
	color: #3f3f3f;
	text-decoration: none;
	text-align: left;
	margin: 4px 2px;
	background: #cccccc url(resources/gradient-med-grey.png) repeat-x;
}

li.pink {
	display: block;
	width: 358px;
	float: left;
	padding: 0.5em;
	color: #3f3f3f;
	text-decoration: none;
	text-align: left;
	margin: 4px 2px;
	background: #ffccff url(resources/gradient-med-pink.png) repeat-x;
}

li.green {
	display: block;
	width: 358px;
	float: left;
	padding: 0.5em;
	color: #3f3f3f;
	text-decoration: none;
	text-align: left;
	margin: 4px 2px;
	background: #ccffcc url(resources/gradient-med-green.png) repeat-x;
}

li.yellow {
	display: block;
	width: 358px;
	float: left;
	padding: 0.5em;
	color: #3f3f3f;
	text-decoration: none;
	text-align: left;
	margin: 4px 2px;
	background: #ffffcc url(resources/gradient-med-yellow.png) repeat-x;
}

li.blue {
	display: block;
	width: 358px;
	float: left;
	padding: 0.5em;
	color: #3f3f3f;
	text-decoration: none;
	text-align: left;
	margin: 4px 2px;
	background: #99ccff url(resources/gradient-med-blue.png) repeat-x;	
}

li.orange {
	display: block;
	width: 358px;
	float: left;
	padding: 0.5em;
	color: #3f3f3f;
	text-decoration: none;
	text-align: left;
	margin: 4px 2px;
	background: #ffcc66 url(resources/gradient-med-orange.png) repeat-x;	
}

/* @end */

/* @group Additional layout items */

.hiddenPic {
	display:none;
}

#picture {
	width: 290px;
	float: right;
	clear: both;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 380px;
	top: 109px;
	text-align: center;
}

#header {
	margin-top: 0px;
	margin-left: 0px;
	width: 800px;
	height: 75px;
	position: absolute;
}

#box {
}

#firefox {
	width: 125px;
	height: 125px;
	float: left;
	padding: 0;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#newsfeed {
	width: 40%;
	float: left;
	margin: 2px 5px 2px 2px;
	height: 100%;
	padding: 2px 5px;
	border-right: 2px solid #d6d6d6;
}

/* @end */

/* @group Main Layout */

#container {
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 808px !important;
	text-align: left;
	background: #d6d6d6
}

#content {
	width: 658px;
	margin: 5px;
	border: 1px none #000;
}

#mainpage {
	margin-top: 90px;
	margin-left: 0px;
	width: 808px;
	position: absolute;
		overflow: hidden;
		height: auto;
	padding: 0;
	border-style: none;
	border-color: #f700d2;
	background: #fff url(resources/content_right.png) repeat-y right;
}

#menu {
	width: 658px;
	float: left;
	border: 1px none red;
	margin: 0px 0 0 0px;
	background: url(resources/content_topleft.png) no-repeat left top;
	padding-top: 10px;
	padding-left: 10px;
}

#search {
	width: 620px;
	float: left;
	padding: 0;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 1px none #3dff6f;
}

#ads {
	width: 120px;
	height: 100%;
	float: right;
	border-style: none;
	border-color: #5c21fa;
	margin: 0 0 0px 0px;
	background: url(resources/content_topright.png) no-repeat right top;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 2px;
}

#about {
	clear: both;
	background: #b1b1b1;
	text-align: center;
	font-size: 0.6em;
	margin-left: 10px;
	margin-right: 18px;
	padding: 0.4em;
	border: 1px none #2eff1d;
}

#footer {
	clear: both;
	background: url(resources/content_bottom.png) no-repeat left bottom;
	text-align: center;
	font-size: 0.6em;
	padding: 10px;
}

/* @end */