/* Words Into Bytes Stylesheet */
/* 2002-10-23. Edited "summer" style sheet to introduce new color scheme. */
/* Colors from p. 83 The Designer's Guide to Global Color Combinations */
/*		pale blue rgb(223,238,234)
		Medium teal rgb(145,194,176)
		Dark blue rgb(9,75,149)
		navy
/* 2003-01-14. Reduce font size */
/* 2003-01-19. Increase width of links column */
/* 2003-11-09. Some tweaks for contributors page */
/* 2003-12-28. Added postcard div to replace excerpt on individual page. */
/* 2004-12-13. Added H to use headings instead of strong. */

	body {
		margin: 0px 0px 0px 0px;
		color:#fff; background-color:#003;
		font-family: "Trebuchet MS", verdana, sans-serif;
		font-size: 12px;
	}
	A {
		font-family: verdana, sans-serif; font-size:11px; font-weight:bold; 
		text-decoration: none; } 
	A:link	{ color: #366; background-color:transparent; text-decoration: none; } 
	A:visited	{ color: #003; background-color:transparent;text-decoration: none; } 
	A:active	{ color: #003; background-color:#fc6; } 
	A:hover	{ color: #003; background-color:#fc6; } 

	#banner {
		color:rgb(223,228,234); background-color:rgb(9,75,149);
		border-top: 12px solid rgb(145,194,176);
		padding-top:24px;
		padding-left:60px;
		padding-bottom:9px;
		margin-bottom:3px;
		letter-spacing:0.2em;
	}

	span.bannerName {
		font-size:36px;
		line-height:1.1;
		font-weight:normal;
		text-transform:uppercase;
	}

	span.description {
		font-size:12px;
		font-weight:normal;
		text-transform:none;
	}

	#content {
		color:#000; background-color:#fff;
		float:left;
		width:400px;
		border-left: 120px solid rgb(223,238,234);
		border-right: solid 10px #fff;
	}

	div.blog {
		color:#000; background-color:#fff;
		padding-left:15px;
		padding-top:15px;
		padding-right:15px;
	}

	div.date	{ 
		color:#666; background-color:#fff; 
		font-size: 12px; 
		border:1px solid #999;
		padding:5px;
		margin-bottom:10px;
	}

	div.blogbody {
		color:#333; background-color:#fff;
		font-size:12px;
		font-weight:normal;
		line-height:16px;
		padding-left:10px;
		padding-right:10px;
		padding-top:10px;
	}	

	span.title { 
		font-size: 14px; 
		color: rgb(9,75,149); background-color:#fff; 
		text-transform: uppercase;
		font-weight:bold;
		margin-bottom:0px;
	}

	div.posted	{ 
		font-size: 11px; 
		color: rgb(9,75,149); background-color:#fff;
		margin-bottom:15px; 
	}

	#links {
		float:left;
		width:240px;
		padding-left:10px;
		padding-bottom:20px;
		border-right: solid 10px #fff;
		color:#000; background-color:#fff;
	}

	div.postcard {
		position:absolute;
		top: 89px; left: 516px;
		width:348px;
		padding-bottom:20px;
	}

	div.excerpt {
		color:#000; background-color:rgb(223,238,234);
		margin-top:1em;
		border-right:10px solid #fff;
		padding:10px;
		margin-left:15px;
		font-size:12px;
		font-weight:normal;
		line-height:14px;
	}

	#menu {
		margin-bottom:15px;
		text-align:justify;
	}	

	div.sidetitle {
		color:#fff; background-color:rgb(145,194,176);
		border-right: 1px solid #666;
		border-bottom: 1px solid #666;
		font-size:9px;
		font-weight:bold;
		line-height:14px;
		padding:10px 2px 2px 2px;
		text-align:center;
		text-transform:uppercase;
		letter-spacing:0.5em;
	}

	div.side {
		color:#333; background-color:#fff;
		font-size:10px;
		font-weight:bold;
		line-height:14px;
		padding:2px 10px 2px 5px;
	}
	
	div.credits {
		color:#333; background-color:#fff;
		font-size:10px;
		font-weight:bold;
		line-height:14px;
		padding:2px;
		text-align:center;
	}
	
	div.syndicate {
		font-size:9px;
		font-weight:bold;
		line-height:14px;
		padding:2px;
		margin-top:10px;
		text-align:center;
		color:#000; background-color:#fff;
	}	

	div.powered {
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		color:#366; background-color:#fff;
		font-size:9px;
		line-height:14px;
		font-weight:bold;
		text-transform:uppercase; 
		padding:2px;
		margin-top:10px;
		text-align:center;
		letter-spacing:0.2em;
	}	

/* This can be either a div or a span */
	.comments-post {
		color:#333; background-color:#fff;
		font-size:10px;
		font-weight:normal;
		border-top: 1px solid rgb(145,194,176);
		border-left: 1px solid rgb(145,194,176);
		margin-top:24px;
		padding: 3px;
	}

	.comments-body {
		color:#333; background-color:#fff;
		font-size:12px;
		font-weight:normal;
		line-height:14px;
		padding-left:10px;
		padding-right:10px;
		margin-top:0;
	}
		
	.comments-head	{ 
		color:#333; background-color:#fff;
		border:1px solid #999;
		padding:5px;
		font-weight:normal;
		margin-top:10px;
	}

	#banner-commentspop {
		color:#fff; background-color:#366;
		font-size:16px;
		font-weight:bold;
		border-top:3px solid #rgb(145,194,176);
		padding:15px; 
	}

	b, strong {
		color: rgb(9,75,149); background-color:transparent; 
		font-weight:200;
	}
	
	h1, h2, h3 {
		font-size: 12px;
		color: rgb(9,75,149); background-color:transparent;
		margin-bottom:0px;
		padding-bottom:0px;
	}

	img {
		border: 1px solid rgb(9,75,149);
	}

	blockquote {
		border: 1px dotted rgb(145,194,176);
		padding: 5px;
	}


/* This is for inline quotes and generates the quotation marks. */
	q {
		color: #000; background-color:rgb(223,238,234)
	}