body{
	font-size:12px;
	line-height:16px;
	background-color:#000;
	margin:0;
}

body,
a,
input{
	color: #adf;
}

body *{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

body > div,
body > nav,
textarea,
div.outset,
ul > li,
input{
	background-color: #222;
}
textarea{
	border: 1px solid #444;
}
input,
div.inset input{
	border: 1px solid #444;
}
body > div textarea,
body > div input,
body > div table,
div.inset,
iframe{
	background-color: #000;
}

button{
	background-color: #000;
	border-width: 1px;
	border-style: solid;
	border-color: #adf #000;
}
	button:hover{
		border-color: #fff #000;
	}
	
h1{
	text-shadow: 0px 1px 0px #888;
}
hr{
	background-color:#adf;
	height:2px;
}

#main{
	background: url("31i73.background.jpg") no-repeat right bottom;
}

#body .content{
	/*color:*/
}
	/*#body .content strong{
		color: #d4eeff;
	}*/
	#body .content .hide_options{
		background-color: #222;
	}
		#body .content .hide_options a{
			display: block;
			color: #556E80;
			text-decoration: none;
		}
			#body .content .hide_options a:hover{
				color: #fff;
			}
	#body .content .ledge{
		height: 2px;
		background-color: #adf;
		/*text-shadow:
			0px 0px 0px #adf,
			0px 0px 4px #000
		;*/
	}
	#body .content time{
		color: #789BB3;
		font-weight: normal;
	}
	#body .content .action{
		line-height: 14px;
		padding: 1px;
	}
	#body .content .action.selected{
		padding-left: 0;
		padding-right: 0;
		border-color: #556E80;
		border-style: solid;
		border-left-width: 1px;
		border-right-width: 1px;
		background-color: #222;
	}
		#body .content .action.selected.selected_top{
			padding-top: 0;
			border-top-width: 1px;
		}
		#body .content .action.selected.selected_bottom{
			padding-bottom: 0;
			border-bottom-width: 1px;
		}
	#body .content .hidden{
		text-align: center;
		background: #333 !important;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	#body .content div.action_message.echo span{
		color: #666;
	}
	#body .content div.action_message.echo a{
		color: #888;
	}
		#body .content div.action_message.echo a:hover{
			color: #adf;
		}
	#body .content div.action_message.echo time{
		/*color:*/
	}
	#body .content .action_message .message{
		color: #91BCD9;
	}
	#body .content .action_command{
		border-color: #556F80;
		background: url("31i73.overlay.background.png") repeat;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
	}
		#body .content .action_command > .close{
			border-color: #adf;
			background-color: #000;
		}
	#body .content .action_notice{
		float: left;
		background: #2b3740;
	}
		#body .content .action_notice .message{
			color: #adf;
			padding: 0 4px;
		}
	#body .content .date{
		color: #fff;
		text-shadow: 0px 2px 0px #888;
		padding-bottom: 2px;
	}
		#body .content .date:before,
		#body .content .date:after{
			content: " --- ";
		}
	#body .content .search_result{
		cursor: pointer;
	}
		#body .search_result:hover,
		#body .content .marker{
			background-color: #222;
		}
	
#channellist{
	border-right: 2px solid #adf;
}
	#channellist > .inset{
		/*
		
		
		*/
	}
	#channellist a.active{
		background-image: url("/channel.active.png");
		background-repeat: no-repeat;
		background-position: 100px top;
	}
		#channellist a.active:hover{
			background-image: url("/channel.active.hover.png");
		}
	
.list_channel > a:hover{
	background: #adf url('31i73.channellist.hover.gif') repeat-x left top;
	color: #000;
}
.list_channel > a.updated{
	text-decoration: underline;
}

.list_channel > a.alert{
	font-weight: bold;
	background: #FFF7AB none;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

#userlist{
	padding: 5px;
	border-left: 2px solid #adf;
	background-color: #000;
}
#users{
	padding: 5px;
}
	#users .away{
		color: #ccc;
	}
	#users .status{
		font-size: 0.9em;
	}
#media{
	padding: 5px;
}
	#media a{
		float: left;
		color: #fff;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border: 1px solid #556F80;
		margin: 6px 4px 2px;
		opacity: 0.7;
	}
		#media a:hover{
			border-color: #adf;
			opacity: 1.0;
		}
	#media img{
		vertical-align: text-bottom;
	}
		
#viewer iframe{
	background-color: #000;
	margin: 0;
}
#viewer a.close{
	opacity: 0.5;
	background-color: #000;
	color: #adf;
	border: 1px solid #adf;
}
	#viewer a.close:hover{
		opacity: 1.0;
	}
	
#input{
	border: 0 none;
	border-top: 2px solid #adf;
}

.colour_1{color:#aaddff;}
.colour_2{color:#ddffaa;}
.colour_3{color:#ffaadd;}
.colour_4{color:#ffcdab;}
.colour_5{color:#fff7ab;}
.colour_6{color:#abfff7;}
.colour_7{color:#abb3ff;}

a.move_left{
	border: 5px solid transparent;
	border-right-color: #567;
	cursor: pointer;
}
	a.move_left:hover{border-right-color: #adf;}
a.move_right{
	border: 5px solid transparent;
	border-left-color: #567;
	cursor: pointer;
}
	a.move_right:hover{border-left-color: #adf;}
a.move_up{
	border: 5px solid transparent;
	border-bottom-color: #567;
	cursor: pointer;
}
	a.move_up:hover{border-bottom-color: #adf;}
a.move_down{
	border: 5px solid transparent;
	border-top-color: #567;
	cursor: pointer;
}
	a.move_down:hover{border-top-color: #adf;}
	
.move_bar{
	top: 0px;
	bottom: 0px;
	right: -20px;
	width: 14px;
	background-color: #222;
	opacity: 0.5;
}
	.move_bar.active,
	.move_bar:hover{
		opacity: 1.0;
	}
	.move_bar .bar{
		height: 10px;
		background-color: #567;
	}
		.move_bar.active .bar,
		.move_bar .bar:hover{
			background-color: #adf;
			box-shadow:0px 0px 2px #adf;
			-moz-box-shadow:0px 0px 2px #adf;
			-webkit-box-shadow:0px 0px 2px #adf;
		}
		.move_bar.active .bar,
		.move_bar .bar:active{
			box-shadow:0px 0px 6px #adf;
			-moz-box-shadow:0px 0px 6px #adf;
			-webkit-box-shadow:0px 0px 6px #adf;
		}
#user{
        border-top: 1px dashed #556e7f;
        padding-bottom: 1px;
}
        #user:hover{
                background-color: #000;
        }