/*
	Easy-Kubrick for Textpattern [starting point, now much altered]
	Version : 1.0
	Created : 24. Jan 2004 by Sivert (sivni.com)
	http://www.sivni.com/dl/easykubrick/index.htm

	The original Kubrick Template was
	created by Michael Heilemann.
	You can get it here: http://binarybonsai.com/kubrick/

    ----------------------------------------------------------------    
	MWJ 20060709:
	Accommodate tru_tags addition to <http://maikimo.net/>
	
	MWJ 20050825: 
	Made extensive further changes merging custom tweaks made
	for Hal with existing Maikimo.net site thru August 2005:
	<http://maikimo.net/>

	MWJ 20050809: 
	Made significant custom tweaks for implementation at
	<http://halwarfield.com/>
	
	Incorporated ideas from TXP Manji by Stuart Butcher
	<http://thebombsite.com/Textpattern-Layouts/314/txp-manji>
	
	which is based on WordPress theme Manji by Khaled Abou Alfa
	<http://www.brokenkode.com/manji/>
	
	MWJ 20050123: 
	Made significant custom tweaks for implementation at
	<http://donnelly5.net/wyp/>
    ----------------------------------------------------------------    

	//// Any CSS miscascading dooflitude herein is almost 
	//// certainly mine, not Michael's or Stuart's.

	--Mike James <http://maikimo.net/>
	
    ----------------------------------------------------------------    
    $LastChangedDate: 2006-08-17T15:06:50.250054Z $
    $LastChangedRevision: 180 $
    ----------------------------------------------------------------
*/

body
{
	/* MWJ 20050123: adjust face to suit me */
	/*font-size: 62.5%;*/ /* Resets 1em to 10px */
	/*font-family: "Lucida Grande", Verdana, Arial, Sans-Serif;*/
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, Sans-Serif;
	font-size: 66%; /* MWJ 20050123: I think 10px is too small */
	background-color: #d5d6d7;
	color: #333;
	margin: 0;
	padding: 0; 
}

a, h2 a:hover, h3 a:hover
{
	color: #06c;
	text-decoration: none;
	border-bottom: dotted 1px #cccccc;
}

a:hover 
{
	color: #147;
	text-decoration: underline;
}

h1
{
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;
	font-weight: bold;
}

h2, h3
{
/* font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; */
	font-family: Georgia, "Times New Roman", serif;
	font-weight: bold;
}

h1 
{
	/* font-size: 4em; */
	/* font-size: 2.8em; */
	/* font-size: 24px;
	/* MWJ 20041212: */
	/* text-align: center; */
	text-align: left;
}
	
h2
{
	font-size: 1.3em;
	margin: 30px 0 0;
}

h3
{
	font-size: 1.2em;
	padding: 0;
	margin: 30px 0 0;
}

