/* id Software prototype stylesheet */



/*link styles */

a:link {color:#CCCCCC; }     
a:visited {color:#CCCCCC; }  
a:hover {color:#FF0000;text-decoration:none;}  
a:active {color:#FF0000; } 

a.breadcrumb:link {color:#FFFFFF; }
a.breadcrumb:visited {color:#FFFFFF; }  
a.breadcrumb:hover {color:#CC0000;text-decoration:none;}  
a.breadcrumb:active {color:#CC0000; } 

a.user:link {color:#99CCFF;}
a.user:visited {color:#99CCFF;}
a.user:hover {color:#FF0000;text-decoration:none;}
a.user:active {color:#FF0000;}

a.controller:link {color:#CCC;text-decoration:none;}
a.controller:visited {color:#CCC;text-decoration:none;}
a.controller:hover {color:#CCC;text-decoration:none;}
a.controller:active {color:#CCC;text-decoration:none;}



/* tag styles */

body
	{
		background-color:#000000;
		margin:0em;
		padding:0em;
		height:100%;
		width:100%;
		/*border:5px solid #FFF;*/
	}
	
p.image
	{
		margin:0em;
		padding:0em;
	}

p.nobreak
	{
		margin:0em;
		padding:0em;
		line-height:1.3em;
	}

p
	{
		margin:0.75em 0em 0.75em 0em;
		padding:0em;
	}

img
	{
		border:0;
	}
	
img.arrow
	{
		vertical-align:middle;
		margin-right:0.3em;
	}
	
img.padded
	{
		border:0;
		padding:1em;
	}
	
ul.application>li
	{
		font-size:1em;
		list-style-type:upper-latin;
		margin-top:0.6em,;
		margin-bottom:0.6em;
	}
	
/* container styles */

div
	{
		font-family:"Arial",sans-serif;
		font-size:1em;
		color:#CCCCCC;
	}

input 
	{
		background-color: #000000;
		font-family:"Arial",sans-serif;
		color:#CCCCCC;
		border: 1px solid #666666;
	}

div.newstitle
	{
		background:url(./titlebar.png) repeat-x;
		padding:0em;
		position:relative;
		z-index:3;
		left:-0.3em;
		width:auto;
		margin:0em 3em 0em 0em;
		height:40px;
		border:0px dashed #333;
		display:block;
		overflow:hidden;
		font-family:"Georgia",serif;
	}
	
div.newscontent
	{
		background:#000;
		padding:1.5em 10px 0.5em 10px;
		border-left:4px solid #333;
		border-right:4px solid #333;
		border-bottom:4px solid #333;
		border-top:4px solid #333;
		margin:-2em auto 1em auto;
		height:auto;
		width:auto;
		min-width:580px;
		z-index:2;
		overflow:auto;
		display:block;
	}
	
div.newsheadline 
	{
		padding:0.3em 0 0 0;
		float:left;
		width:auto;
		height:100%;
		margin:0em auto 0em 0.5em;
		color:#ccc;
		font-weight:bold;
		font-family:"Georgia",serif;
		font-size:1.4em;
		text-shadow: 0px 0px 3px #666, 1px 1px 4px #000;
		border:0px solid #666;
	}
	
div.itemcontrol
	{
		padding:0.3em 0 0 0;
		float:right;
		width:auto;
		margin:0em 0.35em 0em auto;
		height:100%;
		border:0px solid #666;
		font-weight:bold;
		font-family:"Georgia",serif;
		font-size:1.3em;
		text-shadow: 0px 0px 3px #666, 1px 1px 4px #000;
	}
	
div.contentimage-right {
		float:right;
		padding:0.7em 0 0.7em 0.7em;
		margin:0;
	}
	
div#video
	{
		position:absolute;
		top:0;
		right:0;
		margin:0em 234px 1em auto;
		height:auto;
		width:auto;
		/*border:5px solid #FFF;*/
		padding:1em;
	}
	
div#rightheader
	{
		position:absolute;
		top:0;
		right:0;
		margin:0em 234px 0em auto;
		height:auto;
		width:auto;
		/*border:5px solid #FFF;*/
		padding:1em;
	}

div#musicplayer
	{
		position:fixed;
		bottom:0;
		right:0;
		z-index:10;
		height:22px;
		width:234px;
		overflow:hidden;
		padding:0;
		margin:0;
		vertical-align:text-bottom;
		background-color:#000000;
		font-size:0.7em;
	}

div#navbar
	{
		margin:0em auto 0em 0em;
		width: 234px; 
		height:100%;
		background:url(./navbar_01.png) repeat-y;
		padding:0em;
		color:#CCCCCC;
		position:absolute;
		z-index:0;
		left:0;
		top:0;
	}
	
div#idlogo
	{
		margin:0em;
		width:234px;
		height:212px;
		padding:0em;
		position:relative;
		border:0;
	}

div#navbarcontainer
	{	
		margin:0em;
		width:100%;
		height:auto;
		padding:0em;
		position:relative;
		color:#CCCCCC;
	}
	
div#navbarlinks
	{	
		margin:-0.5em auto auto auto;
		width:234px;
		height:auto;
		padding:0em;
		position:absolute;
		z-index:2;
		color:#CCCCCC;
		border:0;
	}

	
/*
Consider testing for presence of compatible version
of flash with php and if compatible, printing transparent 
overlay on top of leftnav buttons to give the user Doom
menu sounds when switching between choices.  Opacity
will probably require browser-specific stylesheets until
CSS3.
*/

/*div#navbarflash

	{
		position:absolute;
		top:0;
		left:0;
		z-index:3;
		width:100%;
		height:100%;
		background-color:#333333;
		opacity:0.4;
		margin:0;
		padding:0;
	}
*/
	
div#rightnav
	{
		margin:0em 0em 0em auto;
		height:100%;
		width:234px;
		background:url(./rightcolumn.png);
		padding:0em;
		color:#CCCCCC;
		position:absolute;
		right:0;
		top:0;
	}

div#searchblock
	{
		color:#CCCCCC;
		padding:1em;
		width:auto;
		margin:20px 0em 2em 0em;
		height:20px;
		position:relative;
		text-align:right;
		font-size:0.9em;
	}
	
div#contentblock
	{
		width:auto;
		height:auto;
		color:#CCCCCC;
		position:relative;
		padding:0.5em;
		margin:0.5em;
		vertical-align:text-top;
		font-size:0.8em;
	}
	
div#content
	{
		width:auto;
		min-width:620px;
		height:auto;
		margin:0em 240px 0em 240px;
		color:#FFFFFF;
		position:relative;
		padding:0.5em;
		vertical-align:text-top;
		font-size:0.8em;
		text-align:left;
		border:0px solid #CCC;
		overflow:auto;
	}
	
div#container
	{
		height:100%;
		width:100%;
		min-width:1132px;
		min-height:800px;
		position:relative;
		left:0;
		top:0;
		background:url(./darkmetal.jpg) repeat;
	}
	
	
div#header
	{
		margin:0em auto 0em 150px;
		position:relative;
		height:190px;
		width:auto;
		opacity:0.8;
		/*border:5px dashed #CFF;*/
	}
	
div#breadcrumb
	{
		margin:0px 234px auto 234px;
		position:relative;
		text-shadow: 0 0 3px #CCCCCC, 2px -2px 8px #ccc, 2px -4px 12px #ff3, 2px -6px 20px #fd3, 3px -9px 25px #f80, 5px -10px 30px #f20;
		padding:1em;
		width:auto;
		/*border: 5px dashed #CF0;*/
		height:auto;
		font-size:0.9em;
		font-weight:bold;
		font-family:"Georgia",serif;
		color:#FFFFFF;
	}
	
div#footer
	{
		margin:auto 234px 0em 234px;
		position:relative;
		bottom:0;
		color:#CCCCCC;
		padding:0.5em;
		width:auto;
		font-size:0.8em;
	}

div.contentbox 
	{
		margin: 2em 0em 1em 0em;
		background-color:#000000;
		background:url("brushedmetal.jpg");
		position:relative;
		padding:0em;
	}
	
div.boxcontents
	{
		margin:1em;
		border:0px solid #FFF;
		position:relative;
		top:-1em;
		width:auto;
		height:auto;
		padding:0;
	}