/******************************
main layout 
*******************************/
A:link { color: darkblue; }
A:visited { color: darkblue; }
A:hover { color: black; }
A:active { color: black; }

.body 
{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
text-align: left;
background: #000000 url("img/background.gif") repeat;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.content 
{
font-size: smaller;
background: #000000 url("img/background.gif") repeat;
}

/******************************
menu
*******************************/
.sidebar 
{
border-width: 1px 0px 0px 0px;
border-top-style: solid;
background: #000000 url("img/background.gif") repeat;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.rightsidebar 
{
border-width: 1px 0px 0px 1px;
border-left-style: solid;
border-top-style: solid;
border-left-color: black;
border-top-color: black;
background: #000000 url("img/menu-background.gif") repeat;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.menu 
{
border-width: 0px 1px 0px 0px;
border-right-style: solid;
border-right-color: black;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: #000000 url("img/menu-background.gif") repeat;
}


/******************************
misc boxes
*******************************/
.contentBox 
{
border-width: 1px 1px 1px 1px;
border-top-style: solid;
border-left-style: solid;
border-bottom-style: solid;
border-right-style: solid;
border-color: #a0a0a0;

background-color: white;
}

.alertBox 
{
border-width: 1px 1px 1px 1px;
border-top-style: dashed;
border-left-style: dashed;
border-bottom-style: dashed;
border-right-style: dashed;
border-color: darkblue;
background-color: white;
text-align: left;
}

.emptyBox 
{
border-width: 1px 1px 1px 1px;
border-top-style: solid;
border-left-style: solid;
border-bottom-style: solid;
border-right-style: solid;
border-color: black;
background-color: white;
}

.emptyBoxConnector
{
border-width: 1px 1px 1px 0px;
border-top-style: solid;
border-bottom-style: solid;
border-right-style: solid;
border-color: black;
background-color: white;
}


/******************************
image layout
*******************************/
.tableright 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-align: center;

padding: 4px 6px 4px 4px;
float: right;
margin: 2px 2px 2px 2px;
}
	
.tableleft
{
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-align: center;

padding: 4px 4px 4px 4px;
float: left;
margin: 2px 2px 2px 2px;
}	

.tablecenter
{
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-align: center;

padding: 4px 4px 4px 4px;
float: center;
margin: 2px 2px 2px 2px;
}	
	

/******************************
blog layout
*******************************/	
.blogPost 
{
text-align: left;
font-size: 10pt;
color: #000000;


border-width: 0px 1px 1px 1px;
border-left-style: solid;
border-bottom-style: solid;
border-right-style: solid;
border-color: #a0a0a0;

background-color: white;
}

.blogPostTitle 
{
text-align: left;
font-size: 12pt;
border-width: 1px 1px 1px 1px;
border-left-style: solid;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-color: #a0a0a0;
background-color: white;
}

DIV.postTitle
{
	font-weight: bold;
}

DIV.postAuthor
{
	font-size: 10pt;
}

DIV.postBody
{
	padding: 10px 20px 10px 20px;
	font-size: 10pt;
}


.comment 
{
text-align: left;
font-size: 10pt;
color: #000000;


border-width: 0px 1px 1px 1px;
border-left-style: solid;
border-bottom-style: solid;
border-right-style: solid;
border-color: #a0a0a0;

background-color: white;
}

.commentTitle 
{
text-align: left;
font-size: 12pt;
border-width: 1px 1px 1px 1px;
border-left-style: solid;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-color: #a0a0a0;
background-color: white;
}



/******************************
list layout
*******************************/
.listFieldNonWorthy 
{
background: #000000 url("img/background.gif") repeat;
text-align: left;
}

.listAlternateFieldNonWorthy 
{
background: #000000 url("img/menu-background.gif") repeat;
text-align: left;
}

.listField
{
background: #000000 url("img/background.gif") repeat;
text-align: left;
}

.listAlternateField
{
background: #000000 url("img/menu-background.gif") repeat;
text-align: left;
}


/******************************
font and format
*******************************/
DIV.heading
{
  background-color: #000000;
  color: #FFFFFF;
  text-align: center;
  /*font-weight: bold;*/
  padding: 1px;
  margin-bottom: 0px;
}

DIV.commentsTitle
{
	font-weight: bold;
}

DIV.commentsAuthor
{
	font-size: 10pt;
}

DIV.commentsBody
{
	padding: 10px 20px 10px 20px;
}


DIV.scoreReport
{
	font-size: 36pt;
	font-weight: bold;
}

DIV.gameNotes
{
	padding: 10px 20px 10px 20px;
}



DIV.sideBarSmall
{
	font-size: 10pt;
}

.fontSmall
{
	font-size: 10pt;
}

.fontVerySmall
{
	font-size: 8pt;
}

.fontLarge
{
	font-size: larger;
}

.fontRed
{
	color: red;
}

.indentedText
{
	padding-left: 50pt;
	padding-right: 50pt;
}

.spoiler {
	color: black;
	background: black;
}

A.spoiler:link { color: black; }
A.spoiler:visited { color: black; }
A.spoiler:active { color: black; }

A.spoiler:hover {
	color: black;
	background: #CCCCCC;
	text-decoration:none;
}


.quote
{
	background: #DDDDDD;
	margin-top: 5pt;
	margin-bottom: 5pt;
	margin-left: 30pt;
	margin-right: 30pt;
	padding-top: 5pt;
	padding-bottom: 5pt;
	padding-left: 10pt;
	padding-right: 10pt;
	border-width: 0px 0px 0px 1px;
	border-style: dashed;
	border-color: #222222;
}

.menuFont {
	font-size: 11pt;
}

.menuFont A:link { text-decoration:none; }
.menuFont A:visited { text-decoration:none; }
.menuFont A:active { text-decoration:none; }
.menuFont A:hover { text-decoration:underline; }

.menuFontSmall {
	font-size: 10pt;
}

.menuFontSmall A:link { text-decoration:none; }
.menuFontSmall A:visited { text-decoration:none; }
.menuFontSmall A:active { text-decoration:none; }
.menuFontSmall A:hover { text-decoration:underline; }