/** Fork Onsite reset */
body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style:none; }
img { border:0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

/** Typography and text styles */
body { font: 300 12px Helvetica, arial, sans-serif; line-height: 14px; color: #FFF; background: #222 url('../images/body_bg.jpg') repeat-y top right; }

/** Headings */
h1, h2, h3, h4 { font-weight: normal; line-height: 1.2; padding-bottom: 10px; }
h1 { font-size: 25px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
p { padding: 0 0 10px 0; }
small { font-size: 10px; }
ul, ol { margin: 0 0 10px 0; }
	ul ul { margin-left: 7px; }
ol { margin: 0 0 10px 30px; }
ul li { list-style-type: circle; list-style-position: inside; }
ol li { list-style-type: decimal-leading-zero; list-style-position: outside; }

/** Links */
a { text-decoration: none; }
a:link, a:visited { color: #29ABE2; }
a:hover, a:active { color: #D51007; }

/** Structure */
#container { padding: 20px 0 20px 20px; min-width: 990px; }

	#leftColumn { float: left; }
		#logo { margin-bottom: 20px; }
			#logo h1 { float: left; margin: 0; padding: 0; }
				#logo h1 a { display: block; width: 173px; height: 35px; background: transparent url('../images/logo.jpg') no-repeat top left; }
					#logo h1 span { display: none; }
			#logo h2 { float: left; padding: 20px 0 0 20px; font-weight: normal; font-size: 14px; }

		.text { width: 600px; }

		#cloud { padding-right: 30px; }
			#cloud span { line-height: 25px; }

		#playlist {}
			#playlist ul {}
				#playlist li.clip { position: relative; float: left; list-style: none; margin: 0 1px 1px 0; width: 144px; height: 80px; }
				li.clip .tooltip { cursor: pointer; }

	#rightColumn { position: fixed; right: 0; width: 244px; padding: 20px 60px 20px 20px; color: #222; }
		#channels { margin: 0; padding: 0; }
			#channels a { font-weight: 900; }
			#channels li { list-style: none; border-bottom: 1px solid #DDD; padding: 3px; background: transparent url('../images/icons.gif') no-repeat right -54px; }
			#channels li.hover { color: #D51007; background-position: right -74px; }
			#channels li.last { border: none; text-align: right; font-size: 10px; background: none; }
		#songList { height: 400px; overflow: auto; background-color: #FFF; border: 1px solid #DDD; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 10px; }

		a.lastfm { display: inline-block; width: 90px; height: 20px; background: transparent url('../images/icons.gif') no-repeat top left; }
			a.lastfm:hover { background-position: 0 -30px; }
			a.lastfm span { display: none; }

		a.lastfmConnectButton { display: block; width: 200px; height: 30px; margin: 10px; background: transparent url('../images/last_fm_connect.gif') no-repeat top left; }
		a.lastfmConnectButton:hover { background-position: 0 -35px; }
			.lastfmConnectButton span { display: none; }
		
	#about { position: fixed; right: 0; bottom: 0; width: 304px; padding: 0 10px 5px 0; color: #222; font-size: 11px; }
		#about p { padding: 0 0 3px 0; }
		#about a:link, #about a:visited { color: #222; font-weight: 900; }
		#about a:hover, #about a:active { color: #D51007; }

	#playerModal { display: none; z-index: 400; position: fixed; }
		#overlay { z-index: 300; position: fixed; background-color: #000; opacity: 0.9; width: 100%; height: 100%; }
		#playerInfo { position: relative; float: left; }
			#playerInfo .tooltip { width: 430px; }
		
		#playerControls { float: right; width: 430px; }
			#rowOne { margin-bottom: 5px; }
				#timeSlider { float: left; width: 350px; }
				#timer { float: left; width: 70px; text-align: right; line-height: 16px; }
			#rowTwo { height: 25px; }
				#playerControls a { color: #FFF; }
				#playerActions { float: left; font-size: 10px; line-height: 25px; }
				#controls { float: right; }
					#volume { float: left; width: 85px; background: transparent url('../images/controls.gif') no-repeat 0 -40px; margin: 3px 6px 0 0; padding: 0 0 0 16px; }
					#volumeSlider { width: 50px; }
					#togglePlay { display: block; float: right; width: 20px; height: 25px; background: transparent url('../images/controls.gif') no-repeat 0 -100px; margin-right: 5px; }
					#togglePlay.pause { background-position: 0 -70px; }
					#nextSong { display: block; float: right; width: 32px; height: 25px; background: transparent url('../images/controls.gif') no-repeat -30px -70px; margin-right: 5px; }
					#togglePlay span, #nextSong span { display: none; }
			
		#songTitle { font-size: 30px; line-height: 1; padding: 0; margin: 0; }
		#artistName { font-size: 18px; line-height: 1; padding: 0; margin: 0; float: left; }
			#artistInfo img { float: left; margin: 0 5px 5px 0; }

/** Tooltip */
.tooltip { display: none; z-index: 200; position: absolute; top: -20px; left: 20px; }
	.tooltip .content { background-color: #FFF; padding: 5px; color: #222; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
	.tooltip .title { font-size: 14px; font-weight: 900; }
	.tooltip .arrow { margin-left: 10px; height: 8px; background: transparent url('../images/tooltip_arrow.gif') no-repeat 9px -26px; }
	.tooltip h4 { padding: 0; }
	#tooltipShare.right { width: 208px !important; }
	#tooltipShare.right .content { float: left; width: 190px; }
	#tooltipShare.right .arrow { float: left; margin: 24px 0 0 0; height: 18px; width: 8px; background: transparent url('../images/tooltip_arrow.gif') no-repeat -26px -9px; }

/** Forms */
label { display: block; font-size: 16px; padding: 5px 0; }
.helpText { display: block; padding: 3px 0; }
	#rightColumn .helpText { color: #666; }
.warning { margin: 0 0 10px 0; padding: 10px 10px 3px 10px; float: left; }
.formError { line-height: 16px; color: #D51007; font-weight: 900; }
.button { -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #CCC; padding: 5px; }
	.buttonSmall { -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 3px; margin-left: 5px; font-size: 9px; }

/** Warnings */
#noJavascript { position: absolute; padding: 20px; }

/** iTunes */
#iTunesLink .itunes { display: inline-block; width: 42px; height: 16px; line-height: 17px; background: transparent url('../images/controls.gif') no-repeat 0 -130px; }

/** General */
.mute { color: #AAA; }
.twitter { color: #31BBEA !important; background: transparent url('../images/icons.gif') no-repeat left -100px; padding-left: 18px; }
.facebook { color: #2D5998 !important; }
.lastfmred { color: #D51007 !important; }
.crs { color: #EA5F14 !important; background: transparent url('../images/icons.gif') no-repeat left -120px; padding-left: 16px; }

/** autocomplete */
.jqac-menu { color: #222; background-color: #FFF; border: 1px solid #DDD; }
.jqac-menu ul li { list-style: none; padding: 3px; overflow: hidden; }
.jqac-menu .jqac-link { cursor: pointer; display: block; }
.jqac-menu .jqac-highlight { background-color: #FF8; }
.jqac-menu .jqac-warning { color: #CCC; }
.jqac-menu .jqac-loading { background-color: #FF0000; }
.jqac-menu em { font-weight: 900; font-style: normal; }
#search { width: 212px; font-size: 16px; padding: 3px 26px 3px 3px; border: 1px solid #DDD; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #FFF url('../images/text_spinner.gif') no-repeat -20px center; }
#search.loading { background-position: 220px center; }

/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }