/*
 * Y!Undead CSS
 * Author: Brendan Corcoran
 * Contact: info@yundead.com
 * -- This site is not owned or affiliated with Yahoo, Inc. or Tokbox, Inc. --
*/

body {
	background:#111 url(/images/site_bg.png) repeat-x top center;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:12px;
	color:#bf9;
}
b,strong {font-weight:bold;}
i,em {font-style:italic;}
a, a:link {color:#bf9;}
#container {width:980px;}

/*
 * Flash Related
*/
object {
	z-index:1; /* keep calls below divs */
}
#undead object {
	width:960px; height:520px;
	outline:none;
}

/*
 * Header
*/
#header {
	width:980px; height:36px;
	margin:20px 0 0 0; padding:0;
	background:#2e2e2e;
	overflow:visible;
}
#header h1 {
	float:left;
	width:153px; height:55px;
	margin:-20px 0 0 5px;
	background:url(/images/undead.png) no-repeat 0 0;
	text-indent:-9999px;
}
#nav {
	float:right;
	background:url(/images/nav_gradient.gif) repeat-x 0 0;
}
	#nav li {
		display:block;
		float:left;
		font-size:12px;
	}
	#nav li a {
		display:block;
		width:60px; height:36px;
		text-align:center;
		padding:0 10px;
		line-height:36px;
		text-decoration:none;
		border-width:0 1px 0 1px;
		border-style:solid;
		border-color:transparent #363636 transparent #171717;
	}
	#nav li a:hover {
		/* background:#151515; */
		background:url(/images/nav_gradient.gif) repeat-x 0 -36px;
	}
	#nav li#active a {
		background:#151515;
	}
	#nav li.last a {
		border-width:0 0 0 1px;
	}

/*
 * Main Application
*/
.m #main {
	width:960px;
	padding:10px;
	background:#151515;
	position:relative;
}
	#main h2 {
		font-size:25px;
		border-bottom:1px solid #bf9;
		margin:0 0 10px 0;
	}
	#main h3 {
		font-size:17px;
		text-decoration:underline;
		font-weight:bold;
	}
	#main ul {
		list-style-type:disc;
	}
		#main li {
			margin:8px 25px;
		}
	#undead,
	#yundead,
	#tiny {
		width:960px;	
		/* background:#222; */
		text-align:center;
	}
	.flash {
		height:520px;
	}
	#undead p,
	#tiny p {
		padding-top:225px;
		font-size:25px;
	}
	#yundead #page {
		margin:0 auto;
		padding:0 0 20px 0;
		text-align:left;
	}
		#page p, .page p {
			padding:10px 0;
		}
		#page .errors {
			border:4px solid #111;
			background:#311;
		}
			#page .errors p {
				background:url(/images/error.png) no-repeat 5px 4px;
				padding:5px 5px 5px 30px;
				color:#faa;
			}
		#yundead .page {
			width:auto; /* width:860px; */
		}
		table.data td {
			padding:5px;
		}
			tr.heading td {
				background:#333;
				border-bottom:1px solid #ccc;
			}
			tr.banned td {
				background:#c00;
				color:#eee;
				font-weight:bold;
			}
			tr.active td {
				background:#1a4f00;
				color:#eee;
				font-weight:bold;
			}
/*
 * Auth/Reg 
*/
#yundead .auth {
	width:400px;
}
	.auth li {
		padding:5px;
		font-size:13px;
	}
	.auth li span {
		display:block;
		float:left;
		width:150px;
		line-height:22px;
	}
input.entry {
	background:#111;
	border:1px solid #bf9;
	padding:4px;
	color:#bf9;
}
textarea.entry {
	background:#111;
	border:1px solid #bf9;
	padding:4px;
	color:#bf9;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

/*
 * Front Page
*/
#major,
#minor {
	text-align:left;
}
#major {
	float:left;
	width:580px;
	margin:15px;
}
#minor {
	float:right;
	width:300px;
	margin:15px 15px 15px 0;
}
	#minor li span {
		display:block;
		float:left;
		width:80px;
		line-height:22px;
	}

/*
 * Privacy Screen (hides cams from view)
*/
#privacy {
	position:absolute;
	top:0; left:10px;
	display:none;
	width:960px; 
	height:16px;
	background:#111;
	border:none;
}
	#privacy p {
		padding:10px;
		display:none;
	}

#userlogin {
	position:fixed;
	top:-50px; left:0;
	width:100%; height:50px;
	background:#333;
	/* background:url(/images/userlogin.png) no-repeat bottom center; */
	color:#bf9;
	font-size:15px;
	line-height:45px;
	text-align:center;
	z-index:10000;
}
#activeusers {
	float:left;
}
#hidden {
/* 	visibility:hidden; */
}


/*
 * Administration
*/
.mr #main {
	width:780px;
	background:#222;
}
	.mr .content {
		padding:10px;
	}
.mr #right {
	width:200px;
	background:#333;
}
	#right h2 {
		font-size:20px;
		border-bottom:1px solid #bf9;
		margin:0 0 10px 0;
	}
	#right ul {
		margin:0 0 15px 0;
	}
		#right ul li {
			margin:auto;
		}
		#right ul li a {
			display:block;
			padding:5px;
			background:#222;
			font-size:13px;
			border-bottom:1px solid #444;
		}
		#right ul li a:hover {
			background:#111;
		}
		#right ul li a.active {
			background:#333;
		}
		#right ul li a.active:hover {
			background:#111;
		}
		
/*
 * Footer
*/
#footer {
	text-align:center;
	padding:0 10px 10px 10px;
	background:#151515;
}
	#footer ul {
		text-align:right;
	}
		#footer li {
			padding:0 5px;
			border-left:1px solid #333;
			display:inline;
		}
		#footer li.first {
			border-left:none;
		}			
			#footer li a {
				color:#888;
				text-decoration:none;
			}
			#footer li a:hover {
				color:#bf9;
				text-decoration:underline;
			}
	#footer p {
		margin:0 auto;
		padding:5px 0;
	}


/* EOF */