/* /////  GENERAL  //////////////////////////////////////////////////////////////////// */

/* global */
body
{
  font-family: Verdana, Arial, Helvetica;
  background-color: black;
  color: white;
}

/* nuke image borders */
img
{
  border: none;
}


/* /////  TOP PAGE  /////////////////////////////////////////////////////////////////// */

/* major category */
.CategoryMajor
{
  font-family: Arial Black, Verdana, Arial, Helvetica;
  font-size: 480%;
  letter-spacing: -1px;
  white-space: nowrap;
  text-decoration: none;
  position: absolute; left: 50%; top: 50%;
  margin: 0px;
  padding: 0px;
}

.red            { color: #34090f }
.redHghl        { color: #ff0000 }
.green          { color: #083305 }
.greenHghl      { color: #00ff00 }
.blue           { color: #113336 }
.blueHghl       { color: #2a80ff }


/* minor category */
.CategoryMinor
{
  font-family: Arial, Verdana, Helvetica;
  font-weight: bold;
  font-size: 120%;
  white-space: nowrap;
  text-decoration: none;
  position: absolute; left: 50%; top: 50%;
  margin: 0px;
  padding: 0px;
}

/* minor category description */
.Description
{
  font-family: Arial, Verdana, Helvetica;
  font-size: 70%;
  white-space: nowrap;
  text-decoration: none;
  position: absolute; left: 50%; top: 50%;
  margin: 0px;
  padding: 0px;
  color: #606060
}

/* arrows, logo */
.Image
{
  position: absolute;
  left: 50%;
  top: 50%;
  border: none
}

/* compatibility banner */
.Banner
{
  position: absolute;
  left: 10px;
  border: none
}


/* /////  SCREEN  ///////////////////////////////////////////////////////////////////// */

.ScreenImage
{
  position: relative;
  left: 1px;
  top: 1px;
  height: 227px
}


.ScreenTitle
{
  font-family: Arial, Verdana, Helvetica;
  font-size: 200%;
  color: #ffffe0;
  position: absolute;
}


.ScreenMotto
{
  font-family: Arial, Verdana, Helvetica;
  font-size: 80%;
  color: #c0c0c0;
  text-align: right;
  padding: 10px 0px 10px 0px;
  margin: 0px 5px 0px 270px;
  clear: both;
}


.ScreenMottoAuthor
{
  color: #606060;
  margin-top: 5px;
}


.ScreenDescription
{
  font-family: Arial, Verdana, Helvetica;
  font-size: 80%;
  color: white;
  padding: 10px 0px 10px 0px;
  margin: 0px 5px 0px 5px;
  clear: both;
}


.ScreenText
{
  font-family: Arial, Verdana, Helvetica;
  font-size: 80%;
  color: white;
  padding: 0px;
  margin: 5px 5px 0px 5px;
  clear: both;
}


.ScreenAnnotation
{
  font-family: Arial, Verdana, Helvetica;
  font-size: 80%;
  color: white;
  padding: 10px 0px 10px 0px;
  margin: 0px 5px 0px 5px;
  clear: both;
  border-top: 1px solid #202020;
}


.SectionTitle
{
  font-family: Arial, Verdana, Helvetica;
  font-size: 160%;
  color: #ffffe0;
  border-bottom: 1px solid #202020;
  padding: 10px 0px 5px 0px;
  margin: 0px 5px 5px 5px;
  clear: both;
}


/* /////  FAVORITES  ////////////////////////////////////////////////////////////////// */

/* div around the whole fave entry */
.FaveFrame
{
  width: 980px;
  float: left;
  padding: 5px 0px 10px 0px;
  margin: 0px 5px 0px 5px;
}

/* div around the fave image */
.FaveImageFrame
{
  width: 125px;
  min-width: 125px;
  float: left;
  text-align: center;
}

/* div around fave texts: title and description */
.FaveTextFrame
{
  width: 840px;
  padding-left: 15px;
  float: left;
}

/* div around the fave title */
.FaveTitleFrame
{
  padding-bottom: 5px;
}


.FaveTitle
{
  font-family: Arial, Verdana, Helvetica;
  font-weight: bold;
  color: white;
}


.FaveDescription
{
  font-family: Arial, Verdana, Helvetica;
  font-size: 80%;
  color: #c0c0c0;
}

.FaveLink
{
  font-family: Arial, Verdana, Helvetica;
  font-weight: bold;
  color: CornflowerBlue;
}

/* /////  MENU  /////////////////////////////////////////////////////////////////////// */

/* the bar */
.MenuBar
{
  width: 992px;
  border: 1px solid #202020;
  padding: 3px;
  float: left;
  clear: both;
}

/* normal item */
.MenuNormal
{
  font-family: Arial, Verdana, Helvetica;
  font-weight: bold;
  font-size: 80%;
  color: white;
  width: auto;
  float: left;
}

/* arrow item */
.MenuArrow
{
  font-family: Arial, Verdana, Helvetica;
  font-weight: bold;
  font-size: 80%;
  color: #808080;
  width: auto;
  float: left;
  margin: 0px 5px;
}

/* selected item */
.MenuSelected
{
  font-family: Arial, Verdana, Helvetica;
  font-weight: bold;
  font-size: 80%;
  color: #ffff7f;
  width: auto;
  float: left;
}


/* /////  GUESTBOOK  ////////////////////////////////////////////////////////////////// */


.GuestEntry
{
  font-family: Arial, Verdana, Helvetica;
  font-size: 80%;
  border-bottom: 1px solid #202020;
  margin-bottom: 5px;
  margin-left: 5px;
  text-align: left;
  clear: both;
}


.GuestInfo
{
  width: 800px;
  color: #ffff80;
  float: left;
}


.GuestLink
{
  color: CornflowerBlue;
  font-weight: bold;
}


.GuestDate
{
  width: 192px;
  text-align: right;
  color: #ffff80;
  float: left;
}


.GuestText
{
  padding: 5px 0px 5px 0px;
  clear: both;
}


input
{
  font-family: Arial, Verdana, Helvetica;
  color: white;
  background-color: #202020;
  border: #808080 1px solid
}


textarea
{
  font-family: Arial, Verdana, Helvetica;
  color: white;
  background-color: #202020;
  border: #808080 1px solid
}


.GuestPageNumber
{
  font-family: Arial, Verdana, Helvetica;
  font-weight: bold;
  color: CornflowerBlue;
  padding: 1px 4px 1px 4px;
  border: 1px solid #202020
}


.GuestPageNumberSelected
{
  font-family: Arial, Verdana, Helvetica;
  font-weight: bold;
  color: white;
  background-color: RoyalBlue;
  padding: 1px 4px 1px 4px;
  border: 1px solid #c0c0c0
}


.Map
{
  font-family: Arial, Verdana, Helvetica;
  color: white;
  margin: 3px 0px 3px 0px;
}


.Level0
{
  font-weight: bold;
  margin: 0px 0px 0px 5px;
}


.Level1
{
  font-weight: bold;
  margin: 0px 0px 0px 20px;
  padding-top: 10px;
  clear: both;
}


.Level2
{
  font-size: 80%;
  font-weight: bold;
  margin: 3px 0px 0px 35px;
  float: left;
  clear: both;
  width: 240px;
}


.Level3
{
  font-size: 80%;
  margin: 0px 0px 0px 50px;
  clear: both;
}


.Comment
{
  width: 620px;
  font-size: 80%;
  color: #606060;
  float: left;
}