/* DungeonCorp Page Layout CSS
 * Copyright (c) 2007 Laurence L. Hand All rights reserved.
 * Version 1.0
 */

/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */ 

* { /* get rid of as much automatic blank space as possible */
	margin: 0;
	padding: 0;	
}
html {
	background-color: #000000;
}
body {	/* define the color outside of the border graphics */
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;	/* some browsers don't center the divs properly without this */
	text-decoration: none;
}
/* outer[lr]container ids create a gap on the left and right (using margins) for
   the left and right border graphics to show through. outerlmargin also sets the
   overall width of the page at 80% with a 10% margin of the HTML color showing
   through */
#outerlcontainer {	/* Create a gap for the left border to show through */
	margin-left: auto; /* to center. for fluid design, make 10% or leave auto */
	margin-right: auto; /* if fluid design just make sure both are the same */
	text-align: left;	/* to offset buggy browsers that need body-text-align:center. */
	padding: 0 0 0 16px;	/* allow border to show through left side */
	background: #000000 url(images/layout/border-left.jpg) repeat-y left top  ;
	width: 832px; /* for IE */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 1000px; /* 80%;	if fluid design /* overall width of usable page */
}
html>body .content { /* for Opera */
	width: 1000px;
}
#outerrcontainer {	/* Create a gap for the right border to show through */
	width: 100%;
	margin: 0;
	padding: 0 16px 0 0;	/* allow border to show through right side */
	background: #333333 url(images/layout/border-right.jpg) repeat-y right top  ;
}
#container { /* and finally a place for header/footmenu/rightside/and content to go */
	width: 100%;
	height:100%;
	border: 0;
	min-height: 100%;
	text-align: left;
	position: relative;
	background: #191919;
}

/* Page header and main headmenu */
#header {
	padding: 0;
	width: 100%;
	height: 221px;	/* needed to hide padding at base of table */
	color: #FFFFFF;
	background: #000000 url(images/layout/nav_07.gif) repeat-x right bottom  ;
	clear: both; /* footer below floating left/right sides */
}
#header a, #header img { /* black backgrounds for stuff so it blends in */
	background-color: #191919;
	margin: 0;
	padding: 0;
	border: 0;
}
#header table { /* header is tabelized to avoid really crazy css */
	width: 100%;
	background-color: transparent;
	margin: 0;
	border: 0;
	padding: 0;
}
#header tr { /* line up images at the tops */
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	border: 0;
}
#header td.logo { /* DungeonCorp logo */
	text-align: left;
}
#header td.swf {	/* flash animation */
	text-align: right;
}
#header td.headmenu { /* menu section of the heading */
	text-align: left;
}
#header table.header {
	width:800px;
	margin-left: auto;
	margin-right: auto;
}
/* Left/main content section */
#content { /* actual page content goes directly in here */
	width: 760px;	/* 800-170-16-16 -3 for IE */
	/* margin-right: 173px; /* xx% works here, change #right "width: xx%" above to match */
/*	padding: 1em; */
	padding: 16px;
}
.center { /* center text and block elements */
/*	width: 100%;*/
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
/*	margin: 1em 0 1em 0; */
	margin: 16px 0 16px 0;
}

/* Content Footer - some links in a box */
/* footmenu is in footmenubottom is in footmenutop */
#footmenutop { /* footermenu top border container */
	width: 100%;
	margin:0;
	padding: 8px 0 0 0; 
	color:white;
	background: #333333 url(images/layout/footer-top.jpg) repeat-x left top  ;
	clear: both; /* footer below floating left/right sides */}
#footmenubottom { /* footermenu bottem border containter */
	margin:0;
	padding:0 0 8px 0; 
	color:white;
	background: #333333 url(images/layout/footer-bottom.jpg) repeat-x left bottom  ;
}
#footmenu { /* footer menu format */
	padding: 15px; 
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #333333;
	text-align: center;
}
#footmenu a { /* footer menu links */
	color: #999999;
	padding: 3px 2px 4px 3px;
	/*border-right: 1px solid white;*/
}

