/*
   BAU 20031125:
   This tylesheet is drived from http://maikimo.net/, with
   my own modifications.  Where practical, Mike James'
   original attributions have been maintained.

   MWJ 20020615:
   These CSS styles are a combination of MT default styles plus  
   ones from Eric Costello's freely-available CSS layouts at 
   http://glish.com/css/. Thanks, Ben, Mena, and Eric!
   
   MWJ 20021213: 
   Updated to incorp v2.51 Plain Jane stylesheet content from
   http://www.movabletype.org/default_styles.shtml
	
   $Id: styles-site.css,v 1.95 2003/11/21 18:25:32 mwjames Exp $
   	
*/

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
/* MWJ 20020615, 20021214:
   Page layout style defs: pageframe, banner (title block), 
   leftcontent (links sidebar), centercontent (blog content), 
   rightcontent (photos from photoblog)
*/


#pageframe {			/* creates most of lower page hairline frame  */
	background: #FFFFFF;
	margin: 0px;
	margin-bottom: 12px;
	padding: 0px;
	border:1px solid;
	/*
	IE5.x/Windows mis-implements the box model . . .
	Above values for IE5.x, below for correct browsers.
	*/
	voice-family: "\"}\"";
	voice-family: inherit;
		margin-right: 0px;
		margin-bottom: 10px;
	}
/* Be nice to Opera 5 */
html>body #pageframe {
	margin-right: 0px;
	margin-bottom: 10px;
	}

#container {
	background: #FFFFFF;
	margin: 0px;
	margin-bottom: 12px;
	padding: 0px;
	border:1px solid;
	/*
	IE5.x/Windows mis-implements the box model . . .
	Above values for IE5.x, below for correct browsers.
	*/
	voice-family: "\"}\"";
	voice-family: inherit;
		margin-right: 0px;
		margin-bottom: 10px;
	}
/* Be nice to Opera 5 */
html>body #container {
	margin-right: 0px;
	margin-bottom: 10px;
	}



#banner {				/* title block with background image */

	/*	MWJ 20021212: provides main index banner background. Idea from 
	http://www.webreference.com/authoring/style/sheets/headlines/6.html

	$Id: bannerbg.sty,v 1.4 2003/06/20 04:01:57 mwjames Exp $
*/

	background-color: #BDC6DC;
	background-repeat: no-repeat;

	background-image: url(images/banner/kite.jpg);
	background-position: 0px -40px;	


	height: 90px;
	padding:15px; 
	padding-bottom: 0px;
	border-top:1px solid;	/* draws banner's part of topmost page border */
	border-right:1px solid;	/* any value on main page masked under rightcontent 
							   but needed on category archive pages*/
	border-bottom:1px none;	/* if used, draws unnecessary border between 
							   banner and centercontent */
	border-left:1px solid;	/* draws banner's part of leftmost page border */
	/*
	IE5.x/Windows mis-implements the box model . . .
	Above values for IE5.x, below for correct browsers.
	*/
	voice-family: "\"}\"";
	voice-family: inherit;
	height:74px;
	}
html>body #banner {
	height:74px;
	}
	
#banner h1 {
	padding:10px 10px 0px 10px;
	margin:0px;
	}

#leftcontent {				/* left sidebar for links, fixed width */
	left:10px;
	top: 100px;
	width:320px;
	background:#FFFFFF;
	}

/* Eliminate left sidebar for mobile */
@media only screen and (max-width: 900px) {
    #leftcontent {
        display: none;
    }
}

#centercontent {			/* main blog content, fluid width */

	background:#FFFFFF;
	border-left:1px solid #BEBEBE; /* draws border between left- and center */
	max-width:800px;

	}
	

/* MWJ 20030518: Making room for a right sidebar in indiv archive template */
#centercontent-indiv {			/* main blog content, fluid width */

        /* MWJ 20030710: ensure pageframe encompasses rightcontent     */
        /* Would be better if not static but calc'd relative to height */
        /* of rightcontent, but I don't yet see how to do that.        */
        min-height: 44em;

	background:#FFFFFF;
	margin-left: 0px;
	margin-right: 213px;
	border-top:1px none;	/* if used, draws unnecessary border between 
							   banner and centercontent */
	border-right:1px solid #BEBEBE;	/* draws border between center- and 
										   rightcontent */
	border-bottom:1px none;	/* if used, draws unnecessary border between 
							   centercontent and pg's bottom border*/
	border-left:1px none; /* draws border between left- and 
									    rightcontent */
	/*
	IE5.x/Windows mis-implements the box model . . .
	Above values for IE5.x, below for correct browsers.
	*/
	voice-family: "\"}\"";
	voice-family: inherit;
		margin-left: 0px;
		margin-right: 210px;
	}
