/*
 * Load MCE Editor default fonts
 */

body.mceContentBody { 
	font-family: Times, sans-serif;  font-size:16px; 
}

/*
 * Style sheet declarations for AKCS-WWW - default
 */

body {
	background-color: #CFD2D4;	
/*	background-color: #E5DEC8;		*/
}

.mceContentBody {
	background-color: #FFFFFF !important;
}

/*
 * First we define some basic stuff - the quoting block inset style and
 * a handful of special items such as the copyright notice.
 */

BLOCKQUOTE.forum { background-color: #E8E8FF; border-left: 2px solid #999;
		border-top: 2px solid #999;
		border-right: 2px solid #ffffff;
		border-bottom: 2px solid #ffffff;
		padding: 1%; margin-top: -1em; }

H5 {text-indent: 2em;  }


/* SPAN { background-color: #E0E0FF; }	*/

.float		{ float: left; }
.inlineimage	{ float: left; padding: 10px; }
.clear		{ clear: both; }
.admin		{ clear: both; }

.copyright	{ clear: both; text-align: center; font-size: 0.6em; }

/*
 * Banner - Control the masthead banner so as to not need tables, and 
 * control the page footer
 */

.banner	{  }

.banner_left { border-style: none; float: left; }

.banner_ads { border: 0; margin-top: 15px; margin-left: 10px; float: left; }

.banner_block2 { clear: both; padding-top: 10px; margin-top: 10px; }

.footer { clear: both; text-align: center; margin-top: 10px; }

/*
 * This set of parameters controls the top bar - the title and 
 * user information areas.  The container is the total area, then we have
 * a left and right panel within it.
 */

