body {
		background-color: #fff200;
		color: #000;
		font-family: "Courier New", Courier, monospace;
		font-size: .7em;
		background-image: url(/views/basic/images/middle-bg.jpg);
	 }
	 
	 a {
		text-decoration: none;
		color: #fff200;
		background-color: #000;
		
	 }
	 
	 a:hover {
		background-color: #fff200;
		color: #000;
	 }
	 
	 
	 .story {
		 line-height: 1.2em;
	 }
	 	.story p {
			margin-bottom: .5em;	
		}
		
		
	 #top {
		background-color: #fff; 
	 }
	 
	 #navigate .nav {
		 background-color: #000;
		 padding: 0 2px;
		 color: #fff;
	 }
	 	#navigate .nav .point {
			float: left;
			margin-right: 5px;
			text-transform: uppercase;
		}
			
			#navigate .nav .point a {
				display: inline-block;
				padding-top: 2px;
			}
	
	
	.traverse {
		margin-top: 20px;
		position: fixed;
	}
	.traverse .point {
		background-color: #000;
		margin-bottom: 3px;
		padding: 2px;
		width: 81px;
	}
		.traverse .point a {
			display: block;	
		}
	 
	 
	 
	 #middle div.left {
	 }
	 
	 .labels .label {
		background-color: #000;
		float: left;
		color: #fff;
		padding: 5px;
	 }
	 	 .labels .last {
			background-color: transparent; 
			color: #000;
		 }
	 
	.updates, .display {
		background-color: #000;
	}
		.item a {
			background-color: transparent;
		}
			.item a:hover {
				background-color: #fff200;
			}
		
		.updates .list .item {
			background-color: #2d2d2d;

			background-repeat: no-repeat;
			padding: 10px;
			background-position: 10px 0;
		}
		
		.item .title {

			font-size: 1.4em;
			display: inline-block;
			margin-bottom: 10px;
			
		}
			.item .title a {
				font-weight: lighter;
			}
		
		.item .site {
			font-size: 1.2em;	
			font-weight: bold;
			background-color: #424242;
			padding: 10px 5px 10px 10px;
			background-image: url(/views/basic/images/grey-95.gif);
			background-repeat: no-repeat;
			background-position: 10px 0;
			
		}
			.item .site a {
				display: inline-block;
				font-weight: lighter;
				color: #fff;
			}
				.item .site a:hover {
					color: #000;	
				}
			
			.item .site .duration {
				font-weight: lighter;
				font-size: .8em;
				font-style: italic;
				color: #888;
			}
			
		.item .tags, .display .tags {
			background-color: #383838;
			padding: 10px 5px 5px 5px;
			font-style: italic;
			background-image: url(/views/basic/images/grey-90.gif);
			background-repeat: no-repeat;
			background-position: 10px 0;
			
		}
			.display .tags {
				background-color: #000;
				color: #fff;
				background-image: none;
				padding: 10px;
			}
			.item .tags a,  .display .tags a {
				display: inline-block;
				font-weight: lighter;
			}
			
			.item .tags a {
				color: #aaa;	
			}
				.item .tags a:hover {
					color: #000;	
				}
				
				
	.words {
		color: #fff;
		padding: 10px;
	}
	.warn {
		color: #f00;
		padding: 5em;
	}
	.warn .title {
		font-size: 2em;
		font-weight: bold;
	}
	.warn .story {
		border-left: 5px solid #f00;
		margin: 2em 2em 2em 0.5em;
		padding: 1em 2em 1em 2em;
		font-size: 1.2em;
	}
	.right .warn {
		padding: 0;
		font-size: .8em;
	}
	.right .warn .story {
		padding: 0px 10px;
		margin: 5px 0 0 0;
	}
	

	#bottom {
		border-bottom: 1px solid #000; 
		margin-bottom: 50px;
		background-image: url(/views/basic/images/black_arrow.gif);
		background-repeat: no-repeat;
		background-position: 10px 0;
	 }
	 
/* edit */

	.edit {
		color: #fff;
		padding-top: 5px;
	}
	
	.edit ol {
		padding: 5px;
		background-color: #2d2d2d;
		margin: 5px 5px 0 5px;
	}
		.edit ol li {
			margin-bottom: 5px;	
		}
		
		.edit ol li label {
			display: block;
			margin-bottom: 5px;
		}
		
		.edit ol li input[type=text], .edit ol li input[type=password] {
			width: 96%;	
			padding: 3px;
		}
		
		.edit ol li.checkbox input[type=checkbox] {
			display: block;
			float: left;
		}
		
		.edit ol li.checkbox label {
			float: left;	
			margin: 5px 5px 0 5px;
		}
		
	.edit ol.submit {
		background-color: transparent;	
	}
	
	.edit ol.submit {
		background-image: url(/views/basic/images/grey-95.gif);
		background-repeat: no-repeat;
		background-position: 15px 0;
		margin: 0 5px;
		padding-bottom: 15px;
	}
		.edit ol.submit li {
			margin-bottom: 0;
			padding-top: 10px;
		}
		
	.edit input[type=submit] {
		border: none;
		border-style: outset;
		padding: 0 5px;
		margin: 0;
		/*background-color: #000;
		color: #fff;*/
		
		text-transform: uppercase;
	}
	
		.edit input[type=submit]:active {
			border-style: inset;	
		}
		

	@media screen and (-webkit-min-device-pixel-ratio:0) {
		body { 
			font-size: 0.90em;
		}
		
		.display .tags a {
				
		}
	}