/* ----------------------------------
reset css
---------------------------------- */	
	
	body,div,dl,dt,dd,ul,ol,li,pre,form,/*fieldset,*/input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}



/* ----------------------------------
Default font-styling for content area and editor
---------------------------------- */
table {border-collapse:collapse;border-spacing:0;}

body {
	


	
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
color:#575757;
	font: 20px/30px Georgia,Times,serif;


}
strong {
    font-weight:bold;
}
p {
		line-height:35px;
		
		margin-bottom:30px;
		
}

.event p {
   margin-bottom:30px;
}

h1,h2,h3,h4 {
	font-family: sans-serif;
}

h1, h2 {
    font-size: 30px;
    font-weight:bold;
   
    margin-top:0;
    display:block;
    margin-bottom:30px !important;
    line-height:30px;
}


h3 {
	font-weight:bold;
	margin-bottom:.5em;
}


li {
    list-style-type: square;
    margin-left:1em;
}



/* //////////End Default Styling/////////////////// */

.use {
	position:relative;
}

.use #arrow {

	background-image:url("use-anim.gif");
	background-repeat:no-repeat;
	background-position:left;
	position:absolute;
	width:47px;
	height:50px;
	left:298px;
	bottom:60px;
	z-index:100;

}


	body#inner {
	background-color:#f9f9f9;
	}
	
	
	a {
		color:red;
		text-decoration:none;
		border-bottom:1px dotted #F9B4A6;
	}
	
	a:hover {
		color:#000;
		border-bottom:1px solid #000;
	}
		.spacer {
			clear:both;
			height:1px;
		}
		#content {
			
			background-color:#fff;
			//min-height:400px;
		
			font-size:19px;
			line-height:28px;
			
			border:1px solid silver;
			padding:15px 20px 10px 20px;
			margin-left:320px;
	
		}
		
		#wrap {
			max-width:980px;
			margin:auto;
			padding-bottom:50px;
			position:relative;
			
		}
	
		#new {
			border-top:7px solid #BABABA;
			padding-top:10px;
			padding-bottom:30px;
		}
		
		#name {
			border:1px solid silver;
			position:fixed;
			top:0;
			height:40px;
			width:298px;
			
		}
		
		#name h1 {
			margin:0 !important;
			padding:8px 10px;
			
			font: 20px/30px sans-serif;
			font-size:18px !important;
			line-height:18px !important;
		}
		
		#meta {
			border:1px solid silver;
			position:absolute; 
			bottom:0;
			
			background-color:#fff;
			height:35px;
			margin-left:320px;
			padding-left:4px;
			
		}
		#meta a, #meta .deadLink {
			margin-left:15px;
			font-size:18px;
			
		}
		
		
		.fine, .fine a {
			font-size:12px !important;
			margin:0 !important;
		}

		.metaText h2 {
			color:#D5D5D5;
		}
		.metaText p {
			font-family:sans-serif;
			color:#BEBEBE;
		}
		.back {
			margin:0;
		}
		.back a {
			border:1px solid silver;
			background-color:#f9f9f9;
			width:60px;
			padding-top:5px;
			height:45px;
			display:block;
			text-align:center;
			margin: 10px 0;
			
			clear:both;
		}
		
		#inventory {
			
				
			width:298px;
			position:fixed;
			
			bottom:0;	/* this will keep it fixed to bottom */
			
			
			
			background-color:#fff;
	
			border:1px solid silver;
			
			padding-top:0;			
		}
		
		#inventory h2 {
			font-weight:bold;
