/* Hue: 180
 * Background Luminance: 220     (Saturation: 95)   #EAE1F2
 * Border     Luminance: 150     (Saturation: 40)   #9F8FAF */

body
{
   font-size: medium;
   font-family: sans-serif;
   margin: 0;
   padding: 0;
}

#top
{
   height: 80px;
}

#top .text
{
   position: absolute;
   top: 20px;
   left: 20px;
   z-index: 1;
   font-size: 50px;
   font-weight: bold;
}

#top .image3
{
   position: absolute;
   top: 0px;
   left: 0px;
   height: 60px;
   width: 100%;
   border-bottom: 1px solid #9F8FAF;
   background-color: #EAE1F2;
}

#bottom
{
   text-align: right;
}

#bottom .text
{
   border-top: 1px solid #9F8FAF;
   border-bottom: 1px solid #9F8FAF;
   background-color: #EAE1F2;
   padding: 5px;
   font-size: 75%;
}

#bottom .powered-by
{
   margin: 5px;
   font-size: 60%;
}

a         {color: #3054CF; text-decoration: none;}
a:hover   {text-decoration: underline;}
a:visited {color: #65719A;}

/*
a         {color: #8030CF; text-decoration: none;}
a:hover   {text-decoration: underline;}
a:visited {color: #80659A;}
*/

.fineprint {font-size: 60%; clear: both;}
form       {margin: 0px;}

textarea
{
   font-family: sans-serif;
   font-size: 90%;
   width: 100%;
   _width: 500px;  /* IE has a ridiculous bug which causes the textarea *
                    * to expand when you start typing if width is 100%. */
}

input, select, button
{
   font-family: sans-serif;
   font-size: 90%;
}

input.fullwidth {width: 100%;}

p          {margin-top: 0px;}
p.noMargin {margin    : 0px;}

hr
{
   width: 90%;
   height: 1px;
   color: #9F8FAF;
   background-color: #9F8FAF;
   border-width: 0;
}

#main .view table {clear: both;}

/********************************************************************/
#main
{
   margin-left: 200px;
   min-height: 550px;
   _height: 550px;

   padding: 0px 16px 8px 0px;
}

#main .timestamp
{
   font-size: 60%;
   text-align: center;
}

/*********************************/
#main .view
{
   margin: 8px 16px 32px 16px;
}

#main .view .title
{
   font-weight: bold;
   border-bottom: 1px solid #9F8FAF;
   margin-bottom: 2px;
   font-size:   150%;
}

#main .view .path
{
   float: left;
   font-size: 70%;
   color: #9F9F9F;
}

#main .view .sub-title
{
   font-weight: bold;
   margin: 16px 0 0;
   font-size:   120%;
}

#main .view .details
{
   font-size: 70%;
   color: #9F9F9F;
   text-align: right;
}

#main .view .pageNavigator p
{
   margin: 0;
}

#main .view .pageNavigator a
{
   font-weight: bold;
}

/*********************************/
#main .topics, #main .files, #main .activity
{
   clear: both;
   margin-top: 10px;
   padding: 8px 8px 32px;
   border: 1px solid #9F8FAF;
   background-color: #EAE1F2;
}

#main .view .poll, #main .view .downloads {clear: both;}

#main .topics .title, #main .files .title, #main .activity .title
{
   border-bottom-width: 0px;
   margin-bottom: 10px;
}

#main .files .table-title
{
   font-weight: bold;
   margin-top: 8px;
}

#main .topics table, #main .files table, #main .activity table
{
   clear: right;
   width: 100%;
   border: 1px solid #9F8FAF;
   background-color: #FFFFFF;
   text-align: center;
   border-collapse: collapse;
}

#main .topics .lastPage, #main .files .lastPage, #main .activity .lastPage
{
   text-align: left;
   font-size: 60%;
}

#main .activity .item-title, #main .activity .lastPage {margin-left: 8px;}

#main .topics .even, #main .files .even, #main .activity table .even {background-color: #E9E9E9;}

#main .view table .item-title  {text-align: left; overflow: auto;}

#main .topics .editable .column0, #main .files .editable .column0 {width: 12px;}
#main .topics .editable .column1, #main .files .editable .column1 {width: 12px;}
#main .topics .editable .column3, #main .files .editable .column3 {width: 80px;}
#main .topics .editable .column4, #main .files .editable .column4 {width: 140px;}
#main .topics .editable .column5, #main .files .editable .column5 {width: 140px;}

#main .topics .normal .column0, #main .files .normal .column0 {width: 12px;}
#main .topics .normal .column2, #main .files .normal .column2 {width: 80px;}
#main .topics .normal .column3, #main .files .normal .column3 {width: 140px;}
#main .topics .normal .column4, #main .files .normal .column4 {width: 140px;}

#main .activity table .column1 {width:  80px;}
#main .activity table .column2 {width: 140px;}

#main .topics th, #main .files th, #main .activity th
{
   text-align: center;
   border-bottom: 1px solid #9F8FAF;
}

#main .topics form, #main .files form, #main .activity form
{
   font-size: 80%;
   padding-top: 2px;
   padding-left: 8px;
   float: right;
}

#main .view .poll
{
   margin-bottom: 16px;
   font-size: 80%;
}

#main .view .poll .question
{
   font-weight: bold;
}

#main .view .poll .vote
{
   padding: 0;
   float: none;
   font-size: 100%;
}

#main .view .poll .unvote
{
   float: right;
   padding: 8px 0 0;
   font-size: 100%;
}

#main .view .poll .normal          {width: 100%; margin: 8px 0px; padding: 0px 8px;}
#main .view .poll .normal .column1 {width: 50%;}

#main .view .poll .normal .count
{
   position: absolute;
}

#main .view .poll .condorcet          {margin: 8px;}
#main .view .poll .condorcet .column0 {width: 16px;}

#main .view .poll .normal .bar
{
   border: 1px solid #9F8FAF;
   background-color: #EAE1F2;
}

/*********************************/
#main .entries
{
   clear: both;
   margin-top: 10px;
}

#main .entries .title
{
   font-size: 100%;
   border-bottom-width: 0px;
   margin-bottom: 0;
}

#main .view .entries .details
{
   text-align: left;
}

#main .entry .extended
{
   margin-top: 1em;
}

#main .entry
{
   margin: 0px 0px 16px;
}

#main .entries .entry
{
   margin: 16px 0px 32px;
}

#main .entry .readMoreLink
{
   margin-top: 10px;
}

#main .entry .commentLink
{
   margin-top: 10px;
   float: right;
}

#main .entry .custom-fields
{
   margin-left: auto;
   font-size: 70%;
   color: #9F9F9F;
   text-align: right;
   border-collapse: collapse;
}

#main .entries .entry .custom-fields
{
   margin-left: 0px;
   text-align: left;
}

#main .entry .custom-fields td
{
   padding: 0;
}

/*********************************/
#main .posts
{
   clear: both;
}

#main .posts .deletion
{
   padding: 8px;
   margin: 7px 0px;
   font-size: 70%;
   border: 1px solid #9F8FAF;
   background-color: #EAE1F2;
}

#main .post
{
   border: 1px solid #9F9F9F;
   background-color: #E9E9E9;
   padding: 8px;

   margin: 7px 0px;

   min-height: 96px;
   _height: 96px;
}

#main .post .details
{
   text-align: left;
   width: 100%;
   border-collapse: collapse;
   font-size: 70%;
   margin-bottom: 4px;
   border-bottom: 1px solid #9F9F9F;
   color: #9F9F9F;
}

#main .post .avatar
{
   border-left: 1px solid #9F9F9F;
   border-bottom: 1px solid #9F9F9F;
   float: right;
   position: relative;
   top: -5px;
   margin-left: 8px;
}

#main .post .sig
{
   font-size: 70%;
   margin-top: 4px;
   border-top: 1px solid #9F9F9F;
   color: #9F9F9F;
}

#main .post .details .column0
{
   width: 100%;
}

#main .post .append
{
   margin: 4px 0px;

   font-size: 60%;
   color: #9F9F9F;
   text-align: right;
   border-bottom: 1px dotted #9F9F9F;
}

#main .posts .buttons {font-size: 80%; width: 100%; text-align: right;}
#main .posts .buttons .column0 {width: 100%;}

#main .posts .post form
{
   margin: 0px;
   padding: 0px;
   float: none;
}

/*********************************/
#main .view .known-ips {text-align: center;}
#main .view .known-ips .column0 {width: 140px;}
#main .view .known-ips .column1 {width: 200px;}
#main .view .known-ips th {border-bottom: 1px solid #9F8FAF;}

#main .user-list, #main .bans
{
   clear: both;
}

#main .user-list table, #main .bans
{
   width: 100%;
}

#main .user-list th, #main .bans th
{
   text-align: center;
   border-bottom: 1px solid #9F8FAF;
}

#main .user-list table .column0 {width: 200px;}
#main .user-list table .column2 {width: 50px;}

#main .user-list .influence
{
   text-align: right;
}

#main .view .site-info table
{
   clear: both;
   margin-bottom: 1em;
}
#main .view .site-info table .column0 {width: 150px;}

/*********************************/
#main .edit
{
   margin: 8px 15px 30px 15px;
   margin-bottom: 15px;
   padding: 7px;
   border: 1px solid #9F8FAF;
   background-color: #EAE1F2;
}

#main .view .edit
{
   margin: 0px;
}

#main .edit .colormap
{
   border: 1px solid #9F8FAF;
}

#main .edit .avatar
{
   height: 66px;   /* enough to contain avatar image */
}

#main .edit .progress
{
   font-size: 70%;
}

#main .edit .avatar img
{
   border: 1px solid #9F8FAF;
   float: right;
}

#main .edit .fields
{
   width: 100%;
   border-collapse: collapse;
}

#main .edit .fields .column0
{
   width: 128px;
}

#main .edit .children, #main .edit .bans
{
   margin-top: 8px;
   margin-bottom: 8px;
   width: 100%;
   background-color: white;
   border: 1px solid #9F8FAF;
   empty-cells: show;
}

#main .edit th
{
   text-align: center;
   border-bottom: 1px solid #9F8FAF;
}

#main .edit .buttons
{
   text-align: right;
}

/********************************************************************/
#main .chat
{
   clear: both;
   margin-top: 10px;
   padding: 7px;
   border: 1px solid #9F8FAF;
   background-color: #EAE1F2;
}

#main .chat .chat-room
{
   width: 100%;
   border-collapse: collapse;
}

#main .chat .chat-room .column1 {width: 170px;}

#main .chat-log .pageNavigator p
{
   margin: 0;
   text-indent: 0;
   text-align: right;
}

#chat-log
{
   height: 442px;
   border: 1px solid #9F8FAF;
   background-color: #FFFFFF;

   padding: 8px 4px 0;
   overflow: auto;

   font-size: 80%;
}

#main .chat-log
{
   font-size: 80%;
}

#chat-users
{
   height: 450px;
   border: 1px solid #9F8FAF;
   background-color: #FFFFFF;

   overflow: auto;
}

#chat-log p, #main .chat-log p
{
   margin: 0px 4px 0px 20px;
   padding-bottom: 4px;
   text-indent: -16px;
}

#chat-log .emote, #main .chat-log .emote
{
   font-weight: bold;
}

#chat-log .tell, #main .chat-log .tell
{
   border-left-color: #E9E9E9;
   background-color: #E9E9E9;
}

#chat-log .status, #main .chat-log .status
{
   color: #808080;
   font-style: italic;
}

#chat-log .award, #main .chat-log .award, #chat-log .beep, #main .chat-log .beep, #chat-log .kick, #main .chat-log .kick, #chat-log .roll, #main .chat-log .roll
{
   font-style: italic;
}

#chat-log .error, #main .chat-log .error
{
   color: #FF0000;
}

#chat-users p {margin: 0px;}
#chat-users table {width: 100%; border-collapse: collapse;}

#chat-users a
{
   display: block;
   overflow: hidden;
   height: 32px;
   border: 1px solid #9F9F9F;
   background-color: #E9E9E9;
}

#chat-users a:hover
{
   text-decoration: none;
}

#chat-users .avatar {border: 0; width: 32px; height: 32px; float: right;}

#chat-users .away-message
{
   font-size: 60%;
   color: #808080;
   font-style: italic;
}

#main .chat .chat-input
{
   padding: 0px 1px;
}

#main .chat .chat-input .fullwidth
{
   border: 1px solid #9F8FAF;
   background-color: #FFFFFF;
}

#main .chat .chat-resize
{
   width: 100%;
   height: 4px;
   cursor: n-resize;
}

#chat-active
{
   display: none;
}

#chat-beep-controls
{
   display: none;
}

/********************************************************************/
#sidebar
{
   position: absolute;
   top: 80px;
   left: 0;
   width: 200px;
}

#sidebar .navigator, #sidebar .login, #sidebar .adminBox, #sidebar .google-box
{
   margin: 8px;
   padding: 7px;
   border: 1px solid #9F8FAF;
   background-color: #EAE1F2;
}

#sidebar .navigator img
{
   border: 1px solid #9F8FAF;
   margin: 2px 7px 2px 0px;
}

#sidebar .navigator .children {padding-left: 8px;}

#sidebar .navigator p
{
   margin: 0;
   padding-left: 16px;
   text-indent: -16px;
}

#sidebar .adminBox input
{
   width: 100%;
}

#sidebar .adminBox .checkbox
{
   width: auto;
}

#sidebar .google-box .logo {text-align: center;}
#sidebar .google-box img {border: 0px;}
#sidebar .google-box .scope-select {font-size: 90%;}
#sidebar .google-box .query-box input {width: 162px;}
#sidebar .google-box .button input {width: 100%;}

/*********************************/
#sidebar .calendar
{
   margin: 7px;
   padding: 8px;
   border: 1px solid #9F8FAF;
   background-color: #EAE1F2;
}

#sidebar .calendar .heading
{
   font-weight: bold;
   text-align: center;
}

#sidebar .calendar table
{
   width: 100%;
   font-size: 70%;
   border: 1px solid #9F8FAF;
   background-color: #FFFFFF;
   border-collapse: collapse;
}

#sidebar .calendar .months, #sidebar .calendar .months td
{
   border-top-width: 0px;
}

#sidebar .calendar th
{
   font-size: 85%;
}

#sidebar .calendar .days   col {width: 14%;}
#sidebar .calendar .months col {width: 50%;}

#sidebar .calendar td
{
   border: 1px solid #9F8FAF;
   padding: 0;
   text-align: center;
}

#sidebar .calendar td .current
{
   width: 100%;
   height: 100%;
   background-color: #EAE1F2;
}

#sidebar .calendar td a
{
   display: block;
   width: 100%;
   height: 100%;
}

#sidebar .calendar td a:hover
{
   background-color: #EAE1F2;
}

/********************************************************************/
.forumCode
{
   clear: both;
   text-align: justify;
   line-height: 125%;
}

#main .post .forumCode
{
   clear: none;
   color: black;
   padding: 8px;
}

#main .post .sig .forumCode
{
   padding: 0;
}

#main .content .forumCode, #main .entry .forumCode
{
   margin-top: 10px;
}

.forumCode ul {margin-top: 0px;}

.forumCode ul.numeric     {list-style-type: decimal;}
.forumCode ul.lowerAlpha  {list-style-type: lower-alpha;}
.forumCode ul.upperAlpha  {list-style-type: upper-alpha;}
.forumCode ul.lowerRoman  {list-style-type: lower-roman;}
.forumCode ul.upperRoman  {list-style-type: upper-roman;}

.forumCode .u, .inlineForumCode .u {text-decoration: underline;}
.forumCode .s, .inlineForumCode .s {text-decoration: line-through;}

.forumCode .sub  , .inlineForumCode .sub   {vertical-align: sub;   font-size: 60%;}
.forumCode .super, .inlineForumCode .super {vertical-align: super; font-size: 60%;}

.forumCode .h1
{
   font-size: 150%;
   font-weight: bold;
   border-bottom: 1px solid #9F9F9F;
   width: auto;
   margin: 0 0 1em;
}
.forumCode .h2 {font-size: 125%; font-weight: bold; margin: 0 0 1em;}
.forumCode .h3 {font-weight: bold; margin: 0 0 1em;}

.forumCode pre
{
   margin: 0 24px 1em;
   padding: 4px 8px;
   border: 1px solid #9F9F9F;
   background-color: white;
   line-height: normal;
}

.forumCode .center
{
   text-align: center;
   margin: 0 auto 1em;
}

.forumCode .indent
{
   margin: 0 24px 1em;
}

.forumCode .spoiler .heading, .forumCode .quote .heading
{
   font-weight: bold;
   font-size: 60%;
}

.forumCode .spoiler, .forumCode .quote
{
   margin: 0 24px 1em;
}

.forumCode .quote .body
{
   padding: 4px 8px;
   border: 1px solid #9F9F9F;
   background-color: white;
}

.forumCode .spoiler .body
{
   padding: 4px 8px;
   border: 1px solid #9F9F9F;
   color: black;
   background-color: black;
}

.evlan .keyword {color: #000080; font-weight: bold;}
.evlan .number  {color: #0000FF;}
.evlan .string  {color: #FF0000;}
.evlan .atom    {color: #008000;}
.evlan .comment {color: #808080; font-style: italic; line-height: 95%;}
.evlan .symbol  {color: #000000; font-weight: bold;}
.evlan .block   {background-color: #E9E9E9;}