@charset "UTF-8";
/* Some of the CSS in this style is based upon the Dreamweaver default layout CSS. It has been adapted to fit this website. Please feel free to use this as reference for your own CSS, all I would ask if you credit me in your own code if you do. Open Source is the way!!!

Keith Sickelmore 2010*/

body  {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #95CFEC;/*I have not set the font size here becuase i was told not to when i was learning CSS. (I was taught by the owner of this site www.foundationphp.com. Site is good if you want to learn php and David is a helpful guy to know.) It gives you greater control although you do have to set font size in a number of places so be careful*/

/* Container Div */
}
#container  {
	width: 850px; 
	border: 1px solid #000000;
	text-align: left;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

/* Container Div Twitter Page */
} 
#container_twitter  {
	width: 850px;
	border: 1px solid #000000;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #6898B8;
	
/* Container Div Gallery Page */
} 
#container_gallery  {
	width: 850px;
	border: 1px solid #000000;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/PhotoGray_browser_bg-2.jpg);
	background-repeat: repeat;
	
/* Header */
} 
#header  {
	background-color: #000;
	margin: 0px;
	padding: 0px;
} 
#header h1  {
	margin: 0;
	position: absolute;
	top: -500px;
	left: 60px;
/* all though the header is not displayed, it is done like this so so search engines pick up the site much easier. It is considered the best way to do this */
}

/* Quote & Navigation Bar*/
#qbar {
	background-color: #666;
	margin: 0px;
	font-size: 75%;
	color: #FFF;
	text-align: center;
	font-weight: 500;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	font-family: Verdana, Geneva, sans-serif;
}
#navbar * {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CCC;
	text-align: center;
}
div#navbar {
	width: 850px;
	height: 1.7em;
	background-color: #CCC;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #999;
}
.nav_menu {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 115px;
}
#nav_main li a {
	text-decoration: none;
	display: block;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
	font-weight: bold;
	color: #333;
	font-size: 95%;
}
#nav_main li a:hover {
	color: #14CBFC;
	background-color: #000;
}
.nav_menu li {
	display: inline;
	float: left;	
	
/*Sidebar
There are number of different sidebar tags because the about me page is made up of the 3 coloums. I have been a bit lazy and used the sidebar2 tag to define the li, ul and h1 styles */
}
#sidebar  {
	float: right;
	width: 285px;
	padding: 15px;
	overflow: hidden;
}
#sidebar1  {
	width: 150px;
	padding-top: 1px;
	padding-right: 250px;
	padding-left: 446px;
}
#sidebar2  {
	float: right;
	width: 210px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
}
#sidebar2 ul{
	font-size: 75%;
	color: #333;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#sidebar2 li{
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#sidebar2 h1{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 135%;
	font-weight: bold;
	color: #000;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-style: normal;
	font-variant: normal;
}
#sidebar3  {
	float: right;
	width: 285px;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
}
/* Main Layout*/
#maincontent  {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0;
s
	margin-left: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	padding-left: 15px;
	overflow: hidden;
	width: 518px;
} 
#maincontent p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 90%;
	padding-right: 15px;
	text-align: justify;
	line-height: 1.5em;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/* Main Layout Twitter Page*/
#maincontent_twitter  {
	margin-top: 15px;
	margin-right: 317px;
	margin-bottom: 0;
s
	margin-left: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
	padding-left: 15px;
} 
/* Main Layout Gallery Main Page*/
#maincontent_gallery  {
	margin-top: 15px;
	margin-right: 317px;
	margin-bottom: 0;
s
	margin-left: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
	padding-left: 15px;
} 
#maincontent_gallery p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 90%;
	padding-right: 15px;
	text-align: justify;
	line-height: 1.5em;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #FFF;
}
/*Footer*/
#footer  {
	background-color: #000;
	height: 35px;
	padding-top: 10px;
} 
.footer   p{
	margin: 0;
	color: #FFF;
	text-align: right;
	font-size: 80%;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footerside  {
	float: right;
	width: 295px;
	color: #FFF;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
}
#footermain  {
	margin-right: 321px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-bottom: 6px;

/* Page Functions */
}
.clearfloat {
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
}
#whitespace {
	height: 15px;
	width: 850px;
	clear: both;
}