/* CSS Document */

body {
    background-color:white;
	border: 0px;
	margin: 0px;
	background: none;
	background: url(../img/bg_coding1.gif) top left no-repeat;
}



#Header {
	z-index:1;
	margin:0px;
	height: 1px;
	width: 100%;
	left: 0px;
	background-color:none;
    background: none;
	
	/**/
	position: absolute;
	height: 160px;
	background: url(../img/bg_coding2.gif) bottom right no-repeat;
float:none;
  }


#Content {
    margin: 0px;
	width: inherited;
	min-width: 200px;
	min-height: 550px;
    z-index:99;
    padding:0px;
	position:inherit;
	
	/**/
	position: relative;
	top: 0px;
    

}

#Leftbar {
	z-index: 10;
    float: left;
    /*top right bottom left */
	width: 100%;
    height: auto;
	min-height: 0px;
    position: relative;
    left: 0px;
    top:  0px;
	border: 0px;
	margin: 0px;
	/**/
	margin: 20px;
	margin-bottom: 20px;
	width: inherit;
	
  }
  
 #Stories {
	z-index: 99;
    margin: 0px;
    border: 0px;
	width: 100%;
	position: relative;

}

  
 #Menu {
 	z-index: 99;
 	position: inherit;
 	top: 0px;
	margin-top:  10px;
	margin-left: 10px;
	background-color:none;
	
	/**/
	position: relative;
	padding: 0px;
	left: 0px;
	width:160px;
	float: none;
 }
 
#Navigation {
	width:inherit;
	z-index: 99;
	position: inherit;
	float:none;
	padding:0px;
	margin: 0px;
	margin-top: 0px;
	left: 0px;
	margin-left: 10px;

	position: relative;
	margin-bottom: 20px;
}


#Navigation a {
	text-transform:uppercase;
	text-decoration:none;
	display:inline;
  }

#Navigation p {
	padding:0px;
	margin: 0px;
	top: 0px;
	left: 0px;
}


.Story {
	z-index: 99;
	max-width:800px;
	width: 75%;
	padding-left: 20px;
   	padding:0px 10px 10px 10px;/*top right bottom left */
	margin: 0px auto 60px 10%;
  }
  
.Story h1 {
    color: #ff9900;
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:18px;
	font-variant:small-caps;
	font-weight:bold;
	margin-bottom: 2px; 

  }

.Story h2 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:14px;
    color: black;
	font-weight:bold;
	margin-bottom: 1px; 

  }


.Story img {
	border-style:none;
	border-width:0px;
	border-style:none;
	float: none;
	vertical-align: text-baseline;
	}


  .StoryCont {
	font-weight : bold;
	font-size: 1em;
	text-align: right;
	padding: 0px;
	margin: 0;
}

  
 .File {
    background-color : #B3B3B3;
    border : 1px;
    border-color : black;
    border-style : dotted;
    font-family : 10px; Courier,serif;
    margin : 5px;
    padding: 5px;
    /* max-width:800px;*/
	width: inherited;
    text-decoration : none;
    white-space : pre;
    font-family:"Courier New", Courier, mono;
  }


.Console {
    background-color:#DFDFDF;
    padding:5px;
    margin: 5px;
    /* max-width:800px;*/
	width: inherited;
    font-family:courier,serif;
    text-decoration:none;
    border-style:dotted;
    border-color:black;
    border-width:1px;
    font-family:"Courier New", Courier, mono;
  }

.File:hover p { background-color: #ff8; }
.File:hover td { background-color: #ff8; }