/*
 * Stylesheet for markhertsgaard.com v.2
 *
 * Handcrafted by cliff@buroteq.com
 *
 */


/****************** Generic HTML objects **************/
body { 
    font-family: geneva, "vera sans", arial, sans-serif; 
    background-color: #fcfcff; color: #042d6e; 
   }

h1, h2, h3 { 
    color: #ac5678; font-size: 2em; margin: 0 0 4px; padding: 0; }

h2, h3 { font-family: serif; } 
h2 { border-bottom: 1px #ac5678 solid; }

div { 
    border: 2px dotted #042d6e; margin:0; padding: 0;}
img { 
    border: none; }
p { 
    /* text-indent: 2em; */
    color: #042d6e; margin: 1.2em auto; 
    line-height: 1.4em; }

div.verse { margin-left: 2em; border: none;}
div.verse p { font-style: italic; }

img.center { margin: 0 5%; }

span.new { font-weight: bold; color: red; }

hr.footnotes { color:#042d6e; width: 2em; align:right;text-align:left;margin-left:0}

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

.nowrap { white-space: nowrap; }

/****************** The header part ***********************/
div.sitesearch { border: none; }
div.sitesearch span {
	text-align: right;
}

h1.header { 
    text-align: center; margin: 0.1em 0.5em 0.8em; padding: 0; }
img.banner { 
    vertical-align: top; float: none; border: 1px solid #8cacbb;
    margin: 0; padding: 0; }

div.menu { 
    border: none; }

div.menu ul { 
    text-align: center;
    line-height: 1.2em; margin: 0; padding: 3px 0 0;
    border-bottom: solid 2px #8cacbb; border-top: solid 1px #8cacbb; 
}

div.menu li {
    display: inline; white-space: nowrap; list-style: none; 
    font-size:  0.9em; line-height: 1.3em;
    padding: 1px 0 0; margin: 0;
    text-align: center;
}

div.menu a {
    /* The normal, unselected items. They are all links */
    color: #434b7d; text-transform: lowercase; 
    font-weight: normal; background-color: #cedae7;
    text-decoration: none;
    margin: 0 0.2em 0 0;  
    padding: 0 2em; /* This adjusts the width of the menu tabs */
    border: #8cacbb 2px; border-style: solid solid none solid;
    border-bottom: 1px solid #cedae7;
}

div.menu a.selected {
    /* The exceptions, for the selected item */
    font-size: 1.4em; font-weight: normal; color: #434b7d; background-color: #fcfcff;
    line-height: 1.2em; text-decoration: underline; text-transform: lowercase;
    margin: 0 0.1em;  padding: 0em 1.5em;
    border: 2px solid #8cacbb; border-bottom: #fcfcff 2px solid;
}

div.menu a.unselected:hover {
    color #434b7d; background-color: #cedae7;
    text-decoration: none;
    border: #8cacbb 2px solid;
    border-bottom-color: #fcfcff;
}

div.contactline { 
    color #434b7d; border: none; text-align: right; 
}

div.contactline p {
    color: #434b7d; font-size:  0.9em; ;
    text-transform: lowercase; line-height: 1.3em;
    
    border: none; border-bottom: #8cacbb solid 2px;
    margin: 0; padding: 0; padding-right: 3em;
}


/* Status bar */
div.status {
    color: #434b7d; font-size:  0.9em; 
    line-height: 1.5em;
    padding: 0 2em 0 2em; margin: 2px;
    border: #8cacbb solid; border-width: 0 0 1px 0;
}

div.status p { 
    margin: 3px 1px; padding: 0; text-indent: 0; font-size: 0.9em; }
div.status a { 
    color: #434b7d; text-decoration: none; }
div.status a:hover { 
    color: #434b7d; text-decoration: underline; }


/**********************Content table ************************/

div.debug {
	border: 2px dashed black; background-color: #cfcfcf; 
	font-family: monospace; 
	margin: 3px; padding: 12px 3px; 
}

div.debug td { border: 1px solid black; padding: 3px 12px;}

div.homepage {
	border: 2px #8cacbb  solid;
}

div.homepage table p {
	text-indent: 0; line-height: 1.6em; text-align: justify;
}

div.homepage table td {
	width: 30%; 
	border: 1px #8cacbb solid;
	vertical-align: top;
	margin: 3px; padding: 1em;
}
div.homepage table h2  {
	font-size: 1.2em;
	color: black;
}
div.homepage table h3  {
	font-weight: normal; 
	font-size: 1.2em;
	border-style: none;
	margin: 0; padding: 0; 
}
div.homepage div.indexlistitem { 
	min-height: 30px;
	border: 1px #8cacbb solid;
	border-style: none none dotted;
	margin: 1.3em 0;
}
div.homepage div.indexlistitem p { 
	font-size: 80%;
}

div.homepage div.indexlistitem p.byline { 
	width: 100%;
	text-align: right;
}

div.homepage div.adcan {
    border: 1px solid #8cacbb;
    margin: 1px auto 1em; padding: 1px;
    width: 125px; text-align: center;
}

table.page { 
    width: 100%; border: none;
    margin: 1em 0; padding: 0;    
    height: 100%;
}

table.page td.sidebar { 
    width: 15%; vertical-align: top; 
    margin: 0;
    padding: 2px 1em 1em 1em;
}

table.page td.sidebar div.outline { 
	border: 1px solid #8cacbb;
	height: 99%;
}

table.page td.sidebar h3 {
    display: inline; font-size: 1em; height: 1em;
    font-weight: normal; text-transform: lowercase;
    background-color: #cedae7; color: #042d6e;
    border: 1px #8cacbb; border-style: solid solid none;
    margin: 0;
    padding: 0 1em;
}

ul.subtextlist {
    list-style: none;
    margin: 0 0 2em; padding: 0.8em 1em;
}

ul.subtextlist li {
    font-size:  0.9em;
    margin: 0.8em 0.2em; 
    padding: 0.5em 0.2em;
}

ul.subtextlist li a {
    color: #434b7d; 
    font-style: italic;
    text-decoration: none;
}

ul.subtextlist li a:hover {
    text-decoration: underline;
}

ul.subtextlist li.hilight {
    border: 1px solid #8cacbb;
    background-color: #cedae7;
    margin: 0.8em 0; 
    padding: 0.8em 0.8em;
}

ul.subtextlist li span {
    display: block;
    text-align: right;
}

table.page td.sidebar div.adcan {
    border: 1px solid #8cacbb;
    margin: 0 1px 1em 0; padding: 1px;
    width: 125px; text-align: center;
}

table.page td.sidebar div.adcan ul {
	margin: 3px 0 0; padding: 3px 6px;
}

table.page td.sidebar div.adcan ul li {
	font-size: 8px;
    	list-style: none;
	margin: 3px 1em; padding: 3px 0;
	vertical-align: middle;
	text-align: left;
}

table.page td.content { 
    width: 70%; vertical-align: top;
    padding: 0; margin: 0;
}


/************** Specific classes ***************/

/* Byline */
p.byline { 
    color: #434b7d; 
    font-size:  0.9em;
    text-indent: 0;  
    padding: 3px 0; margin: 3px 0;
    }
    

table.addresses {
	border: 1px solid #333333;
}
table.addresses td{
	border: 1px dotted #333333;
}
/*-------------------- Article pages ---------------------*/
div.article  {  
    color: #042d6e; 
    border: none;
    padding: 0.5em 2em 1em 1.3em; margin: 0 auto; 
    text-decoration: none; 
    width: 600px;
}

div.article pre {  margin: 1.2em auto; line-height: 1.1em; }

div.article p.preamble { 
    font-size:  0.9em; font-style:italic; }
div.article p.q { 
    font-size: 0.9em; padding: 0.5em 0.8em 0.5em 0.8em; margin-top: 3em; border: 1px solid #8cacbb;
    background-color: #cedae7;} 
div.article p.a { 
    margin: 3em 2em;}

/*-------------------- Plain pages ---------------------*/
div.plain  {  
    color: #042d6e; 
    border: none;
    padding: 0.5em 2em 1em 1.3em; margin: 0 auto; 
    text-decoration: none; 
    width: 600px;
}

div.plain pre { 
	margin: 1.2em auto; line-height: 1.1em; }
div.plain p {  
	color: #042d6e; margin: 1.2em auto; line-height: 1.6em; text-indent: 0; 
}

/*-------------------- Book pages ---------------------*/
div.book  {  
    color: #042d6e; 
    padding: 0.5em 2em 1em 1.3em; margin: 0 auto; 
    text-decoration: none; 
    border: none;
}


div.book h2 { font-size: 1.7em; }
div.book h3 { font-size: 1.4em; }
div.book pre {  margin: 1.2em auto; line-height: 1.1em; }
div.book p.catalog { color: #434b7d; font-size:  1em; line-height: 1.3em; border: none; }
div.book p {  color: #042d6e; margin: 1.2em auto; line-height: 1.6em;}
div.book img.cover { width: 200px; height: 300px; float: left; margin-right: 3em; }

div.review { border: none; margin: 2em 0 2em; }

/*-------------------- script pages ---------------------*/
div.script  {  
    /* font-family: monospace; font-size: 1.2em; */
    color: #042d6e; 
    border: none;
    padding: 0.5em 2em 1em 1.3em; margin: 0 auto; 
    text-decoration: none; 
}

div.script pre {  margin: 1.2em auto; line-height: 1.1em; }
div.script p { color: #042d6e; margin: 1.2em auto; line-height: 1.6em; text-indent: 0;}
div.script p.preamble {  font-style: italic; }

/*-------------------- Index pages ---------------------*/
div.index  {  
    color: #042d6e; 
    border: none;
    padding: 0.5em 2em 1em 1.3em; margin: 0; 
    text-decoration: none; 
}

div.index h1 {  font-size: 1.6em; margin-top: 0;}
div.index h2 {  font-size: 1.5em; margin: 0.3em; }
div.index h3 {  font-size: 1.1em; border-width: 1px;  }
div.index p {  color: #042d6e; margin: 1.2em 0.8em; line-height: 1.6em;}
div.index pre {  margin: 1.2em auto; line-height: 1.1em; }
div.index blockquote { font-style: italic; font-size: 0.9em; }

/* Index lists */
/* 
    TODO // Consolidate this where possible -- seems to be a lot of DUPLICATION
 */
div.indexlist  {  
    color: #042d6e; 
    padding: 0.5em 2em 1em 1.3em; margin: 0; 
    text-decoration: none; 
    border: none;
}

div.indexlist p.catblurb {
	border: 2px #8cacbb;
	border-style: solid none solid;
    text-indent: 0;
    margin: 2em 3em 3em;
    text-align: justify;
}

div.indexlist h2  {
	font-size: 2.2em; 
}

div.indexlistitem  {  
	border: none;  min-height: 100px; margin-bottom: 3em;  }

div.indexlistitem h3 { 
	border: 2px #8cacbb;
	border-style: solid none none;
	padding: 1.4em 0 0 0;
	font-size: 1.6em; 
	font-family: serif;
}

 /* color of the titles in the listings */
div.indexlistitem a { text-decoration: none; color: #ac5678;}
div.indexlistitem a:hover { text-decoration: underline; }

div.indexlistitem pre {  margin: 1.2em auto; line-height: 1.1em; }
div.indexlistitem p.blurb {  
	color: #042d6e; font-size: 1em; 
	margin: 0.6em 0;
	padding: 0; line-height: 1.6em; 
	text-align: justify; text-indent: 0;
	font-style: italic; 
}

div.indexlistitem p.blurb { font-style: italic; }

div.indexlistitem p.byline { 
	color: #434b7d; font-size:  0.9em; line-height: 1.3em; 
	width: 30em; border: none;  margin-top: 1em; }

div.indexlistitem p.byline a { text-decoration: underline; color: #434b7d;}
div.indexlistitem p.byline a:hover { color: #042d6e; }

div.indexlistitem p.linkit { width: 28em; text-align: right;  }

div.indexlistitem img.mainright { float: right; border: 1px #042d6e solid; 
margin: 1em; padding: 0; }
div.indexlistitem img.mini { 
    float: left; border: 1px #042d6e solid; 
    margin: 0.6em 1em 1em 1em; padding: 0;
    width: 75px; height 60px;
}

/* submenulist */
ul.submenulist {
    font-size:  0.9em;
    border: 1px solid #8cacbb;
    margin: 0 0 2em; padding: 0.8em 1.2em 0.8em 1em;
}

ul.submenulist li {
    list-style: none;
    margin: 2px 0 0 8px;
    padding: 0 3px;
}

ul.submenulist li a {
    color: #434b7d; 
    text-decoration: none;
}

ul.submenulist li:hover {
    list-style-position: outside; 
    list-style: disc;
    margin: 2px 0 0 8px;
    padding: 0 3px;
}

ul.submenulist li.selected {
    font-weight: bold;
    list-style-position: outside; list-style-image: url("/content/imagelib/icons/li-arrow.png");
    margin: 1px 0 0 8px;
    padding: 0;
}



/* Linkframes */
div.linkframe { border: none; margin: 1em; padding: 3px; }
div.linkframe h3 { 
    font: 1.2em; color: #434b7d; 
    border: none; border-bottom: 1px solid #8cacbb; margin: 0; padding: 0; 
}
div.linkframe ul { 
    margin: 0 0.5em 1.6em 1.6em; padding: 0;
    list-style-position: outside; list-style-image: url("/content/imagelib/icons/li-arrow.png");
}
div.linkframe li { margin: 1em 0 0 1em; padding: 0; }
div.linkframe li a { color: #434b7d; font-weight: bold; }
div.linkframe li a:hover { text-decoration: none; border-bottom: 1px #434b7d dashed; font-weight: bold; }

/* Buy this book */
div.buythisbook { 
	border: none; border-top: 1px solid #8cacbb; 
	margin: 3em 0 2em; padding: 0; 
}
div.buythisbook p { 
	font-size: 1.3em; font-weight: bold;  
	margin: 0.3em 1em; padding: 0; text-indent: 0; 
	text-align: center;
}
div.buythisbook img {  vertical-align: middle; }
div.buythisbook p.imgrow { line-height: 44px };

/* Imageframes */
table.imageframe {
    float: left; background-color: #042d6e;
    border: 1px solid #0c0c0c;
    margin: 4px 1.2em 0.3em 0;
}

table.imageframe th {
    margin: 0; padding: 0;
    font: 0.9em normal; background-color: #042d6e; color: #cedae7;
    line-height: 1.2em;
}

table.imageframe th a {
    color: #8cacbb;
    text-decoration: underline;
}

/* Invite (Event) */
table.invite { border: 1px dotted #042d6e; margin: 1.3em 1.3em 3em; padding: 4px 2px; }
table.invite td { border: 1px dotted #8cacbb; border-left: none;}
table.invite th { vertical-align: middle; 
    border: 1px dotted #8cacbb; border-right: none;
}

/* Spotlight listings */
table.spotlight {  border-collapse: collapse; margin: 2em; min-height: 200px;}
table.spotlight tr { border: 1px solid #434b7d; }
table.spotlight tr.dark {  background-color: #cedae7; }
table.spotlight tr.light { background-color: #80bffd; }
table.spotlight td {   width: 16em; vertical-align: top; padding: 0.1em 1em; }
table.spotlight th.title { width: 12em; text-align: left; padding: 0.2em 0.4em; }
table.spotlight th.title a { text-decoration: none; color: #042d6e;}
table.spotlight td.text  { width: 36em;  border-top: 1px solid #434b7d; }
table.spotlight td.text p { font-size:  1em;  font-style: italic; text-align: justify; padding: 0.1em 1em ; }
table.spotlight td.date { font-size:  0.9em; width: 16em;border-top: 1px solid #434b7d;}
table.spotlight td.date img { border: 1px solid #000000; }
table.spotlight ul  { margin: 1em 0.5em ; padding: 0;}
table.spotlight ul li  {
    font-weight: bold;
    list-style-position: outside; list-style: disc;
    margin: 1px 0 0 8px; padding: 0;
}

div.footer { 
    font-size:  0.9em; color: #434b7d; 
    border: #8cacbb solid; border-width: 1px 3px;
    padding: 1em 0; margin: 1em auto 5em;
    text-align: center;
}
div.footer p { padding: 0 1em; margin: 0.2em auto 2em; }

/* Image sizes and types */
img.face { width: 250px; height: 200px; }

/************** NOTES ********************

COLOR GUIDE
-----------
    $ sed -n 's@.*\(#[0-9a-f]\{6\}\).*$@\1@p' <file> | sort | uniq

    ### These colors look "good" on LCD and CRT
	#8cacbb  / pale blue
	#042d6e  / blue [black]
	#434b7d  / dark blue
	#cedae7  / pale cream
	#fcfcff  / white
	#0c0c0c  / gray 
	
	#ffc454  / ??? / p.alert::bgcolor
	#80bffd	 / really pale blue

************** NOTES ********************/

/* End: /mystyle.css */