/* 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("/assets/bg1.jpg");
  background-repeat: repeat-x;
  min-width: 800px;
  margin:0;
  padding:0;
}

table {
  border-collapse: collapse;
  border: 1px solid #ccc;
  margin: 0.5em;
  font-family: Arial; /* Set font as NS "sees" tables as individual documents and so overrides the body properties */
}
th,tr,td {
  border: 1px solid #ccc;
}
th,td {
  padding: 0.5em;
}

/* Style form buttons the same as Google Custom Search */
input.button {
  font-family: inherit;
  color: #000000;
  text-shadow: 0 1px 2px #FFFFFF;
  background-color: #CECECE;
  border: 1px outset;
  border-color: #666666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

/*br {
  /* A hack to make two line breaks roughly the same vertical spacing as between paragraphs (for the links pages). */
/*  display: block;
  margin-top: 0.3em;
  line-height: 0.3em;
}*/

#content ul,
#content ol {
  margin-left: 1.5em;
  padding-left: 0;
}
#content ul > li {
  margin-left: 1em;
  padding-left: 0;
}
#content ol > li {
  margin-left: 0;
  padding-left: 0;
}

/* No margin for top-level list */
#content > ul,
#content > ol {
  margin-left: 0;
}

/* Nested list numbering */
#content ol {
  counter-reset: section;
  list-style-type: none;
}
#content ol > li:before {
  counter-increment: section;
  content: counters(section, ".") ". ";
}

/*
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 { font-style: italic }

pre, tt, code, kbd, samp { font-family: monospace }

pre {
  padding: 1em;
  white-space: pre;
  border: 1px dotted #ccc;
  overflow: auto;
}
/*

address {
}

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 {
}

*/
acronym, abbr {
  cursor: help;
  border-bottom: 1px dotted #aaa;
}

a {
color: #217DB0;
}
a:hover {
background: #EDF7F9;
}
a:link {
}
a:visited {
}
a:active {
}

