/* @override http://yes.hicksdesign.co.uk//css/layout2.css */

@import /**/"reset.css";
		
body {
	margin:0;
	padding:0;
	background-color:#2f364a;
	color: #666;
	height: 100%;
	width: 100%;
	font-size: 12px;
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.5;
	overflow: hidden;
}

/* General */

a {
	font-weight: bold;
	color: #5d97cf;
}

.is_clickable {
	cursor: pointer;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #666;
	margin: 0 0 20px 0;
}

h2 {
font-size: 14px;
line-height: 1.3;
color: #26567a;
margin: 0;
}

h2 strong {
	font-weight: bold;
}

h3 {
	font-size: 13px;
	margin: 0;
}

h4 {
	margin: 0;
}

#info h4 {
	font-size: 11px;
	margin: 0 0 0 96px;
}

h4 strong {
	color: #000;
	font-weight: bold;
}

/* Panel Positions */

#ad-new {
        position: absolute;
        bottom: 0;
        margin: 0 0 0 0;
        left:0px;
        width:28%;
        height:250px;
        /*padding-left: 10px;*/
        overflow: hidden;
        z-index: 80;
        background: #2F364Ab !important;
        border-top:1px solid #ddd;
	border-right: 1px solid #2F364A;
}
#ad-new2 {
        position: absolute;
        bottom: 0;
        margin: 0 0 0 0;
        left:0px;
        width:28%;
        height:250px;
        /*padding-left: 10px;*/
        overflow: hidden;
        z-index: 80;
        background: #2F364Ab !important;
        border-top:1px solid #ddd;
	border-right: 1px solid #2F364A;
}

#ad-new div,
#ad div {
	width: 300px;
	margin: 0 auto 0 auto;
}

#ad {
	position: absolute;
	bottom: 0;
	margin: 0 0 0 0;
	left:70%;
	width:30%;
	height:250px;
	/*padding-left: 10px;*/
	overflow: hidden;
	z-index: 80;
	background: #2F364A !important;
	border-top:1px solid #ddd;
}

#google_ads {
	background: #2F364A !important;
	height:230px;
	font-size: 10px;
	padding: 8px;
}

#google_ads p {
	margin: 0;
	display: inline;
	color: #e5e5e5;
}
#google_ads h4 {
	margin: 8px 0 0 0;
	font-size: 12px;
	color: #ffffff;
}

#google_ads a {
	text-decoration: none;
}
#google_ads .text_is_name {
	color: #ffffff;
}

#user {
	position: absolute;
	right: 1%;
	top: 0;
	background: #5d97cf;
	padding: 4px 6px;
	color: #e6ebfc;
}

#user a {
	color: #fff;
}

#profile,
#login,
#register {
	z-index: 1000;
	background: #e6ebfc !important;
	padding: 15px !important;
	border: 10px #fff solid !important;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: #333 0px 5px 10px;
}

#profile {
	width: 590px;
	height: 350px;
}

#profile-box {
	width: 100%;
	height: 320px;
	margin: 0 0 10px 0;
}

label {
	width: 5em;
	display: block;
	float: left;
	margin: 0 1em 0;
	text-align: right;
	font-weight: bold;
	color: #26567a;
}

#register label {
	width: 10em;
}

#login input,
#register input {
	margin: 0 0 10px 0;
	clear: left;
	width: 14em;
}

#channels,
#chat,
#info {
	position:absolute;
	top: 45px;
	bottom: 0;
	background: #fff;
}

.overlay #chat,
.overlay #info,
.overlay #channels {
	overflow: hidden;
}

#channels {
	left:0;
	top: ;
	width:28%;
	overflow: auto;
	background: #e6ebfc;
	border-right:1px solid #2f364a;
	z-index: 3;
	margin-bottom: 250px;
}

#search {
	position: absolute;
	top: 11px;
	left: 8px;
	height: 32px;
	width: 28%;
}

#searchfield {
	display: block;
	background: #fff url(/img/searchbkgd.gif) no-repeat 0% 50%;
	color: #000;
	font-size: 13px;
	border: 0px;
	padding: 4px 4px 4px 20px;
	position: absolute;
	left: -2px;
	right: 55px;
	top:0;
	height: 18px;
}

#reset {
	position: absolute;
	right: 62px;
	top: 7px;
	z-index: 10;
	width: 12px;
	height: 12px;
}

#find {
	position: absolute;
	z-index: 80;
	right: 26px;
	top: 0;
}

