﻿
body 
{
    background-color: #70caf2; /* Main Background Color of Page use html color code only */
    color: #333333; /* Standard Text Color html color code only */
    font-family: Arial; /* Standard Font recommend only VERY common font */
    font-size: 11px; /* Standard Text Size in pixels */
    text-align: center;
    margin-right: auto; 
	margin-left:auto;
}
.content
{
    background-color: #94bed1; /* Container Background Color (background of post) */
    padding-right: 10px; /* Space between item and right border (in pixels) */
    padding-left: 10px /* Space between item and left border (in pixels) */
}

.lineBreak /* This will change the color of the colored horizontal line breaks html color code only */
{
    color: #EEEEEE;
}

.randomButton  /* These settings change the appearance of the "spin" button */
{
    color: #555555; 
    font-family: Arial;
    font-size: 11px;
    font-weight: bold; 
    text-decoration: none;
}
.commentsButton  /* These settings change the appearance of the "comments" button */
{
    color: #555555;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
.newCommentButton /* These settings change the appearance of the "new comments" button */
{
    color: #555555;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
.navigateLink /* changes the appearance of the main "Navigate" link */
{
    color: #333333;
    font-weight: bold;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
}
.mainMenu /* changes the appearance of the main menu links */
{
    text-align: left; /* Do not change */
    position: absolute; /* Do not change */
    visibility: hidden; /* Do not change */
    border-left: 1px solid #C0C0C0;
    font:normal 11px arial;
    line-height: 18px; 
    z-index: 100; /* Do not change */
    background-color: #f2f9fa;
    text-decoration: none; 
    width: 65px; /* Do not change */
}

.mainMenu a /* changes the appearance of the main menu links */
{
    width: 100%; /* Do not change */
    display: block; /* Do not change */
    text-indent: 3px; /* Do not change */
    padding: 1px 0; /* Do not change */
    text-decoration: none;
    font-weight: bold;
    text-indent: 5px; /* Do not change */
    color: #444444;
}

.mainMenu a:hover /* changes the appearance of the main menu links when mouse is hovered */
{ 
    background-color: #EEEEEE;
    color: white;
}

.mainMenu a:active  /* changes the appearance of a main menu link that is being clicked */
{
     color: #444444;
}
 
.loginTitle /* changes the appearance of the page title of the Login page */
{
    color: #333333;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
}

/*  This section applies to the tags.  It removes underlines and sets a default color.  Anything propertiess you set to the tag
    it's self will overwrite this. No need to update */

.tagsBasic
{
    text-decoration: none;
    color: #333333;
}
a.tagsBasic:link
{
    text-decoration: none;
    color: #333333;
}





/* No need to change anthing below */
.mainCntBox
{
    text-align: center;
}
.mainCntBox 
{
    text-align: -moz-center;
}
.viewMain
{
    text-align: center;
}
.viewMain
{
    text-align: -moz-center;
}

.leftCrn
{
    width: 15px;
    height: 15px;
}
.rightCrn
{
    width: 15px;
    height: 15px;
}
.leftBCrn
{
    width: 15px;
    height: 15px;
}
.rightBCrn
{
    width: 15px;
    height: 15px;
}
.contentLeftBorder
{
    width: 15px; 
}
.contentRightBorder
{
    width: 15px; 

}
.contentTopBorder
{
    height: 15px; 
}
.contentBottomBorder
{
    height: 15px;
}
.mainMenuContent
{
    text-align: right;
}
.adminMenu
{
    text-align: left;
    position:absolute;
    visibility: hidden;
    border-left:1px solid #C0C0C0;
    font:normal 11px arial;
    line-height: 18px;
    z-index: 100;
    background-color: #f2f9fa;
    text-decoration: none;
    width: 125px;
}
.adminMenu a
{
    width: 100%;
    display: block;
    text-indent: 3px;
    padding: 1px 0;
    text-decoration: none;
    font-weight: bold;
    text-indent: 5px;
    color: #444444;
}
.adminMenu a:hover
{ 
    background-color: #EEEEEE;
    color: white;
}
.adminMenu a:active
{
     color: #444444;
}




