* {
	padding: 0px;
	margin: 0px;
}

body {
	background-image: url('images/background.png');
	background-repeat: repeat-x;
}
#header {
	margin-bottom: 30px;
}

#top_menu {
	background-image: url('images/header_background.png');
	height: 30px;
	width: 100%;
	border-bottom: thin solid black;
}

#top_menu ul {
	float: right;
	margin: 10px 20px 0 20px;
	padding: 0;
	list-style: none;
}

div.story_footer {
	padding: 5px;
	background-color: rgb(245,245,255);
	border: thin solid rgb(173,174,194);
	font-size: 12px;
}

.unmarked * {
	list-style: none;
	text-decoration: none;
}

#top_menu ul li a{
	text-decoration: none;
	display: block;
}
#top_menu ul li{
	float: left;
	margin: 0 0 0 3px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: white;
	font-weight: bold;
	border: thin solid black;
	border-bottom: none;
}

#white {
	background: white;
}

#banner {
	background-image: url('images/header.png');
	background-repeat: no-repeat;
	height: 55px;

}

#bottom_menu {
	border-top: thin solid black;
	background-image: url('images/header2_background.png');
	background-repeat: repeat-x
}

#bottom_menu ul {
	float: right;
	margin: 0 0px 0 0px;
	padding: 0;
	list-style: none;
}

#bottom_menu ul li{
	float: left;
	margin: 0 0 0 3px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: rgb(172,172,184);
	font-weight: bold;
	border: thin solid black;
	border-top: none;
}

#bottom_menu .button *{
	text-decoration: none;
	font-weight: bold;
	color: black;
}

#bottom_menu .button{
	padding: 4px 4px 4px 4px; 
}

#content {
	position: relative;
	background: rgb(255,255,255);
	width: 80%;
	left: 10%;

	padding: 30px 20px 20px 20px;
	margin-bottom: 20px;

	border: thin solid gray;
	border-bottom: none;
}

.clearfix:after {     
	content: ".";
	display: block;  
	height: 0;
	clear: both;
	visibility: hidden;
} 
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */

#content .text {
	float: left;
	width: 70%;
	// border: thin solid gray;
	padding: 10px;
}

#content .text .container {
	margin-bottom: 25px;
	padding: 10px 10px 30px 25px;;
	border-bottom: thin solid black;
}

#content .text .container .header{
	background: rgb(240,244,244);
	font-size: 130%; 
	font-weight: bold;
	margin-bottom: 25px;
	padding: 3px 3px 3px 10px;;
	border: thin solid black;
}

#content .text h1 {
	color: rgb(101,106,200);	
	padding-bottom: 30px;
	padding-top: 20px;
}

#content .text h2 {
	color: rgb(71,76,170);	
	padding-bottom: 10px;
	padding-top: 20px;
}

#content .text p {
	padding-bottom: 15px;
}

#content .text ul {
	padding-left: 15px;
}

#content .side {
	float: right;
	background-color: rgb(245,245,255);
	border: thin solid rgb(173,174,194);
	padding: 20px;
	width: 20%;
}

#content .side p{
	margin-bottom: 10px;
}

#content .side ol {
	list-style-type: lower-greek;
}

#content .side h1{
	margin-bottom: 10px;
	border-bottom: thin dashed rgb(173,174,194);
	font-family: "Arial" ,sans-serif;
	font-size: medium;
	color: rgb(103,104,134);
	padding-top: 20px;
	text-align: right;
}

div.footer {
	position: relative;
	left: 50%;
	font-size: 10px;
	color: red;
}

div.story {
	padding-top: 20px;
	padding-bottom: 10px;

}

div.story_body {
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	border-left: thin solid rgb(173,174,194);
	border-right: thin solid rgb(173,174,194);
}

.story_header:before {
 background: transparent url(http://langly.org/images/top-right.png) scroll no-repeat top right;
 margin-bottom: -20px;
  height: 30px;
  display: block;
  border: none;
  content: url(http://langly.org/images/top-left.png);
  padding: 0;
  line-height: 0.1;
  font-size: 1px;
}

.h-right {
	position: relative;
	top: 10px;
}

#content .text .story .story_header{
	background-color: #9eb0d2;
	font-size: 130%; 
	font-weight: bold;
	padding: 0px 0px 0px 0px;;
	border-bottom: thin solid rgb(173,174,194);
}

#content .story_header a {
	margin-left: 25px;
	color: white;
	text-decoration: none;
}

.blosxomComment {
	border-bottom: thin solid black;
	margin-bottom: 20px;
}

.blosxomComment p.story_title{
	font-size: medium;
	font-style: italic;
}

// Lightbox stuff..

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(http://langly.org/scripts/overlay.png); }

* html #overlay{
 	background-color: #000;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://langly.org/scripts/overlay.png", sizingMethod="scale");
}