/* css Zen Garden default style v1.01 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */


/* This file based on 'Tranquille' by Dave Shea */
/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */

/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */
body { 
	font: 11pt/16pt georgia; 
	color: #000;
	background: #fff; 
	margin: 0px; 
	}
p { 
	font: 11pt/16pt georgia; 
	margin-top: 0px; 
	text-align: justify;
	}
h2 { 
	font: bold 14pt georgia; 
	letter-spacing: 1px; 
	margin-bottom: 7px; 
	margin-top: 10px;
	color: #7D775C;
	}
h3 { 
	font: normal 14pt georgia; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #7D775C;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #333; 
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #555753;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #FF4500;
	}
img 
{
    height:auto;
    max-width:100%;
}
pre {
    display: block;
    font-family: monospace;
    white-space: pre-wrap;
    margin: 1em 0;
}
/* specific divs */
#intro { 
    text-align: center;
}

#copyright {
	font: italic 8pt/22pt arial; 
	text-align:center;
	}

#menu {
	font: normal 11pt/22pt arial; 
	text-align:left;
	}
	
.readmore
{
	margin-top:5px;
}	
	
#footer { 
	text-align: center; 
	}
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}
	
div.articletitle div.title {
  margin-bottom: 0;
  padding: 0;
  border-bottom: 1px solid #fff;
  background: #f60;
  text-align: left;
}

div.articletitle div.title a 
{ 
	color: #fff; 
	text-decoration: none;
}

div.articletitle div.title a:hover, a:active 
{ 
	color: #FF4500; 
	text-decoration: underline;
}

div.articletitle div.title h3 {
    padding: .3em .7em .2em .7em;
    color: #fff;
    font-size: 150%; /* 16px */
    font-weight: bold;
    border-right: 1px solid #000;
  }	
 
div.body div.intro {
  background: #fc6; 
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  margin-bottom: 15px;
  padding: 2px 5px 2px 5px;
  text-align: left;
}

div.body div.commentintro {
  background: #fc6; 
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  margin-bottom: 15px;
  padding: 2px 5px 2px 5px;
  text-align: left;
  padding-top:1em;
  padding-bottom:1em;
}

div.details 
{
  background : #FF902A; 
  border-bottom: 1px solid #fff;
  border-right: 1px solid #000;
  padding: 2px 5px 2px 5px;
  text-align: left;
}

div.commenttitle div.title h3 {
    padding: .3em .7em .45em .7em;
    height: 1.5em;
    color: #fff;
    font-size: 123%; /* 16px */
    font-weight: bold;
    border-right: 1px solid #000;
    border-bottom: 1px solid #fff;
    background: #f60;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: -8px;
  }	

div.commentdetails 
{
  background: #FF902A;
  margin-top: 5px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #000;
  padding: 2px 5px 2px 5px;
}

div.newsdetails 
{
  padding: .3em;
  background: #FF902A;
  margin-top: 5px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #000;
  padding: 2px 5px 2px 5px;
}

div.articledetails 
{
  padding: .3em;
  background: #FF902A;
  margin-top: 5px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}

#email
{
  background: #fc6; 
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  margin-bottom: 15px;
  margin-top:22px;
  padding: 2px 5px 2px 5px;
  text-align: left;
}

tr.odd td 
{
    background-color: #FF902A;
    padding-left: 5px;
    padding-right: 5px;
}

tr.even td
{
    background-color: #f60;
    padding-left: 5px;
    padding-right: 5px;
}

tr.odd th
{
    color: #fff;
    font-weight: bold;
    background-color: #7f7f7f;
}

tr.even th
{
    color: #fff;
    font-weight: bold;
    background-color: #7f7f7f;
}

div.gameinfo
{
  padding: .3em;
  background: #01203c;
  margin-top: 5px;
}

div.gameinfo div.divider {
  background: #023a6b; 
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  margin-bottom: 8px;
}

div.gameinfo div.divider h2 {
    padding: .3em .7em .3em .7em;
    color: #fff;
    font-size: 150%; 
    font-weight: bold;
    background: #023a6b;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 4px;
  }	

div.gameinfo div.divider h3 {
    padding: .3em .7em .3em .7em;
    color: #fff;
    font-size: 123%; 
    font-weight: bold;
    background: #023a6b;
    margin-left: 3px;
    margin-right: 3px;
  }	

div.gameinfo div.divider a:hover {
    color: #fff;
    text-decoration: none; 
}

div.gameinfo div.divider a:active {
    color: #FF4500;
    text-decoration: none; 
}

div.gameinfo div.rowtitle 
{
    margin-left:3px;
    margin-right:3px;
    font-size: 115%; 
}

div.gameinfo div.rowbody
{
  border-bottom: 1px solid #7f7f7f;
  padding-bottom: 8px;
  margin-left:3px;
  margin-right:3px;
  margin-bottom: 4px;
}

div.gameinfo div.gamebody
{
  padding-bottom: 8px;
  margin-left:3px;
  margin-right:3px;
  margin-bottom: 4px;
}

div.gameinfo div.divider div.image 
{
    float: right;
}

div.forums
{
  padding: .3em;
  background: #fc6;
  margin-top: 10px;
}

div.forums div.divider 
{
  background: #f60; 
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  margin-bottom: 8px;
}

div.forums div.divider h2 
{
    padding: .3em .7em .3em .7em;
    color: #fff;
    font-size: 150%; 
    font-weight: bold;
    background: #f60;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 4px;
}	

div.forums div.divider h3 
{
    padding: .3em .7em .3em .7em;
    color: #fff;
    font-size: 123%; 
    font-weight: bold;
    background: #f60;
    margin-left: 3px;
    margin-right: 3px;
  }	

div.forums div.divider a:hover 
{
    color: #fff;
    text-decoration: none; 
}

div.forums div.divider a:active 
{
    color: #FF4500;
    text-decoration: none; 
}

div.forums div.rowtitle 
{
    margin-left:3px;
    margin-right:3px;
    margin-bottom:5px;
    font-size: 115%; 
}

div.forums div.rowbody
{
  border-bottom: 1px solid #7f7f7f;
  padding-bottom: 8px;
  margin-left:3px;
  margin-right:3px;
  margin-bottom: 4px;
}

div.forums div.toptitle 
{
    margin-left:3px;
    margin-right:3px;
    margin-bottom:5px;
    font-size: 115%; 
    border-bottom: 1px solid #7f7f7f;
    padding-bottom: 5px;
}

div.forums div.gamebody
{
  padding-bottom: 8px;
  margin-left:3px;
  margin-right:3px;
  margin-bottom: 4px;
}

div.forums div.divider div.image 
{
    float: right;
}

div.social 
{
    float: right;
}

div.social a img 
{
    border: none;
}

div.logo 
{
  float:left;
  margin-left:10px;
  margin-bottom: 10px;
  margin-top: 10px;
}

div.tagline 
{
  float: right;
  margin-top: 10px;
  margin-right: 10px;
  text-align: right;
}

div.menu
{
  clear:both;
  text-align:center;
}

div.prevtopiclink
{
  float: left;
  margin-bottom: 10px;
  margin-top: 10px;
}

div.nexttopiclink
{
  float: right;
  margin-bottom: 10px;
  margin-top: 10px;
}

#newcommentbox
{
    display:none;
    background:#fc6;
    border-top: 15px solid #f60;
    border-bottom:1px solid #000;
    border-right:1px solid #000;
    margin-bottom:15px;
    padding:2px 5px
}