/* Below page graphic border - copyright and compliance statement */
#footer { /* footer text */
	padding: 20px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #000000;
	text-align: center;
}
#footer a { /* footer links */
	color: #999999;	/* we don't want them to distract */
	padding: 3px 2px 3px 3px;
}
#footer a.compliance { /* legal compliance notice format */
	font-size: 14px;
	color: #FF0000;
}

/* model page markup */

td.fixed { /* contract slave section table size control */
	text-align: center;
	width: 255px;
}
.modelpic { /* picture format for contract slave pictures */
	margin: 1% 1% 1% 1%;
	width: 130px;
}
/*a.modelpicdesc { /* text for contract slave section */
/*	font-size: 14px;
}*/
a.modelpicdesc:link {
		font-size: 14px;
}
a.modelpicdesc:visited {
		font-size: 14px;
}
a.modelpicdesc:hover {
		font-size: 14px;
}
a.modelpicdesc:active {
		font-size: 14px;
}
/*a.modeldesc {
	width: 120px;
	font-size: 14px;
	font-weight: bold;
}*/
a.modeldesc:link {
	font-family: Arial Black, Arial Black, Gadget, sans-serif;
		font-weight: normal;
		line-height: 18px;
		font-size: 14px;
		text-decoration:none;
		color: #FF0000;
		letter-spacing: 1px;
	width: 120px;
}
a.modeldesc:visited {
	font-family: Arial Black, Arial Black, Gadget, sans-serif;
		font-weight: normal;
		line-height: 18px;
		font-size: 14px;
		text-decoration:none;
		color: #FF0000;
		letter-spacing: 1px;
	width: 120px;
}
a.modeldesc:hover {
	font-family: Arial Black, Arial Black, Gadget, sans-serif;
		font-weight: normal;
		line-height: 18px;
		font-size: 14px;
		text-decoration:none;
		color: #FF0000;
		letter-spacing: 1px;
	width: 120px;
}
a.modeldesc:active {
	font-family: Arial Black, Arial Black, Gadget, sans-serif;
		font-weight: normal;
		line-height: 18px;
		font-size: 14px;
		text-decoration:none;
		color: #FF0000;
		letter-spacing: 1px;
	width: 120px;
}
div.break {	/* force a break between groups of floating divs */
		clear: left;
}
div.modellist, div.modellist a {
	width: 200px;
	margin: 2px;
	float: left;
	text-align: center;
	font-size: 14px;
}

