/*

Theme Name: Mark 3

Theme URI: http://www.markwearing.co.uk

Description: Wordpress theme for Markwearing.co.uk

Version: 1.0

Author: Mark Wearing

Author URI: http://www.markwearing.co.uk

*/


html {
	overflow-y: scroll;
}

body {
	background-color:#121212;
	background-image:url(http://www.markwearing.co.uk/wp-content/themes/mark3/images/background.jpg);
	background-position:center top;
	text-align: left;
	font-family: Avant Garde, Century Gothic, Segoe UI, Arial, san-serif;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	height:100%;
}

#top {
	height: 22px;
	width: 100%;
	border-bottom: 1px solid #6a797d;
	background:#000000;
}

#top #links {
	margin: 0;
        padding: 2px 5px 0px 0px;
	font-size: 10pt;
	color: #ffffff;
	text-align: right;
}

#top #links a {
	color: #FFFFFF;
}

#top #links a:hover, #top #links a:active {
color: #00d0fd;
}

#container {
	text-align: left;
	margin: 0px auto;
	width: 900px;
	min-height:700px;	

}

#header {
	width: 900px;
	height: 60px;
	padding: 10px;
}

#header h1 {
	color: #FFFFFF;
	font-size: 40pt;
	margin: 0;
	letter-spacing: -2px; 
	font-weight:100; 
	line-height:1em;
}

h1 span {
	color: #00d0fd;
	font-size: 20pt;
	margin: 0;
	letter-spacing: -2px; 
	font-weight:bold; 
	line-height:1em;
}

h1 a {
	color: #FFFFFF;
	text-decoration: none;
}

h1 a:hover, h1 a:active {
	color: #00d0fd;
	text-decoration: none;
}

#navigation {
	width: 900px;
	height: 30px;
	margin-bottom: 10px;
	border-bottom: 1px solid #bbbbbb;
}


#navigation a {
	padding: 3px 10px 5px 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 1em;
}

#navigation a#active, #navigation a:hover {
	color: #00d0fd;
}

#mainbody {
	width: 600px;
	float: right;
	padding: 0 10px 0 10px;
	margin: 0;
	min-height:500px;
}

#mainbody p {
	color: #FFFFFF;
	font-size: 11pt;
}

#mainbody p.introduction {
	font-size: 12pt;
	color: #FFFFFF;
	font-weight:bold;
}

#mainbody p.introduction a {
	color: #FFFFFF;
}

#mainbody p.introduction a:hover {
	color: #00d0fd;
}

#mainbody p.portfolio {
	font-size: 11pt;
	color: #FFFFFF;
	padding: 0 5px;
height: 150px; 
}

#mainbody a {
	color: #FFFFFF;
}


#mainbody a:hover {
	color: #00d0fd;
}

#mainbody a.portfolio {
	color: #00d0fd;
	font-weight:bold;
	text-decoration: none;
}


#mainbody a.portfolio:hover {
	color: #fFFFFF;
	font-weight:bold;
	text-decoration: none;
}

#mainbody h2 {
	font-size: 13pt;

}

#mainbody h2 a {
	text-decoration: none;
}

#mainbody h2.header {
	font-size: 15pt;
	color: #FFFFFF;
}

#mainbody h2 {

}

#mainbody img {
	border: none;
}

#post {
	border-bottom: 1px solid #bbbbbb;
}

#sidebar {
	width: 200px;
	height: 300px;
	float: left;
	padding: 30px 10px 0 10px;
}

#sidebar h2 {
	color: #FFFFFF;
	font-size: 15pt;
	margin: 0;
	letter-spacing: -1px; 
	font-weight:100;
	line-height:1.5em; 

}

#sidebar h2 span {
	color: #00d0fd;
	font-size: 30pt;
}

#sidebar h2 a {
	color: #FFFFFF;
	text-decoration: none;
}


#sidebar ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

#sidebar ul li a:hover {
	color: #00d0fd;
	text-decoration: none;
}

#sidebar #sidebarnavigation {
	margin-top: 50px;
}

#footer {
	clear: both;
	width: 900px;
	height: 30px;
	border-top: 1px solid #bbbbbb;
}

#footer #footer-copyright {
	width: 885px;
	text-align: right;
	margin: 5px 5px 5px 5px;
	font-size: 10pt;	
	color: #6a797d;
}

#footer #links {
	float: left;
	width: 900px;
	margin: 5px;
	font-size: 10pt;
	width: 500px;
	color: #6a797d;
}

#footer #links a {
	color: #6a797d;
}

#footer #links a:hover, a:active {
	color: #00d0fd;
}