/*****************/
/* Tag Overloads */
/*****************/
html{
	margin:0px;
	padding:0px;
	width:100%;
}
body{
	margin:0px;
	padding:0px;
	width:100%;
	background:#000000;
}
img{
	border:0px solid black;
}

/*************/
/* Modifiers */
/*************/
span.italic{
	font-style: italic;
}
span.bold{
	font-weight: bold;
}
span.itabold{
	font-style: italic;
	font-weight: bold;
}
span.nobreak{
	white-space: nowrap;
}

a.hilight{
	font-weight: bold;
	font-size: 125%;
}

/***********/
/* Header */
/*********/
div.header{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	text-align:left;
	font-family:Luxi Sans,Arial;
	font-size:10pt;
	font-style:normal;
	font-weight:normal;
	vertical-align:middle;
	color:#afc9cc;
}



/*******************/
/* Navigation Bar */
/*****************/
div.navBar{
	position: absolute;
	top: 110px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width:200px;
	height:auto;
	text-align: left;
	font-family: Luxi Sans,Arial;
	font-size: 10pt;
	font-style: normal;
	font-weight :normal;
	color: #afc9cc;
}
div.navBar ul, div.navBar ul li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.navBar ul li{
	display: block;
	width: 190px;
	height: 28px;
	line-height: 28px;
	background: url(pics/buttons.png) top left no-repeat;
	background-position: -380px -700px;
	text-decoration: none;
}
div.navBar ul li.spacer{
	display: block;
	width: 11px;
	height: 10px;
	line-height: 10px;
	background: url(pics/button_spacer.png) top left no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}
div.navBar ul li.trailer{
	display:block;
	width:135px;
	height:62px;
	line-height:62px;
	background:url(pics/menu_trailer.png) top left no-repeat;
}
div.navBar ul li a, div.navBar ul li a:hover{
	display: block;
	width: 130px; /*190px;*/
	height: 21px; /*28px;*/
	line-height: 28px;
	background: url(pics/buttons.png) top left no-repeat;
	text-decoration: none;
	padding: 7px 0px 0px 60px;
}
div.navBar ul li a span{
	display: block;
	width: 110px;
	height: 14px;
	line-height: 14px;
	background: url(pics/texts.png) top left no-repeat transparent;
	text-decoration: none;
}

div.navBar ul li a.menuButton1{ background-position: 0px 0px; }
div.navBar ul li a.menuButton1Active{ background-position: 0px -224px; }
div.navBar ul li a.menuButton1:hover, div.navBar ul li a.menuButton1Active:hover{ background-position: 0px -112px; }

div.navBar ul li a.menuButton2{ background-position: 0px -28px; }
div.navBar ul li a.menuButton2Active{ background-position: 0px -252px; }
div.navBar ul li a.menuButton2:hover, div.navBar ul li a.menuButton2Active:hover{ background-position: 0px -140px; }

div.navBar ul li a.menuButton3{ background-position: 0px -56px; }
div.navBar ul li a.menuButton3Active{ background-position: 0px -280px; }
div.navBar ul li a.menuButton3:hover, div.navBar ul li a.menuButton3Active:hover{ background-position: 0px -168px; }

div.navBar ul li a.menuButton4{ background-position: 0px -84px; }
div.navBar ul li a.menuButton4Active{ background-position: 0px -308px; }
div.navBar ul li a.menuButton4:hover, div.navBar ul li a.menuButton4Active:hover{ background-position: 0px -196px; }