/* Be nice to Opera 5 */
html>body #centercontent-indiv {
		margin-left: 0px;
		margin-right: 213px;
	}


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
/* MWJ 20020615, 20021215: 
   Various HTML tag definitions
*/

/* MWJ 20030126: changed link formatting again */
a:link		{ 
	color: #6688aa; /* #666 dark cyan */
	text-decoration: underline;
    }
a:visited		{ 
	color: #666666; /* #00666 brighter cyan */
	text-decoration: underline;
    }
a:active,
a:hover		{ 
	color: #004488; /* #006666 slightly brighter cyan */
	text-decoration: underline;
    }

b {
	font-weight: bold;
	}

blockquote {
	margin: 1em 4em 1em 0.5em;
	padding: 0.5em 10px 0.5em 10px;
	border-top: solid 1px #C0C0C0;
	border-right: solid 1px #C0C0C0;
	border-bottom: solid 1px #C0C0C0;
	border-left: solid 4px #C0C0C0;
	background: #EFEFEF;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	font-style: normal;
	}

blockquote a,
blockquote a:link,
blockquote a:visited,
blockquote a:active,
blockquote a:hover	{
	text-decoration: none;
	}
	
body {
	background: #AAAACC; /* slate gray */
	margin:10px 10px 10px 10px;
	padding:0px;
	}

li {
	/*
	margin-bottom:10px;
	font-size:18px;
	line-height:130%;
	*/
	margin-bottom:5px;
	}

h1 {
	font-size:18px;
	padding-top:10px;
	}

h1, h2, h3, h4, h5, h6 {
	margin:0px 10px 0px 5px;
	padding: 0px;
	}
	
/* MWJ 20030612: didn't really need all banner links special, only h1 */
h1 a,
h1 a:link,
h1 a:visited,
h1 a:active,
h1 a:hover	{
		font-family: verdana, arial, sans-serif;
		font-size: 28px;
		color: #FFCC33; 
		text-decoration: none;
		}

ol {
	margin-right:40px;
	}

p {
	margin:5px 20px 20px 5px;
	font-size:18px;
	line-height:150%;
	}

sup, sub { line-height: 0; }

table { border-collapse: collapse }

th {
	vertical-align:top;
	font-size:18px;
	line-height:150%;
	}

td {
	vertical-align:top;
	font-size:18px;
	line-height:150%;
	}

pre {
	margin:12px 12px 12px 20px;
	font-size:18px;
	}

pre.code {
        background: #CFECE2; padding: 4px 8px;
}

xmp {
	margin:12px 12px 12px 20px;
	font-size:18px;
	}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
/* MWJ 20020615, 20021215: 
   Various class definitions
*/
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
/* MWJ 20020617: from The Web Standards Project (WaSP) at 
   http://webstandards.org/act/campaign/buc/tips.html.

   Compliant browsers heed this style and hide the ahem div on main
   page; noncompliant browsers like Netscape 4.x overlook this style 
   and show the ahem div.
*/

.ahem {
	display:none;
	}
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

.blog {
	padding-left:15px;
	padding-top:10px;
	padding-right:15px;	
	/* MWJ 20030109: make archive page content easier to read */				
	/*
	width: 80%;
	*/
	max-width:800px;
	}	

.blogbody {
	font-family:verdana, arial, helvetica, sans-serif;
	/*
	color: #666;
	color: #333;	   make darker gray for better legibility 
	*/
	color: #000;	/* MWJ 20030611: goto black; gray's hurting my eyes */
	font-size:18px;
	line-height:150%;
	font-weight:normal;
	background:#FFFFFF;
	padding:10px;
	}

.calendar {
	font-family:verdana, arial, sans-serif;
	color:#666;
	font-size:18px;
	font-weight:normal;
	}

.calday {
	width:14%;
	padding:1px;				
	}

.calendarhead {	
	font-family:verdana, arial, sans-serif;
	color:#CC9933;
	font-size:18px;
	font-weight:bold;
	background:#FFF;
	line-height:150%;				
	}	

.comments-body {
	font-family:verdana, arial, helvetica, sans-serif;
	color:#346;
	font-size:18px;
	line-height:150%;
	font-weight:normal;
	background:#FFF;
	/*
	padding:10px;

	padding:5px;
	padding-bottom:2px;
	*/
	margin:10px;
	margin-top:0px;
	margin-right:15px;
	margin-bottom:0px;

	padding-left:5px;
	padding-bottom:10px;
    padding-top:10px;
    /*
    border-bottom:1px dotted #999;
	*/
	}

.comments-body p { 
	margin-left:0px;
	}
	
