@font-face { font-family: blowsion; src: url('/type/blowsion.ttf') format('truetype'); font-weight: bold; }
@font-face { font-family: surfslam; src: url('/type/surfslam.ttf') format('truetype'); font-weight: bold; }

html {
	height: 100%;
	}

body {
	background: #fff url(/images/bg.png) top center no-repeat;
	font-family: arial, helvetica, verdana, "lucida grande", sans-serif;
	font-size: 12px;
	color: #222;
	margin: 0;
	padding: 0;
	height: 100%;
	}

a {
	color: #8a0;
	text-decoration: underline;
	}

a:hover {
	color: #f93;
	}

h1 {	font-size: 22px; }
h2 {	font-size: 20px; }
h3 {	font-size: 18px; }
h4 {	font-size: 16px; }
h5 {	font-size: 14px; }
h6 {	font-size: 12px; }

h1 {
	font-family: blowsion;
	color: #741;
	text-transform: uppercase;
	padding: 0;
	}

h2,h3,h4,h5,h6 {
	font-family: blowsion;
	text-transform: uppercase;
	margin: 0 16px 4px 0;
	padding: 0;
	}

h1#header {
	color: #8a0;
	font-size: 44px;
	margin: 0 0 32px 0;
	padding: 0;
	} 

hr {
	background: #ccc;
	color: #ccc;
	border: 0;
	width: 90%;
	height: 1px;
	clear:both;
	}

img {
	margin: 0;
	padding: 0;
	border: 0;
	/* display: block; */
	}

img.inline {
	float: left;
	display: inline;
	margin: 0 16px 8px 0;
	}

p {
	margin: 0 16px 16px 0;
	padding: 0;
	}

ul {
	margin: 0 0 4px 16px;
	padding: 0;
	list-style-type: square;
	}

li {	margin: 4px;
	padding: 0;
	}

table.news td {
	font-size: 12px;
	padding-bottom: 12px;
	}

table.news td.date {
	font-family: blowsion;
	width: 64px;
	color: #555;
	font-size: 14px;
	font-weight: bold;
	}

th, td {
	vertical-align: top;
	}

.bold	{
	font-weight: bold;
	}

.notice {
	color: #9c0;
	}

.center {
	text-align: center;
	}

.right {
	text-align: right;
	}

.hidden {
	display: none;
	}



div#container {
background: url(/images/bg_surfslam_logo.png) top center no-repeat;
	position: relative;
	width: 960px;
	height: 600px;
	margin: auto;
	padding: 0;
	}

div#header {
	width: 960px;
	height: 340px;
	float: left;
	}



div#countdown {
	background: url(/images/bg_countdown.png) top center no-repeat;
	float: right;
	margin-top: 200px;
	width: 200px;
	height: 140px;
	}



div#nav {
	background: url(/images/bg_nav.png) bottom left no-repeat;
	float: left;
	width: 320px;
	height: 340px;
	}

div#nav p {
	color: #fff;
	font-family: blowsion;
	font-size: 18px;
	text-transform: uppercase;
	margin: 2px 10px 1px 32px;
	padding: 0;
	}

div#countdown p#number {
	font-family: blowsion;
	font-size: 100px;
	text-align: center;
	margin: 10px 0 -20px 16px;
	padding: 0;
	}

div#countdown p {
	color: #000;
	font-family: blowsion;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 0 16px;
	padding: 0;
	}

div#nav a {
	color: #fff;
	text-decoration: none;
	}

div#nav a:hover {
	color: #cf3;
	}



div#content {
	width: 780px;
	float: left;
	margin-bottom: 32px;
	}



div#right {
	background: url(/images/bg_right.png) top left no-repeat;
	width: 180px;
	height: 250px;
	float: right;
	margin-top: 10px;
	padding-top: 40px;
	}




div#sponsors h1 { font-size: 40px; color: #252; }
div#sponsors h2 { font-size: 35px; color: #363; }
div#sponsors h3 { font-size: 30px; color: #474; }
div#sponsors h4 { font-size: 25px; color: #585; }
div#sponsors h5 { font-size: 20px; color: #696; }
div#sponsors h6 { font-size: 15px; color: #9c9; }

div#sponsors h1,
div#sponsors h2,
div#sponsors h3,
div#sponsors h4,
div#sponsors h5,
div#sponsors h6 {
	font-family: surfslam;
	text-transform: lowercase;
	text-align: center;
	margin: 0 0 6px;
	}

div#sponsors img {
	display: inline;
	margin: 0 8px 8px 0;
	}



div#competitors img {
	display: inline;
	float: left;
	margin: 0 8px 8px 0;
	}

div#competitors div.status {
	width: 100px;
	height: 100px;
	margin-top: 16px;
	z-index: 1;
	position:absolute;
	}

div#competitors div.status p {
	background: #000;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #0f0;
	margin: 64px 0 0 0;
	text-align: center;
	opacity:0.75;
	filter:alpha(opacity=75)
	}

div#competitors div.status p.declined {
	color: #f0f;
	}