/* CSS Document */

body { 
	background:#535880;
	background-image:url(../images/blue_bg_large.jpg);
	background-repeat:repeat-x;
	background-position: 100px 0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align: -moz-center;
	_text-align: center; /* Only Shows to Internet Explorer */
	}

a { 
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#EAEAEA;
	text-decoration:none
	}

a:hover { 
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ffffff;
	text-decoration:underline;
	}

#head { 
	background-color:#2d2b2d;
	background-image:url(../images/head_bg.gif);
	background-repeat:repeat-x;
	height:100px;
	border-bottom: 1px solid #777f7d;
	text-align: -moz-center;
	_text-align: center;
	}

#logo {float:left;}

#nav { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px; color:#EAEAEA; float:left; margin-top:0px;}

#nav ul li { margin-left: 15px;	border-left: none; list-style: none; display: inline; }

#wrapper {
	text-align: -moz-center;
	_text-align: center; /* Only Shows to Internet Explorer */
	margin-left: auto;
	margin-right: auto;
	width:924px;
	}	

#playerbox {
	width:924px;
	height:364px;
	background-color:#000000;
	}
	
#clientbox {
	width:924px;
	height:300px;
	background-color:#000000;
	}
	

#playlistbox {
	float:right;
	width: 243px;
	height: 364px;
	background:#424242 url(../images/bg_grey.jpg);
	margin:0px;
	padding: 0px;
	overflow:hidden;
	border-left: 1px solid #777f7d;
}


#flashbox {
	float:right;
	width: 680px;
	height: 364px;
	margin:0px;
}


#hotlist {
	height:110px;
	width: 243px;
}


div.descbox {
	background:#f3f3f4 url(../images/bg_desc.gif);
	width:243px;
	text-align:center;
	height:27px;
	overflow:hidden;
	}
	
	
#twit_scroll {
	overflow:auto;
	}

div.twitbox {
	background:#f3f3f4 url(../images/bg_twit.gif);
	font-family:Geneva, Arial, Helvetica, sans-serif;
	width:223px;
	color:#666666;
	overflow:hidden;
	font-size:10px;
	}	
	
div.twitbox a {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#232323;
	text-decoration:none
	}	
	
a.desclink, a:visited.desclink, a:hover.desclink, a:active.desclink {
	color:#232323;
	font-size:14px;
	font-weight:300;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
	
#feedbox {
	text-align:left;
	height:246px;
	}
	
.feedpack {
	width:198px;
	height:206px;
	border: 1 solid #2f2f54;
	background:#f3f3f4 url(../images/bg_feed.gif);
	border: 1px solid #2b2b53;
	padding:0px;
	margin:5px 0 0 0;
	float:left;
	}
	
.feedmargin {
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:0px;
	padding:0px;
	height:58px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	overflow:hidden;
	}
	
a.feedlink, a:visited.feedlink, a:hover.feedlink, a:active.feedlink {
	color:#232323;
	font-size:14px;
	font-weight:400;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
		
.news	{
	margin-right:41px;
	}
		
h1 {
font-family: Helvetica, Arial,Verdana, sans-serif;
font-size:26px;
color:#FFFFFF;
}

h2 {
font-family: Helvetica, Arial,Verdana, sans-serif;
font-size:22px;
color:#FFFFFF;
}

#footer { 
	background-color:#2d2b2d;
	background-image:url(../images/bg_footer.gif);
	background-repeat:repeat-x;
	height:	30px;
	border-top: 1px solid #999999;
	color: #f0f0f0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px;
	padding-top:10px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	}

/* About Page CSS */

.aboutbox {
	width: 922px;
	background:#fffefe url(../images/bg_stars.jpg);
	background-position: fixed;
	background-repeat:repeat-x;
	margin:0px;
	padding: 0px;
	overflow:auto;
	border: 1px solid #2b2b53;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
	}

#address {
	float:right;
	border-left: solid 2px #cccccc;
	padding:20px;
	margin-right:25px;
	font-size:18px;
	}
	
.moreinfo {
	float:right;
	border-left: solid 2px #cccccc;
	padding:10px;
	margin:15px;
	width:170px;
	font-size:12px;
	}

.marginbox {
	margin:20px;
}


.marginbox a { 
	color:#333333;
	text-decoration:none
	}
	
.marginbox input, .marginbox textarea {
	background:#fffefe url(../images/bg_stars.jpg);
	font-size:14px;
	color:#333333;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	}	

/* Our Stars page CSS */

#starsboxpadding {
	margin-top:10px;
}


ul.stars {
	list-style-type: none;
	margin: 0 auto;
			}
	
ul.stars li {
	display: inline;
	float:left;
	width:250px;
	height:40px;
	margin: 0 auto;
	margin-right:30px;
	margin-bottom:15px;
	padding:0px;
		}	
		
ul.stars a {
	text-decoration:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000000;	
	}


/* This is for the lightbox */

#drop_down {
	/* Set the Hozontal placement ans style of the dropped container */
	position: absolute;
	top: -1000px;
	margin: 0px 0px 0px 50%;
	padding: 0px;
	left: -250px;
	width: 500px;
	z-index: 5000;
}

.drop_container {
	float: left;
	width: 500px;
	background: transparent url('../images/orange.png') repeat left top;
}

.drop_content {
	float: left;
	margin: 10px;
	padding: 10px 10px;
	width: 460px;
	background: #f7831e;
}


#drop_close {
	float: right;
	position: relative;
	top: -20px;
	right: -20px;
	margin: 0px;
	z-index: 5000;
}


#bounce-box {
	position: relative;
	top: 10px;
	margin: 0px;
	padding: 0px;
}

/* twitter */

.tweets {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
padding:0px;
text-align:left;
margin:0px;
}

.tweets ul {
list-style-type: none;
margin:0px;
padding:0px;
	}

.tweets li {
	display:block;
	background-image:url('http://www.celebrityloop.com/images/twitterbg.gif');
	list-style: none;
	padding:0;
	height:70px;
	font-size:10px;
}

.tweets li div {
padding:5px;
font-size:10px;
}

.tweets img {
	margin-right:5px;
	float:left;
}

.tweets a {
	color:#110b20;
	font-size:10px;
}