#container {
border: 0px solid #000;
background: #EDF7F9 url("/assets/bg1.jpg");
background-repeat: repeat-x;
/*max-width: 924px; /* 1024 with 50px margin either side */
width: 90%;
margin:0 auto;
font-size: 0.9em;
}

	#header {
	height: 6.5em;
	width: 100%;
	background: #81BEE0 url("/assets/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.3em;
	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.3em;
	}
	#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.3em 0.5em 0.3em 0.5em;
		}

		#content {
		font-size: 1em;
		padding: 0.5em 0.8em 0.5em 0.8em;
		}
		#content p {
    margin: 0.5em 0em 0.5em 0em;
		}
		#content h2 {
		background: #EDF7F9;
    margin: 0.5em 0em 0.5em 0em;
		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: 0.5em 0em 0.5em 0em;
		font-weight: bold;
		text-decoration: none;
		}
		#content h4 {
    margin: 0.5em 0em 0.5em 0em;
		font-weight: bold;
		text-decoration: none;
		}
		#content a.weblink {
		padding-right: 15px;
		background-image: url("/assets/external.png");
		background-repeat: no-repeat;
		background-position: right;
		}
		#content a.weblink:hover {
		padding-right: 15px;
		background: #EDF7F9;
		background-image: url("/assets/external.png");
		background-repeat: no-repeat;
		background-position: right;
		}
		#content a.imagelink img {
		border: 0px;
		}
		#content hr {
      border: none;
      color: #81BEE0;
      background-color: #81BEE0;
      height: 1px;
		}
    #content ul {
      overflow: hidden;
    }
		#content ul.recommended {
		list-style-image:url("/assets/star10.gif");
		}
    #meta {
      font-size: 1em;
      border-top: 1px solid #EDF7F9;
      padding: 0em 0.8em 0em 0.8em;
    }

	/* 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: 0.5em 0.8em 0.5em 0.8em;
		}
		.pagewide_content p {
    margin: 0.5em 0em 0.5em 0em;
		}
		.pagewide_content h2 {
		background: #EDF7F9;
    margin: 0.5em 0em 0.5em 0em;
		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: 0.5em 0em 0.5em 0em;
		font-weight: normal;
		text-decoration: none;
		}
		.pagewide_content hr {
		display: none;
		}
		.pagewide_content ul.recommended {
		list-style-image:url("/assets/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: 19%;
	margin-left: 1%;
	}

	.sbox {
	border: 1px solid #000;
	margin-top: 1em;
	}
	.sbox h2 {
	border-bottom: 1px solid #000;
	color: #EDF7F9;
	background: #217DB0;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0;
	padding: 0.3em 0.5em 0.3em 0.5em;
	}

  #disclaimer p {
  padding-left: 0.5em;
  padding-right: 0.5em;
  }

  #sitelinks {
  border-bottom: none;
  }
	#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.3em 0.5em 0.3em 0.5em;
	display: block;
	text-decoration: none;
	color: #000000;
	}
	#sitelinks a:hover {
	background: #EDF7F9;
	}

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

  #search_form {
    overflow: hidden;
    margin: 0.5em;
  }
	#search_form form {
	}
  #search_form #powered_by_sphider {
    margin: 0.5em;
  }

  #siteinfo {
    font-size: 90%;
  }
  #siteinfo h2 {
    position: absolute;
    left: -1000em;
  }
  #siteinfo p.copyright {
    margin-bottom: 0.5em;
  }
  #siteinfo p.privacy {
    margin-top: 0.5em;
  }

	/* 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;
	width: 80%;
	padding-top: 1em;
  font-size: 0.7em;
	height: 2em;
	}

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

		#accessibility {
		display: none;
		}

		#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 {
		}

code,
span.code {
font-family: monospace;
background: #f8f8f8;
}
pre code {
background: #f8f8f8;
}
p.code {
font-family: monospace;
background: #f8f8f8;
border: 1px dotted #000;
padding: 0.9em;
}
pre.code {
font-family: monospace;
background: #f8f8f8;
border: 1px dotted #000;
padding: 0.9em;
}

#main .note {
color: #000;
background: #FFFF99; /* light yellow */
border: 1px dotted #000;
padding: 0.9em;
}

.alert {
color: #000;
background: #CCFFCC; /* light green */
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 {
font-family: monospace;
background: #EDF7F9; /* light blue */
border: 1px dotted #000;
padding: 0.9em;
overflow: auto;
}

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

pre,
blockquote,
div.quote {
font-family: monospace;
background: rgb(246, 246, 253);
border: 1px dotted #000;
padding: 0.9em;
overflow: auto;
}
blockquote {
margin-left: 0;
margin-right: 0;
}

.hide {
display: none;
}

/* Used on auto-generated tag pages and on some manually-generated index pages.
 * Basically anywhere that lists items alongside a description. */
.listing #content ul,
.listing #content ol {
  list-style-type: none;
  padding: 0;
}
.listing #content ul li,
.listing #content ol li {
  margin-bottom: 1em;
}

/* Used on links (by tag) pages. */
.links #content div.link {
  background-color: #fafafa;
  margin: 0.5em 0em 0.5em 0em;
  border: 1px solid #f2f2f2;
  padding: 0.5em;
}
.links #content div.link .desc {
  margin-top: 1em;
}

.outer_ads {
  width: 100%;
  overflow: hidden;
}
.ads {
  margin: 1em auto 0em auto;
}
#mainads {
  width: 728px;
}
#sideads {
  width: 160px;
}

table.vimtable th:first-child { width: 10em; }

/* Tag list columns */
#taglist {
  -webkit-column-width: 10em;
  -moz-column-width: 10em;
  column-width: 10em;
}
#taglist li {
  display: inline-block; /* Necessary */
  width: 10em;
}