/* clean	            */
/* http://mindSpill.net */
/* Author: Stephan Dale */
/* Date: 25/09/2004     */
/* Modified: 05/04/2006 */


/* Blues in order of shade, lightest first. */
/* #EDF7F9 */
/* #81BEE0 */
/* #217DB0 */

html{
}

body { 
  font-family: Arial;
  background: #EDF7F9 url("bg1.jpg");
/*  background: #EDF7F9 url("http://mindspill.net/~steph/modx/assets/templates/mindspill.net/bg1.jpg");*/
  background-repeat: repeat-x;
  min-width: 800px;
  margin:0;
  padding:0;
}

/* mirror some of the body properties in the td properties, because NS "sees" tables as individual documents and so overrides the body properties */
td { 
  font-family: Arial;
  border: 1px solid #000;
}

th { 
  font-family: Arial;
  border: 1px solid #000;
}

table {
  border: 1px solid #000;
  border-collapse: collapse;
}

/*
h1, h2, h3, h4, h5, h6, p, ul, ol, dir, menu, div, 
dt, dd, address, blockquote, pre, br, hr, form, dl { 
  display: block;
  }

b, strong, i, em, cite, var, tt, code, kbd, samp, 
img, span { display: inline }

li { display: list-item }

h1, h2, h3, h4, h5, h6 {
}

h1 {
}
h2 {
}
h3{
}
h4, h5, h6 {
}

b, strong { font-weight: bolder }
i, cite, em, var, address, blockquote { font-style: italic }
pre, tt, code, kbd, samp { font-family: monospace }

pre { white-space: pre }

address {
}
blockquote {
}

p {
}

ul, dir {
list-style: disc;
}
ol {
list-style: decimal;
}

menu { margin: 0 }

li {
list-style-type: circle;
}

dt { margin-bottom: 0; display: inline; }
dd { margin-top: 0; margin-left: 3em }

hr { 
}

a:link {
}
a:visited {
}
a:active {
}
a:hover {
}

acronym {
}
*/
#container { 
border: 0px solid #000;
background: #EDF7F9 url("bg1.jpg");
/*background: #EDF7F9 url("http://mindspill.net/~steph/modx/assets/templates/mindspill.net/bg1.jpg");*/
background-repeat: repeat-x;
width: 90%;
margin:0 auto;
font-size: 0.9em;
}

	#header { 
	height: 6.5em;
	width: 100%;
	background: #81BEE0 url("mindspill.jpg");
/*	background: #81BEE0 url("http://mindspill.net/~steph/modx/assets/templates/mindspill.net/mindspill.jpg");*/
	background-repeat: no-repeat;
	background-position: center;
	padding: 0;
	margin: 0;
	}

		#sitename {
		display: none;
		}

		#sitebanner {
		display: none;
		}

	#skip {
	/*display: none;*/
	position: absolute;
	top: -100em;
	}

	#breadcrumbs {
	margin: 0.25em 0em 0em 0em; /* Slight top margin needed to allow top border to appear in IE6 */
	padding: 0;
	}
	#breadcrumbs h2 {
	border: 1px solid #000;	
	display: inline;
	text-decoration: none;
	color: #EDF7F9;
	background: #217DB0;
	padding: 0.2em;
	font-weight: normal;
	font-size: 1em;
	/* Minor adjustment for IE6. See comment in hack below. */
/*	margin-right: 0.3em;*/
	}
	/* For some reason Firefox 1.4 and Opera 8.5 have a gap between the header and the links without explicitely defining one, so use child selector to undo margin settings (IE doesn't understand). */
