@import "common.css";

body {
	margin:0px;
	padding:0px;
	
	width:100%;
	overflow:hidden; /* for IE 6's eyes only; overidden below */
	
	background: url(/style/metalslime/background.jpg) #6297C4 no-repeat right top;
	color:#00103F;

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

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

#sidebar {
	position:absolute;
	right:0px; top:185px;
	padding:32px 35px 250px 15px;

	background:url(/style/metalslime/lowerright.jpg) no-repeat right bottom;

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

#sidebar h1 {
	font-weight:bold;
	margin:0px;
	padding:0px;
	
	color:#001F79;

	font-size:small;
	height:25px;

	voice-family:"\"}\"";
	voice-family:inherit;

	font-size:1.1em;
}
html>body #sidebar h1 {font-size:1.1em;}
#sidebar ul {
	margin:0px;
	margin-bottom:5px;
	padding:10px;
	padding-top:6px;
}
#sidebar ul li {
	margin:0px;
	list-style-type:none;
}

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

#content {
	overflow:hidden;
	
	margin-top:0px;
	margin-right:260px;
	margin-left:0px;
	padding:185px 15px 15px 35px;
	
	background:url(/style/metalslime/title.jpg) no-repeat 20px 20px;

	/* this line-height fixes rendering bugs in IE 6 */
	line-height:1.2em;
}

/* 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 */
	margin:0px 120px 5px -15px;
	padding-top:32px;
	padding-left:15px;
	background:url(/style/metalslime/contentbartop.jpg) no-repeat 353px 0px;
}
#content .toplevelheader h1 {
	border:0px;
	margin:0px;
	padding:0px;

	background:none transparent;
	
	height:35px;
	voice-family:"\"}\"";
	voice-family:inherit;
	height:25px;
}
html>body #content .toplevelheader h1 {height:25px;}

#content h1 {
	font-weight:bold;
	color:#001F79;

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

/* following header rules (h2 -> h6) apply to all content everywhere */
#content h2, #content h3,#content h4,#content h5,#content h6 {
	display:block;
	
	font-weight:bold;
	margin-top:0px;
	margin-bottom:5px;
	margin-right:-20px;
	padding:3px 4px 5px 4px;
	
	clear:both;

	color:#001F79;

	font-size:small;

	voice-family:"\"}\"";
	voice-family:inherit;

	font-size:1.1em;
}
html>body #content h2, html>body #content h3, html>body #content h4, html>body #content h5, html>body #content h6 {font-size:1.1em;}

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

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

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

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

#content p.date {
	color:#B6E4FB;
	
	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:#003F5A;
}

code, pre {	
	font-size:x-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;
}
html>body pre {font-size:small;}
pre.code {
	background:#8FB5DB;
	padding:10px;
}

a {
	color:#3E00BC;
	text-decoration:none;
}
a:hover {
	color:#0000D4;
}

.search-term {
	color:#7DD6FB;
	font-weight:bold;
}
a .search-term {
	color:#2800BC;
}
#content h2 a .search-term, div.thumbnail a .search-term {
	color:#7DD6FB;
}

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

	float:right;
}
div.thumbnail a {
	color:#00103F !important;
}

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

img {
	border:2px solid #22345D;
}

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

/* table stuff */
table {
	border:2px solid #6297C4; /* used since IE doesn't understand 'hidden', so it ignores the next one */
	border:hidden;
}
td, th {
	border:2px solid #92CAFF;
	border-left:2px solid #92CAFF;
	border-right:2px solid #92CAFF;
}
th {
	border-bottom:2px solid #5BCAFE;
}

/* 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;
}