/*----------------------------------------------------
Title: 		The Great Beard Reef
Author:		Matthew Spiel - TheManInTheSea.com
Updated:	1/31/2009
Valid:		You know it!
----------------------------------------------------*/

/* Resets */
html, body, div, img, ul, li, a {margin: 0px; padding: 0px; border: none;}
body {
	background: #0a2c3a url(images/fond.jpg) repeat-x scroll center top;
	font-family: Georgia, "Times New Roman", Times, serif;
}
/* Text, Images and Links */
p {
	font-size: 15px;
	line-height: 23px;
	margin: 0px 0px 20px;
	color: #b8eeea;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
a {
	border: none;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
	
}
a:hover {
	color: #5ef6a6;
	border: none;
}
h1 {
	font-weight: bold;
	font-size: 0px;
	color: transparent;
	margin: 0px 0px 10px -10px;
}
h2 {
	color: #8bf3f3;
	margin: 0px 0px 10px;
	font-weight: bold;
	font-size: 20px;
}
h3 {
	color: #8bf3f3;
	margin: 0px 0px 10px;
	margin: 10px 0px;
	padding: 5px 0px;
	text-decoration: none;
	font: normal normal 25px/35px Georgia, "Times New Roman", Times, serif;
}
div#two ul#ten {
	width: 350px;
	padding: 10px 0px;
	color: #8bf3f3;
	border-top: 1px dotted #8bf3f3;
	list-style-position: outside;
	margin: 0px 0px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
div#two ul#ten li {
	width: 330px;
	margin: 0px 0px 10px 20px;
	padding: 5px 0px 0px;
	font-size: 15px;
	line-height: 25px;
	list-style-position: outside;
}
ul.list {
	color: #8bf3f3;
	margin: 0px 0px 20px;
}
ul.list li {
	border: none;
	width: 680px;
	float: left;
	margin: 0px;
	padding: 10px 0px;
	font-size: 18px;
	line-height: 28px;
	list-style: none;
}
ul#friends {
	border: none;
	width: 680px;
	margin: 0px;
	padding: 5px 0px;
	list-style: none;
}
ul#friends li {
	border: none;
	color: #b8eeea;
	font-size: 15px;
	padding: 5px 0px;
	line-height: 25px;
}
img.profile {
	margin: 10px 0px 0px 5px;
}
a.loc, a.loc:hover {
	color: transparent;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	border: none;
	font-size: 15px;
}
div#bookmark a {
	float: left;
	margin: 5px 10px 0px;
	border: none;
}
div#bookmark a img {
	border: none;
}
div#footerwrap img#treasure {
	float: left;
	margin: 100px 30px 0px -30px;
}
/* Structure */
div.column_left {
	width: 350px;
	float: left;
	padding: 0px 10px 0px 0px;
}
div.column_right {
	width: 300px;
	height: 878px;
	padding: 10px;
	float: left;
	background: url(images/column.png) no-repeat center top;
}
div#social {
	width: 508px;
	margin: 0px;
	position: relative;
	z-index: 1000;
	float: right;
}
div#bookmark {
	width: 220px;
	height: 40px;
	padding: 10px 30px 10px 50px;
	float: left;
	margin: 0px 0px 0px 208px;
}
div#twitter_div {
	width: 300px;
	float: left;
	margin: 60px 0px 0px;
	padding: 60px 0px;
	background: url(images/twitter.png) no-repeat center top;
}
ul#twitter_update_list {
	width: 280px;
	margin: 0px 10px;
	list-style: none;
	float: left;
	font-size: 13px;
	line-height: 20px;
}
ul#twitter_update_list li {
	padding: 5px 0px;
	color: #005a7d;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
ul#twitter_update_list li span a {
	color: #0087bf;
	font-size: 13px;
	line-height: 23px;
}
ul#twitter_update_list li span {
	width: 100%;
	float: left;
}
div#twitter_div a {
	color: #0087bf;
	border: none;
	font-style: italic;
	font-size: 10px;
}
div#twitter_div a:hover {
	text-decoration: underline;
}
div#twitter_div a#twitter-link {
	color: #005a7d;
	margin: 0px 10px;
	float: left;
	font-weight: normal;
	font-style: normal;
}
div#container {
	width: 1000px;
	margin: 0px auto;
	padding: 0px;
}
div#slider {
	border: none;
	width: 100%;
	height: 300px;
	top: 0px;
	position: fixed;
	z-index: 500;
}
div#slide_center {
	border: none;
	width: 1000px;
	margin: 0px auto;
}
#sign {
	border: none;
	width: 300px; float: left; position: relative; margin: 0px; top: 0px; left ;
	
a#vote {
	width: 264px;
	height: 55px;
	margin: 25px;
	float: left;
	background: url(images/sign.png) no-repeat -340px -238px;
	text-indent: -10000px;
	border: none;
}
a#vote:hover {background: url(images/sign.png) no-repeat -26px -238px;}
div#one, div#two, div#three, div#four, div#five, div#six {
	width: 960px;
	padding: 0px 0px 0px 0px;
	float: left;
	position: relative;
}
div#one {
	height: 900px;
}
div#two {
	height: 900px;
}
div#three {
	height: 900px;
}
div#for {
	height: 900px;
}
div#five {
	height: 900px;
}
div#six {
	height: 900px;
}
div#footer {
	width: 100%;
	float: left;
	padding: 0px 0px 10px;
	background: transparent url(images/dirt.png) repeat-x center bottom;
	z-index: -100;
}
div#footerwrap {
	width: 1000px;
	padding: 10px 0px 30px 0px;
	margin: 0px auto;
}
div.column {
	width: 310px;
	margin: 0px 30px 0px 0px;
	float: left;
}
div.line {
	width: 680px;
	margin: 110px 0px 20px;
	float: left;
}
/* Navigation */
ul#nav {
	height: 980px;
	width: 300px;
	padding: 0px;
	list-style: none;
	
}
* html ul#nav {
	top: 15px;
	position: absolute;
}
ul#nav li {
	float: left;	
}
ul#nav li a {
	height: 40px;
	float: left;
	margin: 30px 0px 30px;
	text-decoration: none;
	border: none;
	overflow: hidden;
}
ul#nav li a#expo {
	margin-left: 30px;
}
ul#nav li a#expo:hover {
}
ul#nav li a#appro {
}
ul#nav li a#appro:hover {
}
ul#nav li a#edu {
}
ul#nav li a#edu:hover {
}
ul#nav li a#home {
}
ul#nav li a#home:hover {
}