/* STYLESHEET FORMAT GUIDE *****************************************************
/* SEMANTICS ******************************************************************/
a:link.non-ul,
a:visited.non-ul,
a:hover.non-ul,
a:active.non-ul {
  color:#000000;
  background:transparent;
  text-decoration:none;
}
a:link {
  background:transparent;
  color:#0000FF;
}
a:visited {
  background:transparent;
  color:#800080
}
a:hover {
  background:transparent;
  color:#008000
}
a:active {
  background:transparent;
  color:#FF0000
}
body {
  background-color:white;
  color:black;
  padding:0;
  margin:0;
}
#container { 
		position: relative;
		top: 0;
		left: 50%;
		width: 800px;
		margin: 0 0 0 -400px;
		padding: 0;
		background-color: #D2DCE8;
		border: 5px solid black;
		}
.header-navigation-line {
  position: relative;
  top:0;
  left:0;
  background:#E7E7E7;
  border-bottom:5px solid black;
  color:#FFFFFF;
  padding-bottom:3px;
  padding-top:4px;
  text-align:right;
}
.header-logobg-container-outer {
  position: relative;
  top:0;
  left:0;
  background:#FFFFFF;
  padding-bottom:0;
  border-bottom:5px solid black;
}
.header-welcomeanddate-box {
  position:relative;
  top:0;
  left:0;
  text-align: center;
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0;
}
#leftblocks {
		position: relative;
		top: 0px;
		left: 0px;
		margin: 0;
		width: 105px;
		padding: 0;
		border: 0;
		font: 11px Verdana;
		float: left;
		}
#rightblocks {
		position: relative;
		top: 0px;
		left: 0px;
		margin: 0;
		width: 105px;
		padding: 0;
		border: 0;
		font: 11px Verdana;
		float: left;
		overflow: hidden;
}
#content {
		position: relative;
		top: 0px;
		left: 0px;
		padding: 10px;
		width: 526px;
		margin: 0px 19px 0px 19px;
		text-align: center;
		border: 3px solid black;
		background-color: #608BA5;
		float: left;
}
#footer {
		position: relative;
		top: 0px;
		left: 0px;
		padding: 0;
		margin: 20px 0 0 0;
		text-align: center;
		border-top: 5px solid black;
		background-color: #608BA5;
		clear: both;
}
/* general alignment classes **************************************************/
.alignleft {
  text-align:left;
}
.alignright {
  text-align:right;
}
.aligncenter {
  text-align:center;
}
.aligntop {
  vertical-align:top;
}
/* Blocks *********************************************************************/
.block-box-left{
  border-top: 3px solid black;
  border-right:3px solid black;
  border-bottom: 3px solid black;
  border-left: 0px;
  font: 11px Verdana;
  margin: 0 0 5px 0;
  padding:1px;
  background-color: #486E85;
 }
.block-box-right{
  border-top: 3px solid black;
  border-right:0px;
  border-bottom: 3px solid black;
  border-left: 3px solid black;
  font: 11px Verdana;
  margin: 0 0 5px 0;
  padding:1px;
  background-color: #486E85;
}
.block-box {
}
.block-bg-spreader {
  /* this is making sure that the blocks have a minimum width */
  background:transparent;
  width:180px;
  height:1px;
}
.block-divider {
  background:#FFFFFF;
  border-bottom:1px solid grey;
  border-top:1px solid grey;
  color:#000000;
}
.block-divider-left, .block-divider-right {
  border-top:1px solid #D2DCE8;
  border-bottom:1px solid #D2DCE8;
  width:90%;
  margin:0 auto;
  line-height:0px;
}
.block-title, .blocktitle, .block-title-left, .block-title-right {
  background:transparent;
  color:purple;
  font-weight:bold;
  padding-top:5px;
  padding-bottom:5px;
  text-align:center;
}
/* Header *********************************************************************/

.header-navigation-line a:link {
  background:transparent;
  border-bottom:0px solid #CCCCCC;
  color:#0000FF;
  font-size:.9em;
}
.header-navigation-line a:visited {
  background:transparent;
  border-bottom:0px solid #CCCCCC;
  color:#800080;
  font-size:0.9em;
}
.header-navigation-line a:hover {
  background:transparent;
  border-bottom:0px solid #CCCCCC;
  color:#008000;
  font-size:0.9em;
}
.header-navigation-line a:active {
  background:transparent;
  border-bottom:0px solid #CCCCCC;
  color:#FF0000;
  font-size:0.9em;
}

/* Story **********************************************************************/
.story {
  /* the frame around all elements of one story */
  background:transparent;
  color:#000000;
}
.story h1{
  /* the title of a story */
  background:transparent;
  color:#000000;
  font-weight:bold;
  padding-left:1px;
}
.story-body {
  /* this is the actual content of the story */
  padding:3px;
}
.story-featured {
  /* the frame around all elements of a featured story */
  background:transparent;
  color:#000000;
}
.story-featured h1 {
  /* the title of a featured story */
  background:transparent;
  color:#000000;
  font-weight:bold;
  font-size:1.4em;
  padding-left:1px;
}
.story-icons {
  /* print & mail icons in a storybox */
  float:right;
}
.story-container {
  /* frame around all stories & centerblocks*/
  padding-right:9px;
}
.story-footer {
  /* the bottom of the story with edit-links etc */
  padding:3px;
  text-align:center;
}
.story-information {
  /* the author, views and date of a story */
  padding:3px;
  font-size:0.85em;
  background:transparent;
  color:#000000;
}
/******************************************************************************/
.adminoption a, .topicoption a, .useroption a{
  display: block;
  padding: 5px;
  color: #D2DCE8; 
  background-color: #486E85;
  text-decoration: none;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  text-align: center;
  font: 11px Verdana;
}
.adminoption a:hover, .topicoption a:hover, .useroption a:hover {
  color: #486E85;
  background-color: #D2DCE8;
  text-decoration: none;
}
.adminoption-off, .topicoption-off, .useroption-off {
  display: block;
  padding: 5px;
  color: #D2DCE8; 
  background-color: #486E85;
  text-decoration: none;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  text-align:center;
  font: 11px Verdana;
}