/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Script URI: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Date: March 26, 2009
Version: 1.0

	Copyright 2009 Jeremie Tisseau
	"Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:
	http://www.gnu.org/licenses/gpl-3.0.html

*/       

html, body {border: 0; margin: 0; padding: 0;}

body {
  	font: 80%/0.9 arial, helvetica, sans-serif;
	background: #15ADFF repeat 0 0;
  	line-height: 130%;
  	color: black;
	text-align: center;
}

a {
	color: #15ADFF;
	text-decoration: none;
}

a:hover {
	color: #15ADFF;
}

a img {
  border: none;/*remove border for linked images*/
}

h1 {
	font-size: 1.6em;
	height: 20px;
	padding-top: 0;
}

h2{
	font-size: 1.2em;
	height: 20px;
	padding-top: 0;
}

.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}

/***** Main Layout ****/
#container {
  	width: 970px;
  	height: 100%;
  	text-align: center; /* IE fix to center the page */
	margin-left: auto;
	margin-right: auto;
}

#contentleft {
  	width: 530px;
  	margin: 0;
  	text-align: left;
	float: left;
	padding: 15px;
}

#contentright {
  	width: 350px;
  	margin: 0;
  	text-align: left;
	float: right;
	padding: 15px;
}

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#EEEEEE}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #72c8f7;
  border-right:1px solid #72c8f7;
  background:#b7ddf2}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #2ab3fd;
  border-right:1px solid #2ab3fd;
  background:#c4e1f1}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c4e1f1;
  border-right:1px solid #c4e1f1;}
.spiffy4{
  border-left:1px solid #72c8f7;
  border-right:1px solid #72c8f7}
.spiffy5{
  border-left:1px solid #b7ddf2;
  border-right:1px solid #b7ddf2}
.spiffyfg{
  background:#EEEEEE}

.spiffyb{display:block}
.spiffyb *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#272727}
.spiffyb1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #1c73a2;
  border-right:1px solid #1c73a2;
  background:#22485d}
.spiffyb2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #169fe9;
  border-right:1px solid #169fe9;
  background:#234050}
.spiffyb3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #234050;
  border-right:1px solid #234050;}
.spiffyb4{
  border-left:1px solid #1c73a2;
  border-right:1px solid #1c73a2}
.spiffyb5{
  border-left:1px solid #22485d;
  border-right:1px solid #22485d}
.spiffybfg{
  background:#272727;
  position: relative;}

#entries {
   position: relative;
   padding: 10px 0px;
   margin-left: 20px;
   margin-right: 20px;
   border-bottom: 1px #C0C0C0 solid;
}

div.entries {
   position: relative;
   padding: 10px 0px;
   margin-left: 20px;
   margin-right: 20px;
   border-bottom: 1px #C0C0C0 solid;
}

#entries a {
   font-weight: bold;
}

div.entries a {
   font-weight: bold;
}

#thebox {
   width: 285px;
}

div.thebox {
   width: 285px;
}

span.website {
   font-size: 80%;
}

#listen {
   width: 68px;
   position: absolute;
   top: 10px;
   right: 2px;
}

#ratings {
   width: 100px;
   position: absolute;
   top: 10px;
   right: 80px;
}

div.listen {
   width: 68px;
   position: absolute;
   top: 10px;
   right: 2px;
}

div.share {
   width: 25px;
   position: absolute;
   top: 1px;
   right: 2px;
}

div.ratings {
   width: 100px;
   position: absolute;
   top: 10px;
   right: 80px;
}

#headers {
   padding: 8px 20px;
   padding-bottom: 10px;
   color: #fff;
   font-size: 120%;
   font-weight: bold;
}

div.headers {
   padding: 8px 20px;
   padding-bottom: 10px;
   color: #fff;
   font-size: 120%;
   font-weight: bold;
}

#musicplayer {
   position: relative;
   padding: 10px 0px;
   margin-left: 20px;
   margin-right: 20px;
}

#footer {
   clear: both;
   padding: 40px 20px;
}

#footer a {
 color: blue;
}

#showmore {
   position: absolute;
   top: 8px;
   right: 20px;
   font-style: italic;
}

#showmore2 {
   position: relative;
   text-align: right;
   color: #fff;
   font-style: italic;
}

div.showmore {
   position: absolute;
   top: 8px;
   right: 20px;
   font-style: italic;
}

div.showmore2 {
   position: relative;
   text-align: right;
   color: #fff;
   font-style: italic;
}

img.albums {
   width: 50px;
   height: 50px;
   float: left;
   padding-top: 5px;
   padding-right: 10px;
   padding-bottom: 10px;   
}
span.date {
   font-size: 80%;
}

.button {
    padding: 2px 8px;
    border: 1px solid #000;
    background: #C0C0C0;
}

.button:hover {
    background: #000000;
    color: #eeeeee;
    border: 1px solid #fff;
}


label.spots {
    display: block;
    width: 160px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
    clear: both;
}

label.sendbutton {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    padding-left: 100px;
    text-align: right;
    color: #000000;
}

#loading { 
   position: absolute;
   text-align: right; 
   color:#fff; 
   font-weight:bold;
}

#more { 
   text-transform: uppercase; 
   color: #fff; 
   cursor: pointer;
   font-weight:bold;
}

div.pagination {
   text-align: right;
   padding: 10px 30px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	text-decoration: none; 
	color: #15ADFF;
	font-style: normal;
}

div.pagination a:hover, div.pagination a:active {
	color: #15ADFF;
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	font-weight: bold;
	color: #eeeeee;
}