/** newstyle.css - Default style for Modular Experience. */

/** This file is part of the Modular Experience project.
 Copyright © 2005, CodeManiaxx. */


/* a:link -> a:visited -> a:hover -> a:active << Must always be in this order! */

/* Kill that padding!*/
HTML, BODY 
{
	margin: 0;
	padding: 0;
}

/* Body Style */
BODY 
{
/*	background: url('../images/back.jpg');*/
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica;
}

IMG
{
	border: 0px;
}

BLOCKQUOTE 
{
	border-top: 4px solid #eee;
	border-bottom: 4px solid #eee;
}

/* Links */
A 
{
	font-weight: bold;
	text-decoration: none;
	color: #0000FF;
}
A:visited 
{
	color: #9090FF;
}
A:hover 
{
	color: #0000FF;
	text-decoration: underline;
}
A:active 
{
	color: #FF0000;
}

A.warning 
{
	font-weight: bold;
	text-decoration: none;
	color: #FF0000;
}
A.warning:visited 
{
	color: #FF9090;
}
A.warning:hover 
{
	color: #FF0000;
	text-decoration: underline;
}
A.warning:active 
{
	color: #FF00FF;
}
H1 
{
	color: #000000;
}

H1.whitehead 
{
	color: #FFFFFF;
	text-align: center;
}

H2
{
	font-weight: normal;
}

TT, PRE
{
	font-size: 1.2em;
}

/* Default table */
TABLE
{ 
	left: 0; right: 0; top: 0; bottom: 0;
	background-color: #FFF;
	position: relative;
	border: none;
	padding: 0px;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica;
}

/* Table classes: nav, main, footer */
.nav 
{
	background-color: #EEE;
	color: #000;
}

TABLE.main
{
	background-color: #E0E8FF;
	color: #000000;
}

TABLE.sidebar 
{
	width: 15%;
	left: 2%;
	background-color: #0000BB;
	color: #FFFFFF;
}
TABLE.sidebar A { color: #F3F3FF; }
TABLE.sidebar A:hover { color: #FFEE00; }

TABLE.sidemain
{
	width: 79%;
	left: 22%;
	background-color: #E0E8FF;
	color: #000000;
}

/* TD styles - various cell styles */

TD.top
{
	text-align: center;
}

TD.header
{
	font-weight: bold;
	background-color: #0000BB;
	color: #FFFFFF;
	border-style: solid;
	border-width: 0px
}

TD.header A
{
	color: #43C3FF;
}
TD.header A:hover
{
	color: #43FDFF;
}

TD.datageneric
{
	background-color: #000000;
	color: #FFFFFF;
	vertical-align: top;
}

TD.dat1
{
	background-color: #F3F3FF;
	color: #000000;
	vertical-align: top;
}

TD.dat2
{
	background-color: #E3E3EE;
	color: #000000;
	vertical-align: top;
}

.avatar
{
	background-color:#eee; 
	width:32px; height:32px;
	min-width: 32px;
	border: 0px solid black; margin: 0px; padding: 0px;
}

.leftpad
{
	border-left: 16px solid #eee;
}

.divider
{
	padding-top: 4px;
}

.commenthdr
{
	font-size: 1.2em;
}

.comment
{
	padding-left: 16px;
	font-size: 1.1em;
}

.title
{
	font-size: 1.4em;
	left: 0; right: 0; top: 0; bottom: 0;
	border: 0px;
	font-family: Courier New;
}

.titlevar
{
	font-size: 1.4em;
	left: 0; right: 0; top: 0; bottom: 0;
	border: 0px;
}

.post
{
	border: 4px solid white;
	font-size: 1.2em;
}

.postpreview
{
	border-left: 16px solid #eee;
	padding: 8px;
	border-bottom: 16px solid #eee;
	font-size: 1.15em;	
}

/* Small text */
.smalltext
{
	font-size: 0.8em;
}

.lightgray
{
	background-color: #eee;
}

.ltgrayside
{
	border: 0px;
	border-left: 16px solid #eee;
	padding-left: 8px;
}

.leftgray
{
	border: 0px;
	border-left: 16px solid #eee;
}
.separator
{
	border-bottom: 16px solid white;
}

.notice 
{
	color: #F00;
}

.warning 
{
	font-weight: bold;
	color: #FF0000;
}

.footer 
{
	background-color: transparent;
	color: #FF0000;
	border: 0px; padding: 0px;
}
