body{
background: url(images/keyboardcat.gif);
background-repeat: repeat;
margin: 0px auto;
color: #000;
}

#pageNav{
	margin: 15px 0 15px ;
}


#pageNav div{
	display: inline;
	color: #FFF;
	font-size: 12px;
	margin-right: 3px;
	padding: 5px;
	font-weight: bold;
	background: #FF0000;
}
#pageNav div:hover{
	background: #000;
}
#pageNav div.current, #pageNav div.current:hover{
	background: #FFFF00;
	color: #000;
}
#pageNav a{
	text-decoration: none;
	color: #FFF;
}
#pageNav a:hover{
	color: #FFF;
}


#header{
margin-top: 50px;
/*background-color: #333;*/
background-image: url(images/less-annoying.gif);
background-repeat: repeat;
width: 650px;
color: #000;
}
#header2{
margin: 50px 0 50px 0;
padding-bottom: 50px;
/*background-color: #333;*/
background-image: url(images/29-edited.gif);
background-repeat: repeat;
width: 650px;
color: #fff;
font-weight:bold;
}

.link, .link a{
font-size: 10px;
}


#container{
margin: 0px 0 50px 0;
padding-bottom: 50px;
/*background-color: #333;*/
background-image: url(images/less-annoying.gif);
background-repeat: repeat;
width: 650px;
z-index:100;
position: relative;
color: #000;
font-weight:bold;
}

#container .badge{
	position: absolute;
	top: -30px;
	right: -30px;
	
}
#container .badge img{
	width: 75px;
	height: 75px;
}


input[type="text"],input[type="password"],textarea{
	background: #ffff00;
	width: 400px;
	color: #000;
	border: 5px solid #FF0000;
	font-weight:bold;
	padding: 5px;
}
#error{
	background: #FAAFBE;
	color: #FF0000;
	font-weight:bold;
	font-size: 14px;
	width: 500px;
	padding: 5px 5px 0 5px;
	border: 5px solid #FF0000;
}
#error img {
	float: left;
}
#error .errorText {
	margin-top: 80px;
}
.blackBg{
	background: #000;
	color: #Fff;
	padding: 5px;
}
a.registerLink{
	color: #FFFF00;
	background: #FF0000;
	padding: 5px;
	display:block;
	text-decoration: none;
	width: 250px;
	text-transform: uppercase;
	font-family: Helvetica, arial, sans-serif;
	margin: 5px;
	border: 5px solid #00ffff;
}
a{
	
}
a:hover{
	color: #FFFF00;
}
a.registerLink:hover{
	background: #FF00FF;
	padding: 10px;
	color: #0000FF;
	border: 5px solid #00FF00;
}
#tabBar{
	margin-top: 50px;
	position: relative;
	width: 650px;
	
}
#select_bar{
	float:right;
	padding-right: 50px;
	color: #FFF;
	font-size: 14px;
	font-weight:bold;
}

.uploader{
	font-size: 10px; 
	font-weight:bold;
}
#select_bar select{
	font-size: 12px;
	font-weight: bold;
	color: #FF00FF;
	background-color: #FFFF00;
}
#tabBar .tab{
	position: relative;
	color: #FFF;
	display:block;
	float:left;
	text-decoration: none;
	margin-right: 10px;
	width: 75px;
	padding: 10px 0 10px 0;
	font-size: 10px;
	background: #000;
	font-family: Helvetica, arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
#tabBar .tab:hover{
	background: #FF0000;
}
.playlistTable_white{
	color: #fff;
}
.playlistTable_black{
	color: #000;
}
.playlistTable_white td img, .playlistTable_black td img{
	vertical-align: middle;
}
#tabBar .current_tab{
	position: relative;
	text-decoration: blink;
	color: #000;
	display:block;
	float:left;
	margin-right: 10px;
	width:100px;
	padding: 10px 0 10px 0;
	font-size: 10px;
	background-image: url(images/less-annoying.gif);
	background-repeat: repeat;
	font-family: Helvetica, arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
input[type='submit']{
	margin-top: 25px;
	font-weight:bold;
	background: #FF0000;
	color: #FFFF00;
	font-size: 25px;
	text-transform: uppercase;
	font-family: Helvetica, arial, sans-serif;
	padding: 10px;
	border: 5px solid #00ffff;
}
input[type='submit']:hover{
	background: #FF00FF;
	color: #0000FF;
	border: 10px solid #00FF00;
	

}

.successDiv{
	position: relative;
	background: url("images/successcat.gif");
	background-repeat: no-repeat;
	width: 500px;
	height:500px;
}

.successDiv .innerText{
	font-size: 20px;
	color: #FFF;
	width: 500px;
	background:#000;
	position:absolute;
	bottom:0;
}
.small{
font-size: 10px;
}

div#qTip {
 padding: 3px;
 border: 1px solid #666;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
max-width: 300px;
 background: #999;
 color: #FFF;
 font: bold 9px Verdana, Arial, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 15000;
}

/*cat stuff*/
.slide-out-div-top,
.slide-out-div-left,
.slide-out-div-bottom,
.slide-out-div-right {
display: none;
z-index: 500;
}   

.super-cat-bottom{
z-index: 2000;
display: none;

}
#dancingCats{
width: 100%;
}

#dancingCats img{
	text-align: center;
	width: 100px;
	height: 100px;
}


#header img.cat{
display: block;
}

img{
border:0pt;
}

.sd_main{
	clear: both;
	padding:10px 0px;
}
.social-buttons > li {
display: block;
margin: 0;
padding: 10px;
float: left;
}
a.discreteLink, a.discreteLink:visited{
	color: #fff;
	text-decoration: none;
}