h1, h1 a, h1 a:hover, h1 a:visited, #header a
{
	text-decoration: none;
	border-bottom: none;
	/* color: #FFCC33; */
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited
{
	text-decoration: none;
	border-bottom: none;
}
	
code 
{
	font: 1.1em "Courier New", Courier, Fixed, monospace;
}

blockquote
{
	margin: 15px 30px 18px 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

p a:visited 
{
	color: #b85b5a;
}

.comments 
{
	/* MWJ 2005802: centered distracts me */
	/*text-align: center;*/
	text-align: left;
	color: #777;	
}

#container
{
	margin: 25px auto;
	padding: 0;
	width: 740px;
	/* border:1px solid #959596; */
	border:1px solid #ccc;
	background-color:#fff;
	padding: 0px;
}

/*	Drop the left div, would you please? [not used in Easy Kubrick]

#left
{
	float: left;
	width: 150px;
	margin-right: 5px;
	padding-top: 100px;
}
*/

#center
{
	margin-left: 30px;
	/* MWJ 20050123: less bump against right content */
	/*margin-right: 216px;*/
	margin-right: 205px;
	font-size: 1.2em;
	line-height: 1.4em;
}

#right
{
	float: right;
	width: 150px;
	margin: 0;
	padding-right: 30px; /* margin-right doesn't work right in IE/Win */
	font: 0.9em/1.1em Arial, Helvetica, Verdana, sans-serif;
	/* MWJ 20050123: too much space above search */
	/*padding-top: 20px;*/
	padding-top: 5px;

}

#foot
{
	clear: both;
	margin-top: 5px;
	padding:10px;
	text-align: center;
	/* background-color:#eee; */
}



/* --------------------------------------------- */
/* MWJ 20050123: styles added for rss_suparchive */

#right form p
{
	font-size: 1.1em;
	line-height: 130%;
}

#right ul 
{
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
}

#right ul li
{
	font-size: 1.4em;
	line-height: 100%;
	font-weight: bold;
	margin-top: 20px;
}

#right ul li p
{
	font-size: 0.9em;
	font-weight: normal;
}

#right ul ul 
{
	list-style-type: none;
	padding: 0;
}

#right ul ul li 
{
	border: 0;
	font-size: 0.9em;
	line-height: 115%;
	font-weight: normal;
	margin-top: 0;
	padding: 3px 0px 0px 9px;
}

#right ul ul li:before, #right dd:before
{
        content: "\00BB \0020";
}

#right ul ul li a 
{

}

#right ul ul li a:hover 
{

}

#right dl 
{
	list-style-type: none;
	font-size: 0.9em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#right dl dt, .rssCcat a 
{
	font-weight: bold;
}

#right dl dd 
{
	line-height: 115%;
	margin: 2px 0px 0px 9px;
	padding-top: 3px;
}

#right dl dd a.rssSection, #center dl dd a.rssSection
{
	font-style: italic;
	text-transform: capitalize;
}

#right dl dd a:hover 
{
}

/* MWJ 20060116: added for Recent reading (Amazon book covers) */
#right #recentrdg img
{
	border: none;
}
#right #recentrdg p a 
{
	padding-left: 12px;
	border-bottom: none;
}


/* ------------------------------------------ */
/* MWJ 20050107: these require commenting out */
/* 'max-width: 100%' in 'p img' def above     */
.img-left {
	float: left;
	display: inline;
	margin: 4px 15px 10px 0px;
	border-bottom: none;
}

.img-right {
	float: right;
	display: inline;
	margin: 4px 0px 10px 15px;
	border-bottom: none;
}

/* -------------------------------------------------------- */
/* MWJ 20060708: for in-article tag presentation            */
.tags {
	float: right;
	display: inline;
	width: 13em; 
	background-color: #FFFCDB;
	padding: 4px;
	margin: 0px 0px 10px 12px;
	/* border: 1px dotted blue; */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	text-align: left;
	line-height: 125%;
}

/* MWJ 20060710: Put color back in tags links (within h3) */
h3 span.tags a {
	color: #06c;
	text-decoration: none;
	border-bottom: dotted 1px #cccccc;
}

/* -------------------------------------------------------- */
/* MWJ 20050123: for article list pages pagination          */
/* http://www.textpattern.com/forum/viewtopic.php?pid=20379 */
.navigation
{
	display: block;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 0px;
	font-size: 10px;
	line-height: 14px;
}

/* MWJ 20050817: make photos indiv entries' bottom nav wide */
#photos .navigation.indiv
{
	width: 680px;
}

.alignright
{
	float: right;
}

.alignleft
{
	float: left;
}


ul.rsx-page-num-list
{
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
}

ul.rsx-page-num-list li
{
	display: inline;
}


/* ----------------------------------------------------------------------- */
/* MWJ 20050821: masthead, hnav rules for white-bordered engraved masthead */
/* ----------------------------------------------------------------------- */

#masthead
{
 width: 717px;
 height: 134px;
 margin: 0 auto;
 margin-top: 10px;
 margin-right: 10px;
 margin-bottom: 0px;

 border-top: 2px solid #ccced2; 
 border-right: 2px solid #ccced2;
 border-bottom: 0px solid #f5f6f7;
 border-left: 2px solid #f5f6f7;
}

#hnav
{
 width: 717px;
 height: 23px;
 margin: 0px auto;
 margin-right: 10px;
 background: #d9d7da url(/images/26.jpg) repeat-x top;
 border-top: 1px solid #f5f6f7; 
 border-right: 2px solid #ccced2;
 border-bottom: 1px solid #ccced2;
 border-left: 1px solid #f5f6f7;
}


/* ------------------------------------------------------------------- */
/* MWJ 20050821: masthead, hnav rules for borderless engraved masthead */
/* ------------------------------------------------------------------- */
/*
#masthead
{
 width: 736px;
 height: 134px;
 margin: 0 auto;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 border-top: 2px solid #ccced2; 
 border-right: 2px solid #ccced2;
 border-bottom: 1px solid #f5f6f7;
 border-left: 2px solid #f5f6f7;
}

#hnav
{
 width: 737px;
 margin: 0px auto;
 height: 23px;
 background: #d9d7da url(/images/26.jpg) repeat-x top;
 border-top: 1px solid #f5f6f7; 
 border-right: 2px solid #ccced2;
 border-bottom: 1px solid #ccced2;
 border-left: 1px solid #f5f6f7;
}
*/
/* ------------------------------------------------------------------- */


/* MWJ 20050821: select masthead background image based on page's <body id="<txp:s />"> */
#default		#masthead	{ background: url(/images/69t.jpg) no-repeat 0px -15px; }	/* mem riverside dr */
#about			#masthead	{ background: url(/images/67t.jpg) no-repeat 0px  -8px; }	/* mem desota bridge  */
#archivescat	#masthead	{ background: url(/images/36t.jpg) no-repeat top; }			/* stcolumba clover */
#archivesmonth	#masthead	{ background: url(/images/50t.jpg) no-repeat 0px -38px; }	/* stcolumba pecans 2 */
#contact		#masthead	{ background: url(/images/38t.jpg) no-repeat; }				/* stcolumba picnic graffiti */
#links			#masthead	{ background: url(/images/63t.jpg) no-repeat 0px -35px; }	/* stcolumba dogwood 2 */
#notes			#masthead	{ background: url(/images/77t.jpg) no-repeat 0px -50px; }	/* mem ewo 1 */
#photos			#masthead	{ background: url(/images/49t.jpg) no-repeat 0px -60px; }		/* stcolumba pond hillside */
#reviews		#masthead	{ background: url(/images/54t.jpg) no-repeat 0px -20px; }	/* stcolumba dogwood */
#search			#masthead	{ background: url(/images/47t.jpg) no-repeat top; }			/* stcolumba azaleas */
#weblog			#masthead	{ background: url(/images/44t.jpg) no-repeat -8px -43px; }	/* stcolumba pond */
/* present others for consideration */
#test1			#masthead	{ background: url(/images/71t.jpg) no-repeat 0px -15px; }	/* mem pyramid */
#tag			#masthead	{ background: url(/images/57t.jpg) no-repeat 0px -20px; }	/* azalea closeup */
#test			#masthead	{ background: url(/images/85t.jpg) no-repeat 0px -40px; }	/* stcolumba windroad  */
#test4			#masthead	{ background: url(/images/35t.jpg) no-repeat 0px -15px; }	/* stcolumba whitetree (echthelion) */
#test5			#masthead	{ background: url(/images/41t.jpg) no-repeat; }				/* stcolumba dogwood pond */
#test6			#masthead	{ background: url(/images/61t.jpg) no-repeat 0px -30px; }	/* stcolumba pond hillside 2 */
#test7			#masthead	{ background: url(/images/43t.jpg) no-repeat; }				/* stcolumba phlox */
#test8			#masthead	{ background: url(/images/66t.jpg) no-repeat 0px -30px; }	/* garden lilies  */


/* MWJ 20050821: select masthead text colors and alignment						*/
/* How best to encompass a _and_ description in one rule? This only gets the a:	*/
/*   #default	#masthead	h1 a, div.description { color: darkblue; }			*/
/* Experiments so far show #id h1 and #id h1 a have to be set explicitly		*/
/* MWJ 20050826: right align doesn't do cross-browser text shadowing correctly  */
/* Text shadowing is more important to me than masthead text justification.		*/
#default		h1,	#default		h1 a, #default			.description { color: #fe6; text-align: left; }
#about			h1,	#about			h1 a, #about			.description { color: #fe6; text-align: left; }
#archivescat	h1,	#archivescat	h1 a, #archivescat		.description { color: #eee; text-align: left; }
#archivesmonth	h1,	#archivesmonth	h1 a, #archivesmonth	.description { color: #ed2; text-align: left; }
#contact		h1,	#contact		h1 a, #contact			.description { color: #fe6; text-align: left; }
#links			h1,	#links			h1 a, #links			.description { color: #fe6; text-align: left; }
#notes			h1,	#notes			h1 a, #notes			.description { color: #ed2; text-align: left; }
#photos			h1,	#photos			h1 a, #photos			.description { color: #fe6; text-align: left; }
#reviews		h1,	#reviews		h1 a, #reviews			.description { color: #ed2; text-align: left; }
#search			h1,	#search			h1 a, #search			.description { color: #fe6; text-align: left; }
#tag			h1,	#tag			h1 a, #tag				.description { color: #83d5dd; text-align: left; }
#weblog			h1,	#weblog			h1 a, #weblog			.description { color: #ed2; text-align: left; }


/* MWJ 20050821: select page background colors      */
/* (from pallets at <http://returnofdesign.com/>    */
#default		{ background-color: #bdd;	}	/*  */
#about			{ background-color: #bbd;	}	/*  */
#archivescat	{ background-color: #786;	}	/*  */
#archivesmonth	{ background-color: #786;	}	/*  */
#contact		{ background-color: #bbd;	}	/*  */
#links			{ background-color: #786;	}	/*  */
#notes			{ background-color: #ddb;	}	/*  */
#photos			{ background-color: #786;	}	/*  */
#reviews		{ background-color: #689;	}	/*  */
body#search		{ background-color: #786;	}	/*  */
#tag	  		{ background-color: #d5dd83;	}	/*  */
#weblog  		{ background-color: #687;	}	/*  */


h1
{
/* MWJ 20050730: from easy-kubrick */
 font-size: 3em;
 font-weight: bold;
 /* MWJ 20050123: adjust to accommodate description */
 /* padding-top: 70px; */
 /* padding-top: 38px; */ /* set all 4 to accommodate left and right for masthead text colors, alignmt above */

 /* MWJ 20050821: */
 /* padding: 38px 40px 0px 40px; */
 margin: 30px 40px 8px 40px; /* adj for cross-browser text-shadow, styles at end */

}

.description 
{
 font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
 /* color: #FFCC33; */
 font-size: 1.6em;
 font-weight: bold;
 /* MWJ 20050123: try right-just descr instead of center */
 /* text-align: right; */
 /* padding-right: 40px; */
 /* padding-top:2px; */
 margin: 0px 40px 0px 40px;

}


#header /* MWJ 20050807: hnav's top-left Home link */
{
 float: left;
 /* width: 36px; */
 /* width: 72px; */
 /* width: 220px; */
 width: 235px;
 margin: 0px;
 padding: 5px 0 0 3px;
 text-align: left;
}

#hmenu
{
 /* MWJ 20050727: tweaks to please _my_ eye */
 /* margin: 2px 25px 0 0; */
 margin: 5px 12px 0 0;
 text-transform:lowercase;
 float: right;
 text-align:right;

}


/* --------------------------------- */
/* MWJ 20050810: from TXP Manji      */

/*--------- H Menu Styling --------- */

#top
{ 
 display: inline;
 list-style-type: none;
}

#hnav ul li
{
 display: inline;
}

#hnav ul li a
{
 color: #919191;
 text-decoration: none;
 /* MWJ 20050727: tweaks to please _my_ eye */
 /* padding: 5px 0px 5px 30px; */
 padding: 5px 0px 5px 14px;
 font-size: 1em !important;
 font-size: 1em;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-weight: normal;
}

#hnav ul li a:hover
{
 color: #bfbfbf;
}

#blogtitle 
{
 margin: 10px 0px 0px 10px;
 padding-top: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 /* font-size: 1.2em; */
 font-size: 11px;
}

#blogtitle a 
{
 font-weight: bold;
}

#blogtitle a:hover 
{
 color: #bfbfbf;
 font-weight: bold;
 text-decoration: none;
}

#accessibility
{
position: absolute;
top: -10000px;
}


/* --------------------------------------- */
/* MWJ 20050810: from TXP Manji            */
/* ---------- Live Search Page ----------- */

/* Because the "LSResult" div uses "absolute" for positioning it has no respect for
   the footer. In other words it will overlay it. With this in mind I [Stuart] have
   given the "searchpage" div a height. Whether you want this or not is up to you. 
   If you keep it the height can be adjusted dependent on the maximum number of 
   returned search results set for the plug-in (default=20)                         */

#searchpage
{
	min-height: 600px;
}

p.search
{
	font-size: 9px;
	margin-bottom: 3px;
}

#LSResult
{
 position: absolute;
 background-color: #FFFFFF;
 width: 520px;
 margin: 10px 0 10px 0;
}

#LSShadow
{
 border: 3px solid #005D93;
 padding: 5px;
 background-color: #F5F6F7;
 color:#000000;
}

#LSRes
{
 background-color: #FFFFFF;
}

.LSRow

{
 padding: 0 5px;
}

#LSHighlight
{
 background-color: #AAAAAA;
}

#LSHeader
{
 padding: 2px 2px 8px;
}

.lsDate
{
 display: block;
 color: #555555;
}


/*
-------------------------------------------------------------------------------------
MWJ 20050816:
456 Berea St.: Setting the current menu state with CSS
http://www.456bereastreet.com/archive/200503/setting_the_current_menu_state_with_css/
-------------------------------------------------------------------------------------
*/
#about         #nav-about         a,
#archivescat   #nav-archivescat   a,
#archivesmonth #nav-archivesmonth a,
#contact       #nav-contact       a,
#links         #nav-links         a,
#notes         #nav-notes         a,
#photos        #nav-photos        a,
#reviews       #nav-reviews       a,
#search        #nav-search        a,
#tag	       #nav-tag           a,
#weblog        #nav-weblog        a 
{
/* declarations to style the current menu state */
color: #313131;
}

#about         #nav-about         a:hover,
#archivescat   #nav-archivescat   a:hover,
#archivesmonth #nav-archivesmonth a:hover,
#contact       #nav-contact       a:hover,
#links         #nav-links         a:hover,
#notes         #nav-notes         a:hover,
#photos        #nav-photos        a:hover,
#reviews       #nav-reviews       a:hover,
#search        #nav-search        a:hover,
#tag           #nav-tag           a:hover,
#weblog        #nav-weblog        a:hover
{
/* declarations to style the hover effect of current menu state */
/* MWJ: not currently used */
}



/* 
-----------------------------------------------------------------------
MWJ 20050817:
Styles brought forward from current live "mutilated kubrick" stylesheet
-----------------------------------------------------------------------
*/

hr 
{
	margin: 20px 0px 0px 0px;
	color: #ccc;
	background-color: #ccc;
	border: 0px;
	height: 1px;
}


.graybox 
{
	font-style: italic;
	margin-top: 9px;
	margin-bottom: 15px;
	padding: 0px 15px 2px 15px;
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}


/* MWJ 20050816: for "Thank you for adding your comment" message */
p#txpCommentInputForm
{
	margin: 20px 20px 0px 0px;
	padding: 12px 12px 15px 12px;
	border: 2px solid #ddd;
}

/* MWJ 20050821: for site front page "Recent sitewide activity" */
h2.summary
{
	/*
	margin-left: -15px;
	padding: 10px 15px 10px 15px;
	background-color: #f8f8f8;
	*/
	font-size: 1.5em;
	margin-top: 27px;
	padding-top: 9px;
	padding-bottom: 10px;
	border-top: 4px solid #ccc;
}

/* MWJ 20050821: */
h2.storytitle
{
	font-size: 1.4em;
	margin-top: 28px;
	padding-top: 6px;
	border-top: 1px solid #999;
}

h3.storytitle 
{
	/* MWJ 20070821: */
	font-size: 1.3em;
	line-height: 120%;
	margin-top: 28px;
	padding-top: 6px;
	border-top: 1px solid #999;
}

.post 
{
	margin: 0 0 40px;
	/* text-align: justify; */
	text-align: left;
}

.post p, .post>a
{
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
}

/* small, #sidebar ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike */
.postmetadata, blockquote 
{
	color: #777;
}

div.postmetadata 
{
	padding-top: 5px;
	/* MWJ 20041220: */
	padding-bottom: 8px;
	/* font-size: 0.9em; */
}

.postmetadata
{ /* 0.9em is too big in IE6/Win2k */
	font-family: Verdana, Geneva, Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 13px;
}
	
.postmetadata ul, .postmetadata li 
{
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

.storycontent a {
	/* color: #06c; */
	color: #116699;
	text-decoration: none;
	border-bottom: dotted 1px #cccccc;
	}

.storycontent a:hover {
	/* color: #147; */
	background-color: #116699;
	color: #ffffff;
	}
	
.storycontent a.img-right, .storycontent a.img-left {
	background-color: transparent;
	border: 0;
	}

.storycontent a.img-right:hover, .storycontent a.img-left:hover {
	background-color: transparent;
	border: 0;
	}

/* MWJ 20041213: */	
.storycontent ul li, .storycontent ul li a {
	list-style: outside url(images/tri_gray.gif);
	} 

small 
{
	font-size: 10px;
	color: #777;
}


/* MWJ 20050111: added INFP webring to weblog footer */
#foot #webring table 
{
	font-size: 1.2em;
}

/* MWJ 20050303: added during adjustments for casualty count banners */
#webring
{
	/* margin-left: 30px; */
}

#ICCC 
{	/* Lunaville counter: outer div */
	/* margin-left: 30px; */
	padding-bottom: 10px;
}

#lunaIC 
{	/* Lunaville counter: inner div (from the Javascript) */
	width: 130px;
}

#IBC 
{	/* Iraq Body Count counter: outer div */
	padding-top: 8px;
	padding-bottom: 10px;
}

#IBC a, #IBC a:hover 
{
	text-decoration: none;
	border-bottom: none;
}


#footertxt
{
	background-color: #eee;
}

#footertxt p
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.05em;
	margin: 0;
	padding: 15px;
	text-align: right;
}


/* MWJ 20050810: for mem_glinklist in links section page*/
.mem_list
{

}

.mem_list_head
{
font-family: Verdana, Arial, sans-serif;
font-size: 1.3em;
font-weight: bold;
margin-top: 20px;
padding-top: 4px;
border-top: 1px solid #ccc;
}

/* MWJ 20050810: for span-hacked mrh_email_article_link */
.email img
{
border: none; 
padding-left: 5px;
}

/* MWJ 20050828: for "comments closed" message */
div#comclosed { font-style: italic; color: #999; padding-top: 10px; }

/* MWJ 20050829: starting points */
strike	{ color: #777; }
ins		{ color: #777; }


/* MWJ 20050822: for Ramanan's rsx_plugins_list plugin, using because */
/* it doesn't break page in IE6/Win as its table counterpart does. */

dl.plugins-list dt { font-style: italic; margin-top: 8px; }
dl.plugins-list dt a { font-style: normal; }
dl.plugins-list dd {  }


/* MWJ 20050823: for dates on archivesmonth, archivescat pages */
body#archivesmonth dl dt, body#archivescat dl dt 
{ 
margin-top: 6px; 
}

/* MWJ 20050823: for plugin wet_amazonassoc */
/* http://awasteofwords.com/article/wet_amazonassoc-a-capitalist-plugin */
a.wet_amazonassoc 
{
background-image: url(/images/amazon-icon.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 14px;
}

/* MWJ 20050824: for plugin jcb_columnize          */
/* http://textpattern.org/plugins/404/jcbcolumnize */
/*
.column1 {float: left; width: 225px; padding: 5px;}
.column2 {margin-left: 250px; width: 225px; padding: 5px;}
*/

/* ------------------------------------------------------------- */
/* MWJ 20050130: for rss_thumbpop                                */
/* http://www.wilshireone.com/article/29/txp-plugin--rssthumbpop */

.rssThumbFloat {
    float: left;
    /* width: 180px; */
    border: 1px solid #999;
    margin: 0 5px 5px 0;
    padding: 5px;
    text-align: center;
    font-size: .85em;
}

.rssThumbFloat a, .rssThumbFloat img {
	border: none;
}

ul#rssThumbNav {
	list-style-type: none;
	margin: 0;
	padding: .5em 0;
	border-top: 1px solid #666;
}

ul#rssThumbNav li a {
	display: block;
	width: 5em;
	color: #FFF;
	background-color: #036;
	padding: .2em 0;
	text-align: center;
	text-decoration: none;
}

ul#rssThumbNav li a:hover {
	color: #FFF;
	background-color: #69C;
}

ul#rssThumbNav .left { float: left; }
ul#rssThumbNav .right { float: right; }

/* MWJ 20051226: Safari not displaying acronyms with visual distinction */
acronym
{
	border-bottom: 1px dotted #666;
}


/* ------------------------------------------------------------------------- */
/* MWJ 20050826: Do text shadows for masthead text in ~all browsers          */
/* (because only Safara supports CSS2 property text-shadow directly)         */
/*                                                                           */
/* technique copyright (c) Neil Crosby, 2004                                 */
/* http://www.workingwith.me.uk/articles/css/cross-browser-drop-shadows/     */
/*                                                                           */
/* Example use:                                                              */
/* <p class='shadow' id='shadow_1'>In shadow</p>                             */
/* "Whenever you're adding shadowed text to your pages using this technique, */
/* ensure that you add a relevant id, and duplicate the text of the shadow   */
/* into your style sheet.                                                    */


/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer ("Direction=135" means bottom-right; 225 is bottom left */
  height: 1em; 
  /* MWJ 20081230: horks up masthead title and slogan now in IE7/Win
   filter: Shadow(Color=#333333, 
                 Direction=135, 
                 Strength=5);
  */
  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  /* margin: 0 0 -2.12em 0.15em; */
  margin: 0 0 -2.09em 0.11em;
  padding: 0;
  color: #333333; 
}

#shadow_1:before { 
  content: 'In shadow'; 
}
#second_2:before { 
  content: 'Happy Shadowing!'; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    /* text-shadow: #333333 5px 5px 5px; */
    text-shadow: #333333 4px 4px 3px; 

  ]color:auto; /* resets color for IE6 */

	/* MWJ 20050830: empirical correction of masthead spacing for IE6/Win	*/
 	/* hidden from Safari using Stokely Safari hack							*/
 	/* http://www.stormdetector.com/hacks/safarihack.html					*/
 	_margin-top: 0.7em;
   	_margin-bottom: -1.0em;

}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/* Examples:
#shadow_1:before { content: 'In shadow'; }
<p class='shadow' id='shadow_1'>In shadow</p> 
*/