div.navBar ul li a span.menuTextNews{ background-position: 0px -14px; }
div.navBar ul li a span.menuTextIntentions{ background-position: 0px -28px; }
div.navBar ul li a span.menuTextTeam{ background-position: 0px -42px; }
div.navBar ul li a span.menuTextProgress{ background-position: 0px -56px; }
div.navBar ul li a span.menuTextAbout{ background-position: 0px -70px; }
div.navBar ul li a span.menuTextGameplay{ background-position: 0px -84px; }
div.navBar ul li a span.menuTextStory{ background-position: 0px -98px; }
div.navBar ul li a span.menuTextAbilities{ background-position: 0px -112px; }
div.navBar ul li a span.menuTextSkills{ background-position: 0px -126px; }
div.navBar ul li a span.menuTextCharacters{ background-position: 0px -140px; }
div.navBar ul li a span.menuTextSam{ background-position: 0px -154px; }
div.navBar ul li a span.menuTextGeorgo{ background-position: 0px -168px; }
div.navBar ul li a span.menuTextTedeon{ background-position: 0px -182px; }
div.navBar ul li a span.menuTextSean{ background-position: 0px -196px; }
div.navBar ul li a span.menuTextOdjin{ background-position: 0px -210px; }
div.navBar ul li a span.menuTextOthers{ background-position: 0px -224px; }
div.navBar ul li a span.menuTextDragengine{ background-position: 0px -238px; }
div.navBar ul li a span.menuTextDragonScript{ background-position: 0px -252px; }
div.navBar ul li a span.menuTextDevTools{ background-position: 0px -266px; }
div.navBar ul li a span.menuTextDENormGen{ background-position: 0px -364px; }
div.navBar ul li a span.menuTextMedia{ background-position: 0px -280px; }
div.navBar ul li a span.menuTextArtwork{ background-position: 0px -294px; }
div.navBar ul li a span.menuTextScreenshots{ background-position: 0px -308px; }
div.navBar ul li a span.menuTextVideos{ background-position: 0px -322px; }
div.navBar ul li a span.menuTextDownloads{ background-position: 0px -336px; }
div.navBar ul li a span.menuTextLinks{ background-position: 0px -378px; }
div.navBar ul li a span.menuTextForum{ background-position: 0px -350px; }
div.navBar ul li a span.menuTextContribute{ background-position: 0px -392px; }
div.navBar ul li a span.menuTextModules{ background-position: 0px -406px; }



/***********/
/* Footer */
/*********/
div.footer{
	margin: 30px 0px 0px 0px;
	padding: 10px 0px 5px 0px;
	text-align: center;
	font-family: Luxi Sans,Arial;
	font-size: 8pt;
	font-style: italic;
	font-weight: normal;
	border-top:1px solid #385c6b;
	color: #afc9cc;
}
div.footer ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
div.footer ul li{
	display: inline;
	text-align: center;
	padding: 2px;
}
div.footer ul li a{
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}



