/* Font style, size, colors, backgrounds */

body {
	background: #fff;
	color: #000;
	font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 87.5%;
	line-height: 1.6;
	}

h1, h2, h3, h4 {
	font-family: "Segoe UI", Georgia, Arial, Helvetica, sans-serif;
	line-height: 1.3;
	font-weight: normal;
	font-style: italic;
	}
	h1 {
		margin: 0.3em 0 0.15em;
		font-size: 2.143em;
		}
	h2 {
		margin: 0.7em 0 0.15em;
		font-size: 1.714em;
		}
	h3 {
		font-size: 1.357em;
		margin: 1em 0 0.1em;
		}
	h4 {
		margin: 0.8em 0 0.15em;
		font-size: 1.214em;
		}

code, kbd, pre {
	font-family: Consolas, "Lucida Console", monospace;
	}

pre {
	width: 100%;
	overflow: auto;
	line-height: 1.3;
	}

p code, dl code, ul code, ol code {
	background: #eee;
	padding: 0 3px;
	}

#content p, ul, ol, dl {
	margin: 0em 0 1em !important;
	}

a:link, #nav_links li a {color: #c00;}
a:visited {color: #955;} 
a:active {color: #d44;}
a:hover, #nav_links li a:hover {color: #f55;}

p#logo {
	margin-bottom: 2em;
	}
	#logo a, #logo span {
		font-family: "Segoe UI", Georgia, Arial, Helvetica, sans-serif;
		font-style: italic;
		line-height: 1.3;
		display: inline-block;
		min-width: 135px;
		height: 1.5em;
		padding-top: 112px;
		margin: 0.5em 0 0;
		font-size: 1.357em;
		background: url(logo.png) top left no-repeat;
		outline: none;
		text-decoration: none;
		color: #000;
		width: auto;
		width: expression(!this.minwidth ? (this.minwidth = (this.offsetWidth < 135) ? "135px": "auto") : this.minwidth );
		}
		#logo a:hover {
			color: #d00
			}

h3 small {
	color: #666;
	font-size: 100%;
	font-weight: normal;
	}

small, .date, .time, #crumbs, #footer {
	font-size: 0.857em;
	}
.date, .time {
	color: #666;
	margin-bottom: 1em;
	}

h2.comment { margin-top: 2em; }
.preview.cite { margin-bottom: 3em; }

blockquote, .reply, .areply {
	padding: 0 0 0 1em;
	margin: 1em 0 1em 2.308em;
	border-left-width: 0.214em;
	border-left-style: solid;
	}
blockquote {
	color: #630;
	border-left-color: #E4BB50;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
	}
.reply blockquote {
	background: transparent;
	margin: 1em 0 1em 2em;
	padding: 0 0 0 1em;
	color: #840;
	}
.reply {
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	padding: 0 1em;
	color: #333;
	border-left-color: #999;
	}
.reply.good {
	color: #000;
	border-left-color: #0b4;
	}


/* Forms */

textarea.comm_input { width: 99%; }

/* Layout */

html {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	}
	* html body {
		height: 100%; /* IE 6 */
		}
	html > body { /* Others */
		min-height: 100%;
		height: auto;
		}

body {
	height: 100%;
	position: relative;
	max-width: 1600px;
	min-width: 960px;
	margin: 0 auto;
	padding: 0;
	}

#crumbs {
	line-height: 2em;
	height: 2em;
	padding: 0 1em 0 7%;
	}

#center {
	padding: 2em 0 4em;
	}

#container {
	padding-top: 1px;
	width: 20%;
	left: 7%;
	position: relative;
	}

#content {
	position: relative;
	float: right;
	left: 335%;
	margin: 0 0 0 -300%;
	width: 300%;
	}

#nav_links {
	margin: 0;
	padding: 0 6% 0 0;
	float: right;
	line-height: 1.7em;
	}
	#nav_links li {
		padding: 0;
		margin: 0;
		list-style-type: none;
		float: left;
		margin-right: 1em;
		}
			#nav_links li a:active {
				outline: none;
				}
			#nav_links li span:before,
			#nav_links li a.current:before {
				content: '\2193\a0';
				}

.clearing {
	clear: both;
	}

#footer {
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	height: 3.3em;
	width: 100%;
	}
	#footer p {
		margin: 1em 6% 0 7%;
		}

#queries {
	float: right;
	}

#debug {
	margin: 0 1em;
	width: auto;
	}
	#debug .page_time {
		font-size: 0.8em;
		text-align: center;
		}
	#debug table {
		border-collapse: collapse;
		}
		#debug table td {
			border: 1px solid #ccc;
			font-family: Consolas, monospace;
			}
			#debug table td.tcl {
				text-align: center;
				}
			#debug table td.tcr {
				white-space: normal;
				width: 90%;
				}

#content table {
	border-collapse: collapse;
	}
	#content table td {
		border: 1px solid #ccc;
		padding: 0 3px;
		}
	#text table th {
		font-weight: normal;
		}

#text ul,
.post ul {
	margin: 1em 0;
	padding: 0 0 0 2em;
	}
	#text ul li,
	.post ul li{
		margin: 0;
		padding: 0 0 0 1.5em;
		list-style-type: none;
		text-indent: -1.214em;
		}

#menu .header {
	margin: 1.875em 0 0.3em 0;
	padding: 0;
	font-weight: bold;
	}
#menu ul {
	margin: 0;
	padding: 0;
	}
	#menu ul li {
		margin: 0.643em 0;
		padding: 0 0 0 1.5em;
		line-height: 1.2;
		list-style-type: none;
		text-indent: -1.214em;
		}
	#menu > ul li {
		text-indent: 0;
		padding: 0;
		}

#text ul li,
.post ul li,
#menu ul ul li {
	behavior: expression( !this.before ? this.before = this.innerHTML = '&mdash;&nbsp;' + this.innerHTML : '' );
	}
#text ul li:before,
.post ul li:before,
#menu ul ul li:before {
	content: '\2014\a0';
	}

img[align="left"] {
	margin-right: 1em;
	}
img[align="right"] {
	margin-left: 1em;
	}

table.cal {margin-bottom: 0.8em;}