#stream {
	position: absolute;
	right: 30%;
	top: 25px;
	padding: 0 20px 0 0;
	z-index: 100;
}

#stream a {
	text-decoration: none;
	background: url(/img/channels/listen.png) no-repeat 100% 50%;
	padding: 0 16px 0 0;
	display: block;
	line-height: 16px;
}

#tabs {
	position: absolute;
	top: 22px;
	height: 22px;
	left: 28%;
	width: 37%;
	margin: 0 0 0 1px;
	padding: 0;
	z-index: 10;
}

#tabs li,
#tabs li:hover {
	margin: 0;
	padding: 0;
	display: inline;
	background: transparent;
}

#tabs a {			
	display: block;
	padding: 0 12px;
	line-height: 19px;
	float: left;
	margin: 4px 4px 0 0;
	color: #fff;
	background: #5d97cf;
	text-decoration: none;
}

#tabs a:hover {
	background-color: #fff;
	color: #26567a;
}

.chat #tabs .chat-tab a,
.chart #tabs .chart-tab a,
.log #tabs .log-tab a  {
	background: #fff;
	line-height: 23px;
	color: #333;
	margin: 0 3px 0 0;	
}
.chat .chat-tab a:hover,
.chart .chart-tab a:hover,
.log .log-tab a:hover {
	background: #fff;	
	color: #333;
}

#chat {
	left:28%;
	width:42%;
	bottom: 80px;
	overflow:auto;
	z-index: 1;
}

.chart #chat,
.log #chat {
	bottom: 0;
}

.chat-display,
.chart-display,
.log-display {
	display: none;
}
  
.chat .chat-display,
.chart .chart-display,
.log .log-display {
	display: block;

}

#banner-ad {
        position:absolute;
        bottom: 0px;
        left:28%;
        width:42%;
        height: 60px;
	padding: 5px 0 5px 0;
	display: none;	
}

#banner-ad iframe {
	width: 468px;
	height: 60px;
	margin-left: -234px;
	left: 50%;
	position: absolute;
}



#message {
	background: #ddd url(/img/tail.gif) no-repeat 6px 0;
	position:absolute;
	bottom: 0px;
	left:28%;
	width:42%;
	height: 80px;
}

#message p {
	padding: 4px 0 0 37px;
	margin: 0;
}

#message p img {
	margin: 0 4px 0 0;
}

#message textarea {
	border: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 25px;
	color: #000;
	padding: 4px;
	margin: 4px 0 0 0;
	clear: left;
}

.chart #message,
.log #message {
	display: none;
}

/* Icons */

.add,
.remove {
	display: block;
	float: left;
	width: 16px;
	height: 26px;
	margin: 0 4px 0 0;
	background-repeat: no-repeat;
	background-position: 0% 50% ;
}

.add {
	background-image: url(/img/bookmark.png);
}

.remove {
	background-image: url(/img/bookmark-remove.png);
}

.emoticon {
	height: 18px;
}

#message .emoticon {
	height: auto;
}



#info {
	left:70%;
	width:30%;
	z-index: 10;
	margin: 0 0 0 -1px;
	padding: 0 0 0 2px;
	background: #fff url(/img/border.gif) repeat-y;
}	

#info .inner {
	overflow:auto;
	position: absolute;
	left: 0;
	right: 0;
	top:0;
	bottom: 250px;
}

#info h2 {
	margin: 0 0 1em 0;
	line-height: 1.25;
}

#info h2 .src_is_avatar,
#info h2 img.src_is_cover {
	float: left;
	margin: 0 6px 6px 0;
	position: static;
	width: 90px;
	height: 90px;
}

#info .vote_img {
float: left;
margin: 0 5px 0 0;
}

#info li div {
	padding: 0;
}

/*Votes*/

li.child_songVote p,
#info .timestamp {
	font-size: 11px;
	color: #999;
}
li.child_songVote p {
	margin: 0 0 0 46px;
}

.body_is_vote {
	padding:0;
}

li.child_songVote a {
	font-size: 12px;
}

li.child_songVote {
	margin: 0 0 1.2em 0;
}

li.child_songVote strong {
	font-weight: bold;
}

.descriptionOLD img {
	max-width:100%;
	height: auto;
}

.description embed,
.tab_musicVideo embed,
.description object,
.tab_musicVideo object {
	width:100% !important;
	height: auto !important;
}


/* Lists */

ul {
	list-style-type:none;
}