/*********/
/* Page */
/*******/
div.content, div.news{
	position: absolute;
	top: 118px;
	left: 200px;
	padding: 5px;
	margin: 0px 15px 0px 0px;
	text-align: left;
	font-family: Luxi Sans,Arial;
	font-size: 10pt;
	font-style: normal;
	font-weight :normal;
	color: #afc9cc;
}
div.smallText{
	text-align:left;
	font-family:Luxi Sans,Arial;
	font-size:9pt;
	font-style:normal;
	font-weight:normal;
	color:#afc9cc
}
div.commentText{
	text-align:left;
	font-family:Luxi Sans,Arial;
	font-size:9pt;
	font-style:italic;
	font-weight:normal;
	color:#afc9cc
}
div.content h1, div.news h1{
	text-align:center;
	font-family:Luxi Sans,Arial;
	font-size:12pt;
	font-style:normal;
	font-weight:bold;
	border-left:6px solid #4b8ba6;
	border-right:6px solid #4b8ba6;
	border-top:1px solid #4b8ba6;
	border-bottom:1px solid #4b8ba6;
	color: #62b6d9;
	background: #1e3740;
	padding:5px 5px 5px 5px;
	margin:0px 0px 0px 0px;
}
div.content h2, div.news h2{
	text-align:left;
	font-family:Luxi Sans,Arial;
	font-size:10pt;
	font-style:normal;
	font-weight:bold;
	border-left:3px solid #4b8ba6;
	border-right:0px solid black;
	border-top:0px solid black;
	border-bottom:1px solid #4b8ba6;
	color: #62b6d9;
	padding:2px 2px 2px 5px;
	margin:20px 0px 0px 0px;
}
div.content p{
	/*clear: both;*/
	padding: 0px;
	margin: 5px 0px 0px 0px;
	text-indent: 1em;
	text-align: justify;
}
div.content ul, div.content ul.wide{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}
div.content ul li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.content ul.wide li{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.content img.picture{
	border-left:1px solid #385c6b;
	border-top:1px solid #385c6b;
	border-right:1px solid #62b6d9;
	border-bottom:1px solid #62b6d9;
	float: left;
	padding: 10px 20px 10px 20px;
	margin: 10px 20px 10px 10px;
	background: #0c161a;
}
div.content div.stats{
	padding: 0px;
	margin: 20px 0px 0px 0px;
	text-align: center;
}
div.breaker{
	clear: both;
}
img{
	border: 0;
}
div.content ul.gallery{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: middle;
}
div.content ul.gallery li{
	display: block;
	float: left;
	list-style-type: none;
	margin: 10px;
	padding: 10px;
	border-left:1px solid #385c6b;
	border-top:1px solid #385c6b;
	border-right:1px solid #62b6d9;
	border-bottom:1px solid #62b6d9;
	background: #0c161a;
	text-align: center;
}
div.content ul.gallery li a{
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}
div.content ul.gallery li a img{
	border-left:1px solid #385c6b;
	border-top:1px solid #385c6b;
	border-right:1px solid #62b6d9;
	border-bottom:1px solid #62b6d9;
	margin:0px;
}
div.content ul.gallery li a span.thumbnail{
	display: block;
	width: 160px;
	height: 160px;
	padding: 0px;
	margin: auto;
}
div.content ul.gallery li a span.thumbnailText{
	display: block;
	width: 160px;
	height: 4.2em;
	padding: 0; /*auto;*/
	margin: auto;
	background: black;
	border-left:1px solid #385c6b;
	border-top:1px solid #385c6b;
	border-right:1px solid #62b6d9;
	border-bottom:1px solid #62b6d9;
}
div.content ul.gallery:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
div.content ul.gallery{ /* Mark Hadley's fix for IE Mac */
	display: inline-block;
}
/* Hides from IE Mac \*/
* html div.content ul.gallery{
	height: 1%;
}
div.content ul.gallery{
	display:block;
}
/* End Hack */ 

div.intro{
	text-align: center;
	font-family: Luxi Sans,Arial;
	font-size: 9pt;
	font-style: normal;
	font-weight :normal;
	color: #afc9cc;
}
div.intro a{
	font-size:14pt;
	font-style:normal;
	font-weight:normal;
}

div.content pre.code, div.content p.code{
	font-family: Luxi Sans,Arial;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-indent: 0px;
	background: #0c161a;
	border-left:1px solid #385c6b;
	border-top:1px solid #385c6b;
	border-right:1px solid #62b6d9;
	border-bottom:1px solid #62b6d9;
	padding: 2px 10px 2px 10px;
	margin: 5px 0px 0px 0px;
}

img.osIcon{
	margin: 0px 3px 0px 3px;
}


/*********/
/* News */
/*******/
div.news div.newsBox{
	border-left:2px solid #385c6b;
	border-top:2px solid #385c6b;
	border-right:2px solid #62b6d9;
	border-bottom:2px solid #62b6d9;
	background:#1e3740;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 0px;
}
div.news div.newsBox h1{
	text-align:left;
	font-family:Luxi Sans,Arial;
	font-size:11pt;
	font-style:normal;
	font-weight:bold;
	color: #6cc5e6;
	border-left:0px solid black;
	border-top:0px solid black;
	border-right:0px solid black;
	border-bottom:1px solid #62b6d9;
	background:#1e3740;
	padding:2px 2px 2px 5px;
	margin:0px 0px 0px 0px;
}
div.news div.newsBox div.poster{
	float: left;
	margin: 0px;
	padding: 5px;
}
div.news div.newsBox div.poster div.username{
	font-size:10pt;
	font-style:normal;
	font-weight:bold;
}
div.news div.newsBox div.poster div.rank{
	font-size:8pt;
	font-style:normal;
	font-weight:normal;
}
div.news div.newsBox div.post{
	color: #afc9cc;
	background:#0c161a;
	/*min-height: 100px;*/
	height: 100%;
	margin: 0px 0px 0px 130px;
	padding: 10px;
	border-left:1px solid #62b6d9;
	border-bottom:1px solid #62b6d9;
	text-align: left;
	font-family: Luxi Sans,Arial;
	font-size: 10pt;
	font-style: normal;
	font-weight :normal;
}
div.news div.newsBox div.post ul{
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
}
div.news div.newsBox div.post ul li{
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.news div.newsBox div.post pre.code{
	font-family: Courier;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-indent: 0px;
	background: #050505;
	border-left:1px solid #385c6b;
	border-top:1px solid #385c6b;
	border-right:1px solid #62b6d9;
	border-bottom:1px solid #62b6d9;
	padding: 5px 10px 5px 10px;
	margin: 5px 20px 0px 20px;
}




/***********/
/* Tables */
/*********/
div.content table thead{
	font-weight: bold;
	background: #060b0d;
}
div.content table tr.even{
	font-weight: normal;
	background: #0c161a;
}
div.content table tr.odd{
	font-weight: normal;
	background: #1e3740;
}

div.content table.progress{
	border: 0px solid black;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
div.content table.progress td.name{
	width: 150px;
	text-align: left;
	padding: 1px 5px 1px 5px;
}
div.content table.progress td.state{
	width: 100px;
	text-align: left;
	padding: 1px 5px 1px 5px;
}
div.content table.progress td.bar{
	width: 180px;
	text-align: left;
	padding: 1px 5px 1px 5px;
}
div.content table.progress td.comment{
	text-align: left;
	padding: 1px 5px 1px 5px;
}
div.content table.progress td.bar div{
	display: block;
	width: 160px;
	height: 16px;
	line-height: 16px;
	background: url(pics/progressbar.png) top left no-repeat;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
}
div.content table.progress td.bar div.progress0{ background-position: 0px 0px; }
div.content table.progress td.bar div.progress1{ background-position: 0px -16px; }
div.content table.progress td.bar div.progress2{ background-position: 0px -32px; }
div.content table.progress td.bar div.progress3{ background-position: 0px -48px; }
div.content table.progress td.bar div.progress4{ background-position: 0px -64px; }
div.content table.progress td.bar div.progress5{ background-position: 0px -80px; }

div.content table.abilities{
	border: 0px solid black;
	padding: 0px;
	margin: 0px;
}
div.content table.abilities td.name{
	width: 120px;
	text-align: left;
	padding: 1px 5px 1px 5px;
}
div.content table.abilities td.description{
	text-align: left;
	padding: 1px 5px 1px 5px;
}

div.content table.stats{
	border: 0px solid black;
	padding: 0px;
	margin: 20px 0px 0px 20px;
	text-align: center;
}
div.content table.stats td.stat{
	width: 80px;
	text-align: left;
	padding: 1px 5px 1px 5px;
}
div.content table.stats td.value{
	text-align: left;
	padding: 1px 5px 1px 5px;
}

div.content table.downloads{
	border: 0px solid black;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	text-align: center;
}
div.content table.downloads td.file{
	text-align: left;
	padding: 1px 5px 1px 5px;
}
div.content table.downloads td.description{
	text-align: left;
	padding: 1px 5px 1px 5px;
}

div.content table.links{
	border: 0px solid black;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	text-align: center;
}
div.content table.links td.logo{
	text-align: center;
	padding: 5px;
}
div.content table.links td.description{
	text-align: left;
	padding: 5px;
}

div.content table.generic{
	border: 0px solid black;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	text-align: center;
}
div.content table.generic td.left{
	text-align: left;
	padding: 5px;
}
div.content table.generic td.center{
	text-align: center;
	padding: 5px;
}

div.content table.projects{
	border: 0px solid black;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	text-align: center;
}
div.content table.projects td.name{
	text-align: center;
	padding: 5px;
	width: 20em;
}
div.content table.projects td.description{
	text-align: left;
	padding: 5px;
}
div.content table.projects td.os{
	text-align: center;
	padding: 5px;
	width: 70px;
}

div.content table.moduletypes{
	border: 0px solid black;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	text-align: center;
}
div.content table.moduletypes td.id{
	text-align: center;
	padding: 2px 10px 4px 10px;
	width: 100px;
}
div.content table.moduletypes td.name{
	text-align: center;
	padding: 2px 10px 4px 10px;
	width: 200px;
}
div.content table.moduletypes td.usage{
	text-align: center;
	padding: 2px 10px 4px 10px;
	width: 80px;
}

div.content table.modules{
	border: 0px solid black;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	text-align: center;
}
div.content table.modules td.id{
	text-align: center;
	padding: 2px 10px 4px 10px;
	width: 100px;
}
div.content table.modules td.name{
	text-align: center;
	padding: 2px 10px 4px 10px;
	width: 300px;
}
div.content table.modules td.type{
	text-align: center;
	padding: 2px 10px 4px 10px;
	width: 100px;
}

div.content table.moduleinfo{
	border: 0px solid black;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	text-align: center;
}
div.content table.moduleinfo td.key{
	text-align: left;
	padding: 2px 20px 4px 10px;
}
div.content table.moduleinfo td.value{
	text-align: left;
	padding: 2px 20px 4px 10px;
}



/***************/
/* Page Title */
/*************/
h1.stPageTitle{
	margin: 0px;
	padding: 3px;
	text-align: center;
	font-family: Luxi Sans,Arial;
	font-size: 20pt;
	font-weight: bold;
	color: red;
}