/*-------------------- BASICS --------------------*/

html
{
		height: 100%;
		margin: 0;
		/* setting border: 0 hoses ie6 win window inner well border */
		padding: 0;
}

body
{
		height: 100%;
		background-color: #e3e3e3;
		font-size: 100%;
		margin: 0;
		/* setting border: 0 hoses ie5 win window inner well border */
		padding: 0;
		text-align: center;
}

a img { border: 0; }

a:link { font-weight: bold; text-decoration: underline !important; }
a:visited { font-weight: bold; font-style: italic !important; text-decoration: underline !important; }
a:active { font-weight: bold; text-decoration: underline !important; cursor: default; background-color: #e3e3e3; }
a:hover { font-weight: bold; text-decoration: underline !important; cursor: default; color: #ffffff; background-color: #393939; }

hr 
{
	background-color: #e5e5e5; 
	color: #e5e5e5; height: 1px; 
	border: 0px; 
	clear: both; 
	margin: 25px 60px 25px 60px;
	text-align: center;
	}

sup { vertical-align: text-top; font-size: 67%; }

blockquote { margin-left: 30px; margin-right: 30px; }


/*-------------------- LAYOUT --------------------*/

#container
{
		width: 700px;
		min-height: 100%; 
		background: #ffffff;   
		text-align: left;
		position: relative;
		margin: 0 auto 0 auto; /* center on everything else */
}

#container-inner { position: static; width: auto; height: auto; font-size: 100%;}

#header, #dgcheader
{
		width: 700px;
		display: block; 
		clear: both;
		position: relative;
		padding-bottom: 10px;
  }
  
#header { height: 320px; }
#dgcheader { height: 420px; }

a.rollover {
	display: block;
	width: 700px;
	height: 320px;
	text-decoration: none;
	background: url("headerover.png") top left no-repeat transparent;
	}

a.rollover:hover {
	background-position: -700px 0;
	background-color: #ffffff;
	}
	
a.rollover#dgc {
	display: block;
	width: 700px;
	height: 420px;
	text-decoration: none;
	background: url("dgcheaderover.png") top left no-repeat transparent;
	}

a.rollover#dgc:hover {
	background-position: -700px 0;
	background-color: #ffffff;
	}	

a.rollover#fan {
	display: block;
	width: 700px;
	height: 320px;
	text-decoration: none;
	background: url("fanrollover.png") top left no-repeat transparent;
	}

a.rollover#fan:hover {
	background-position: -700px 0;
	background-color: #ffffff;
	}	

.displace {
	position: absolute;
	left: -5000px;
	top: -5000px;
	}

#content
{ 
	 	width: auto;
	 	height: auto;
	 	background: #ffffff;  
	 	font-size: 100%;
		display: block;
		clear: both;
		position: relative;
}