li {
	font-size: 12px;
	clear: both;
}
li:hover {
	background-color: #a1c7ff;
	background-repeat: no-repeat;
	background-position:  100% 50%;
}

#channels li:hover {
	background-image: url(/img/chevron.png);
}

#chat li:hover {
	background-image: url(/img/chevron2.png);
}

li div {
	color:#2f364a;
	padding: 5px 5px 5px 55px;
	line-height: 1.3;
	position: relative;
}

#channels img.src_is_icon {
	width: 16px;
	height: 16px;
	position: absolute;
	left: 22px;
	top: 50%;
	margin: -8px 0 0 0;
}

/* Channels */

.updated div {
	font-weight: bold;
	color: red;
}

#channels h2 a{
	display: block;
	color: #26567a;
	text-decoration: none;
	font-size: 12px;
	margin: 10px 0 5px 0;
	font-weight: bold;
	padding: 4px 2px 4px 20px;
	background: url(/img/closed2.png) no-repeat 4px 7px;
}

#channels h2 a.open{
	background: url(/img/open2.png) no-repeat 4px 8px;
}

#channels li div {
	line-height: 26px;
	padding: 0 40px 0 45px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#channels .this div {
	padding: 0 60px 0 45px;
}

.group {
	position: absolute;
	right: 15px;
	top:0;
	display: block;
	height: 26px;
	line-height: 26px;
	color: #666;
}

.panel_count {
	color: #555;
	font-weight: normal;
}

.text_is_online {
	color: #000;
	font-weight: bold;
}

#channels ul ul li span {
	line-height: 1;
	font-size: 11px;
}

/* avatar sub lists */

#channels ul ul{
	position: static;
	padding: 3px 0 5px 0;
	background: #e6ebfc;
}

#channels ul ul img {
	width: 16px;
	height: 16px;
	position: static;
	margin: 0 4px 0 0;
}

#channels ul ul li a{
	color: #b9e2ee;
}

#channels ul ul li{
	line-height: 18px;
	color: #26567a;
	font-size: 12px;
	font-weight: normal;
	padding: 1px 60px 1px 38px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
}

#channels ul ul li:hover {
	background-color: #e6ebfc !important;
	text-decoration: none;
}

/* Chat */

#chat .user,
#chat .text_is_user {
	color: #649dd2;
	font-weight: bold;
}

#chat .text_is_user {
	display: block;
}

.this .text_is_user {
	color: #fff !important;
}

#chat li {
	margin: 3px 0;
}

#chat li div {
	min-height: 40px;
}

img.src_is_avatar,
img.src_is_cover,
#chat img.src_is_icon,
.child_chatAd img {
	width: 35px;
	height: 35px;
	}

#chat img.src_is_avatar {
	position: absolute;
	left: 10px;
	top: 5px;
}

#chat li img.vote {
	width: 16px;
	height: 16px;
	position: static;
	margin: 0 4px 0 0;
}

.join,
.leave,
.gone {
	margin: 8px 0 !important;
}

.join div,
.leave div,
.gone div {
	padding: 5px 10px !important;
}

#chat .join .text_is_user,
#chat .leave .text_is_user,
#chat .gone .text_is_user {
	display: inline;
}

.click_is_follow,
.text_is_station {
	text-decoration: underline;
	color: #5d97cf;
	font-weight: bold;
	cursor: pointer;
}

.leave:hover {
	background: #fff !important;
}

/* Inserted Content */ 

.content {
	margin: 16px 0 !important
	padding: 0 !important;
}

.content p {
	margin: 0 0 2px 0;
}

.content a {
	padding: 0;
	color: #26567a !important;
	text-decoration: none;
}

li.content div {
	padding: 3px 20px 5px 10px !important;
}

#chat li.content  {
	color: #000;
}

#chat img.src_is_icon,
.child_chatAd img,
#chat img.src_is_cover {
 	display: block;
 	position: absolute;
 	top: 50%;
 	margin: -18px 0 0 0;
}

.chart-display img.src_is_cover {
 	left: 35px;
}

.chat-display img.src_is_icon,
.child_chatAd img,
.chat-display .content img.src_is_cover {
 	right: 18px;
}


.child_logChooser,
.child_logNone {
	padding: 5px 10px !important;
}
.child_logNone div,
.child_logNone h3 {
	padding: 5px 0 !important;
	margin: 0 !important;
}

#info li:hover,
.child_none:hover,
.child_logNone:hover {
	background: transparent !important;
}


/* Selected Items */

