/**
 * Copyright (c) 2005 Margaret Early, The Multiliteracy Project.
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.txt.
 *
 * Site-wide shared stylesheet.
 *
 * $Id: common.css,v 1.27 2006/09/01 18:25:27 david Exp $
 */

/**
 * General Design Rules
 */

table.temp td {
	border: 1px solid black;
}

* {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding: 0;
	margin: 0;
}

body {
	text-align: center;
	background-color: white;
}

p {
	font-size: 0.833em;
	text-align: justify;
	color: #555;
}

li {
	list-style-type: none;
}

td, th {
	vertical-align: top;
	text-align: left;
}

a, span.button {
	text-decoration: none;
	color: #B1430F;
}

span.button {
	cursor: hand;
	font-size: 0.7em;
}

span.buttonDisabled {
	cursor: default;
	color: #AAA;
}

a:hover, span.buttonHover {
	color: #ED5A14;
}

img {
	border: none;
}

table {
	width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	color: #838383;
}

h1 {
	font-weight: bold;
	font-size: 0.95em;
}

h2 {
	font-weight: normal;
	font-size: 0.95em;
}

h3 {
	font-weight: bold;
	font-size: 0.8em;
}

h4 {
	font-weight: normal;
	font-size: 0.8em;
}

h5 {
	font-weight: bold;
	font-size: 0.7em;
}

h6 {
	font-weight: normal;
	font-size: 0.7em;
}


/**
 * Containers
 */

#container {
	width: 50em;
	margin: 1em auto;
	float: center;
	text-align: left;
	padding-left: 0;
	/*border: 1px solid red;*/
}

#content {
	color: #555;
	padding-left: 0;
}

#contentNav {
	padding: 0.5em 0 0.5em 0;
	width: 20%;
	float: right;
	/*border: 1px solid red;*/
}

#contentBody {
	width: 80%;
	padding: 0.5em 1em 0.5em 0;
	float: right;
	/*border: 1px solid red;*/
}

* > #contentBody {
	width: 78%;
}


/**
 * Front Page
 */

div.frontBlock {
	float: left;
	margin-bottom: 1.5em;
}

div.frontBlock div.header {
	margin: 0 0 0.6em 0;
}

div.frontBlock div.header h3 {
	color: #777;
}

div.frontBlock div.footer {
	font-size: 0.666em;
	margin-top: 1em;
	text-align: right;
}

#featuredProject p {
	/*text-align: justify;*/
}

#projectComponents {
	width: 100%;
	background-color: #EEE;
	padding: 0.7em 2em 0.7em 2em;
}

* > #projectComponents {
	width: 90%;
}

#projectComponents p.description {
	font-size: 0.75em;
	padding: 0 2em 0 2em;
	text-align: justify;
}

div.projectComponent {
	float: left; 
	width: 100%;
	margin: 0.3em 0 0.3em 0;
}

#whatIsML p {
	font-size: 0.8em;
	text-indent: 1.5em;
}


/**
 * Section Headers
 */

table.sectionHeader {
	color: #838383;
	font-size: 0.9em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	letter-spacing: 0.06em;
	margin-top: 10px;
	margin-bottom: 0.6em;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

td.headerBlock {
	width: 1.3em;
	background-color: #808080;
}

td.headerSpace {
	width: 0.4em;
	padding: 0;
	margin: 0;
}

td.headerTitle {
	font-size: 1.11em;
	width: 100%;
	border-left: none;
	border-bottom: 2px solid #808080;
	float: left;
}


/**
 * Page Footer
 */

#footer {
	margin-top: 30px;
	font-size: 0.60em;
	color: #838383;
	border-top: 1px solid #DDD;
	float: right;
	width: 100%;
}

/**
 * Element highlighting
 */

.normal {
	background-color: transparent
}

.highlight {
	background-color: #EEEEEE
}

/**
 * Messages
 */

.msgError {
	color: #ED5A14;
}

.msgNormal {
	color: #838383;
}

#message {
	border: none; /*1px solid #838383;*/
	background-color: #DDD;
	font-size: 0.70em;
	margin-bottom: 10px;
}

#message ul {
	padding: 0.1em 1em 0.4em 1em;
}

* > #message ul {
	padding-top: 0.4em;
	padding-bottom: 0.3em;
}

.commentSig {
	text-align: right;
	padding-top:10px;
	font-size: 11px;
}