/* 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 */
	background-color: #000000;
	text-align: center;	/* some browsers don't center the divs properly without this */
}
/* 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: center;	/* 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 */
	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: center;
	background: #191919;
}

/* Page header and main headmenu */
#header {
	padding: 0;
	width: 100%;
	height: 215px;	/* needed to hide padding at base of table */
	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 */
	margin: 0;
	padding: 0;
	border: 0;
}
#header table { /* header is tabelized to avoid really crazy css */
	width: 100%;
	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: 980px;	/* 800-170-16-16 -3 for IE */
	/* margin-right: 173px; /* xx% works here, change #right "width: xx%" above to match */
/*	padding: 1em; */
	padding: 0px 16px 0 16px;
	text-align: center;
}
.center { /* center text and block elements */
/*	width: 100%;*/
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


.dcmenu2 {color: #FF0000;font-family: Arial, Helvetica, sans-serif;font-size: 22px; text-decoration: none;}
.dcmenu2 A:link{color: #FF0000;font-family: Arial, Helvetica, sans-serif;font-size: 22px; text-decoration: none;}
.dcmenu2 A:visited{color: #FF0000;font-family: Arial, Helvetica, sans-serif;font-size: 22px; text-decoration: none;}
.dcmenu2 A:active{color: #CC0000;font-family: Arial, Helvetica, sans-serif;font-size: 22px; text-decoration: none;}
.dcmenu2 A:hover{color: #FFFFFF;font-family: Arial, Helvetica, sans-serif;font-size: 22px; text-decoration: none;}

#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; 
	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; 
	background: #333333 url(images/layout/footer-bottom.jpg) repeat-x left bottom  ;
}
#footmenu { /* footer menu format */
	padding: 15px; 
	background-color: #333333;
}
#footmenu a { /* footer menu links */
	padding: 3px 2px 4px 3px;
	/*border-right: 1px solid white;*/
}

/* Below page graphic border - copyright and compliance statement */
#footer { /* footer text */
	padding: 20px;
	background-color: #000000;
}
#footer a { /* footer links */
	padding: 3px 2px 3px 3px;
}
#footer a.compliance { /* legal compliance notice format */
}

/* 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;
}
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;
}

/* 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;
}
/* 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;
}
.list3 {text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 20px; color: #CCCCCC; letter-spacing: 1px; font-weight: normal;}
.list3 A:link {text-decoration: none; color: #990000;}
.list3 A:visited {text-decoration: none;color: #CCCCCC;}
.list3 A:hover {text-decoration: underline;color: #FFFFFF;}
.list3 A:active {text-decoration: underline;color: #990000;}
.dcmenu {color: #FF0000;font-family: Arial, Helvetica, sans-serif;font-size: 14px; text-decoration: none;}
.dcmenu A:link{color: #FF0000;font-family: Arial, Helvetica, sans-serif;font-size: 14px; text-decoration: none;}
.dcmenu A:visited{color: #FF0000;font-family: Arial, Helvetica, sans-serif;font-size: 14px; text-decoration: none;}
.dcmenu A:active{color: #CC0000;font-family: Arial, Helvetica, sans-serif;font-size: 14px; text-decoration: none;}
.dcmenu A:hover{color: #FFFFFF;font-family: Arial, Helvetica, sans-serif;font-size: 14px; text-decoration: none;}
/*a.modeldesc {
	width: 120px;
	font-size: 14px;
	font-weight: bold;
}*/
.modeldesc A:link {
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
	line-height: 20px;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 2px;
	width: 120px;
	text-decoration: none;
}
.modeldesc A:visited {
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
	line-height: 20px;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 2px;
	width: 120px;
	text-decoration: none;
}
.modeldesc A:hover {
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
	line-height: 20px;
	font-weight: normal;
	color: #FF0000;
	letter-spacing: 2px;
	width: 120px;
	text-decoration: none;
}
.modeldesc A:active {
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
	line-height: 20px;
	font-weight: normal;
	color: red;
	letter-spacing: 2px;
	width: 120px;
	text-decoration: none;
}
/* -- EOF -- */