.this {
	background-image: url(/img/this2.png);
	background-repeat:  repeat-x; 
	background-position: 0% 50%;
	font-weight: bold;
}

.this div,
.this a {
	color: #fff !important;
	text-decoration: none;
}

#channels .this div {
	background: url(/img/chevron.png) no-repeat 100% 50%;
}

#chat .this div {
	background: url(/img/chevron2.png) no-repeat 100% 50%;
}

.this p {
	margin: 0;
}

.message {
	padding: 0 12px 0 0;
	font-weight: normal;
}

.message img {
	max-width: 90%;
	height: auto;
}

.this span.message {
	color: #000 !important;
}

.this:hover,
.this a:hover {
text-decoration: none !important;
color: #fff;
}

.content h3 {
	margin: 3px 50px 0 0 ;
	font-weight: bold;
}

.chat-display p,
.chat-display .content h3 {
	text-align: right;
	padding: 0 0 0 40px;
}

span.timestamp {
  	display:block;
  	font-size: 10px;
 	color: #999;
 	white-space: nowrap;
}

.chat-display span.timestamp {
  	text-align: right;
}

#chat p {
    font-size:11px !important;
}

.chat-display p {
	margin: 0 50px 0 0;
}

.inner {
	padding: 10px 20px 25px 15px;
}
.id_is_fbLike,
.id_is_musicVideo,
.description {
	padding: 1.5em 0 0 0;
	clear: left;
}

.this span.timestamp {
	color: #caddfd !important;
}

/* Charts */

.chart-display h3,
.chart-display p {
	margin: 0 0 0 70px;
}

.rank {
	position: absolute;
	left: 0.5em;
	color: #666;
	width: 2em;
	text-align: right;
	font-weight: normal;
	display: block;
	font-size: 11px;
	margin: 0.2em 0 0 0;
}

.this .rank {
	color: #e6ebfc;
}

/* Logs */

.log-display h3,
.log-display p {
	margin: 0 0 0 50px;
}

/* overlays */

#helpOverlay {
	position: absolute;
	z-index: 1000;
	left:0;
	top:0;
	left: 0;
	right:0;
	width: 100%;
	height: 100%;
	background: url(../img/bkgd.png);
}

.helpy {
	position: absolute;
	background: #e6ebfc;
	padding: 8px;
	border: 8px #fff solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: #333 0px 5px 10px;
	color: #000;
	width: 22%;
}

.helpy p {
	font-size: 11px;
}


.helpy h3 {
	font-weight: bold;
	font-size: 15px;
}

.searchy h3,
.rostery p,
.chatty p,
.detaily p,
.loginy p {
	margin: -40px 0 0 0;
	padding: 40px 0 0 0;
	position: relative;
	background-image: url(../img/tail.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.searchy {
	left: 1%;
	top: 40px;
	background:#F5DE48;
}
.searchy h3 {
	color: #A81322;
}

.rostery {
	left: 1%;
	top: 250px;
}

.chatty {
	left: 30%;
	top: 60px;
}

.detaily {
	left: 35%;
	top:42%;
}

.votey {
	left: 31%;
	bottom: 90px;
	width: 33%;
}

.votey p {
	position: relative;
	margin: 0 0 -40px 0;
	padding: 0 0 40px 0;
	background-image: url(../img/tail-under.png);
	background-repeat: no-repeat;
	background-position: 50% 100%;
}

.loginy {
	right: 1%;
	top: 50px;
}

.loginy p {
	background-image: url(../img/tail-r.png);
}

.boxy {
	bottom: 2%;
	right: 2%;
	height:80px;
	background: #5d97cf;
	color: #fff;
}
.boxy a {
	color: #fff;
}


.boxy p {
	background-image: none;
	text-align: left;
}

.overlay #chat,
.overlay #message,
.overlay #info {
	display: none;
}

#update {
	position: absolute;
	right: 20px;
	bottom: 10px;
}

legend {
	color: #999;
	font-size: 15px;
	margin: 10px 0;
}

input {
	vertical-align: middle;
}

/* Clear fix */
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* no need to hide from IE5 Mac as its filtered out anyway */
.clear {display:inline-block;}


p {
	line-height: 1.5;
	margin: 0 0 0.8em 0;
}

img {
	border:0;
	vertical-align:middle;
}
		
.fl {
	float: left;
	margin: 0 6px 6px 0;
}
.fr {
	float: right;
	margin: 0 0 6px 6px;
}