.box {
	background: #000 url(images/box_bg.png) repeat-x top;
	margin: 0 auto;
	width: 94%;
	min-width: 230px;
}

.n { background: url(images/n.png) repeat-x top; }
.e { background: url(images/n.png) repeat-y right; }
.s { background: url(images/n.png) repeat-x bottom; }
.w { background: url(images/n.png) repeat-y left; }
.ne { background: url(images/ne.png) no-repeat top right; }
.se { background: url(images/se.png) no-repeat bottom right; }
.sw { background: url(images/sw.png) no-repeat bottom left; }
.nw { background: url(images/nw.png) no-repeat top left; padding: 5px 10px 5px 10px; }

.n_g { background: url(images/n_g.png) repeat-x top; }
.e_g { background: url(images/n_g.png) repeat-y right; }
.s_g { background: url(images/n_g.png) repeat-x bottom; }
.w_g { background: url(images/n_g.png) repeat-y left; }
.ne_g { background: url(images/ne_g.png) no-repeat top right; }
.se_g { background: url(images/se_g.png) no-repeat bottom right; }
.sw_g { background: url(images/sw_g.png) no-repeat bottom left; }
.nw_g { background: url(images/nw_g.png) no-repeat top left; padding: 5px 10px 5px 10px; }

img { border: none; margin: auto; }
a:link { color: blue; text-decoration: none; }
a:hover { color: red; text-decoration: none; }
a:visited {color:Blue; text-decoration:none;}

a.myLink:link
{
    text-decoration:none;
    color: Blue;
}
a.myLink:hover
{
    color:Red;
    text-decoration:none;
}

html, body {
	font-family: arial, helvetica, sans-serif;
	
	padding: 0;
	margin: 0;
	
}

h1 {
	color: #999;
	width: 90%;
	margin: 0 auto;
	font-size: small;
	padding: 8px 8px 0 8px;
}

h2 {
	font-size: large;
	color: #FEDE58;
	padding: 10px 0 0 10px;
	margin: 0;
}

h3 {
	font-size: larger;
	color: #ccff42;
	padding: 0;
	margin: 0;
}

p {
	margin: 0px auto;
	padding: 0px 20px 0px 20px;
}

.tar { text-align: right; }
.tac { text-align: center; }
.tal { text-align: left; }

#error {
	margin: 4px 10px 4px 10px;
	color: red;
	background: none;
	font-size: small;
}

#shell {
	width: 90%;
	margin: 10px auto;
	min-width: 750px;
	background: #222;
}

.shell_border {
	border-right: 3px solid #111;
	border-left: 3px solid #111;
}

.shell_border_l {
	border-left: 3px solid #444;
}

.shell_border_r {
	border-right: 3px solid #444;
}

.left {
	float: left;
	width: 30%;
	height: 100%;
	min-width: 235px;
	max-width: 300px;
	border-right: 1px dashed #09c;
}

.right {
	float: left;
	width: 68%;
	height: 100%;
	min-width: 500px;
}

.left50 {
	float: left;
	width: 48%;
	height: 100%;
	padding: 5px;
	min-width: 350px;
}

.right50 {
	float: right;
	width: 48%;
	height: 100%;
	padding: 5px;
	min-width: 350px; 
}

.left50nh {
	float: left;
	width: 48%;
	padding: 1px;
}

.right50nh {
	float: left;
	width: 48%;
	padding: 1px;
}

#header {
	height: 28px;
	border-bottom: 2px solid #ccff42;
	background: #000;
}

#footer {
	width: 100%;
	height: 40px;
	margin: auto;
	text-align: center;
	background: #000;
}

#grey {
	background: #333;
	height: 200px;
	border-top: 5px solid black;
}

#grey img {
	border: 2px solid #09c;
	margin: 4px	auto;
	height: 150px;
}

.ileft {
	float: left;
	width: 48%;
	height: 100%;
	text-align: center;
}

.iright {
    float: left;
	width: 48%;
	height: 100%;	
}