/* Modellist page */
.prevnext {	/* previous/next non-link text */
	color: white;
	font-size: 16px;
	font-weight: bold;
/*	padding: 1em 0 1em 0; */
	padding: 16px 0 16px 0;
}
a.prevnext:link {
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
/*	padding: 0 1em 0 1em; */
	padding: 0 16px 0 16px;
}
a.prevnext:visited {
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
/*	padding: 0 1em 0 1em; */
	padding: 0 16px 0 16px;
}
a.prevnext:hover {
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
/*	padding: 0 1em 0 1em; */
	padding: 0 16px 0 16px;
}
a.prevnext:active {
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
/*	padding: 0 1em 0 1em; */
	padding: 0 16px 0 16px;
}
span.greyedprevnext { /* previous/next links when there's no link - grey out */
	font-size: 14px;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
/*	padding: 0 1em 0 1em; */
	padding: 0 16px 0 16px;
}
img.modelview { /* pad model pictures */
/*	padding: 0 0 1em 0; */
	padding: 0 0 16px 0;
}
p.modelview { /* space out the text on the model view descriptions */
/*	margin-bottom: 1em; */
	margin-bottom: 16px;
	font-size: 18px;
}
/*a.modelview {  /* model view page links */
/*	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
}*/
a.modelview:link {
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
}
a.modelview:visited {
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
}
a.modelview:hover {
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
}
a.modelview:active {
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
}
/* button looking link */
a.butn:link {  /* links to update/delete/links */
	font-size: 14px;
	color: black;
	font-weight: normal;
	text-decoration: none;
	background-color: #DDDDDD;
/* 	padding: 0 1em 0 1em; */
	padding: 0 16px 0 16px;
}
a.butn:visited {  /* links to update/delete/links */
	font-size: 14px;
	color: black;
	font-weight: normal;
	text-decoration: none;
	background-color: #DDDDDD;
/* 	padding: 0 1em 0 1em; */
	padding: 0 16px 0 16px;

}
a.butn:hover {  /* links to update/delete/links */
	font-size: 14px;
	color: black;
	font-weight: normal;
	text-decoration: none;
	background-color: #DDDDDD;
/* 	padding: 0 1em 0 1em; */
	padding: 0 16px 0 16px;

}
a.butn:active {  /* links to update/delete/links */
	font-size: 14px;
	color: black;
	font-weight: normal;
	text-decoration: none;
	background-color: #BBBBBB;
/* 	padding: 0 1em 0 1em; */
	padding: 0 16px 0 16px;

}
/* for grids */
.griddata { /* model listing/selection grid */
	margin-left: 5px;
	text-align: left;
}
.oddrow { /* grid odd row highlighting */
	background-color: #303030;
}
.evenrow { /* grid even row highlighting */
	background-color: #202020;
}
/* Help page layout */
#helppage {	/* Help page margins */
	padding-left: 5%;
	padding-right: 5%;
	text-align: left;
}
#helppage a {	/* More normal looking links for this page */
	font-size: 16px;
	color: #FFFFCC;
	font-weight: normal;
	text-decoration: none;
}
#helppage p {	/* Help page paragraphs /*
/*	margin-top: 1em;		/* add spacing to make them stand out better */
/*	margin-bottom: 1em; */
	margin-top: 16px;		/* add spacing to make them stand out better */
	margin-bottom: 16px;
}
#helppage h2, #helppage h3, #helppage h5 { /* help page headings */
	text-align: center;
	color: red;
}
.right {	/* Just to allign something to the right */
	text-align: right;
}
a.helpbutn:link { /* help buttons on the various admin pages */
	font-size: 14px;
	color: red;
	font-weight: normal;
	text-decoration: none;
	background-color: #DDDDDD;
/*	padding: 0 1em 0 1em; */
	padding: 0 16px 0 16px;
}
a.helpbutn:visited { /* help buttons on the various admin pages */
	font-size: 14px;
	color: red;
	font-weight: normal;
	text-decoration: none;
	background-color: #DDDDDD;
/*	padding: 0 1em 0 1em; */
	padding: 0 16px 0 16px;

}
a.helpbutn:hover { /* help buttons on the various admin pages */
	font-size: 14px;
	color: red;
	font-weight: normal;
	text-decoration: none;
	background-color: #DDDDDD;
/*	padding: 0 1em 0 1em; */
	padding: 0 16px 0 16px;

}
a.helpbutn:active { /* help buttons on the various admin pages */
	font-size: 14px;
	color: red;
	font-weight: normal;
	text-decoration: none;
	background-color: #BBBBBB;
/*	padding: 0 1em 0 1em; */
	padding: 0 16px 0 16px;

}
/* News portion of the home page layout */
#news {
}
#news h3 { /* the title of the news part of the home page */
	text-align: center;
}
#news .title {	/* news story titles */
	font-size: 14px;
	font-family: Arial Black, Arial Black, Gadget, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
/*	padding: 1em 0 .05em 0; */
	padding: 8px 0 .8px 0;
}
#news .date { /* news story dates */
    font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	letter-spacing: 2px;
	color: #999999;