/*	#breadcrumbs > h2 {
	margin-right: 0em; 
	}*/
	#breadcrumbs a {
	border-top: 1px solid #000;	
	border-right: 1px solid #000;	
	border-bottom: 1px solid #000;	
	text-decoration: none;
	color: #000000;
	padding: 0.2em;
	}
	#breadcrumbs a:hover {
	background: #EDF7F9;
	}
	#breadcrumbs span {
	display: none;
	}

	#page_context {
	float: left;
	width: 80%;
	}
	
	#main {
	background: #FFFFFF;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-top: 1em;
	}
		#title {
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		}
		#title h1 {
		background: #EDF7F9;
		/*font-weight: normal;*/
		font-size: 1.2em;
		margin: 0;
		padding: 0.2em 0.5em 0.2em 0.5em;
		}
		
		#content {
		font-size: 1em;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-left: 0.8em;
		padding-right: 0.8em;
		}
		#content p {
		margin-left: 0em;
		margin-right: 0em;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		}
		#content table {
		margin-left: 0em;
		margin-right: 0em;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		}
		#content td {
		padding: 0.5em;
		}
		#content h2 {
		background: #EDF7F9;
		margin-left: 0em;
		margin-right: 0em;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		color: #000000;
		font-size: 1.1em;
		font-weight: bold;
		text-decoration: none;
		padding: 0.3em;
		border-top: 1px dotted black;
		border-bottom: 1px dotted black;
		}
		#content h3 {
		background: #EDF7F9;
		color: #000000;
		font-size: 1em;
		margin-left: 0em;
		margin-right: 0em;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		font-weight: bold;
		text-decoration: none;
		}
		#content a {
		text-decoration: none;
		color: #217DB0;
		}
		#content a:hover {
		background: #EDF7F9;
		}
		#content a.weblink {
		padding-right: 15px;
		background-image: url("external.png");
		/*background-image: url("http://mindspill.net/~steph/modx/assets/templates/mindspill.net/external.png");*/
		background-repeat: no-repeat;
		background-position: right;
		}
		#content a.weblink:hover {
		padding-right: 15px;
		background: #EDF7F9;
		background-image: url("external.png");
		/*background-image: url("http://mindspill.net/~steph/modx/assets/templates/mindspill.net/external.png");*/
		background-repeat: no-repeat;
		background-position: right;
		}
		#content a.imagelink img {
		border: 0px;
		}
		#content hr {
		display: none;	
		}
		#content ul.recommended {
		list-style-image:url("star10.gif");
		/*list-style-image:url("http://mindspill.net/~steph/modx/assets/templates/mindspill.net/star10.gif");*/
		}
		
		#date {
		font-size: 0.7em;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-left: 0.8em;
		padding-right: 0.8em;
		text-align: right;
		}

	/* IE displays the footer's top border across all of it's 800 pixels, Mozilla only adds it for the right-most 199. So use the child selector to set maincontent's bottom border for Mozilla to achieve the same look. */
/*	#container > #main {
	border-bottom: 1px solid #000;
	}*/
		
	#pagewide {
	background-color: white;
	border: 1px solid #000;
	margin-top: 0.8em;
	}
		
		.pagewide_content {
		font-size: 1em;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-left: 0.8em;
		padding-right: 0.8em;
		}
		.pagewide_content p {
		margin-left: 0em;
		margin-right: 0em;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		}
		.pagewide_content table {
		margin-left: 0em;
		margin-right: 0em;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		}
		.pagewide_content td {
		padding: 0.5em;
		}
		.pagewide_content h2 {
		background: #EDF7F9;
		margin-left: 0em;
		margin-right: 0em;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		color: #000000;
		font-size: 1.1em;
		font-weight: bold;
		text-decoration: none;
		padding: 0.3em;
		}
		.pagewide_content h3 {
		background: #EDF7F9;
		color: #000000;
		font-size: 1em;
		margin-left: 0em;
		margin-right: 0em;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		font-weight: normal;
		text-decoration: none;
		}
		.pagewide_content a {
		text-decoration: none;
		color: #217DB0;
		}
		.pagewide_content a:hover {
		background: #EDF7F9;
		}
		.pagewide_content hr {
		display: none;	
		}
		.pagewide_content ul.recommended {
		list-style-image:url("star10.gif");
		/*list-style-image:url("http://mindspill.net/~steph/modx/assets/templates/mindspill.net/star10.gif");*/
		}

	/* IE displays the footer's top border across all of it's 800 pixels, Mozilla only adds it for the right-most 199. So use the child selector to set maincontent's bottom border for Mozilla to achieve the same look. */
/*	#container > #pagewide {
	border-bottom: 1px solid #000;
	}*/

	#site_context {
	float: left;
	width: 18%;
	margin-left: 1%;
	}
				
	#sitelinks {
	border-right: 1px solid #000;
	border-left: 1px solid #000;
/*	border-bottom: 1px solid #000;*/
	margin-top: 1em;
	}
	#sitelinks h2 {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 0px;
	border-left: 0px;
	color: #EDF7F9;
	background: #217DB0;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0;
	padding: 0.2em 0.5em 0.2em 0.5em;
	}
	#sitelinks ul { 
	padding: 0; /* Required by Mozilla to prevent li 'embedding'. */
	margin: 0; /* Required by IE to prevent li 'embedding'. */
	}
	#sitelinks li {
	border-bottom: 1px solid black; /* Need border here to prevent IE6 rendering gaps between the list items */
	list-style-type: none;
	}
	#sitelinks li:hover {
	background: #EDF7F9;
	}
	#sitelinks a {
	padding: 0.2em 0.5em 0.2em 0.5em;
	display: block;
	text-decoration: none;
	color: #000000;
	}
	#sitelinks a:hover {
	background: #EDF7F9;
	}

