@import url(roster.css);

/* ***** RESET ***** */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, em, img, small, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	font-size: 100%;
	outline: 0;
	vertical-align: baseline;
}
body { line-height: 1; }
ol, ul { list-style: none; }
:focus { outline: 0; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ***** GLOBAL ***** */
body {
	background: #444 url(../img/orion_background.jpg);
	font-family: Arial, Helvetica, sans-serif;
}

#container {
	margin: 0 auto;
	width: 1256px;
	background: transparent;
	/*overflow: hidden;*/
	position: relative;
}

#main_content {
	width: 1256px;
	background: transparent url(../img/orion_content_c.jpg);
}

#main_c_top {
	width: 1256px;
	height: 15px;
	background: transparent url(../img/orion_content_t.jpg);
}

#main_c_bottom {
	width: 1256px;
	height: 15px;
	background: transparent url(../img/orion_content_b.jpg);
	/*overflow: hidden;*/
}

	/* ***** HEADER ***** */
	#header {
		width: 1256px;
		background: transparent url(../img/orion_header.jpg) left 0px no-repeat;
		position: relative;
		height: 164px;
	}
	
		#header h1,
		#header .siteTagLine {
			text-indent: -999em;
		}
		
		.tagLine {
			text-indent: -999em;
		}

		#subNav {
			width: 280px;
			position: absolute;
			top: 4px;
			right: 0;
			height: 25px;
		}
			#subNav ul {
				margin: 0 42px 0 0;
				width: 245px;
				float: right;
				background: transparent;
				overflow: hidden;
				height: 25px;
			}
				#subNav ul li {
					display: inline;
				}
					#subNav ul li a {
						float: right;
						padding: 0 5px;
						margin-top: 5px;
						display: block;
						color: #bbb;
						font-family: Arial;
						font-size: 12px;
						text-align: right;
						text-decoration: none;
						line-height: 1.0em;
						letter-spacing: 1px;
						font-variant: small-caps;
						width: 200px;
					}
					#subNav ul li a:hover,
					#subNav ul li a.on {
						color: #999;
					}
		div#guest {
			margin: 5px 0px;
			width: 200px;
			position: absolute;
			top: 4px;
			left: 500px;			
			font-family: Arial;
			font-size: 12px;
		} 
			div#guest p {
				width: 200px;
				float: right;
				font-family: Arial;
				font-size: 12px;
				color: #111;
				text-align: right;
			} 
			div#guest a{
				width: 15em;
				color: #999;
				font-family: Arial;
				font-size: 12px;
				top: 0;
				right: 0;
			}		

		#randomImage {
			position: absolute;
			top: 0px;
			left: 495px;
			display: hidden;
		}	
	

	/* ***** NAV ***** */
	#navigation {
		width: 1256px;
		padding: 3px 0 6px 0;
		background: #000 url(../img/orion_menubar.jpg);
		height: 48px;
		position: relative;
		left: 0px;
		z-index: 995;
	}
	
		#navigation ul.level_1 {
		padding-left: 20px;
		padding-top: 10px;
		}
	
			#navigation ul.level_1 li {
				position: relative;
				float: left;
				display: block;
				background: transparent;
			}
	
			#navigation ul.level_1 li:hover {
				color: #fff;
				background: transparent url(../img/menu_hover.png);
			}
	
				#navigation ul.level_1 li a {	
					color: #777;
					border: 0;
					background: transparent;
					display: block;
					padding: 3px 8px;
					text-decoration: none;
					letter-spacing: 1px;
					font: normal 13px/22px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
				}
	
				#navigation ul.level_1 li a:hover,
				#navigation ul.level_1 li a.on {
					color: #fff;
					background: transparent url(../img/menu_hover.png);
				}
				#navigation ul.level_1 li:hover a {
					color: #fff;
				}
				
				.js #navigation ul.level_1 li ul.level_2 {
					display: none;
				}
	
				#navigation ul.level_1 li ul.level_2 {	
					position: absolute;
					top: 100%;
					left: 0px;
					background: transparent;
					list-style: none;
					margin: 0;
					padding: 0;
					width: auto;
					z-index: 999;
					overflow: hidden;
					border: 1px solid #777;
				}
	
					#navigation ul.level_1 li ul.level_2 li {
						float: none;
						width: auto;
						border: 0;
					}

	
						#navigation ul.level_1 li ul.level_2 li a {
							border: 0;
							display: block;
							font-size: 13px;
							color: #777;
							background: #000;
							padding-right: 20px;
							padding-left: 20px;
						}
						#navigation ul.level_1 li ul.level_2 li a.on {
							color: #fff;
							background: transparent url(../img/menu_hover.png);
						}

						#navigation ul.level_1 li ul.level_2 li a:hover {
							background: transparent url(../img/menu_hover.png);
							color: #fff;
						}

	#article {
		clear: left;
		width: 455px;
		margin: 0px 20px 10px 50px;
		padding: 20px;
		position: relative;
	}

	.content {
		float: left;
		background: #111;
		padding: 0px;
		width: 453px;
		padding: 20px 20px 20px 27px;
		margin-top: 0px;
		margin: 0px 0 0 25px;
		position: relative;
		z-index: 994;
		color: #eee;
		font-size: 13px;
		line-height: 1.4em;
		border: #444 2px solid;
	}
	
	.newsWrapper {
		padding: 0 0 40px 0;
	}
	
	#welcome .content h2 {
		margin-top: 10px;
	}
	.content h2 {
		width: 425px;
		margin: 0;
		clear: both;
		padding: 8px 8px;
		background: #000 url(../img/menu_hover3.png);
		color: #fff;
		font: small-caps bold 1.1em/.5em 'century gothic', sans-serif;
		letter-spacing: 1px;
	}
	.content h2 a {
		display: block;
		color: #fff;
		text-decoration: none;
	}
	.content h2 a:hover {
		color: #fff;
	}
	.content p {
		margin: 14px 0 0 0;
		color: #eee;
		font-size: 13px;
		line-height: 1.4em;
	}
	.content a {
		color: #E8231B;
	}
	.content small {
		width: 431px;
		border-bottom: 0px dotted #555;
		padding: 5px 5px;
		display: block;
		background: #222;
		color: #fff;
		font: small-caps .6em/.8em 'arial';
		font-size: 0.8em;
	}
	
	
	#content_contain {
			width: 1200px;
	}
	
	#col-2 {
		float: left;
		width: 351px;
		margin-left: 41px;
	}
	#archives, 
	#recentSetups,
	#recentReplays {
		width: 361px;
		padding: 10px;
	}
	
	
	#col-2 h2 {
		padding: 0 0 5px 0;
		border-bottom: 1px solid #777;
		font-size: 15px;
		color: #D25A63;
		text-align: center;
	}
	
	#col-2 h2 a {
		font-size: 15px;
		color: #D25A63;
		font-weight: bold;
	}
	#col-2 h2 a:hover {
		background: #222;
	}
	#col-2 small {
		padding: 2px 5px;
		color: #535458;
		font: 9px/1.2em arial;
		text-decoration: none;
	}
	#col-2 a {
		margin: 10px 0 0 0;
		padding: 2px 5px;
		border: 0px solid #333;
		display: block;
		color: #777;
		font: 14px/1.2em arial;
		text-decoration: none;
		padding: 3px 6px;
	}
	#col-2 a:hover {
		border: 0px solid #222;
		background: #111 url(../img/menu_hover3.png);
		color: #FFFFFF;
	}
	#col-2 h3 a:hover {
		border: 0px solid #fff;
		background: #111 url(../img/menu_hover3.png);;
		color: #FFFFFF;
		text-decoration: none;
	}
	#col-2 p {
		font-size: 11px;
		padding: 0 0 0 10px;
		color: #777;
	}
	
	
	
	#archivePageList h5 {
		padding: 2px 5px;
		color: #eee;
		font: 9px/1.2em arial;
		text-decoration: none;
	}
	
	
	#sponsorsWrapper {
		float: left;
		width: 290px;
		text-align: center;
		position: relative;
		margin-left: 30px;
	}
	#sponsorsWrapper a {
		padding: 9px 0;
		display: block;
	}
	
	.sponsors h4 {
		background: #000;
		color: #eee;
		width: 150px;
		height: 25px;
	}
	.affiliates h4 {
		background: #000;
		color: #eee;
		height: 25px;
		width: 290px;
	}
	
	
	#footer {
		clear: both;
		padding: 0 0;
		width: 1256px;
		background: transparent url(../img/orion_footer.jpg) left top no-repeat;
		color: #777777;
		line-height: 2em;
		text-align: center;
		height: 300px;
		position: relative;
	}
	#footer p {
		padding: 20px 0;
		color: #ccc;
		font-size: 11px;
	}



	/* SETUP / REPLY / VIDEO */
	#setupWrapper,
	#replayWrapper,
	#videoWrapper {
		background: #000;
		margin: 20px 0 0 50px;
		padding: 20px;
		width: 437px;
	}
	ul#mediaCategory {
		background: transparent;
		padding: 5px;
		width: 233px;
	}
	ul#mediaCategory li {
		background: #111;
		padding: 2px 0px 0px 15px;
		color: #eee;
		font-weight: bold;
	}
	ul#mediaCategory li ul {
		padding: 2px 0 0 0;
		background: transparent;
		display: block;
		cursor: default;
	}
	ul#mediaCategory li ul li {
		background: #000;
		border-bottom: 1px dotted #262827;
		cursor: pointer;
		padding: 3px 6px 3px 25px;
		margin: 0 0 0 0px;
		color: #eee;
		position: relative;
		width: 170px;
		font-weight: normal;
	}
	ul#mediaCategory li ul li.on {
		background: #222 url(../img/menu_hover2.png);
		color: #eee;
	}
	ul#mediaCategory li ul li ul {
		background: #000;
		display: none;
		position: absolute;
		left: 100%;
		top: 0;
		z-index: 997;
		border: 0px solid #ccc;
		border-width: 0 0px 0px 0;
		padding: 0;
	}
	ul#mediaCategory li ul li ul li {
		width: 234px;
		padding: 0;
		padding: 9px;
		background: #222;
		color: #eee;
		cursor: default;
		border: 0px solid #ccc;
		border-width: 0px 0px 0 0px;
	}
	ul#mediaCategory li ul li ul li p {
		color: #eee;
	}
	ul#mediaCategory li ul li ul li a {
		color: #eee;
	}
	
	/* setup ADMIN */
	body#setups #mediaCategory li a.categorySetupUpdate {
		border: 0;
		margin: 0 3px 0 0;
		padding: 2px 2px;
		color: #eee;
		background: green;
	}
	body#setups #mediaCategory li form {
		width: 15px;
		margin: 0;
		padding: 0;
		display: block;
	}
	body#setups #mediaCategory li form input {
		margin: 0;
		padding: 0;
		border: 0;
		display: block;
		background: red;
		color: #eee;
		font-size: x-small;
		cursor: pointer;
	}
	
	ul#mediaCategory li ul li ul li p.updated {
		color: #777;
		font-size: 11px;
		background: #222;
		padding: 2px 6px;
		border: 0px solid #ddd;
	}

	#hiJacker {
		width: 638px;
		padding: 0px 0 0 5px;
		position: absolute;
		top: 0px;
		left: 258px;
		height: 550px;
		z-index: 999;
		background: #222;
	}

	#hijackWrap { 
		width: 870px;
		height: 750px;
		padding: 50px 25px;
		position: absolute;
		top: 374px;
		left: 30px;
		z-index: 999;
		background: #000 url(../img/popupBkgdBlue.png) top left repeat-x;
		border: 5px solid #262827;
		overflow: auto;
		display: none;
	}
	.videoWrapper {
		background: transparent url(../img/loadingAnimation.gif) 100px 175px no-repeat;
	}
	.cancelVideoHiJack {
		color: #FFF;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		border: 2px solid #ccc;
		background: red;
		cursor: pointer;
		padding: 3px 6px;
	}
	
	
	
	.videoWrapper h2 {
		font: bold 14px/21px arial, sans-serif;
		margin: 0;
		padding: 0;
		color: #eee;
	}
	
	.videoWrapper h5 {
		font: bold 11px/17px arial, sans-serif;
		margin: 0;
		padding: 0;
		color: #eee;
	}
	
	.videoWrapper p {
		font: normal 12px/19px arial, sans-serif;
		margin: 3px 10px;
		color: #eee;
	}
	
	.videoWrapper .pageContent {
		margin: 15px 0 0 0;
		color: #222;
	}


	#archivesList li {
		list-style: disc;
		margin: 0 15px;
	}
	#archivesList li a {
		background: transparent;
		color: #ccc;
		padding: 6px;
		line-height: 1.8em;
	}

	#archivesList li a:hover {
		color: #ff0000;
	}
	#archivesList li a span.notPublished,
	#archivesList li a span.cmsPageType {
		padding: 2px 6px;
		margin: 6px;
	}