font-size:26px !important;
line-height:50px;
margin-bottom:0 !important;
		}

		#content, #name {
			background-color:#fff;
			-moz-border-radius: 0 0 7px 7px;
			border-radius: 0 0 7px 7px;

			
		
		}
		
		#inventory,  #meta  {
			-moz-border-radius: 7px 7px 0 0;
			border-radius: 7px 7px 0 0;

		}
		
		#inventory li, #meta * {
		

		}
		
		#inventory h2 {
			padding-left:10px;
			padding-top:0;
			margin:0;
			font-size:21px !important;
			font-weight:bold;
			border-bottom:1px dotted silver;
		
		}
		
		.use h2 {
			
			
			-moz-border-radius: 7px 7px 0 0;
			border-radius: 7px 7px 0 0;
			background-color:#F1F1F1;
		
		}
		
		#inventory h3 {
		
			font-size:18px !important;
			font-weight:bold !important;
			margin-top:.2em;
			margin-bottom:0;
		}
		
		
	
		#inventory li {
			list-style-type:square;
			margin-left:1em;
			
			
			font-size:18px !important;
			line-height:26px !important;
		}
		


 .back a {

-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: -3px 3px 3px #f6f6f6;
-webkit-box-shadow: -3px 3px 3px #f6f6f6;
box-shadow: -3px 3px 3px #f6f6f6;
 }
		
		#list {
		
			width:288px;
			overflow:auto;
			
			bottom:0
			margin-bottom:30px !important;
		float:left;
		padding-left:10px;
		padding-bottom:10px;
		}
				
		#rail {
		
			
		
			overflow:auto;
			
			width:300px;
			
			min-height:100%;
			
			position:relative
			
		bottom:0;
			

			
		}
		.block {
			width:500px;
			float:right;
		}
	
		
		.old, .old * {
			color:#D5D5D5;
		}
		.old {
			height:auto !important;
			border-top:1px dotted #ededed;
			margin-bottom:15px;
			padding-top:15px;
		}
		#rail .old, #rail .old * {
			color:gray;
		}
		
		.deadLink {
			color: silver;
		}
		
		#objects, #thoughts {
			width:135px;
			float:left;
			padding-bottom:10px;
			
		}
		
		#thoughts {
			border-left:1px dotted silver;
			padding-left:10px;
		}
		
		

/*		#objects {
			border-top:3px solid #717171;
		}
		
		#thoughts {
			border-top:3px solid #B3B3B3;
		}*/

		body#title {
			background-image:url("binaryCircles.gif");
			background-repeat:no-repeat;
		background-position:bottom right;
	
		}
		html {
	height:100%;
		}
		.event {
			border-left:15px solid #EEEEEE;
/*			background-color: #FAFAFA;
			border: 1px solid #F6F6F6;*/
			padding-left:5px;
		}
		.event, .event * {
			font-family: sans-serif;
			font-size:19px;

		
			/*
			border:1px solid silver;
			padding:10px;
		
			margin-bottom:15px;
			
			
			-moz-border-radius: 7px;
			border-radius: 7px;
			background-color:#F1F1F1;*/
		}

* html #inventory { 
   width: expression( document.body.clientHeight > 400 ? "400px" : "auto !important" ); /* sets max-width for IE */
}

#txtHint {
	border:1px solid red;
	position:fixed;
	top:0;
	left:0;
	background-color:#fff;
	display:none;
}

#debug {
	padding:3px;
	position:fixed;
	display:none;
	height:600px;
	overflow:auto;
	top:0;
	left:0;
	width:150px;
	background-color:#fff;
	
}

	#debug * {
		font-size:11px;
		line-height:13px;
	}
	
	
	
	
	#debugForm input  {
		width:60px;
		border:1px solid #EEEEEE;
	}
	
	#debugForm * {
		float:left;
	}
	
	#debugForm .form_block {
		clear:both;
		margin-bottom:4px;
		border-top:1px dotted silver;
	}
	#debugForm label {
		width:70px;
		display:block;
	}
	
	#debugForm input.button  {
		margin-top:15px;
		width:100px;
	
	}
	
	#title {
		padding-top:150px;
		padding-left:50px;
		width:800px;
	
			
	}
	
	#title span {
	padding-right:10px;
font-size:80px;
		font-weight:normal;
	}

	
	#title p {
	margin-top:-40px;
		padding-left:7px;
	}
	
	#title h1 {
		background-image:url("theBinaryTitle.gif");
		text-indent:-9999px;
		width:573px;
		height:167px;
		line-height: 130px;

	margin-bottom:40px;
	font-size:150px !important;
	
	padding:auto;
}


.betaTesters li {
	margin-bottom:.5em;
}


.fine {
	font-size:11px;
	padding-left:20px;
	padding-right:15px;
}