#login {
	width: 90%;
	margin: 0 auto;
	background: #666;
	height: 150px;
	min-width: 200px;
	border-top: 4px solid #09c;
	color: white;
	font-size: larger;
}

/*ul { list-style-type: none; }

ol { list-style-type: decimal; }*/
ul.nav {
	margin: 0px;
	padding: 5px 2px;
	vertical-align: bottom;
}

li.nav {
	display: inline;
	border-right: 1px dashed #09c;
	padding: 5px 15px 5px 15px;
	font-size: larger;
}

li.active { background: #444; }
li.end { border-right: none; }

ul.post {
	padding: 2px;
	display: block;
	text-align: right
}

.inline { display: inline; }
.floatr { float: right; }
.floatl { float: left; }
.clr { clear: both; }

li.block {
	display: block;
	border: none;
}

.video_snippet {
	display: block;
	height: 125px;
	width: 125px;
}


#signup {
	width: 450px;
}

.label {
	float: left;
	text-align: right;
	vertical-align: middle;
	font-size: larger;
	height: 30px;
	width: 120px;
}

.input {
	float: left;
	text-align: left;
	width: 275px;
	height: 30px;
	padding: 0px 10px 0px 10px;
}

#channel_title {
	background: #333;
	width: 100%;
	height: 135px;
	margin: 0 auto;
}

#channel_info {
	min-height: 140px;
}

.channelimg {
	float: right;
	margin: auto 15px auto;
	height: 125px;
	width: 125px;
	text-align: center;
	vertical-align: middle;
}

.videoimg {
	display: block;
	height: 100px;
	width: 100px;
	text-align: center;
	vertical-align: middle;
}

#player { width: 370px; margin: auto; text-align: center; background: #333; }
#newtag, #newcomment { z-index: 10; }

#search_results {
	max-height: 250px;
	overflow: auto;
}



#search_results_short {
	max-height: 125px;
	overflow: auto;
}

.search_result {
	width: 100%;
	height: 125px;
	border-top: 1px dashed #333;
}

.search_result_o {
	width: 100%;
	height: 125px;
	border: 1px dashed #000;
	background: #333;
}

.search_result_d {
	width: 100%;
	height: 125px;
	border: 1px dashed #333;
	background: #666;
}

.search_result .img {
	float: left;
	width: 125px;
	height: 125px;
	padding: 0px 4px;
}

.search_result h1 {
	margin: 4px;
}

#video_results {
	width: 100%;
	height: 250px;
	max-height: 250px;
	overflow: auto;
}
.video_row {
	width: 100%;
	height: 170px;
	margin: auto;
}
.video_result {
	float: left;
	width: 130px;
	height: 160px;
}

.video_result .img {
	display: block;
	width: 125px;
	height: 125px;
	padding: 2px;
	margin: auto;
}

.tags {
	width: 172px;
	max-height: 100px;
	overflow: auto;
}

.tag { display: inline; margin: 4px; }

#comments {
	max-height: 300px;
	overflow: auto;
}

.blue { color: #09c; display: inline; }
.red { color: #f00; display: inline; }
.yellow { color: #fede58 ; display: inline; }
.green { color: #ccff42 ; display: inline; }
.nomargin { margin: 0px; }
.huge { margin: 6px; font-size: x-large; font-weight: bold; color: #ccff42; }

.larger { font-size: larger; }

#author {
	float: right;
	height: 115px;
	bottom: 0px;
	right: 0px;
	padding: 0px;
	margin: 0px;
}

.bgimage {
	background: url('images/modflash_fade.png') bottom right no-repeat;
}

#pm {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 3aspx;
	z-index: 50;
	width: 30px;
	height: 45px;
	color: #222;
	text-align: center;
	font-size: 12px;
}

#pm_bg {
	position: absolute;
	top: -25px;
	left: -25px;
	z-index: 49;
	width: 75px;
	height: 75px;
	background: url('images/pm.png') bottom right no-repeat;
}