/*	#container > #sitelinks {
	width: 129px;
	}*/

	#search { 
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-top: 0.8em;
	} 
	#search h2 { 
	color: #124967;
	color: #EDF7F9;
	background: #217DB0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0px;
	padding: 0.2em 0.5em 0.2em 0.5em;
	}
	#search form {
	padding: 0.2em;
	}
	#search input.FSF_input {
	width: 8em;
	}
	#search input.FSF_submit {
	width: 2.5em;
	}
	#search fieldset {
	border: 0px none;
	}
	#search legend {
	display: none;
	}
	
	#access { 
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-top: 0.8em;
	} 
	#access h2 { 
	color: #124967;
	color: #EDF7F9;
	background: #217DB0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0px;
	padding: 0.2em 0.5em 0.2em 0.5em;
	}
	#access form {
	padding: 0.2em;
	}
	#access input.WebLoginSideBar_input {
/*	width: 5em;*/
	}
	#access input {
/*	float: right;
	clear; both;*/
	width: 4em;
	}
	#access input#username input#password{
/*	float: right;
	clear: none;*/
	}
	#access label {
/*	float: left;
	clear: none;*/
	width: 4em;
	}
	#access label.WebLoginSideBar_checkbox {
	width: 0.5em;
	}
	#access input.WebLoginSideBar_submit {
	width: 3.5em;
/*	clear: both;
	float: none;*/
	}
	#access a {
	padding: 0.2em 0.5em 0.2em 0.5em;
	display: block;
	text-decoration: none;
	color: #000000;
	}
	#access a:hover {
	background: #EDF7F9;
	}
	#access fieldset {
	border: 0px none;
	}
	#access legend {
	display: none;
	}

	/* Set the propert width using a child selector that IE doesn't understand (see comment on width of pagemenu). */
/*	#container > #search {
	width: 129px;
	}*/

	#footer { 
	float: left;
	padding-top: 1em;
  	font-size: 0.7em;
	height: 2em;
	width: 80%;
	}

		#siteinfo {
		display: inline;
		padding-left: 1em;
		padding-right: 0.4em;
		}
		#siteinfo h2 {
		display: inline;
		font-size: 1em;
		margin-right: 0.5em;
		}
		.hide_siteinfo {
		}

		#accessibility {
		display: none;
		}
		
		#themeinfo {
		border-left: 1px solid #000;
		padding-left: 0.6em;
		padding-right: 0.4em;
		display: inline;
		}
		#themeinfo h2 {
		display: inline;
		font-size: 1em;
		margin-right: 0.5em;
		}
		.hide_themeinfo {
		}

		#validations {
		border-left: 1px solid #000;
		padding-left: 0.6em;
		padding-right: 0.4em;
		display: inline;
		}
		#validations h2 {
		margin-right: 0.5em;
		font-size: 1em;
		display: inline;
		}
		#validations ul { 
		padding: 0px;
		margin: 0px;
		display: inline;
		}
		#validations li {
		display: inline;
		}
		#validations a {
		text-decoration: none;
		color: #000000;
		margin-right: 0.4em;
		}
		#validations a:hover {
		background: #EDF7F9;
		}
		#validations a.xhtml {
		}
		#validations a.xhtml:hover {
		}
		#validations a.css {
		}
		#validations a.css:hover {
		}

span.code {
font-family: monospace;
/*background: #EDF7F9; /* light blue */
background: rgb(246, 246, 253);
}
p.code {
font-family: monospace;
/*background: #EDF7F9; /* light blue */
background: rgb(246, 246, 253);
border: 1px dotted #000;
padding: 0.9em;
}
pre.code {
font-family: monospace;
/*background: #EDF7F9; /* light blue */
background: rgb(246, 246, 253);
border: 1px dotted #000;
padding: 0.9em;
overflow: auto;
}

#main .note {
color: #000;
background: #FFFF99; /* light yellow */

border: 1px dotted #000;
padding: 0.9em;
}

.warning {
color: #000;
background: #FFCCCC; /* light pink */
border: 1px dotted #000;
padding: 0.9em;
}

.support {
color: #000;
background: #EDD7F9; /* light purple */
border: 1px dotted #000;
padding: 0.9em;
}

.copy {
color: #000;
background: #BDF7C9; /* light green */
border: 1px dotted #000;
padding: 0.9em;
}

.quote {
font-family: monospace;
color: #000;
background: #BDF7C9; /* light green */
}

div.quote {
border: 1px dotted #000;
padding: 0.9em;
}

.hide {
display: none;
}

span.top {
}

.FSF_extract {
}
.FSF_highlight {
background: yellow;
}