.head		{ width: 100%; background: #E0E0FF ; border: 0; }

.topleft	{ padding-left: 5px; 
			font-size: 1.2em; font-weight: bold; }
.topright	{ float: right; width: 230px; background-color: #F0F0FF; 
			font-size: 0.8em; text-align: right;  
			padding: 5px; }

/*
 * This set of parameters controls the command bar at the top and bottom 
 * of content pages.  (Control panel, video, new posts, search, FAQ, etc)
 */

.topcontrol	{ width: 100%; border: 0; text-align:center; 
			background-color: #B0B0FF; } 
.topitem	{ margin: 0 auto; text-align: center; }

/*
 * This controls the primary parameters for the display of body content, 
 * along with anything else that wants the same display scheme.  Note that
 * we are using "naked" selectors here to wildcard the particular item
 * so all elements using the same class look the same.
 */

/*
 * Elements related to password resets and error/warning messages
 */

.pwreset	{ color: #3300cc; font-size: 1.5em; }

/* 
 * Restriction text (e.g. unable to post in a given area, etc 
 */

.restrict	{ color: red; font-weight: bold; }

/*
 * Notification text (e.g. classification change)
 */

.notify		{ color: green; font-weight: bold; }

/*
 * Error redirect messages.  Body code first, then header and text itself.
 */

.error		{ background-color: #FF9999; }

.errorhead	{ color: black; font-size: 1.5em; 
			font-weight: bold; padding-bottom: 20px; }
.errortext	{ color: black; padding-bottom: 10px; }

/*
 * Informational redirects .  Body first, then header and text code
 */

.info		{ }

.infohead	{ color: black; font-size: 1.5em; 
			font-weight: bold; padding-bottom: 20px; }

.infotext	{ color: black; padding-bottom: 10px; }

/*
 * Selectors - these are for page selection banners on the top and bottom
 * when the item does not fit on one page (e.g. pages of a post, pages
 * of a forum's topics, etc.  The table itself is the "select", the "sel"
 * is the items inside.  If the user is on a PDA then the "pda" suffix
 * one is used instead.
 */

.select 	{ background-color: #E0E0FF; }

/* .selectpda 	{ background-color: #E0E0FF; font-size: 1.5em; padding: 5px; }	*/
.selectpda 	{ background-color: #E0E0FF; }

.sel 		{ font-size: 12pt; background-color: #D0D0FF; 
			text-align: center; 
			font-weight: bold; }

/* .selpda		{ font-size: 1.2em ; background-color: #D0D0FF; 
			padding: 10px; 
			text-align: center; font-weight: bold; } */

.selpda		{ font-size: 1.0em ; background-color: #D0D0FF; padding: 6px;
			text-align: center; font-weight: bold; }

/*
 * Now we declare the body table entries, both for headers and content.
 * The first is the table itself, then each of the various header and 
 * body item types.  "date" entries are for date displays, things with 
 * "r" suffix are right-aligned, things  with a "c" suffix are centered.  
 * The rest default left-aligned.  "sbody" is a short version of a body 
 * table that does NOT fill the entire frame, but is otherwise identical 
 * to the entry below.
 */

.sbody 		{ background-color: #E0E0FF; border-collapse: collapse ; }

.body-narrow	{ background-color: #E0E0FF; 
			border-collapse: collapse ; padding: 5px; }

.body 		{ width: 100%; background-color: #E0E0FF; 
			border-collapse: collapse ; padding: 5px; 
			margin-top: 10px; }

.hdrpoll	{ background-color: #D0D0FF; text-align:left; padding: 5px; 
			border: 1px solid black; width:90%; }

.hdredate	{ background-color: #D0D0FF; text-align:left; padding: 5px; 
			border: 1px solid black; font-size: 0.8em ; }

.hdr 		{ background-color: #D0D0FF; text-align:left; padding: 5px; 
			border: 1px solid black; }

.hdrr 		{ background-color: #D0D0FF; text-align:right; padding: 5px; 
			border: 1px solid black; }

.hdrpost 	{ background-color: #D0D0FF; text-align:left; padding: 5px; 
			border: 1px solid black; width:125px; 
			font-weight: bold; }

.hdrc 		{ background-color: #D0D0FF; text-align:center; padding: 5px; 
			border: 1px solid black}

.hdr2 		{ background-color: #E0E0FF; 
			border: 1px solid black}

.hdrsbj		{ background-color: #E0E0FF; font-size: 1.1em; 
			font-weight: bold; padding: 5px; 
			border: 1px solid black; }

.hdr3 		{ background-color: #E8E8FF; }

.hdr4 		{ background-color: #F0F0FF; }

.hdr5 		{ background-color: #F8F8FF; }

.hidden 	{ background-color: #FFD0D0; padding: 5px; 
			border: 1px solid black; vertical-align: top; }

/* .visible	{ background-color: #F0F0FF; padding: 5px; 	*/
/* .visible	{ background-color: #FFFFFF; padding: 5px; 	*/
/* .visible	{ background-color: #B5B8BC; padding: 5px;  	*/
/* .visible	{ background-color: #E5DEC8; padding: 5px; 	*/
.visible	{ background-color: #CFD2D4; padding: 5px; 	
			border: 1px solid black; vertical-align: top; }

.tdata		{ background-color: #F0F0FF; padding: 5px; 
			border: 1px solid black; }

.tdred		{ background-color: #FF0000 padding: 5px; 
			border: 1px solid black; }

.tdgreen	{ background-color: #A0FFA0; padding: 5px; 
			border: 1px solid black; }

.tdatar 	{ text-align: right; background-color: #F0F0FF; 
			padding: 5px; border: 1px solid black; }

.tdatac		{ border: 1px solid black; 
			text-align: center; background-color: #F0F0FF; 
			padding: 5px; }

.tdatadate 	{ border: 1px solid black; text-align: center; 
			background-color: #F0F0FF; font-size: 0.8em;
			padding: 5px; }


.bold		{ font-weight: bold; }

.forumgroup	{ background-color: #F0F0FF; 
			font-size: 1.1em; font-weight: bold; padding: 3px; }

.smaller 	{ font-size: 0.8em; }

.modified	{ font-size: 0.8em; font-style: italic; }

.permalink	{ font-size: 0.8em; text-align: right; padding-top: 25px; }

.mhu		{ background-color: #D0D0FF; border: 1px solid black; }

.mhux125	{ background-color: #F0D0D0; border: 1px solid black; 
			width:125px; padding: 5px; }

.mhu125		{ background-color: #D0D0FF; border: 1px solid black; 
			width:125px; padding: 5px; }

/*
 * Actual message TEXT - empty for now, but I might want it later 
 */

.message	{ }

/*
 * The menu items for links and their decorations for "mouseovers" 
 * and similar events.
 */

img { border: 2px solid transparent; }

.highlight:hover { opacity: 0.7; border: 2px solid red; }

a.black:link		{ text-decoration:none; color:yellow; }
a.black:visited 	{ text-decoration:none; color:yellow; }
a.black:active		{ text-decoration:none; color:red; }
a.black:hover		{ text-decoration:none; color:red; }

a:link		{ text-decoration:none; color:blue; }
a:visited 	{ text-decoration:none; color:blue; }
a:active 	{ text-decoration:none; color:red; }
a:hover		{ text-decoration:none; color:red; }

a.post:link	{ text-decoration:none; color:blue; }
a.post:visited 	{ text-decoration:none; color:blue; }
a.post:active 	{ text-decoration:none; color:red; }
a.post:hover	{ text-decoration:none; color:red; }

/* a.menu		{ font-size: 11pt; font-weight: bold; 
			text-decoration:none; color: white }	*/
a.menu		{ font-weight: bold; 
			text-decoration:none; color: white }
a.menu:visited	{font-weight: bold; text-decoration:none; color: white }
a.menu:hover	{color: black; text-decoration:none }

a.email		{font-weight: bold; text-decoration:none; color: #000000; }
a.email:visited	{font-weight: bold; text-decoration:none; color: #000000; }
a.email:hover	{color: red; text-decoration:none }

a.guest:link	{ text-decoration:none; color:white; opacity:0.0;}
a.guest:visited { text-decoration:none; color:white; opacity:0.0;}
a.guest:active 	{ text-decoration:none; color:white; opacity:0.0;}
a.guest:hover	{ text-decoration:none; color:white; opacity:0.0;}


/*
 * Gallery effects.  We're interested in two things primarily - a
 * directory (folder) icon and then the actual files.
 */

.directory	{
	margin-left: 20px;
	margin-top: 10px;
	padding: 15px;
	padding-top: 15px;
	width: 120px;
	height: 75px;
	float: left;
	background-image: url(images/folder-background.png);
	font-weight: bold; font-size: 12pt;
	background-repeat: no-repeat;
	text-align: center;

}

.gallery {
	float: left;
	margin: 10px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
}

.gallery_image { }

.gallery_caption {
	text-align: center;
	font-weight: bold;
	font-style: italic;
}

.nogallery {
	color: red;
	font-weight: bold;
}

.gallery_size {
	margin-top: 10px;
	font-size: 14pt;
	font-weight: bold;
}

.gallery_upload {
	margin-top: 20px;
}

.forum_container {
	position: relative;
	width: 100%;
	float: left;
	margin: 0 auto;
}

.forum_body {
	position: relative;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-left: 170px; 
}

.forum_sidebar {
	float: left;
	width: 160px;
	margin-left: 0px;
	margin-top: 0px;
}

.forum_clear {
	clear: both;
}

.forum_sidebar_sep {
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	width: 154px;
        background-color: #C0C0FF; 
        color: #000000;
	border-left: 2px solid #999;
        border-bottom: 2px solid #999;
        border-right: 2px solid #999;
        border-top: 2px solid #999;
        padding: 1%; 
        border-radius: 1px;
        font-size: 0.8em;
        font-weight: bold;
        font-style: italic;
        text-align: center;
}

.forum_sidebar_item {
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
}

.gallery {
	font-size: 90%; 
	text-align: center;
}