.comments-post { 
	font-family:verdana, arial, sans-serif; 
	font-size: 16px; 
	/*
	color: #999;
	*/
	color: #666;	  /* make darker gray for better legibility */
	margin-left:0px;
	}
			
.comments-head	{ 
	font-family:helvetica, verdana, arial, sans-serif; 
	font-size: 16px; 
	color: #666;	  /* make darker gray for better legibility */
	font-weight:bold;
	/*
	border-bottom:1px solid #999;
	*/
	border-bottom:1px dotted #999;
	padding:5px;
	padding-top:14px;
	padding-bottom:2px;
	margin:10px;
	margin-top:0px;
	margin-right:15px;
	margin-bottom:0px;
	}			

#banner-commentspop {
	font-family:verdana, arial, sans-serif;
	color:#CC9933;
	font-size:large;
	font-weight:bold;
	background:#FFF;
	margin-left:1em;
	margin-right:18px;
	padding-left:4px;
	padding-bottom:2px;
	border-bottom:2px solid #339966;
	}

.date	{ 
	font-family:helvetica, verdana, arial, sans-serif; 
	font-size: 16px; 
	color: #666;
	font-weight:bold;
	border-bottom:1px solid #999;
	padding:5px;
	padding-top:14px;
	padding-bottom:2px;
	margin:10px;
	margin-top:0px;
	margin-right:15px;
	margin-bottom:0px;
	}			
	
/* MWJ 20030124: keep date and entry title links 
   formatting identical to date and title
*/
.date a,
.date a:link,
.date a:visited,
.date a:active,
.date a:hover {
		color: #666;
		text-decoration: none;
		}

.description {
	font-family:verdana, arial, sans-serif;
	color:#CCC;
	font-size:18px;
	font-weight:bold;
	text-transform:none;	
	/*
	letter-spacing: .2em; 		
	padding:15px; 
	*/
	padding-bottom: 0px;
	padding-left: 10px;
	}	
	
/* MWJ 20030611: make title attrib (excerpt) gray */
.excerpt {
	color:#333;
	line-height:140%;
	}
	
.extended {
	font-family:verdana, arial, sans-serif;
	color:#666;
	font-size:18px;
	font-weight:normal;
	padding:5px;				
	}

.greek {
	color:#999;
	}

.img-left {
	float: left;
	margin-top:     4px;
	margin-right:  15px;
	margin-bottom: 10px;				
	border-bottom: none;
	}

.img-right {
	float: right;
	margin-top:     4px;
	margin-left:   15px;
	margin-bottom: 10px;				
	border-bottom: none;
	}

#menu {
	margin-top:5px;
	margin-bottom:0px;
	background:#FFF;
	font-family:verdana, arial, sans-serif; 
	font-size:18px; 
	font-weight:bold;
	text-align:right;
	margin-right:15px;  							
	}	

.posted	{ 
	font-family:verdana, arial, sans-serif; 
	font-size: 16px; 
	color: #666;		/* make darker gray for better legibility */
	margin-left:5px;
	clear: both;		/* MWJ 20030113: ensure always left aligned */
	}
			
.posted-search	{ 
	font-family:verdana, arial, sans-serif; 
	font-size: 16px; 
	/*
	color: #999;
	*/
	color: #666;	  /* make darker gray for better legibility */
	margin-left:0px;
	padding-top:5px;
	}

.powered {
	font-family:verdana, arial, sans-serif;
	color:#666;			/* #CCC  */
	font-size:18px;
	font-weight:bold;
	background:#FFF;
	line-height:150%;				
	padding:2px;				
	padding-left:12px;				
	}	

/* MWJ 20030126: don't let leftcontent badges have a hover underscore */
.powered a:link,
.powered a:visited,
.powered a:active,
.powered a:hover	{ text-decoration: none; } 

.preview {
	/* MWJ 20031121: float, clear here mangle rightcontent width in
	IE6/Win when applied to selected photo thumbs. Why here anyway?
	float:left;
	clear:both;
	*/
	background-color: #fff;	/* needs to match rightcontent background-color */
	margin:5px;
	padding: 5px;
	padding-bottom: 0px;
	}

/* MWJ 20030126: don't let rightcontent photos have a hover underscore */
.preview a:link,
.preview a:visited,
.preview a:active,
.preview a:hover	{ text-decoration: none; } 


/* MWJ 20030612: Eric Meyer on CSS, 19-20 */
.pullquote {
       	float: right;
       	width: 127px;
       	border: 1px solid #FFF;
       	padding: 4px 4px 4px 6px;
	font-family:verdana, arial, sans-serif;
	font-size:1.0em;
	color: #FFF;
	font-weight:bold;		
       	}

