@import "/style/common.css";

body {
	background: url(/style/cleanwhite/upperleftbg.jpg) no-repeat #FFF;
	margin:0px;
	padding:0px;
	
	font-family:verdana,serif;
	font-size:x-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;
}
html>body {font-size:small;}

/* sidebar stuff ======================== */

#sidebar {
	position:absolute;
	left:30px; top:110px;
	border:1px solid #000; /* border changed in details.css */
	padding:15px;

	background:#FFF;

	width:200px;
	
	z-index:0;

	/* the rest used to be in details.css */
	border-bottom:0px;
	border-right:0px;

	text-align:right;

	width:200px;
	
	voice-family:"\"}\"";
	voice-family:inherit;
	width:171px;
}
html>body #sidebar { width: 171px;}

#sidebar h1 {
	font-weight:bold;
	margin-bottom:5px;
	margin-top:15px;
	letter-spacing:1px;

	font-size:x-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;
}
html>body #sidebar h1 {font-size:small;}
#sidebar ul {
	margin:0px;
	margin-bottom:5px;
}
#sidebar ul li {
	margin:0px;
	list-style-type:none;
}

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

#content {
	margin-top:0px;
	margin-right:0px;
	margin-left:255px;
	padding:110px 30px 50px 0px;

	/*height:100px;*/
}

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

#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 */
	border: 1px solid #000;
	border-right:0px;

	padding:2px;
	padding-left:5px;

	margin-left:0px;
	margin-bottom:5px;
	margin-top:0px;

	background:url(/style/cleanwhite/greentowhite.jpg) right repeat-y #EBFFEB; /* (DFD gamma corrected) */
}
#content .toplevelheader h1 {
	border:0px;
	margin:0px;
	padding:0px;

	background:transparent none;
}

#content h1 {
	font-weight:bold;

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

/* following header rules (h2 -> h6) apply to all content everywhere */
#content h2, #content h3,#content h4,#content h5,#content h6 {
	display:block;
	
	padding-bottom:1px;
	border-bottom:1px solid #CCC;

	font-weight:bold;
	margin-top:0px;
	margin-bottom:5px;
	
	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 {
	margin-right:10%;
}
#content h3 {
	margin-right:15%;
}
#content h4 {
	margin-right:20%;
}
#content h5 {
	margin-right:25%;
}
#content h6 {
	margin-right:30%;
}

#content .section {
	margin-left:10px;
	margin-bottom:5px;
	clear:both;
}

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

#content h2 a {
	color: #000 !important;
}

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

#content p.date {
	font-style:italic;
	
	font-size:xx-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:x-small;
}
html>body #content p.date {font-size:x-small;}

code, pre.code {
	color:#006;
}

code, pre {	
	font-size:x-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;
}
html>body pre {font-size:small;}
pre.code {
	border-left:1px solid #AAA;
	padding-left:10px;
}

a {
	color:#099; /* (066 gamma corrected) */
	text-decoration:none;
}
a:hover {
	color:#00BFBF; /* (099 gamma corrected) */
	text-decoration:underline;
}

.search-term {
	color:#900;
}
a .search-term {
	color:#0AA;
	border-bottom:.1em dashed;
}
#content h2 a .search-term, div.thumbnail a .search-term {
	color:#900;
	border-bottom:none;
}


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

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

img.icon {
	border:0px;
}
div.thumbnail img {
	border:1px solid #000;
	padding:0px;
}

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

/* table stuff */
table {
	background:#F8FFFF;
	border:2px solid white; /* used since IE doesn't understand 'hidden', so it ignores the next one */
	border:hidden;
}
td, th {
	border:1px solid #CCC;
	border-left:1px solid #666;
	border-right:1px solid #666;
}
th {
	border-bottom:1px solid #666;
}

/* form stuff */
input.textbox, textarea.textbox {
	border:1px solid #000;
	color:#000;
	background:#EEE;
}
input.button {
	border:2px outset #888;
	color:000;
	background:#EEE;
}
input.button:active {
	border:2px inset #888;
}