/*
Welcome to Tropical Entertainment's CSS */

/*control main elements*/
body {
	background-color:#F60;
	background-image:url(images/page-bg.gif);
	background-repeat:repeat;
	margin:0;
	padding:0; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
	font:0.9em Arial, Sans-serif;
	color:#FFFF00;
	line-height:1.3em;
	}
	/*control selectors*/
p {
	padding:5px;
	margin:0px;
	}
h1 {
	font-size:1.5em;
	font-weight:bold;
	padding:10px;
	margin:0px;
	}
h2 {
	font-size:1.3em;
	font-weight:bold;
	padding:0px;
	margin:0px;
	}
h3 {
	font-size:1.1em;
	font-weight:bold;
	padding:0px 10px 0px 15px;
	margin:0px;
	}
h4 {
	font-size:1.0em;
	padding:0px 10px 0px 0px;
	margin:0px;
	}
h5 {
	font-size:0.9em;
	padding:0px 10px 0px 10px;
	margin:0px;
	}
h6 {
	font-size:0.7em;
	padding:5px 10px;
	margin:0px;
	}

/*control various divs*/

#container {
	width:900px;
	text-align:left;
	margin:0px auto 0px auto;
	border:0px solid #FFFF00;
	}
#header {
	background-image:url(images/head.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:150px;
	}
#nav {
	width: 800px;
	margin:0px auto;
	padding-top:120px;
	text-align:center;
	font-size:1.1em;
	}
#stream {
	background-image:url(images/body-bg.gif);
	background-position:top;
	background-repeat:repeat-y;
	width:900px;
	margin:0px auto 0px auto;
	padding:0px;
	}
#content {
	width:800px;
	margin:0px auto 0px auto;
	}
#content-featured {
	width:750px;
	margin:0px auto 0px auto;
	}
.artistorigin {
	width:250px;
	margin:0px 20px;
	background-image:url(images/swirl.gif);
	position:relative;
	left:0px;
	padding:3px 0px 3px 12px;
	}
.artist {
	width:760px;
	height:85px;
	margin:10px auto 10px auto;
	border:1px dashed #999;
	position:relative;
	background-color:#36C;
	}
.moreartisttype {
	width:330px;
	margin:0px 0px;
	background-image:url(images/swirl.gif);
	position:relative;
	left:20px;
	padding:3px 0px 3px 5px;
	}
.moreartist {
	width:760px;
	margin:5px auto 5px auto;
	border:1px dashed #999;
	position:relative;
	background-color:#36C
	}
.artistfloat {
	float:right;
	position:relative;
	right:15px;
	top:5px;
	border:1px solid #FF0;
	}
.padding {
	margin:0px;
	padding:12px;
	}
.padding2 {
	margin:0px;
	padding:0px 15px;
	}

/*control footer*/

#footer {
	width:900px;
	height:110px;
	background-image:url(images/foot.jpg);
	margin:0px auto 0px auto;
	}
	/*text in footer*/
#footer p {
	text-align:center;
	padding:20px;
	margin:0px;
	font-size: 0.77em;
	line-height:1.1em;
	}

/*control links*/

a:link {  color: #FF0;
	font-weight:bold;
	text-decoration:underline;
	}
a:visited {  color: #FF0;
	font-weight:bold;
	text-decoration:none;
	}
a:hover {  color: #00F; 
	text-decoration:underline;
	background-color:#FF0;
	}
a:active {  color: #F00; 
	text-decoration:none;
	}
#nav a:link {  color: #FF0;
	font-weight:bold;
	text-decoration:none;
	}
#nav a:visited {  color: #FF0;
	font-weight:bold;
	text-decoration:none;
	}
#nav a:hover {  color: #00F; 
	text-decoration:none;
	background-color:FF0;
	}
#nav a:active {  color: #F00; 
	text-decoration:none;
	}

	
/*spacer div to clear floats*/

.spacer {
	clear:left;
	}
.image_float{
	float:left;
	margin:0px;
	}

/*floats*/

.float_r2{
	float:right;
	margin:5px 10px 0px 25px;
	z-index:999;
	}
.float_r{
	float:right;
	margin:5px 5px 5px 15px;
	}
.border {
	border:1px solid #FF0;
	}
ul {
	margin-left:50px;
	padding:0 10px;
	line-height:140%;
	list-style-image:url(images/bullet.gif);
	}
.clear {
	clear:both;
	}
.justify {
	text-align:justify;
	}
hr {
	border:1px solid #096;
	padding:0px;
	margin:0px;
	}
.small {
	font-size:10px;
	}