body {
	background: url("images/background-blue-grad.jpg") repeat-x;
	font-family: Verdana, sans-serif;
	text-align: center;
	font-size: 12px;
}

p {
	text-align: left;
	margin: 0 10px;
	}

body, img, ul {
	margin: 0;
	padding: 0;
	}

/* Structure */

#content {
	width: 800px;
	margin: 0 auto;
	}

#banner {
	margin: 0;
	padding: 0;
	height: 50px;
	}

#top-nav {
	clear: both;
	width: 800px;
	height: 53px;
	margin: 0;
	background: url("images/nav-bg.png") no-repeat;
	}

iframe {
	margin: 5px;
	}

#feature, #blog {
	margin: 0;
	padding: 0;
	}

#blog {
	text-align: left;
	}

#feature div, #blog div {
	float: left;
	}

#feature-left, #feature-right {
	margin: 20px 0;
	}

#feature-left {
	margin-right: 15px !important;
	width: 485px;
	}

#feature-right {
	width: 265px;
	}

#signup-container {
	width: 800px;
	clear: both;
	background-color: #DCFFDC;
	border-top: 1px solid #3C3;
	border-bottom: 1px solid #3C3;
	text-align: center;
	}

#signup {
	margin: 0 auto;
	width: 300px;
	}

#cols div {
	float: left;
	margin: 10px 0 10px 15px;
	padding: 0;
	text-align: left;
	} 

#cols-left {
	margin-left: 0 !important;
	width: 285px;
	}

#cols-right {
	width: 495px;
	}

#cols-right-cols {
	margin: 0 !important;
	}

#cols-right-cols-left {
	margin-left: 0 !important;
	}

#cols-right-cols-left, #cols-right-cols-right {
	margin-top: 0 !important;
	width: 240px;
	}

#footer {
	clear: both;
	margin: 10px 0 20px 0;
	border-top: 1px dotted gray;
	}

#footer p {
	margin: 10px 0 0 0;
	}

.box {
	border: 1px solid #CCC;
	border-bottom: 5px solid #CCC;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
	width: 100%;
	}

.inside-box {
	margin: 5px;
	}

.left {
	float: left;
	}

.right {
	float: right;
	}

.file-download {
	float: none !important;
	height: 60px;
	background-color: #DCFFDC;
	border-top: 1px solid #3C3;
	border-bottom: 1px solid #3C3;
	}

.file-download img {
	float: left;
	}

.acknowledgements {
	font-style: italic;
	}

/* List Styles */

ol {
	text-align: left;
	}

/* General Lists */

ul {
	list-style-type: none;
	}

ul li {
	margin-bottom: 1em;
	}

ul li small {
	color: gray;
	}

/* Link Lists */

ul.links {
	list-style-type: square;
	text-align: left;
	}

ul.links li {
	margin-top: 10px;
	margin-left: 1em;
	margin-bottom: 0em;
	}

ul.links span.url {
	font-size: 10px;
	color: green;
	}

/* Top Navigation */

#top-nav ul {
	margin: 0 15px;
	}

#top-nav li {
	margin: 10px 5px;
	float: left;
	}

#top-nav li.image {
	margin: 0;
	}

/* Typography */

/* Headers */

h1 {
	margin: 15px 0;
	font-size: 18px;
	}

h2 {
	margin: 10px 0;
	font-size: 16px;
	}

h3 {
	margin: 0 0 10px 0;
	font-size: 14px;
	border-bottom: 1px dotted gray;
	}

h4 {
	margin: 0;
	font-size: 12px;
	border-bottom: 1px dotted gray;
	}

h1, h2, h3, h4 {
	padding: 0;
	}

h2, h3, h4 {
	font-family: Georgia, serif;
	}

#feature h2 {
	font-size: 32px;
	font-weight: normal;
	}

#blog h2 {
	margin: 15px 0 0 0 !important;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	}

#blog h3 {
	margin: 10px 0 !important;
	}

.box h3 {
	margin: 5px;
	}

/* Paragraphs and etc. */

#feature p, #blog p {
	margin: 10px 0;
	}

.countdown {
	font-family: Georgia, serif;
	font-size: 14px;
	font-weight: bold;
	color: #444;
	}

#feature-right p {
	text-align: center;
	}

#feature-right small, #blog small {
	text-transform: uppercase;
	color: #AAA;
	}

#signup p {
	text-align: center !important;
	margin: 10px 0;
	}

#signup small {
	color: gray;
	}

#footer p {
	font-size: 10px;
	color: gray;
	}

.yt_thumb, .yt_summary {
	float: left;
	}

.yt_thumb {
	width: 150px;
	}

.yt_summary {
	width: 650px;
	}

/* Links */

a {
	color: black;
	text-decoration: none;
	border-bottom: 1px dotted gray;
	}

li a {
	border-bottom: none;
	}

a:hover {
	background-color: #FFC;
	border-bottom: 1px dotted gray;
	}

#top-nav a {
	font-family: Georgia, serif;
	font-weight: bold;
	background-color: transparent;
	border-bottom: 0;
	}

#top-nav a:hover {
	border-bottom: 3px solid #3C3;
	}

h1 a {
	text-decoration: none;
	border-bottom: 1px dotted #37C;
	background-color: transparent;
	border-bottom: 1px dotted #37C;
	}

h1 a:hover {
	background-color: transparent;
	border-bottom: 1px solid #37C;
	}

a.image, a:hover.image {
	background-color: transparent;
	border: 0 !important;
	}

h3 a {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: gray;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 0 !important;
	background-color: transparent !important;
	}

ul.links a {
	border-bottom: 1px dotted gray;
	}

#footer a, .small {
	color: gray;
	border-bottom: 1px dotted gray;
	}

#footer a:hover {
	background-color: transparent;
	border-bottom: 1px dotted gray;
	}

/* FORM STYLES */

/* Add New Video */

form #youtube_code {
	font-family: Georgia, serif;
	font-size: 18px;
	border: 1px solid #AAA;
	}

#add_vid_form {
	margin-top: 15px;
	width: 800px;
	background-color: #DCFFDC;
	border-top: 1px solid #3C3;
	border-bottom: 1px solid #3C3;
	}

#add_vid_form p {
	text-align: center;
	font-family: Georgia, serif;
	font-size: 18px;
	}

.error {
	color: red;
	}

/* Form Table */

table#form {
	width: 600px;
	}

table#form td {
	text-align: left;
	}

/* Table Styles */

td {
	text-align: left;
	}

/* IMAGE STYLES */

img.dotted {
	padding: 5px;
	border: 1px dotted black;
	}

img.youtube_thumb {
	border: transparent;
	}