/*********************************************
	Body-related elements 
**********************************************/

body 
{
	background-image: url(img/mainBG.gif) !important;
	background-attachment: auto;
	background-position: bottom-right;
	color: black;
	font-size: 12pt;
	margin-left: 3%;
	margin-right: 3%;
	font-family:"Franklin Gothic Book", sans-serif;
}

p { }

img
{
  border: 0px;
}

.right
{
	margin-top: 10px;
	float: right;
	/*position: relative;*/
	width: 25%;
	text-indent: 0px;
	padding: 5px;
	border:1px solid;
	border-color: #80141b;
	background-color: #b2b2b6;
	clear: right;
}

.rightText
{
	float: right;
	padding: 5px;
}

.left
{
	margin-top: 10px;
	float: left;
	width: 72%;
	padding: 5px;
	border: 1px solid;
	border-color: #80141b;
	background-color: #b2b2b6;
}

.signature
{
	color: #80141b;
	font-style: italic;
	font-size: 14pt;
	font-family: "Times New Roman";
}

/***********************************************
	Header related elements
************************************************/

h2
{
	color: #000000;
	font-family: "Copperplate Gothic Light";
}

.banner
{
	position: top left;
}

.list-head
{
	font-size: large;
	font-family: "Copperplate Gothic Light";
}

.login
{
	/*float: right;*/
	right: 20px;
	position: absolute;
	color: #80141b;
}

td { }

/********************************************
	Link styles
*********************************************/

a:link 
{ 
	font-family: "Times New Roman";
	font-weight: normal;
	text-decoration: none;
	color: #06097c;
}

a:visited 
{ 
	font-family: "Times New Roman";
	text-decoration: none;
	color: #06097c;
}

a:hover 
{ 
	font-weight: bold;
	color: #ffffff;
}

a:active 
{ 
	font-weight: bold;
	color: #ffffff;
}

/********************************************
	Footer related elements
*********************************************/

.email
{
	text-align: center;
	font-size: 10pt;
	clear: right;
	float: right;
	margin-top: 10px;
	width: 25%;
}

.validatedImg
{
	text-align: center;
}

img.validatedImg
{
	border: 0px;
}

.copyright
{
	float: right;
	clear: right;
	text-align: center;
	font-size: 8pt;
	margin-top: 10px;
	width: 25%;
}

/********************************************
  Writing section elements
*********************************************/

/***********************************************
  These are body elements used for the writing
  section.
************************************************/ 

.storyDisp
{
  border: none;
}

.titleBar
{
  background-color: #ceced4;
  font-size: xx-large;
  font-style: italic;
}

.chapterBar
{
  background-color: #c4c4ca;
  font-size: large;
}

.alternateComment
{
  background-color: #c4c4ca;
}

.storyInfo
{
  font-size: medium;
  text-align: right;
  width: 15%;
}

#storyText
{
  width: 98%;
}

.commentLink
{
  position: fixed;
  bottom: 2%;
  right: 5%;
  
  z-index: 1;
  background: #b2b2b6;
  border: 1px solid;
  border-color: #80141b;
  padding: 5px;
}

/********************************************
  Message board elements
*********************************************/

.showThreads
{
  width: 95%;
  padding: 5px;
}

/********************************************
  Art section elements
*********************************************/

.artDisplay
{
  border: 0px;
  max-width: 98%;
  width:expression(document.body.clientWidth*.98 > this.width? "98%": "auto");
}

/********************************************
  Battle report section elements
*********************************************/

.battleSummary
{
	width: 400px;
	/*background: #c4c4ca;*/
	background: #ceced4;
	border: none;
	border-color: #80141b;
	padding: 5px;
	float: left;
}

.subHead
{
	text-align: center;
	vertical-align: center;
	/*background-color: #ceced4;*/
	background-color: #c4c4ca;
	font-weight: bold;
}