/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */



	body {
	margin: 0;
	padding: 0;
	font-family: courier, sans-serif;
	color: #999999;
	background-color: #FFFFFF;
	font-size: 12px;
	}
		
		
		
		a {
		color: #333;
		}
		
		a:hover {
		color: #F30;
		}
		
		
		#container
		{
		
		
	width:839px;
	margin:0px auto;
	margin-top: 10px;
	
	text-align:left;
	padding:40px;
	padding-top:5px;
	background-color:transparent;
		}
		
		
		#story_title {
		background-color: 	transparent;
		height: 20px;	
		margin-top: 570px;
		margin-left: 95px;
		color: #111111;
		font-size: 14px;
		}
		
		
		#navcontainer {
		background-color: white;
		height: 20px;
		margin-bottom: 16px;
		padding: 3px;
		text-align: center;
		float: left;
		width: 829px;
		border: 1px solid #CCC;
		}
		
		#navcontainer ul {
		margin: 0 auto;
		
		background-color: white;
		padding-top:5px;
		}
		
		#navcontainer li {
		background-color: white;
		float: left;
		border-right: 1px solid #CCC;
		}
		
		#navcontainer li a {
		padding: 10px;
		
		}		
		
		
		.last {
		border-right: 0px;
		}
		
		.selected {
		color: #F30;
		}
		

		
		
		#content {
		padding-top: 0;
		margin:0px auto;
		/*margin: 0 2em 0 150px;*/
		}
		
		#content img {
		float:right;
		background-color: #FFFFFF;
		padding:16px;
		width: 730px;
		height: 490px;
		border: 1px solid #D0D0D0;
		}

		#content_address {
		padding:10px;
		background-color: white;
		text-align:center;
		padding-top:200px;
		width:865px;
		height: 375px;
		border:1px solid #e3e3e3;
		}
		
		#thumbnails {
		float:left;
		padding:0px;
		margin-right: 8px;
		background-color:transparent;
		width:60px;
		
		}
		
		#thumbnails a {
		font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
		color: #999;
		}
		
		#thumbnails ul{
			list-style-type: none;
		}
		
		#thumbnails li {
		float:left;
		padding:0px;
		}
		
		#thumbnails img {
		width: 60px;
		height: 40px;
		border:none;
		margin-bottom: 4px;}
		
		
		#description {
		background-color: transparent;
		height: 20px;	
		margin-top: 570px;
		margin-left: 82px;
		}
		
		#logo {
		text-align: right;
		float:right;
		
		}
		
		#contact {
		text-align:center;
		border: 1px solid #ccc;
		height: 490px;
		width: 839px;
		background-color:transparent;
		margin-top: 40px;
		
		}
		
		#contact p {
		line-height: 2em;
		font-size: 1.2em;
		}
		
		
		#footer
		{
			padding-top:40px;
			clear: both;
			background-color: transparent;
			text-align: right;
		}
		
		
		#login {
		background-color: transparent;
		text-align: center;
		padding: 15px;
		}