/*
; Main Stylesheet
Author: Darren Marshall
*/

/* Global */

* {margin: 0; padding: 0;}
html {font-family: "Verdana", sans-serif; background-color: #efefef;}
body {color: #333; border-top: 15px solid #999;}

a img {border: none;}
a, a:active, a:visited {color: #333; font-size: 10px; text-decoration: none;}
a:hover {color: #222;}
			
h1 {margin-bottom: 15px; font-size: 28px; font-family: "Lucida Grande";}
h2{
	font-size: 16px;
	font-weight: bold;
	font-family: "Futura", "Verdana", sans-serif;
	text-transform: uppercase;
	color: #333;
	margin-bottom: 10px;
}

label {display: block; margin-left: 10px; font-size: 14px; font-weight: bold; color: #333;}
input[type=text] {width: 500px; padding:5px;margin: 10px;}
input[type=file] {width: 500px; padding:5px;margin: 10px;}

input[type=button] {margin: 10px; clear: both;}
input[type=textarea] {width: 500px; height: 120px; margin: 10px;}
select {margin: 10px 0 10px 10px;}


p {font-size: 11px; line-height: 20px;}

/* Main Container */
#container {width: 800px; padding: 30px 30px 10px 30px; margin:0 auto; background-color: #fff; }

#header {height: 70px;width: 800px;}
#header .logo {float: left;}
#header .tweet {float: right;}
#header ul {float: right; width: 400px;text-align: right;padding-top: 40px;}
#header ul li {display:inline; margin-left: 5px; margin-right: 5px;}
#header ul li a, #header ul li a:active, #header ul li:visited {font-size: 14px; color: #000; text-decoration: none;}
#header ul li a:hover {color: #333; background-color: none; text-decoration: none;}

#header p {float: left; width: 500px; padding: 18px; margin-bottom: 0px;}
.info {margin-bottom: 10px;padding: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center;}
.info p {letter-spacing: 2px;}
#footer {margin-top: 20px;}
#footer p {margin-top: 10px; font-size: 10px; color: #999; letter-spacing: 1px;}
#content {clear: both;width: 800px;}
#content a {margin-left: 15px; text-transform: uppercase;}
#content img {margin: 10px 15px 15px 0;}
#content p { margin:0 0 0.8em; }
#content p.quote {color: #666;width: 280px; float: right; font-size: 14px; line-height: 28px;padding-top: 50px; margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
#page {
	width: 540px;
	float: left;
	margin-bottom: 20px;
	padding-top: 25px;
}
#rail {
	width: 240px;
	float: right;
	padding-top: 25px;}
#note {clear: both;}
#note p {margin-bottom: 10px; line-height: 16px;}
#note h3 {font-size: 14px; margin-bottom: 10px;}
#footer {clear: both;width:800px; height: 40px; border-top: 1px solid #ccc;}
#footer a, #footer a:active, #footer a:visited {font-size: 10px; color: #999; text-decoration: none;}
#footer a:hover {color: #333; background-color: none; text-decoration: none;}