#shadow_default:before			{ content: "Maikimo.net"; }
#shadow_default_d:before		{ content: "Mike James' webspace. Welcome."; }
#shadow_about:before			{ content: 'About this site'; }
#shadow_about_d:before			{ content: 'What up widdit'; }
#shadow_archivescat:before		{ content: 'Site archives'; }
#shadow_archivescat_d:before	{ content: 'Articles by category'; }
#shadow_archivesmonth:before	{ content: 'Site archives'; }
#shadow_archivesmonth_d:before	{ content: 'Articles by month'; }
#shadow_contact:before			{ content: 'Contact me'; }
#shadow_contact_d:before		{ content: 'Get in touch'; }
#shadow_links:before			{ content: 'Worthy links'; }
#shadow_links_d:before			{ content: 'Links I’ve found interesting & useful'; }
#shadow_notes:before			{ content: 'Reading notes'; }
#shadow_notes_d:before			{ content: 'Online reading that’s influencing me'; }
#shadow_photos:before			{ content: 'Mike’s Photolog'; }
#shadow_photos_d:before			{ content: 'Various photography bits and bobs'; }
#shadow_reviews:before			{ content: 'Reviews: Music, books, movies'; }
#shadow_reviews_d:before		{ content: 'Impressions of books, music, and movies that catch my fancy'; }
#shadow_search:before			{ content: 'Search maikimo.net'; }
#shadow_search_d:before			{ content: 'Including live site search'; }
#shadow_tag:before				{ content: 'Maikimo.net taxonomy tags'; }
#shadow_tag_d:before			{ content: 'Intertwingularity revealed'; }
#shadow_weblog:before			{ content: 'Tread lightly on the things of earth'; }
#shadow_weblog_d:before			{ content: 'Mike’s weblog about computing, politics, and faith (a progressive view)'; }


