/* Header and general page setup */
body{font-family: Georgia,"Times New Roman",serif; font-size:0.89em; margin:0px; padding:0px}


#header{ height:250px; position:absolute; top:0px; width:100%;}
#content{clear:both; height:100%; position:absolute; top:200px; width:100%;}


#search_suggestions{float:right; width:50%; font-size:0.8em; padding-top:8px; }
#search{padding:6px 0px 12px 12px}
#search_form {float:left; width:50%}
#search_form h2{font-size:1.2em; padding:5px 0px 5px 0px}
#searchspinner{display:none;}
#wrapper{position:relative;}
.leftcol{clear:both; float:left; width:55%; background-color:#E0EFE2;}
.rightcol{ float:right; width:45%; background-color:#DFEBFF;}
.leftcolheader{background-color:#8ECF97; min-height:60px}
.rightcolheader{background-color:#8EA6CF;}
.leftcolbody, .rightcolbody{overflow:auto;}
	
/* Player Styles */
#p1{text-align:left; position:absolute; left:0px; height:200px; width:338px; background-color:#ffffff; color:#bbbbbb}	
#p2{text-align:right; position:absolute; right:0px; height:200px; width:338px; background-color:#ffffff; color:#bbbbbb}	
#p1_player{float:left;}
#p2_player{float:right;}	
#p1 .controls{float:right; width:100px; text-align:center}
#p2 .controls{float:left; width:100px; text-align:center}
.controls input{display:block; width:100%}
.controls input{display:block; width:100%}
.controls input.halfwidth{display:inline; width:50%}

/* Header Styles */
#header_centre{margin-left:338px; margin-right:338px; text-align:center; position:relative; height:200px}

/* Mixer Styles */
#crossfader_wrapper {text-align:center; margin-top:20px;}
#crossfader_frame  {width:200px; margin-left:auto; margin-right:auto }


/* Controller Styles */
#controller{ margin-top:10px}
#nextbutton{height:30px; width:180px}
#statusbar{text-align:left; bottom:0px; position:absolute; font-size:11px}

/* LASTFM SEARCH RESULTS */
#lastfm_searchresults .artists { float:left; width:50%; background-color:#cccccc;}
#lastfm_searchresults .tracks{ float:right; width:50%; background-color:#cccccc;}
#lastfm_searchresults h4{font-size:1.2em; padding:5px; background-color:#aaaaaa;}
#lastfm_searchresults li{ overflow:hidden; height:50px; border-top:1px solid #999999; clear:both; background:url(imgs/gradient-white.png); background-repeat:repeat-x;}
#lastfm_searchresults img{float:left;margin-right:6px}
#lastfm_searchresults .tracks .artist{ font-size:0.7em}
#lastfm_searchresults li .content{ display:block; margin:6px 0px 0px 0px; font-size:0.9em}

/* LASTFM ARTIST PAGE */
#lastfm_artistresults h3{font-size:1.2em; padding:5px; background-color:#aaaaaa;}
#lastfm_artistresults h4{font-size:1.1em; padding:5px; }
#lastfm_artistresults .tracks{float:left; width:50% }
#lastfm_artistresults .similar{float:right; width:50% }
#lastfm_artistresults ul{margin-left:5px }
#lastfm_artistresults li{padding:3px 3px 3px 0px }

/* Results Styles */
#resultlist li img {float:left; margin-right:6px}
#resultlist li {overflow:hidden; height:60px;clear:left; border-top:1px solid #999999; background-color:#cccccc}
#resultlist li {background-image:url(imgs/gradient-white.png); background-repeat: repeat-x}
#resultlist li .id{display:none;}
#resultlist li h3{padding:0px; }
#resultlist li .title{padding:6px 0px 4px 6px;font-size:1.0em}
#resultlist li .duration{font-size:0.8em}
#resultlist li p{padding:0px 0px; font-size:0.8em}

/* Playlist Styles */
.playlist_header h2{font-size:1.2em; padding:5px 0px 5px 5px}
.playlist_header p{font-size:0.8em; padding:0px 5px 5px 5px}

#playlist li .id{display:none;}
#playlist li {padding:0px; border-bottom:1px solid #999999}
#playlist li .container{padding:6px}
#playlist li {font-size:0.9em}
#playlist li img {float:right; margin:3px}

#playlist li.pending .title{cursor:move}

#playlist li.playing {background-color:#95EF99;}
#playlist li.playing .container { font-weight:bold; background-image:url(imgs/play_small.png); background-repeat:no-repeat; background-position:3px center; padding-left:23px}

#playlist li.cued {background-color:#EEEF95; }
#playlist li.cued .container {background-image:url(imgs/pause_small.png); background-repeat:no-repeat; background-position:3px center; padding-left:23px}

#playlist li.buffering {background-color:#EFCE95;}
#playlist li.buffering .container{ background-image:url(imgs/tinyspin.gif); background-repeat:no-repeat; background-position:3px center; padding-left:23px}

#playlist li.pending {background-color:#E0EFEF;}
#playlist li.pending .container{ padding-left:23px}

#playlist li.played{background-color:#ebebeb; color:#999999; background-image:url(imgs/done.png); background-repeat:no-repeat; background-position:4px center; padding-left:23px}
#playlist .playing .clearlink{display:none}
#playlist .cued .clearlink{display:none}
#playlist .played .clearlink{display:none}
#playlist .buffering .clearlink{display:none}

#playlist li {background:url(imgs/gradient-white.png); background-repeat:repeat-x;}