/***********************************************************************
* Global settings-stuff that affects the over-all look or can generally
* be used anywhere.
***********************************************************************/

BODY
{
  font:                  12pt 'Baskerville','Libre Baskerville',serif;
  margin:                1em;
  padding:               1em;
  width:                 auto;
  color:                 black;
  background-color:      white;

  hyphens:               auto;
  hyphenate-limit-chars: 6 3 3;
  hyphenate-limit-lines: 2;
  hyphenate-limit-last:  always;
  hyphenate-limit-zone:  8%
}

@media screen and (max-width: 736px),
	screen and (max-width: 736px)
{
  BODY
  {
    margin:	.5em;
    padding:	0;
  }
}

P
{
  margin:		0;
  padding:		.5em 1em .5em 1em;
  text-align:		justify;
}

DL
{
  margin:		0;
  padding:		.5em 1em;
}

DT
{
  font-weight:		bold;
}

PRE
{
  margin:		0;
  padding:		.5em 1em .5em 1em;
  font-size:		10pt;
}

INS
{
  text-decoration:	none;
}

A.local:link            { color: #0088FF; }
A.local:visited         { color: #0000FF; }
A.page:link             { color: #0000DD; }
A.page:visited          { color: #0077DD; }
A.section:link          { color: #0000BB; }
A.section:visited       { color: #0066BB; }
A.site:link             { color: #000099; }
A.site:visited          { color: #005599; }
A.external:link         { color: #000077; }
A.external:visited      { color: #004477; }
A.book:link		{ color: #000077; font-style: italic; }
A.book:visited		{ color: #004477; font-style: italic; }
A[type]:after		
{ 
  text-decoration:	none;
  color:		black;
  content: 		" [" attr(type) "]" ; 
}

A.notype[type]:after
{
  display:		none;
}

ABBR[title]
{
  /*text-dectoration:    dotted underline;*/
  text-decoration-style: dotted;
  text-decoration-line:  underline;
}

SPAN[lang],P[lang]	{ font-style: italic; }
SPAN.cut                { color: #000000; background-color: #000000; }
SPAN.sic                { color: #FF0000; }
SPAN.comments           { color: #FF0000; }
SPAN.highlight          { color: #FF0000; }
SPAN.booktitle          { font-style: italic; }

CODE,SAMP,KBD,VAR,TT
{
  font-family:		monospace;
  font-size:		10pt;
}

A IMG
{
  margin:		0;
  border:		thin solid blue;
  padding:		0;
}

FIELDSET
{
  margin:		0;
  border:		0;
  padding:		0;
}

LEGEND
{
  display:		none;
}

SUP
{
  font-size:		xx-small;
}

UL
{
  margin:               0 auto 0 1em;
  border:               0;
  padding:              1em;
}

I EM,I I
{
  font-style:		normal;
}

/*********************************************************************
* The content section---most of these are also defaults but it's
* intended for the content section
*********************************************************************/


DIV#content
{
  margin-top:		0;
  margin-bottom:	0;
  margin-left:		220px;
  margin-right:		180px;
  border:		0;
  padding:		0;
}

@media screen and (max-width: 736px),
	screen and (max-width: 736px)
{
  DIV#content
  {
    margin-left:	0;
    margin-right:	0;
  }
}

H2
{
  clear:		both;
  font-size:		1.5em;
  font-weight:		bold;
  color:		#000000;
  background-color:	#CCCCFF;
  margin:		0;
  border:		1px solid black;
  padding:		.5em 1em .5em 1em;
  width:		auto;
}

H3
{
  font-size:		1em;
  margin:		0;
  border:		none;
  padding:		.5em 1em .5em 1em;
  text-align:		center;
}

H4
{
  margin:		0;
  padding:		.5em 1em .5em 1em;
  text-align:		center;
  font-weight:		bold;
}

H5
{
  font-weight:		bold;
  text-align:		center;
}

HR
{
  clear:		both;
  width:		50%;
}

HR.next
{
  width:		50px;
  height:		16px;
  margin-top:		0;
  margin-right:		auto;
  margin-bottom:	0;
  margin-left:		auto;
  border:		none;
  padding:		0;
  background-image:	url(/hr.gif);
  background-repeat:	no-repeat;
  background-position:	center;
}

BLOCKQUOTE
{
  margin:		.5em 1em .5em 1em;
  border:		1px solid black;
  padding:		.5em 1em .5em 1em;
  background-color:	#FFFFEE;
  line-height:		1.0;
}

BLOCKQUOTE BLOCKQUOTE
{
  margin:		.5em;
  border-top:		none;
  border-right:		none;
  border-bottom:	none;
  border-left:		1px solid blue;
  padding:		.1em;
  line-height:		1.0;
}

BLOCKQUOTE.saying
{
  background-color:	#FFFFCC;
  font-style:		italic;
}

BLOCKQUOTE.code
{
  overflow:		auto;
  margin-bottom:	1.5em;
}

BLOCKQUOTE.code KBD,PRE[class|="language"] KBD
{
  font-weight:		bold;
} 

/************************************************************************
*
* Programming language display
*
************************************************************************/

PRE[class|="language"]
{
  margin:            .5em 1em;
  overflow:          auto;
  border-style:      double;
  background-color:  #FFFFDD;
  color:             black;
  padding:           .25em .5em;
}

.ctrl
{
  color:      #888888;
}

P.cite
{
  text-align:		right;
}

P.quote
{
  text-align:		center;
}

P.code
{
  text-align:		left;
}

IMG
{
  margin:		0;
  border:		none;
  padding:		1em;
}

IMG.left
{
  float:		left;
  margin:		1em;
  padding:		0;
  vertical-align:	text-top;
}

IMG.right
{
  float:		right;
  margin:		1em;
  padding:		0;
  vertical-align:	text-top;
}

TABLE
{
  margin-top:		0.5em;
  margin-left:		auto;
  margin-bottom:	0.5em;
  margin-right:		auto;
  border-collapse:	collapse;
  padding:		.5em 1em .5em 1em;
  font:			10pt 'Lucida Grande', Verdana, Geneva, Lucida, sans-serif;
}

CAPTION
{
  margin:		.5em auto .5em auto;
  border:		1px solid black;
  padding:		.5em;
  caption-side:		top;
}

TH
{
  border:		1px solid black;
  padding:		.5em;
  text-align:		center;
}

TABLE TBODY TR TH
{
  text-align:		left;
}

TH IMG
{
  margin:		0;
  border:		0;
  padding:		0;
}

TD
{
  border:		1px solid black;
  padding:		.5em;
}

TD.num,TH.num	/* starting with 2019/07/09.1 */
{
  text-align:		right;
}

DL.header	/* starting with 2006/04/25.2 */
{
  padding-left:		1em;
  padding-right:	1em;
}

DL.header DT
{
  float:		left;
  font-weight:		bold;
}

DL.header DT:after
{
  font-weight:		bold;
  content:		':\A0';
}

DL.header DD
{
  margin-left:		1em;
}

DL.screenplay	/* starting with 2007/07/02.1 */
{
}

DL.screenplay DT
{
  text-align:		center;
  font-weight:		bold;
  text-transform:	uppercase;
}

DL.screenplay DD
{
  margin-left:		5em;
  margin-right:		5em;
  margin-bottom:	2em;
  text-align:		justify;
}

DL.screenplay P.setting , DL.screenplay DD P.direction /* staring with 2019/03/16 */
{
  font-style: italic;
}

DL.screenplay DD P.setting:before
{
  content: "[Setting: "
}

DL.screenplay DD P.direction:before
{
  content: "["
}

DL.screenplay P.setting:after , DL.screenplay DD P.direction:after
{
  content: "]"
}

OL.footnote /* starting 2006/01/26/2 */
{
  counter-reset: fn;
}

OL.footnote LI
{
  list-style-type: none;
}

OL.footnote LI:before
{
  content: 		"[" counter(fn) "] " ;
  counter-increment:	fn;
}

OL.checklist LI	/* starting 2022/12/09.3 */
{
  list-style-type: none;
}

	/***************************************************************
	* Sidebar section
	***************************************************************/

	DIV.sidebar
	{
	  vertical-align:	text-top;
	  float:		right;
	  width:		20em;
	  margin:		0 1em .5em .5em;
	  border:		1px solid black;
	  padding:		0;
	  background-color:	#CCCCFF;
	  color:		#000000;
	}
	
	@media screen and (max-width: 736px),
		screen and (max-width: 736px)
	{
	  DIV.sidebar
	  {
	    float:		none;
	    width:		auto;
	  }
	}

	DIV.sidebar H4,H2.sidebar
	{
	  font-size:		1em;
	  font-weight:		bold;
	  margin:		0;
	  border-top:		1px solid black;
	  border-right:		none;
	  border-bottom:	1px solid black;
	  padding:		.25em;
	  background-color:	#FFCCCC;
	  color:		#000000;
	  text-align:		center;
	}

	DIV.sidebar H4:first-child
	{
	  border-top:		none;
	}

	DIV.sidebar P
	{
	  text-align:		center;
	  padding:		.25em;
	}
	
	/*------------------------------------------------------
	; fix lists in sidebars (2011-10-19 through 2011-10-25)
	;-------------------------------------------------------*/

	DIV.sidebar > UL
	{
	  margin-top: 		.5em;
	  margin-bottom: 	.5em;
	}
	
	DIV.sidebar UL
	{
	  padding-top:		0;
	  padding-bottom:	0;
	}

	DIV.sidebar LI
	{
	  margin:		0;
          padding:		0;
	}

	/**************************************************************
	* Sidequote stuff
	**************************************************************/

	DIV.sidequote
	{
	  vertical-align:	text-top;
	  float:		left;
	  width:		30%;
	  margin:		.5em;
	  border:		1px solid black;
	  padding:		0;
	  background-color:	#CCCCFF;
	  color:		#000000;
	}

	@media screen and (max-width: 736px),
		screen and (max-width: 736px)
	{
	  DIV.sidequote
	  {
	    float:	none;
	    width:	auto;
	  }
	}
	
	DIV.sidequote H4
	{
	  font-size:		1em;
	  font-weight:		bold;
	  margin:		0;
	  border-top:		1px solid black;
	  border-right:		none;
	  border-bottom:	1px solid black;
	  border-left:		none;
	  padding:		.25em;
	  background-color:	#FFCCCC;
	  color:		#000000;
	  text-align:		center;
	}

	DIV.sidequote H4:first-child
	{
	  border-top:		none;
	}

	/*************************************************************
	* Series of images (usually thumbnails)
	*************************************************************/

	DIV.images
	{
	  margin-top:		5px;
	  margin-bottom:	5px;
	  text-align:		center;
	}

	DIV.images A[type]:after
	{
	  display:	none;
	}

	/*************************************************************
	* PhotoFriday (http://www.photofriday.com/) stuff
	*************************************************************/

	DIV.pf
	{
	  margin-bottom:	.5em;
	  text-align:		center;
	}

	P.pf,
	DIV.pf P
	{
	  text-align:		center;
	}

        IMG.pf,
        DIV.pf IMG
        {
	  background-color:	#000000;
          margin:               5px;
          padding:              10px;
        }

	IMG.pf[type]:after,
	DIV.pf IMG[type]:after
	{
	  display:	none;
	}

	A.pf[type]:after,
	DIV.pf A[type]:after
	{
	  display:	none;
	}

	DIV.error P
	{
	  text-align:	center;
	}

/**********************************************************************
* Layout for the masthead
**********************************************************************/

DIV#masthead
{
  font:			12pt/18pt "Times New Roman", Garamond, serif;
}

DIV#masthead H1
{
  text-align:		right;
  font-size:		1.5em;
  margin:		0;
  border-top:		none;
  border-right:		thick solid black;
  border-bottom:	thick solid black;
  border-left:		none;
  padding:		.5em 1em .5em 1em;
}

DIV#masthead H1:first-line
{
  font-size:		2em;
}

DIV#masthead P
{
  font:			12pt/18pt "Baskerville","Libre Baskerville",serif;
  text-align:		center;
}

/*********************************************************************
* Update section-updates to entries after the fact
*********************************************************************/

DIV.update
{
}

DIV.update H4
{
  font-weight:		bold;
  text-align:		center;
}

DIV.update P
{
}

/************************************************************************
* The Obligatory section-the section that usually runs down the side
* of the blog.
************************************************************************/

DIV#obstuff
{
  position:		absolute;
  left:			10px;
  top:			160px;
  font:			10pt 'Baskerville','Libre Baskerville',serif;
  vertical-align:	text-top;
  margin:		0;
  border:		1px solid black;
  padding:		0;
  background-color:	#CCCCFF;
  color:		#000000;
  width:		200px;
}

@media screen and (max-width: 736px),
	screen and (max-width: 736px)
{
  DIV#obstuff
  {
    position:		static;
    left:		auto;
    top:		auto;
    width:		75%;
    margin-left:	auto;
    margin-right:	auto;
  }
}

DIV.ad
{
  margin-top:		1em;
  margin-left:		auto;
  margin-right:		auto;
  margin-bottom:	0;
  text-align:		center;
}

DIV#obstuff H2
{
  font-size:		1em;
  font-weight:		bold;
  margin:		0;
  border-top:		1px solid black;
  border-left:		none;
  border-right:		none;
  border-bottom:	1px solid black;
  padding:		.25em;
  background-color:	#FFCCCC;
  color:		#000000;
  text-align:		center;
}

DIV#obstuff H2:first-child
{
  border-top:		none;
}

IMG.google
{
  color:		#000000;
  background-color:	#FFFFFF;
  border:		thin solid black;
}

A.clusty
{
  border:		none;
}

IMG.clusty
{
  border:		none;
}

DIV#obstuff UL 
{
  padding: 		5px;
}

DIV#obstuff LI
{
  margin:		0;
  border:		none;
  padding-top:		0;
  padding-bottom:	0;
  padding-right:	0;
  padding-left:		0;
}

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

DIV#columnpic
{
  position:		absolute;
  width:		158px;
  right:		10px;
  top:			160px;
  vertical-align:	top;
  margin:		0;
  border:		1px solid black;
  padding:		0;
  text-align:		center;
}

@media screen and (max-width: 736px),
	screen and (max-width: 736px)
{
  DIV#columnpic
  {
    display:		none;
  }
}

DIV#columnpic IMG
{
  margin:               4px;
  border:               none;
  padding:              0;
}

/**************************************************************************
* Navigation subsection
**************************************************************************/

DIV#navigation
{
  clear:		both;
  text-align:		center;
  margin-top:		1em;
  margin-bottom:	1em;
  margin-left:		220px;
  margin-right:		180px;
  border-top:		1px solid black;
  border-right:		none;
  border-bottom:	1px solid black;
  border-left:		none;
  padding:		0.5em 1em;
}

@media screen and (max-width: 736px),
	screen and (max-width: 736px)
{
  DIV#navigation
  {
    margin-left:	auto;
    margin-right:	auto;
  }
}

DIV#navigation > UL
{
  display:		block;
}

DIV#navigation LI
{
  display: 		inline;
  margin:		0;
  padding:		0 .5em 0 .5em;
  border:		none;
}

/**************************************************************************
* Lawyerese, disclaimers, usage
**************************************************************************/

DIV#lawyer
{
  width: 30em;
  margin: 1em auto;
}

@media screen and (max-width: 736px),
	screen and (max-width: 736px)
{
  DIV#lawyer
  {
    width:		75%;
    margin-left:	auto;
    margin-right:	auto;
  }
}
  
DIV.disclaimer
{
  clear:		both;
}

DIV.note
{
  margin-left:		2em;
  margin-right:		2em;
  line-height:		1.0;
  font-size: small;
}

DIV.disclaimer P
{
  font-size: small;
  text-align:		justify;
  line-height:		1.0;
}

/***************************************************************************
* Contact information, author, copyright
****************************************************************************/

DIV#authorcopyright
{
  clear:		both;
  margin-top:		1em;
  margin-bottom:	1em;
  margin-left:		220px;
  margin-right:		180px;
  border-top:		thin solid black;
  border-right:		none;
  border-bottom:	thin solid black;
  border-left:		none;
  padding:		0.5em 1em;
  font-style:		italic;
}

@media screen and (max-width: 736px),
	screen and (max-width: 736px)
{
  DIV#authorcopyright
  {
    margin-left:	auto;
    margin-right:	auto;
  }
}

DIV#authorcopyright P
{
  font-size:		small;
  text-align:		center;
}

/***************************************************************************
* Misc. definitions used hither and yon ...
****************************************************************************/

P.hotflamingdeath	/* multiple entries */
{
  font:			24pt Verdana, Geneva, sans-serif;
  font-weight:		bold;
  color:		#FF0000;
  text-align:		center;
}

H5.left			/* 2002/9/11.1 */
{
  text-align:		left;
  font-weight:		bold;
}

P.header		/* used for email headers */
{
  text-align:		left;
}

/*********************************************************************
* for transcripts of any video blog entries I do
**********************************************************************/

P.sk-setting
{
	font-style:	italic;
	text-indent:	0;
}

P.sk-actor
{
	font-weight:	bold;
	font-size:	larger;
	text-align:	center;
}

P.sk-actor + P
{
	text-indent:	0;
}

SPAN.sk-direction
{
	font-style:	italic;
}

/*************************************************
* Misc. stuff
*************************************************/

BIG	/* starting with 2013-08-15.1 */
{
	font-weight:	bolder;
	font-size:	xx-large;
}

SMALL	/* starting with 2013-08.15.1 */
{
	font-weight:	lighter;
	font-size:	xx-small;
}

/***************************************************************
* Paid Ads
*****************************************************************/

DIV.paid_ad
{
  margin:	0 1em;
  border:	1px solid black;
  padding:	1em;
  background-color:	#EEEEEE;
  background-image:	url(/db1.jpg);
  background-repeat:	no-repeat;
  font-size:	12pt;
  font-family:	serif;
}

DIV.paid_ad P
{
  text-align:	center;
}

DIV.paid_ad H4
{
  margin:	0;
  padding:	0;
}

DIV.paid_ad A
{
  border-bottom:	1px solid black;
}