@import "/style/common.css";

html {
	height:100%;
}

body {
	margin:0px;
	padding:0px;
	
	height:100%;
	
	font-family:georgia,serif;
	
	background: url(/style/slimestone/topbg.jpg) #600 repeat-x;

	color:#F84;

	font-size:x-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;
}
html>body {font-size:small;}

/* menubar stuff ======================== */

#sidebar {
	margin:0px;
	padding:0px;
	padding-top:100px;
	width:100%;
	
	border-bottom:2px solid #200;
	
	background: url(/style/slimestone/upperleftbg.jpg) no-repeat;
}

#sidebar .section {
	padding:2px 5% 2px 5%;
	margin:0px;
	border-top:2px solid #200;

	text-align:justify;
	
	width:100%;
	voice-family:"\"}\""; /* the Tantek Hack */
	voice-family:inherit;
	width:90%;
}
html>body #sidebar .section {
	width:90%;
}

#sidebar h1 {
	display:block;
	float:left;

	padding:0px;
	margin:0px;
	
	width:150px;
	
	color:#F84;
	
	font-size:x-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;
}
html>body #sidebar h1 {font-size:small;}
#sidebar ul {
	display:block;
	min-height:1.5em; /* works in the browsers that require it */
	
	text-align:right;
	
	margin:0px;
	margin-left:150px;
	
	padding-top:1px;
	
	font-size:xx-small;
	word-spacing:18px; /* adds extra space between list elements in IE 5.5 */
	
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:x-small;
	word-spacing:-2px; /* removes extra space caused by space characters between list elements */
}
html>body #sidebar ul {font-size:x-small; word-spacing:-2px;}

#sidebar ul li {
	display:inline;

	word-spacing:0px;

	margin:0px;
	padding:0px;
	padding-right:5px;
	padding-left:5px;
}

/* content area stuff ================= */

#content {
	padding-right:5%;
	padding-bottom:100px;
	padding-left:5%;
	margin: 0px;
	
	height:100%;

	background: url(/style/slimestone/lowerrightbg.jpg) #480000 bottom right no-repeat;
	
	text-align:justify;
	
	voice-family:"\"}\"";
	voice-family:inherit;
	padding-top:20px; /* for browsers that dont see this (IE 5) we'll add the 20px as a margin of the first child, later on */
}
html>body #content { /* hidden from IE/Win */
	padding-top:20px;
	height:auto;
	min-height:100%;
}

#content .section {
	padding:0px 30px 0px 20px;
	border-left:2px solid #600;
	border-right:2px solid #600;
	
	clear:both;

	margin-top:20px;
	voice-family:"\"}\"";
	voice-family:inherit;
	margin-top:0px;
}
html>body #content .section {margin-top:0px;}

#content .section .section {
	padding:0px 0px 0px 15px;
	border:0px;
	margin:0px;
}

/* header (h1,h2,h3...) stuff ========= */

h1,h2,h3,h4,h5,h6 {
	font-family:helvetica,arial,sans-serif;
	letter-spacing:.1em;
	text-align:left;
}

#content .toplevelheader, #content h1 { /* the h1 in the case of the main page (h1 in a .toplevelheader div) is overruled in the next set of rules */
	position:absolute;
	right:5%;
	top:20px;
	
	margin:0px;
	padding:0px;
	padding-left:200px;
	
	text-align:right;
}
#content .toplevelheader h1 {
	position:static;
	padding:0px;
}

#content h1 {
	color:#FE9;
	font-weight:bold;
	
	font-size:x-large;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:xx-large;
}
html>body #content h1 {font-size:xx-large;}

/* following header rules (h2 -> h6) apply to all content everywhere */
#content h2, #content h3,#content h4,#content h5,#content h6 {
	display:block;
	
	padding:2px 4px;
	
	font-weight:bold;
	margin-top:0px;
	margin-bottom:5px;
	margin-right:-10px;
	
	color:#FC5;
	
	clear:both;
	
	font-size:x-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;
}
html>body #content h2, html>body #content h3,html>body #content h4,html>body #content h5,html>body #content h6 {font-size:small;}
#content h2 a {color:#FD6;}
#content h2 a:hover {color:#FE7;}
#content h2 {
	border:1px solid #700;
	background:#600;

	font-size:small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:medium;
}
html>body #content h2 {font-size:medium;}

#content h3 {
	border:1px solid #600;
	background:#500;
}
#content h4 {
	border:1px solid #500;
	background:#480000;
}
#content h5 {
}
#content h6 {
}

#content p {
	margin-top:0px;
	margin-bottom:15px;
}

/* Various aspects of the page ==================== */

#content p.date {
	font-style:italic;
	color:#B52;
	text-align:left;
}

code, pre.code {
	color:#F42; /* #FD6 */
}

code, pre {
	font-size:x-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;
}
html>body pre {font-size:small;}

code {
	padding-left:.1em;
	padding-right:.1em;
}

a {
	color:#FB6; /* #FE7 */
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color:#FD9; /* #FFA */
	text-decoration:underline;
}

.search-term {
	color:#FF9;
	border-bottom:.1em dashed;
}
a .search-term {
	color:#FF;
}
#content h2 a .search-term, div.thumbnail a .search-term {
	color:#FF9;
}

div.thumbnail { /* primarily for images page */
	text-align:center;
	padding:0px;
	margin:0px 5px 5px 0px;

	float:left;
}
div.thumbnail a {
	color:#F84 !important;
}

img.icon {
	border:0px;
}
div.thumbnail img {
	border:2px solid #300;
	padding:0px;
}

img {
	border:2px solid #300;
}

/* permalink stuff */
.permalink img {
	vertical-align:middle;
	margin-left:5px;
	border:0px;
	
	width:11px;
	height:16px;
	background: url(/style/slimestone/permalink.gif);
}
.permalink:hover {
	text-decoration:none;
}

/* table stuff */
table {
	border:3px solid #480000; /* used since IE doesn't understand 'hidden', so it ignores the next one */
	border:hidden;
}
td {
	border-bottom:1px solid #921;
}
td, th {
	border-left:2px solid #F42;
	border-right:2px solid #F42;
}
td:first-child, th:first-child {border-left:0px;} /* 'cause Opera seems to ignore the table borders */
th {
	border-bottom:2px solid #F42;
}

/* form stuff */
input.textbox, textarea.textbox {
	border:1px solid #FA6;
	color:#F84;
	background:#390000;
}
input.button {
	border:2px outset #800;
	color:#F95;
	background:#500;
}
input.button:active {
	border:2px inset #800;
}