/*
  DaVince's Dark style
  Copyright ©Vincent Beers (DaVince) 2009 <VincentBeers@gmail.com>
  Credit goes to Sarenji and NeologiX for helping me figure out some design bugs.
*/

body
{
  background-color: black;
  color: white;
  margin: 0;
  font-family: "Tahoma", sans-serif;
  font-size: small;
}

a:link    { color: #55e }
a:visited { color: #669 }
a:hover   { color: #44f }
a:active  { color: #00f }

/****** MAIN DESIGN ******/
#wrapper
{
  margin: 0 auto;  /* Center it. */
  width: 800px;
}


#top
{
  height: 140px;
  background: url("top.png");
  text-align: center;
  color: #ccc;
}


#middle
{
  background: url("middle.png");
  padding: 0 45px;
  margin: 0;
}

#bottom
{
  margin: 0;
  padding: 0 45px;
  height: 150px;
  background: url("bottom.png");
  text-align: center;
}


/****** Other design stuff ******/
.clear { clear: both; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 0; }
h1 { font-size: large; margin-top: 0; }
h2 { font-size: medium; }
h3 { font-size: small; color: #7F7; margin-top: 0; }
.icon img { float: left; }
.headericon img { float: left; }
img { border: 0; }

hr
{
  background-color: #2a355a;
  height: 1px;
  border: none;
}

a.icon /*Used in the main menu for these neat icons.*/
{
  float: left;
  text-align: justify;
  margin: 4px;
  padding-right: 6px;
  border: #2a355a solid 1px;
  background: #18203c;
  width: 335px;
  height: 150px;
  color: white;
  text-decoration: none;
  border-radius: 5px;
}

a.icon:hover
{
  background-color: #28304c;
  border-color: #4a557a;
}

.icon strong
{
  display: block;
  font-size: larger;
  font-weight: bold;
  color: #FF7;  /* Final Fantasy 7?! lol */
  text-align: left;
  margin: .5em 0;
}

/* For at the top of pages. */
.headericon
{
  float: left;
  width: 400px;
  border: #2a355a solid 1px;
  text-align: justify;
  height: 150px;
  padding-right: 5px;
  text-decoration: none;
}

.headericon strong
{
  display: block;
  font-size: large;
  font-weight: normal;
  margin: .5em 0;
}


#contents
{
  float: left;
  padding: 5px;
  margin-left: -1px;
  width: 240px;
  height: 140px;
  border: #2a355a solid 1px;
  background: #18203c;
}


.indent
{
  position: relative;
  left: 10px;
}


div.block
{
  border-left: 2px solid #2a355a;
  margin-top: 16px;
  padding: 3px;
  text-align: justify;
}

.block img
{
  width: 160px;
  height: 120px;
}

.block p
{
  margin-bottom: 0;
}


.tiny-pic
{
  float: left;
  margin-right: 4px;
  width: 40px;
  height: 40px;
}

.thumb-pic
{
  float: left;
  margin-right: 4px;
  width: 100px;
  height: 100px;
  vertical-align: bottom;
}


.avapic
{
  width:120px;
  height:112px;
  margin-right: 20px;
  margin-bottom: 10px;
}

.red
{
  color: #d98;
}