.medium, .medium-inline, .large, .larger
{		
		font-family: Georgia, Book Antiqua, Palatino, serif;
		font-weight: bold;
		font-style: italic;
		display: block;
		margin: 0px 20px 0px 20px;
}
	.medium, medium-inline	{ font-size: 1.000em; text-align: left; letter-spacing: 0.25em; }
	.medium-inline			{ display: inline; margin-right: 0px;}
	.medium-int				{ font-style: normal; margin-left: 50px;}
	.large					{ font-size: 1.125em; text-align: left; letter-spacing: 0.25em; text-shadow: 1px 1px 1px #AFBCCA;}
	.larger					{ font-size: 1.625em; text-align: center; letter-spacing: 0.375em; text-shadow: 1px 1px 1px #AFBCCA;}
	

.text, .question, .answer, .dates
{
		color: #282828;
		text-align: justify;
		font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
		font-size: 1em;
		line-height: 1em;
		display: block;
		margin: 0px 60px 5px 60px; 	
}
.fictext 
{ 		
		color: #282828;
		text-align: left; 
		font-family: Palatino Linotype, Book Antiqua, Palatino, serif;		
		font-size: 1em;
		line-height: 1.25em;
		display: block;		
		margin: 0px 60px 1em 60px; 
		text-indent: 1.5em;  
		letter-spacing: 0.0625em;
}
.textcontainer {
		color: #282828; 
		font-family: Palatino Linotype, Book Antiqua, Palatino, serif;	
		font-size: 1em;	
		line-height: 1em; 
		display: block; 
		margin: 0px 40px 5px 40px;
	}
.largequote
{ 		
		color: #282828;
		background-color: #f5f5f5;
		border: 1px solid #e3e3e3;
		text-align: left; 
		font-family: Palatino Linotype, Book Antiqua, Palatino, serif;		
		font-size: 1em;
		line-height: 1.25em;
		display: block;		
		margin: 0px 100px 0px 100px; 
		padding: 10px;
		text-indent: 1.5em;  
		letter-spacing: 0.0625em;
}

.character { }

#clearfooter { height: 10px; }

#footer
{
		color: #9d9d9d;
		text-align: justify;
		font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
		font-size: 0.667em;
		line-height: 0.9167em;
		display: block;
		height: 40px;
		padding-top: 32px;
		padding-bottom: 10px;
		margin: -50px 60px 0px 60px; 	
}

.image 
{
		color: #282828;
		text-align: justify;
		font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
		font-size: 1em;
		line-height: 1.125em;
		margin: 0px 60px 15px 60px; 
		clear: left;
		display: block;
}

img.image 
{
		vertical-align: top;
		text-align: left;
		border: 2px #f4f4f4 solid;
		margin: 0 15px 15px 0;
		padding: 3px; 
		display: inline;
		float: left;
		position: relative;
}

.icon {
		display: inline-block;
		text-align: center;
		margin-left: auto;
		margin-right: auto; 	
}

img.icon{
		text-align: center;
		border: 0px;
		padding: 5px; 		
		margin: 0 10px; 
}


/*-------------------- TWO-COLUMN TABLES --------------------*/

table 
{ 
	width: 94%;
	text-align: center;
	background-color: #00bbff;
	margin: auto;
}

.tdcolumn, .tdlinkcol
{
		color: #282828;
		background-color: #ffffff;
		text-align: left;
    	vertical-align: top;
		font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
		font-size: 1em;
		line-height: 1.125em;
    	width: 50%;
    	font-weight: normal;
    	border: 2px #9fe5ff solid;
		border-collapse: collapse;
		border-spacing: 0;
		padding: 6px; 
}

.tdlinkcol 
{
		margin: 5px 40px 5px 40px;
		font-weight: bold;
}

.tabletext 
{
		color: #282828;
		text-align: left;
		font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
		font-size: 1em;
		line-height: 1em;
		display: block;
		margin: 0px 20px 5px 20px;
		text-indent: 1.5em;  
}


/*-------------------- QUESTION/ANSWER --------------------*/

		.question { font-weight: bold; }
		.answer { font-style: italic; text-indent: 1.5em; }
		.dates { font-family: Georgia, Book Antiqua, Palatino, serif; text-align: right; font-size: .667em; }



/*-------------------- COLORS --------------------*/

.midnight		{ color: #110044; }
.darkblue		{ color: #055a99; }
.blue			{ color: #0167ab; }
.teal			{ color: #0d97d7; }
.brightteal		{ color: #00bbff; }
.paleteal		{ color: #9fe5ff; }
.gold			{ color: #ffd400; }
.buttermilk		{ color: #fff5d5; }
.nearblack		{ color: #282828; }
.darkgrey		{ color: #737373; }

.green			{ color: #0fae38; }  /* formerly "font.add" */
.red 			{ color: #ed141a; }  /* formerly "font.del" */
.brightblue		{ color: #0083da; }  /* formerly "font.edit" */
.brightpurple	{ color: #821bec; }  /* formerly "font.move" */