/* $Id: styles-site.tmpl,v 1.33 2007/10/19 17:09:12 chip Exp $ */

body {
	background:	#fff url(/graphics/bg-quad-notebook.gif);
	margin-left:	30px;
}

h1, h2, h3 {
	padding:	0px;
	margin:		0px;
}

a, a:link, a:visited {
	color:		#000040;
	font-weight:	bold;
	text-decoration: none;
}

a:active, a:hover {
	color:		#404020;
	background-color: #ffffff;
}

/****************************************************************************/

/*
 * banner styles
 */

#banner {
	margin-bottom: 10px;
}

#banner a,
#banner a:link,
#banner a:visited {
	/* empty */
}

#banner a:active, #banner a:hover {
	color: transparent;
	background-color: transparent;
}

*/

/****************************************************************************/

/*
 * container to hold two-column content: #content, #links
 */

#outer-container {
/*
	position:	relative;
	top:		0;
	left:		0;
*/
}

/****************************************************************************/

/*
 * left column content - main blog
 */

#content-positioning {
/*
	position:	absolute;
	top:		0;
	right:		20.5em;
*/
	width:		63%;
	float:		left;
}

#content {
	background:	#f8f4e0;
	color:		#000000;
	font-family:	georgia, serif;
	font-size:	medium;
	font-weight:	normal;
	border:		1px solid #004;
	margin-left:	3px;	/* so col aligns with left edge of banner */
	margin-bottom:	10px;	/* blank space at page bottom */
}

.blog {
	padding-left:	10px;
	padding-right:	10px;
}

.blogbody {
	line-height:	120%;
}

.blogbody .mailmessage { /* style for use in blogbody */
	font-family:	monospace;
	font-size:	smaller;
	line-height:	110%;
	padding-left:	2em;
}

.blogbody DT {
	margin-bottom:	0.5em;
}

.blogbody DD {
	margin-bottom:	1em;
}

.blogbody a,
.blogbody a:link,
.blogbody a:visited,
.blogbody a:active,
.blogbody a:hover {
	font-weight:	normal;
	text-decoration: underline;
}

.extended {
	font-style:	italic;
}

.title {
	font-family:	verdana, arial, sans-serif;
	font-size:	large;
	color:		#000;
	font-weight:	normal;
	padding:	4px;
	border-top:	1px solid #999;
	border-left:	1px solid #999;
}

#menu {
	font-family:	verdana, arial, sans-serif;
	background:	#f8f4e0;
	text-align:	center;
	margin-top:	1em;
	margin-bottom:	1em;
}

.archives-title {
	margin-top:	0.5em;
	margin-bottom:	0.5em;
}

.date {
	font-family:	verdana, arial, sans-serif;
	font-size:	small;
	font-weight:	bold;
	color:		#000;
	padding-left:	5px;	/* to align with .title */
	margin-top:	1em;
	margin-bottom:	5px;
}

.posted {
	font-family:	verdana, arial, sans-serif;
	font-size:	small;
	line-height:	120%;
	color:		#000000;
	margin-bottom:	2em;
}

/****************************************************************************/

/*
 * right column content - navbar
 */

#links-positioning {
	width:		36%;
	float:		right;
/*
	position:	absolute;
	top:		0;
	right:		0;
	width:		20em;
*/
}

#links {
	color:		#000;
	font-family:	verdana, arial, sans-serif;
	font-size:	small;
	font-weight:	normal;

	padding-top:	0;
	padding-bottom:	5px;
	padding-left:	5px;
	padding-right:	5px;
	border:		1px solid #004;
	margin-bottom:	10px;
	margin-right:	5px;
}

#links HR {
	border-top:	none;
	border-left:	none;
	border-right:	none;
	border-bottom:	1px solid #000;
}

.calendar {
	background:	#ecf0f2;
	line-height:	140%;
	text-align:	center;
	padding:	2px;
	margin-bottom:	8px;
}

.calendarhead {
	background:	#ecf0f2;
	font-weight:	bold;
	line-height:	140%;
	padding:	5px;
}

.sidetitle {
	background:	#ecf0f2;
	font-family:	georgia, serif;
	font-size:	medium;
	font-weight:	bold;
	letter-spacing:	.1em;
	text-align:	center;
	padding:	2px;
	border-bottom:	1px dotted #000000;
	margin-top:	4px;
}

.side {
	background:	#ecf0f2;
	line-height:	120%;
	padding:	5px;
	margin-bottom:	8px;
}

.sidenotice {
	background:	#f2e0e0;
	font-size:	medium;
	text-align:	center;
	padding:	5px;
	border:		1px dotted #000000;
	margin-bottom:	8px;
	margin-top:	8px;
}

.sidenotice a,
.sidenotice a:link,
.sidenotice a:visited,
.sidenotice a:active,
.sidenotice a:hover {
	font-weight:	normal;
	text-decoration: underline;
}

/****************************************************************************/

.comments-body {
	background:	#f8f4e0;
	color:		#000;
	font-family:	georgia, serif;
	font-size:	medium;
	font-weight:	normal;
	line-height:	140%;
	padding-bottom:	10px;
	padding-top:	10px;
	border-bottom:	1px dotted #999;
}

.comments-instructions {
	color:		#444444;
	font-size:	small;
	line-height:	100%;
}

.comments-attribution {
	background:	#f8f4e0;
	color:		#000;
	font-family:	verdana, arial, sans-serif;
	font-size:	small;
	font-weight:	normal;
}

.format-control {
	font-family:    verdana, arial, sans-serif;
	font-size:      small;
	line-height:    120%;
	color:          #000000;
}

.format-control a,
.format-control a:link,
.format-control a:visited,
.format-control a:active,
.format-control a:hover {
	font-weight:    normal;
	text-decoration: underline;
}

.comments-head {
	background:	#f8f4e0;
	color:		#000;
	font-family:	georgia, serif;
	font-size:	medium;
	font-weight:	bold;
	border-bottom:	1px solid #999;
	margin-top:	20px;
}

#banner-commentspop {
	background:	#003366;
	color:		#ffffff;
	font-family:	georgia, serif;
	font-size:	large;
	font-weight:	bold;
	padding-left:	15px;
	padding-right:	15px;
	padding-top:	5px;
	padding-bottom:	5px;
	border-left:	1px solid #000000;
	border-right:	1px solid #000000;
	border-top:	1px solid #000000;
}

/****************************************************************************/

.right {
	float: right:
	margin-left: 0.5em;
}

.left {
	float: left:
	margin-right: 0.5em;
}

.pad-top {
	margin-top: 0.5em;
}

.pad-bottom {
	margin-bottom: 0.5em;
}