.pullquote a,
.pullquote a:link,
.pullquote a:visited,
.pullquote a:active,
.pullquote a:hover {
	font-family:verdana, arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
	}

	
/* MWJ 20021230: selectmenu for Ringnalda's blo.gs popup emitted from blogroll.php

   MWJ 20030102: select.jumpbox
   for recent/archive dropdown menus; orig seen at http://www.kungfugrippe.com/ 
   where Merlin credits Pete Bevin at http://www.petebevin.com/archives/000073.html
   Thanks, Pete!
*/
.selectmenu, select.jumpbox {
	font-family:verdana, arial, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#003366;
	background-color:#FFFFFF;
	text-decoration:none;
	width:158px;
	margin-left:6px;				
	}

.copyright {
	background:#FFF;
	font-family:verdana, arial, sans-serif;
	font-size:18px;
	color:#666;
	border-top:1px dotted #CCC;
	line-height:150%;				
	padding:2px;				
	padding-left:12px;
	padding-right:9px;			
	}

.side {
	font-family:verdana, arial, sans-serif;
	color:#333;			/* #CCC  */
	font-size:18px;
	font-weight:normal;
	background:#FFF;
	line-height:150%;				
	padding:2px;				
	padding-left:12px;
	padding-right:9px;			
	}	

/* MWJ 20030126: make left sidebar links' text smaller */
.side a, 
.side a:link, 
.side a:visited,
.side a:active, 
.side a:hover	{ 
	font-size: 16px; 
	} 

/* MWJ 20030203: added for Interesting Links from sideblog */
.sidedate {
	font-weight:bold;
	padding-top:6px;				
	}
	
/* MWJ 20030519: adds hanging indent for triangled sidebar list items */
/* MWJ 20030614: tweaked for Hal's IGKOL ("Part Deux") */
.side-hang {
	text-indent:-11px;
	margin-left:11px;
	margin-right:6px;
	padding-top:4px;
	line-height:140%;		
	}
	
.sidetitle {
	font-family:verdana, arial, sans-serif;
	color:#333;			/* #999  */
	font-size:18px;
	font-weight:bold;
	background:#EEE;	/* #FFF  */
	line-height:150%;
	padding:4px;
	margin-top:10px;
	margin-right: 0px;
	margin-bottom: 4px;
	text-transform:uppercase;
	/*
	border-bottom:1px dotted #666;
	letter-spacing: .2em;  					
	*/
	text-align:left;
	padding-left:10px;				
	}		

.syndicate {
	font-family:verdana, arial, sans-serif;
	font-size:18px;
	font-weight:bold;		
	line-height:150%;
	padding:2px;
	margin-top:10px;
	text-align:center;
	background:#EEE;  	/* #FFF  */		
	}	
	
.title	{ 
	font-family: georgia, times new roman, serif;
	line-height:130%;
	color: #333;	  /* #003300 darkgreen, #333 darkgray */
	margin-left:5px;
	font-weight:bold;
	padding-bottom:1px;	
	}			
	

/* MWJ 20030615: for Hal's "writings and musings" blog subtitle */
.title-shade	{ 
	font-family:verdana, arial, sans-serif;
	color:#333;
	font-weight:bold;
	background:#EEEEEE;
	line-height:150%;
	padding: 8px;
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 15px;
	text-align:left;
	padding-left:20px; 
	}		

/* MWJ 20030124: keep date and entry title links 
   formatting identical to date and title
*/
.title a,
.title a:link,
.title a:visited,
.title a:active,
.title a:hover {
		color: #333; /* #003300 darkgreen, #333 darkgray */
		text-decoration: none;
		}

.title-search   {
	font-family: georgia, times new roman, serif;
	font-size: medium;
	/*
	color: #666;
	*/
	color: #333;	  /* make darker gray for better legibility */
	margin-left:0px;
	font-weight:bold;
	padding-top:5px;
	}

.trackback-body {
	font-family:verdana, arial, helvetica, sans-serif;
	color:#666;
	font-size:18px;
	line-height:150%;
	font-weight:normal;
	background:#FFF;
	margin:10px;
	margin-top:0px;
	margin-right:15px;
	margin-bottom:0px;
	padding-left:5px;
	padding-bottom:10px;
    padding-top:10px;
	}

.trackback-url {
	font-family:verdana, arial, sans-serif;
	color:#666;
	font-size:18px;
	font-weight:normal;
	background:#FFF;
	line-height:150%;	
	padding:5px;
	border:1px dashed #666; 				
	}

.trackback-post {
	font-family:verdana, arial, sans-serif;
	/*
	color: #999;
	*/
	color: #666;	  /* make darker gray for better legibility */
	font-size:18px;
	font-weight:normal;
	background:#FFF;
	margin-bottom:20px;
	}