/* 
Many thanks to Marko Dugonjic for providing 
TypeTester ( http://typetester.maratz.com/ ),
which was used to select the fonts used in 
this stylesheet. 
*/

/* This stylesheet, and the template it is a part of, are
	Copyright © 2005, CodeManiaxx */

html, body 
{
	margin: 0;
	padding: 0;
}

/* Set default colors and font sizes for this template, intended to be 'clean' */
BODY 
{
	color: #444;
	background-color: #fff;
	line-height: 1.1em;
	font-size: 12px;
}

H1 
{
	text-align: center;
	font-family: Trebuchet MS, Courier New, Courier;
	font-size: 1.8em;
	line-height: 1.2em;
	letter-spacing: 1px;
	word-spacing: 0.15em;
}

H2 
{
	text-align: center;
	font-family: Trebuchet MS, Courier New, Courier;
	letter-spacing: 0px;
	word-spacing: 0.15em;
	font-size: 1.5em;
	line-height: 1.1em;
}

P 
{
	text-indent: 2em;
}

/* Reminder: a:link -> a:visited -> a:hover -> a:active << Must always be in this order! */
/* Note: By default, <a href=""> elements (hyperlinks) are bold, blue, and 
	underline only on hover. */
A:link 
{
	font-weight: bold;
	text-decoration: none;
	color: #0000FF;
}

A:visited 
{
	font-weight: bold;
	text-decoration: none;
	color: #66F;
}

A:hover 
{
	color: #0000FF;
	text-decoration: underline;
}

A:active 
{
	color: #FF0000;
}

/* CMWhatIs links get a pretty dotted "underline", to show that they will 
	display special	text in their "onHover" popup (should be "What is <term>?" */
A.whatis 
{
	border-bottom: 1px dotted #444;
	color: #800000; /* Maroon color, good stuff! */
}

/* Acronyms and abbreviations in the markup get the "help" cursor. */
ACRONYM, ABBR 
{
	border-bottom: 1px dotted #444;
	cursor: help;
	color: #800000; /* Maroon color, good stuff! */
}

INPUT 
{
	font-size: 1.1em;
}

.tiny 
{
	font-size: 0.8em;
	word-spacing: 0.1em;
}

.title 
{
	font-family: Trebuchet MS, Courier New, Courier;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: -1px;
	word-spacing: 0.15em;
	border: 0px;
	background-color: #eee;
	padding-left: 8px;
}

.nav, .submit, .title2 
{
	font-family: Verdana;
	font-size: 1em;
	line-height: 1.2em;
	letter-spacing: 0px;
	text-align: left;
	word-spacing: normal;
	border: 0px;
	background-color: #eee;
}

.title2 
{
	font-weight: bold;
	word-spacing: 0.15em;
	padding-left: 8px;
}

.submit 
{
	text-align:center;
}

.rtsidebar
{
	float:right; 
	border: 8px solid #fff;
	border-bottom: 0px solid #fff;
	width: 200px;
}

.sidebar INPUT 
{
	font-size: 0.8em;
}

.sidebar, .sidebarhdr, .projhdr
{
	font-family: Arial;
	font-size: 0.9em;
	line-height: 1.2em;
	letter-spacing: 0;
	word-spacing: normal;
	background-color: #eee;
}

.sidebarhdr, .projhdr
{
	font-weight: bold;
	background-color: #eee;
}

.projhdr
{
	font-size: 1.0em;
}

/* This class is for "post content"s and "post detail"s */
.post 
{
	border-left: 16px solid #eee;
	padding-left: 8px;
}

/* This class adds more left padding. */
.post2 
{
	border-left: 16px solid #eee;
	padding-left: 24px;
}

/* This class makes "post content" possible */
.content 
{
	font-family: Arial;
	font-size: 1.1em;
	line-height: 1.1em;
	letter-spacing: 0px;
	text-align: left;
	word-spacing: 0.05em;
	padding-bottom: 8px;
}

/* This one goes together with "post", to create "post details" */
.details, SELECT 
{
	font-family: Verdana;
	font-size: 0.8em;
	line-height: 1.2em;
	letter-spacing: 0;
	text-align: left;
	word-spacing: normal;
	background-color:#fff;
	color: #888;
}

.details SELECT, .details INPUT 
{
	font-size: 0.9em;
	background-color:#fff;
	color: #000;
}

.details .name 
{
	color: #444;
	font-weight: bold;
	vertical-align:top;
	width: 200px;
}

.details .data 
{
	color: #000;
	vertical-align:bottom;
}

/* Dates have to have a specific display style */
SPAN.date 
{
	color: #004;
}

/* For use with "comment title", "comment content" and "comment details". */
.comment 
{
	border-left: 16px solid #eee;
	padding-left: 8px;
	xbackground-color: #fff;
}

/* For configuration options and creation forms - leftmost column (option name) */
.config 
{
	font-family: Verdana;
	font-size: 1em;
	line-height: 1.2em;
	letter-spacing: 0;
	text-align: left;
	word-spacing: normal;
	width: 25%;
	vertical-align: top;
}

/* For configuration options and creation forms - rightmost column (option details) */
.info 
{
	font-family: Trebuchet MS;
	font-size: 1.1em;
	line-height: 1.2em;
	letter-spacing: 0;
	text-align: left;
	word-spacing: normal;
	width: 50%;
}

/* The login template gets this special class */
.login 
{
	font-family: Trebuchet MS;
	font-size: 1em;
	line-height: 1.2em;
	letter-spacing: 0px;
	word-spacing: normal;
	background-color: #eee;
	vertical-align: top;
}

.heading 
{
	font-family: Trebuchet MS;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: 1px;
	text-align: center;
	word-spacing: 0.1em;
}

/* Notices also have a specific style */
.notice 
{
	text-indent: 0px;
	font-family: Arial;
	font-size: 1em;
	line-height: 1.2em;
	letter-spacing: 0px;
	text-align: center;
	word-spacing: 0.15em;
	color: #f00;
	border-top: 0.5em solid #fff;
	border-bottom: 0.5em solid #fff;
}

.footer 
{
	font-family: Verdana;
	font-size: 0.8em;
	line-height: 1.2em;
	letter-spacing: 0;
	text-align: center;
	word-spacing: normal;
}

.pagedetails 
{
	text-align: right;
	color: #f00;
}

.smalltext 
{
	font-size: 0.6em;
}

.divider 
{
	border-top: 2px solid #fff;
}

.breadcrumb 
{
	vertical-align:top;
}

.breadcrumb A:link 
{
	font-weight: bold;
	text-decoration: none;
	color: #06F;
}

.breadcrumb A:visited 
{
	font-weight: bold;
	text-decoration: none;
	color: #48F;
}

.breadcrumb A:hover 
{
	color: #08F;
	text-decoration: underline;
}

.breadcrumb A:active 
{
	color: #FF0000;
}