/* Gothic Desire */
* {margin: 0; padding: 0;}

body, .Base {
    background-color: rgb(60,60,60);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: white;
/*
    text-align: center;
*/
}

.ThePage {
	width: 1200px;
/*
    margin: 0 auto;
*/
    margin-top: 30px;
    Margin-left: 100px;
}

.MainBox {
    width: 100%;
    text-align: left;
}

.MainText {
	border-color: #393324;
	color: rgb(180, 180, 180);
	text-align: left;
}

.Header {
    width: 100%;
    height: 230px;
    background: url(images/head.png) no-repeat;
}

.MenuLine {
    width: 100%;
    height: 28px;
    background: url(images/menu.jpg) no-repeat;
}

.Buttons {
	padding-left: 5px;
}

.AButton {
	float: left;
	width: 230px;
	text-align: center;
}

.AdminLine {
	width: 100%;
	height: 28px;
}

.EditBox {
	width: 600px; 
	height: 440px;
	position: absolute; 
	background-color: rgb(100,100,100);
	padding: 20px;
}

#elm1 {
	width: 588px; 
	height: 400px;
	background-color: rgb(60,60,60);
	color: rgb(210,210,210);
	padding: 6px;
}

.clearBoth {
	clear: both;
}

.Content {
    width: 100%;
    background-color: rgb(40,40,40);
}

.MainContent {
	float: left;
	width: 800px;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 15px;
}

.SideContent {
	float: left;
	width: 350px;
}

.Sidebar {
    background: url(images/SideMid.png) repeat-y;
    background-position: top left;
    padding-left: 10px;
    text-align: left; 
    color: rgb(180, 180, 180);
    font-size: 12px;
    width: 340px;
}

.Footer
{
	padding-top: 10px;
    color: rgb(255,255,255);
    font-size: 10px;
	border: 0px;
    width: 900px;
    text-align:left;
}

.Admin {
	color: white;
	padding-top: 30px;
	padding-left: 30px;
	text-align: left;
}

.AdminLogin {
	width: 300px;
	border: 1px solid black;
	padding: 5px;
	background-color: rgb(26,2,2);
	color: white;
}

#LogMsg {
	color: rgb(255, 150, 150);
}

.AdminBox {
	width: 600px;
	border: 1px solid black;
	padding: 5px;
	background-color: rgb(26,2,2);
	color: white;
	margin-bottom: 30px;
}

.AdminBox h2 {
	margin-bottom: 10px;
}


.Story {
	width: 700px;
	height: 350px;
	text-align: left;
	font: normal normal normal 10pt Verdana;
	color: rgb(255,255,255);
	overflow: auto;
}

.Blog {
	text-align: left;
	font: normal normal normal 10pt Verdana;
	color: rgb(255,255,255);
}

.Title {
	font: normal normal bolder 18pt Arial;
}

.Box {
	font: normal normal normal 10pt Verdana;
	background-color: transparent;
}

.BlogIntro {
	width: 700px;
	padding-left: 15px;
	padding-right: 15px;
}

.BlogLeft {
	width: 700px;
	padding-left: 15px;
	padding-right: 15px;
}

.BlogFirst {
	padding-top: 20px;
}

.BlogPost {
	padding-top: 20px;
}

.BlogText {
	font-weight: normal;
	font-family: Cambria;
}

.BlogRight {
	width: 300px;
	padding-left: 30px;
	text-align: left;
	vertical-align: top;
}

.BlogArchive {
}

.BlogComment {
	margin: 10px;
	padding: 3px;
	border: 1px solid white;
}

.CommentA {
	font-size: 12px;
	font-weight: normal;
	color: rgb(255,255,255);
	background-color: rgb(20,20,20);
	padding: 5px;
}

.CommentB {
	font-size: 12px;
	font-weight: normal;
	color: rgb(255,255,255);
	background-color: rgb(50,50,50);
	padding: 5px;
}

.Nav
{
	width: 120px;
	height: 24px;
	text-align: center;
	padding-top: 3px;
	margin-top: 5px;
	text-decoration: none;
	border: 1px solid rgb(0,0,0);
	background-color: rgb(39,3,3);
}

.Nav a:hover
{
	text-decoration: underline;
}

.Nav a:visited
{
	color: white;
}

.PageBase a
{
	color: white;
}

.showIt
{
	display: inline;
}

.hideIt
{
	display: none;
}

a {
	color: rgb(255, 255, 0);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


.expclosed
{
	font-size: 10;
}

.expopened
{
	font-size: 10;
}

.expclosed #popup
{
	display: none;
}

.expopened #popup
{
	width: 200px;
	border: 1px solid rgb(0,0,0);
	padding: 5px;
	display: block;
	font-size: 12;
	background: rgb(255, 255, 255);
}