@media screen {

::-moz-selection { background:#333; color:#fff; }
::selection { background:#333; color:#fff; }

       body { background-image: url("../images/tileable_stars_bw.gif");text-align:center; background-color: #000}
       html,body { width:100%; height:100%; padding:0px; margin:0px;overflow-x:hidden;height/**/:/**/700px}
/* FOOTER */
       p.footer {font-size: 8pt;
         padding: 0px;
         padding-top: 0px;
         text-indent: 0em;
         text-align: center;
         position: relative; top:0.3em;left: 59px;
         padding-bottom: 0;
         margin-bottom: 4px;
         margin-top: 0;
         margin-left: 10%;
         margin-right: 10%;
         z-index: 100  }
       img.footer {position:absolute;left:20px;bottom:0px}
       .content { position:relative; left:0; margin-left:auto;margin-right:auto;top:0;border:0;padding:0;
                  background:#000;width:780px;z-index:20;text-align:left;padding-top:2em}
       .filler { height:52px}
/* CHARS */
		.characterImage { float:left;
						  margin:10px;
						  margin-left:6px;
						  margin-right:16px }
		.characterSheet { min-height:170px;
						  width:760px;
						  margin-top:0px;
						  border-top:3px solid #333;
						  padding:10px;
						  padding-top:0px;
						  padding-bottom:10px;
						  background-color:#000 }
		.characterHeader { position:absolute;width:576px;left:190px;margin-top:10px }
		.characterBio { padding-top:102px;
                        display:none }
/* SCREENSHOTS AND SHIPS */
	#imageGallery{
		width:780px;	/* Total width of slideshow */
        padding-top:1em;
        margin:auto
	}
	#previewPane{
		border:3px solid #333;
		margin-bottom:10px;	
		text-align:left;
		vertical-align:top;
		padding-top:0px;
		position:relative;
		/* CSS HACK */
		min-height: 282px;	/* IE 5.x */
		min-height/* */:/**/270px;	/* Other browsers */
		min-height: /**/270px;
	}
	#screenshotPane{
		border:3px solid #333;
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:0px;
		position:relative;
		/* CSS HACK */
		height: 492px;	/* IE 5.x */
		height/* */:/**/480px;	/* Other browsers */
		height: /**/480px;
	}
    #largeImageCaption{
        font-size:9pt;
        text-align:justify;
        margin:20px
    }
	#previewPane img{ line-height:400px;float:left;margin:20px }
	#screenshotPane img{ line-height:500px }
	#galleryContainer{
		height:160px;	/* Height of the images + 2  */
		border:3px solid #333;
		position:relative;
		overflow:hidden;
		padding:0px;
		/* CSS HACK */
		height: 162px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/160px;	/* Other browsers */
		height: /**/160px;
	}
	#screenshotContainer{
		height:120px;	/* Height of the images + 2  */
		border:3px solid #333;
		position:relative;
		overflow:hidden;
		padding:0px;
		/* CSS HACK */
		height: 122px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/**/:/**/120px;	/* Other browsers */
		height: /**/120px;
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #000;
		padding:0px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #000;
		padding:0px;		
	}
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
	}
	#theImages #slideEnd{ float:left }
	#theImages img{
		float:left;
		padding:0px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}
	#waitMessage{
		display:none;
		position:absolute;
		left:160px;
		top:200px;
        width:254px;
        height:14px;
		background-color:#000;
        text-align:center;
		border:3px solid #333;
        padding:30px;
        margin:auto;
		color:#fff;
		font-size:8pt;
		font-family:arial;	
	}
	#theImages .imageCaption{ display:none }
/* MAIN DROPDOWN MENU */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {width:780px;position:absolute;left:50%;margin-left:-390px;top:94px;z-index:100;border:0px hidden;background:#333;height:18px !important;height:20px}
.menu ul {padding:0;margin:0;list-style-type:none;position:relative;left:30px;padding-top:2px}
.menu ul ul {width:118px;background:#333}
.menu li {float:left;width:120px;position:relative;top:0px;padding:0px;border-bottom:2px solid #000 !important;border-bottom:0;height:18px !important;height:20px}
.menu a, .menu a:visited {display:block;font-size:9pt;text-decoration:none; color:#f50; width:120px; border:0px hidden;background:#333;padding-left:0px; font-weight:bold;text-align:center;font-variant: small-caps;height:16px !important;height:18px;}
.menu ul ul {visibility:hidden;position:absolute;height:0;top:18px;left:0; width:120px;border:0px hidden}
.menu table {position:absolute; top:0; left:0; border-collapse:collapse}
.menu ul ul a, .menu ul ul a:visited {background:#333; color:#f50; line-height:1em; margin:0px;padding:2px 0px; width:120px;border:0px hidden;height:14px !important;height:16px}
.menu a:hover, .menu ul ul a:hover{color:#fa0; background:#333;}
.menu :hover > a, .menu ul ul :hover > a {color:#fa0; background:#333;}
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* MISC */
     a { text-decoration: none }
     img { border: 0px solid;
           margin-left: auto;
           margin-right: auto }
     * { font-family: "Verdana", "Arial", sans-serif; color: white }
     *:link { color:#f50 }
     *:visited { color: #c40 }
     a:hover { color: #fa0 }
     a:active { color: #fe0 }
     h1,h2 { margin-top: 1em;
             font-weight: bold;
             font-variant: small-caps;
             color: #f50 }
     h1 { font-size: 10pt }
     h2 { text-align: center;
          font-size: 9pt;
          position: relative; top: -0.5em }
     b { color:#f50 }
     p { font-size: 8pt;
         padding: 6px;
         padding-bottom: 0;
         text-indent: 2em;
         text-align: justify;
         position: relative; top: -1em;
         margin-bottom: 0;
         margin-top: 0 }
     p + p { padding-top: 0px }
     p.caption { text-align:center;top:0;text-indent:0;padding:6px }
     li { font-size: 8pt;
          padding: 1px;
          padding-top: 6px;
          text-align: justify;
          position: relative; top: -1em }
     hr { border: 0;
          width: 100%;
          color: #333;
          background-color: #333;
          height: 3px; 
          padding-bottom: 0px }
     table { border: 0px hidden;
             padding: 0px }
}