body {
	margin:0;
	font: 14px/18px 'Trebuchet MS', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	background:#000 url(/images/pattern.jpg) no-repeat fixed;
}
.container {
	width:650px;
	margin:0 auto;
}
#top {
	height:40px;
	padding-top:3px;
	background:#100F0B;
	color:#fff;
	border-bottom:3px solid #333;
	margin-bottom:30px;
}
.logo {float:left;}
.nav {float:right;line-height:2.5em;color:#000;}
.nav a {font-weight:bold;text-decoration:none;color:#fff;}
.nav a:hover {text-decoration:underline;}
.login {float:left;margin-left:35px;}
.options {color:#999;background:#35322D;padding:5px 10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.options img {border:1px solid #fff;}
.options .name {font-weight:bold;font-size:13px;color:#fff;}
.options a {color:#fff;text-decoration:none;font-size:11px;text-decoration:underline;}
.clear {clear:both;}
a {color:#000;}
a:hover {text-decoration:none;}

#choices {text-align:left;}

.large {
	padding:10px 0;
	font-size:26px;
	line-height:1.2em;
	margin-bottom:10px;
	color:#222;
	font-family:arial,helvetica;
}
h1.center {
	text-align:center;margin-bottom:20px;color:#fff;
}

ul#selections {list-style:none;padding:0;margin:0;margin-bottom:20px;}
ul#selections li {margin-bottom:2px;}
ul#selections li button,ul#selections li span {font-size:20px;color:#666;line-height:1.8em;display:block;padding:5px;width:100%;text-align:left;background:#eee;text-decoration:none;border:none;letter-spacing:-1px;}
ul#selections li button:hover {background:#333;color:#ddd;cursor:hand;cursor:pointer;}
ul#selections li button:hover b {color:#fff;}
ul#selections li button b,ul#selections li span b {color:#000;font-size:26px;}
ul#selections li button img,ul#selections li span img {padding:1px;border:1px solid #ccc;margin-right:5px;}
ul#selections li button div {width:25px;float:right;}

ul#genres {list-style:none;padding:0;margin:0;text-align:center;}
ul#genres li {float:left;width:309px;margin:3px;}
ul#genres li button {display:block;padding:10px;font-size:28px;text-decoration:none;border:none;width:100%;text-align:center;height:100px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
ul#genres li button:hover {background:#fff;color:#000;cursor:hand;cursor:pointer;}

a.button {
  text-decoration:none;
  padding:5px;
  background: #cde;
  border: 2px solid #ccc;
  border-color: #8ba2c1 #5890bf #4f93ca #768fa5;
  font: 600 12px/1 Lucida Sans, Verdana, sans-serif;
  color: #fff;
  text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px;
  box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
  -moz-box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
  -webkit-box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
}
a.button:hover {text-shadow: rgb(255, 255, 255) 0px 0px 5px;}


h1 {font-size:38px;letter-spacing:-2px;font-weight:normal;margin-bottom:15px;margin-top:10px;}
h1,h2,h3,h4 {font-family:arial,helvetica;}

#timer {padding:5px 0;margin-bottom:10px;}
#countdown {float:right;font-size:20px;color:#999;}
#countdown span {font-size:30px;font-weight:bold;}
#count {text-align:center;font-size:200px;line-height:1em;padding-bottom:20px;color:#999;}
#notifier {float:left;}
#notifier,h2 {font-size:32px;font-weight:normal;line-height:1em;letter-spacing:-1px;font-family:arial,helvetica;}

big {font-size:22px;font-family:georgia,times;}

.label {font-size:11px;}
input.button {padding:5px 10px;font-size:14px;font-weight:bold;}
input.text {padding:3px;font-size:14px;}
select {font-size:14px;padding:5px;}
select option {font-weight:bold;padding:3px;font-size:14px;}

.subtitle {margin:10px 0;}
.subtitle h1 {float:left;margin:0;color:#fff;}
.subtitle .actions {text-align:right;}

table.list {width:100%;border-collapse:collapse;}
table.list tr.odd td {}
table.list tr.even td {background:#eee;}
table.list tr.me td {font-weight:bold;background:#F8F8C7;border-color:#DBDCB4;}
table.list th {text-align:left;background:#eee;border-bottom:1px solid #ccc;font-size:11px;padding:2px;color:#666;font-weight:normal;}
table.list td {background:#fff;font-size:12px;border-bottom:1px solid #ddd;padding:2px 5px;}

#upper {
	margin-bottom:10px;
	padding:0 5px;
}
#info {
	color:#fff;
	font-size:18px;
	float:right;
}
#messages {
	float:left;
}
#messages .warning {color:#fff;font-size:18px;background:url(/images/red_button.png) 0 2px no-repeat;padding:0 22px;font-weight:bold;display:block;}
#messages .notice {color:#fff;font-size:18px;background:url(/images/green_button.png) 0 2px no-repeat;padding:0 22px;font-weight:bold;display:block;}

#outer {
	background:url(/images/trans.png);
	padding:10px;
	margin-bottom:20px;
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
#wrapper {
	background:#fff;
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
	padding:10px;
	color:#000;
}

#footer {
	background:url(/images/trans.png);
	position:fixed;
	bottom:10px;
	right:20px;
	text-align:center;
	color:#888;
	font-size:11px;
	padding:1px 5px;
}
#footer a {color:#888;}
#footer a:hover {color:#fff;text-decoration:underline;}

.errorExplanation {}
.errorExplanation h2, .errorExplanation p {display:none;}
.errorExplanation ul {list-style:none;margin-bottom:10px;padding:0;}
.errorExplanation li {color:#FF220B;font-weight:bold;font-size:14px;padding:1px 0;}
span.fieldWithErrors {display:inline;padding:0;margin:0;}
span.fieldWithErrors input,span.fieldWithErrors textarea,span.fieldWithErrors select {border:2px solid red;}

.scoreboard {width:285px;float:left;padding:10px;background:#ccc;margin:0 5px;margin-bottom:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.scoreboard table.list td {background:#fff;}
.scoreboard h4 {color:#666;margin-top:0;margin-bottom:5px;color:#000;text-transform:uppercase;}
.scoreboard h4 span {float:right;display:block;}
.scoreboard h4 span a {text-decoration:none;font-size:12px;text-transform:lowercase;font-weight:normal;}
.scoreboard h4 span a:hover {text-decoration:underline;}

.grabbag {background:#3AAD8B;}
.metal {background:#CE2D2D;}
.rap {background:#DBEC44;}
.rock {background:#ED7405;}
.pop {background:#2098C6;}
.country {background:#93673C;}
.oldies {background:#FE4C30;}
.world {background:#9A71A8;}

.note {color:#666;font-size:14px;font-style:italic;}


#social {border-top:1px solid #ccc;padding-top:10px;}
#social .site {float:left;width:80px;padding:2px 10px;border-right:1px solid #ccc;}
#social .site.last {border:none;}
#social #facebook {}
#social #twitter {}
#social #digg {}
#social #delicious a {background:url(http://lh6.ggpht.com/_TqPdHmAEwTM/Sgxdp40mQUI/AAAAAAAAEDM/_Nee9ul6zpc/s128/delicious.png) no-repeat;padding-left:20px;font-size:11px;text-decoration:none;}
#social #reddit {}
#social #stumbleupon {}


#play {text-align:center;padding:1px 0;padding-bottom:12px;}
.intro {background:url(../images/logo_big.png) 0 10px no-repeat;padding-left:175px;}

.info h3 {float:left;width:200px;clear:both;text-align:right;font-size:14px;color:#aaa;}
.info p {float:right;width:380px;font-size:14px;line-height:1.4em;}