/*	padding-bottom: .3em; */
	padding-bottom: 5px;
}
#news .story { /* news story text */
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 14px;
}
#news a { /* news page links */
	font-size: 14px;
	color: red;
	font-weight: normal;
	text-decoration: none;
}	
/* contact page */
a.contact:link {
	font-size: 14px;text-decoration: none;
}
a.contact:visited {
	font-size: 14px;text-decoration: none;
}
a.contact:hover {
    color: #990000;	font-size: 14px;text-decoration: none;
}
a.contact:active {
	font-size: 14px;text-decoration: none;
}
.notice {
	color: #ff2222;
}
/* update page */
.update {
	font-size: 16px;
	font-family: Courier New, Courier, mono;
	font-weight: normal;
	text-align: left;
	color: #FFFFFF;
/*	padding: .3em; */
	padding: 5px;
}
a.update:link {
		font-size: 16px;
}
a.update:visited {
		font-size: 16px;
}
a.update:hover {
		font-size: 16px;
}
a.update:active {
		font-size: 16px;
}
/* -- EOF -- */
.dchead {
	font-size: 17px;
	font-family: Arial, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 2px;
}
.dctext {
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	line-height: 18px;
	font-weight: bold;
	color: #FFFFFF;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	font-style: normal;
}
.dctextlink {
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	line-height: 18px;
	font-weight: bold;
	color: #FFFFFF;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	font-style: normal;
}
a.dctext:link {
		font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	line-height: 18px;
	font-weight: bold;
	color: #FFFFFF;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	font-style: normal;
}
a.dctext:visited {
		font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	line-height: 18px;
	font-weight: bold;
	color: #FFFFFF;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	font-style: normal;
}
a.dctext:hover {
		font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	line-height: 18px;
	font-weight: bold;
	color: #CC0000;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	font-style: normal;
}
a.dctext:active {
		font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	line-height: 18px;
	font-weight: bold;
	color: #FF0000;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	font-style: normal;
}
.news {color: #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.ass {color: #FF0000}
.newslink {color: #FF0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px}
.heading {color: #FFFFFFF; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.list {
	font-family: Impact;
	font-size: 16px;
	font-style: normal;
	line-height: 23px;
	list-style-image: none;
	color: #CCCCCC;
	text-align: justify;
	letter-spacing: 3px;
}
.list2 {
	font-family: Impact;
	font-size: 16px;
	font-style: normal;
	line-height: 23px;
	list-style-image: none;
	color: #FFFFFF;
	text-align: justify;
	letter-spacing: 3px;
}
.dplink {
	font-family: Impact;
	font-size: 22px;
	font-style: normal;
	line-height: 26px;
	list-style-image: none;
	color: #FFFF33;
	text-align: center;
	letter-spacing: 3px;
}
.shoottitle {
	color: #CCCCCC;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 22px;
}
.hints {color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}
.shootid {color: #999999;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.descriptext {color: #CCCCCC;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.dchead {
	font-size: 16px;
	font-family: IMPACT;
	line-height: 20px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 3px;
	text-transform: capitalize;
}
.dctext1 {
	font-size: 18px;
	font-family: Impact, Impact, Charcoal, sans-serif;
	line-height: 18px;
	font-weight: light;
	color: #FFFFFF;
	letter-spacing: 2px;
}
a.dctext1:link {
		font-family: Impact, Impact, Charcoal, sans-serif;
		font-weight: normal;
		line-height: 18px;
		font-size: 18px;
		text-decoration:none;
		color: #FF0000;
		letter-spacing: 1px;
}
a.dctext1:visited {
		font-family: Impact, Impact, Charcoal, sans-serif;
		font-weight: normal;
		line-height: 18px;
		font-size: 18px;
		text-decoration:none;
		color: #FF0000;
		letter-spacing: 1px;
}
a.dctext1:hover {
		font-family: Impact, Impact, Charcoal, sans-serif;
		font-weight: normal;
		line-height: 18px;
		font-size: 18px;
		text-decoration:none;
		color: #FFFFFF;
		letter-spacing: 1px;
}
a.dctext1:active {
		font-family: Impact, Impact, Charcoal, sans-serif;
		font-weight: normal;
		line-height: 18px;
		font-size: 18px;
		text-decoration:none;
		color: #FF0000;
		letter-spacing: 1px;
}
.dchead2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
}