/* MWJ 20051227:
	Starting pt: as used in upm_date plugin developer Mary's mom's site 
	http://fallingoutofmychair.com/css.php?s=default
*/

dl#archive-menu {
padding-left: 9px;
}

dl#archive-menu dt {
margin: 12px 9px 3px 0;
font-size: 107%;
font-weight: bold;
padding-bottom: 2px;
border-bottom: 1px solid #ccc;
}

/* MWJ 20051227: formats nicely on non-front page
dl#archive-menu dd {
display: inline;
margin: 2px 4px 0px 0px;
padding-right: 8px;
border-right: 1px dotted;
}
*/

dl#archive-menu dd {
display: inline;
margin: 2px 4px 0px 0px;
padding-right: 7px;
line-height: 130%;
}

dl#archive-menu dd:before {
content: "";
}

h3#archive-month {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 18px 0px -2px 0px;
}

dl#archive-list {
width: 100%;
margin: 0;
}

dl#archive-list dt {
margin: 6px 0 0 0;
width: 20px;
text-align: right;
}

/* IE only */
* html dl#archive-list dt {
text-align: left;
}

dl#archive-list dd {
margin: -15px 0 0 30px;
}

/* IE only */
* html dl#archive-list dd {
margin: 0;
}

dl#archive-list dd + dd {
margin-top: 0; 
}