/* Cascading Style Sheet for andrewhagen.com v5 

	goal:	For screen media, fluid layout using percentages and em units. 
		Avoids need for horizontal scrolling after zooming. 

	In debugging, validate markup and CSS. 
	put style on a div....  outline: red solid thin
	
	  later: use faint gray color for misc post info like the date?  
	
*/
	
html { 
	position: static; }

body {	
	position: relative;
	color: black;
	background-color: white;
	text-align: left;
	font-family: Verdana, Geneva, Helvetica, Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif;
	font-size: 100%;
	line-height: 1.1;
	margin-left: 5%;
	margin-right: 5%;}

#ahid-linkpage {
	color: rgb(0, 0, 0);
	background-color:  rgb(189, 189, 189)}

.ahcss-sans {
	font-family: Verdana, Geneva, Helvetica, Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif;}

.ahcss-serif {
	font-family: 'Book Antiqua', Palatino, Georgia, 'Liberation Serif', 'DejaVu Serif', serif }

.ahcss-times {
	font-family: 'Times New Roman', Times, 'Liberation Serif', 'DejaVu Serif', serif }

.ahcss-mono {
	font-family: Consolas, 'Lucida Console', 'Courier New', 'Liberation Mono', 'DejaVu Mono', Courier, monospace}

.ahcss-none {
	display: none}
	
.ahcss-warn {
	color: yellow;
	background-color: red;
	font-weight: bold;
	text-decoration: underline;}

a {
	background: transparent}

:link {
	color: blue;
	text-decoration: none}

:visited {
	color: rgb(25, 25, 125);
	text-decoration: none}
	
:link img, :visited img {
	border-style: none;
	text-decoration: none}   

a:hover {
	border-bottom: thin dotted rgb(0, 153, 204);}
	
a:focus {
	border-bottom: thin solid rgb(0, 153, 204)}
	
a:active {
	border-bottom: thick solid rgb(0, 153, 204)}

acronym, abbr {
	border-bottom: thick dotted gray}

blockquote {
	padding-left: 2em;
	padding-right: 2em;
	background: rgb(255, 255, 224);
	color: black;
	margin-left: 10em;
	margin-right: 10em;}

h1 h2 h3 h4 h5 {
	font-weight: bold;}

h1 {
	font-size: 2.5em;
	text-indent: 0;}

h2 {
	font-size: 1.75em;}

h3 {
	font-size: 1.5em;}

h4 {
	font-size: 1.25em;}

h5 {
	font-size: 1.1em;}

hr {
	height: 0.4em;
	width: 100%;
	background-color: rgb(204,204,204); }

pre, code, samp, tt, var {
	font-family: Consolas, 'Lucida Console', 'Courier New', 'Liberation Mono', 'DejaVu Mono', Courier, monospace}
	
kbd {   /* ⇧ Shift
	Tab ↹
	←Backspace
	Enter ⏎
	← (left arrow)
	(right arrow)
	(up arrow)
	(down arrow)
	⌘   (command (apple))
	⌥   (option (apple))    
	style below copied from Wikipedia */
	border: 0.2em outset rgb(206, 203, 199); 
	padding: 0.1em 0.4em; 
	background: rgb(240, 236, 232) none repeat scroll 0% 0%; 
	font-size: 0.8em; 
	white-space: nowrap;
	font-family: Vrinda, Arial, Helvetica, 'Lucida Console', sans-serif;}

small {
	font-size: 0.7em; }

/*	
table, th, td {border: thin solid gray}  
 could add to table:   border-collapse: collapse; */

th {text-align: center}

#ahid-masthead small > a, 
#ahid-masthead small a:link, 
#ahid-masthead small > a:visited,
#ahid-masthead-greatdocs small > a, 
#ahid-masthead-greatdocs small a:link, 
#ahid-masthead-greatdocs small > a:visited   {
	/* set situs default color to be black, even though it's a link */
	color: black }

#ahid-blog #ahid-masthead small > a, 
#ahid-blog #ahid-masthead small > a:link, 
#ahid-blog #ahid-masthead small > a:visited {
	/* if masthead is using inverse color scheme, use light gray color here */
	color: rgb(240, 240, 240)}

.ahcss-codeblock { 
	background-color: black;
	color: rgb(255, 204, 51); 
	padding: 1em;
	font-family: 'Lucida Console', 'Courier New', 'Liberation Mono', monospace;}

.ahcss-pre {
	white-space: pre }


/* navigation menu */

#ahid-menu { 
	color: rgb(0, 153, 204);
	float: right;
	width: auto;
	position: absolute;
	right: 0%;
	padding-right: 0.5em;}

#ahid-menu ul {
	list-style-position: outside;}

#ahid-menu li {
	list-style-type: none;
	display: inline;
	line-height: 1.0;
	word-spacing: -0.3em;
	font-size: 0.85em;}

#ahid-menu a {
	color: rgb(240, 240, 240);
	background-color: rgb(0, 153, 204);
	text-decoration: underline;
	word-spacing: 0em;
	padding: 0.1em;}

#ahid-menu a:visited {
	color: rgb(240, 240, 240);}


/* Display masthead */

#ahid #ahid-masthead {
	float: left; }


/* blog styles */




#ahid-blog { 
	color: black; 
	background: rgb(240, 240, 240);	}

#ahid-blog #ahid-masthead { 
	background-image: url(/images/darkmarble.jpeg);
	background-color: black; 
	color: rgb(240, 240, 240);
	padding-left: 1em; 
	}
	
#ahid-masthead h1 {
	font-family: 'Times New Roman', Times, 'Liberation Serif', 'DejaVu Serif', serif;
	padding-bottom: 0.1em;}

#ahid-masthead h1 img { /* This turns the element off. It is needed in Firefox
			and Opera when those browsers have images disabled, and
			the user wishes to print the page. It is only turned on
			for browsers other than IE, which has a different solution. */
			display: none; }

#ahid-mc object#ahid-logo {
	clip: rect(0px, 456px, 56px, 0px); 
	position: absolute; 
	left: auto; 
	top: auto; }

#ahid-mc object#ahid-trp {
	width: 456px;
	height: 54px;  }

#ahid-blog h1 a:link, #ahid-blog h1 a:visited, 
#ahid-blog h1 a:active {
	color: rgb(240, 240, 240);
	text-decoration: none;
	outline: none;}




/* content, 1 column */

#ahid-content1column {
	clear: both; }


/* content, 2 columns */

 

#ahid-content2columncontainer {
	width: 100%; }


#ahid-content2columnleft {
	display: block;
	width: 60%;
	padding: 0em 1em 1em 0em; 
	line-height: 1.6em;
	float: left;}
	
/*
	#ahid-content2columnleft {
	 paragraph indentantion
 	 text-indent 0.5 inches   }
 	 
 	 */

#ahid-start:first-line {
	font-variant: small-caps}

#ahid-start:first-letter {
	float: left;
 	margin-top: 0em;
 	font-variant: normal;
 	padding-right: 0.05em;
 	padding-top: 0.1em;
 	font-size: 4em;
 	height: 1em;}

#ahid-second {
	text-align: justify;}

#ahid-second img {
	float: right;
	padding-top: 0.3em;
	padding-left: 0.3em;}

#ahid-content2columnright {
	display: block;
	padding: 1em;
	text-align: right;
	margin-left: 65%;}

#ahid-supportabove {
	clear: both}

#ahid-supportbelow { 
	clear: both;}


/* foooter */

#ahid-footerinfo  {
	width: 60%; 
	float: left;
	font-size: 0.9em;
	line-height: 1.0em;}

#ahid-footerlegal {
	float: right;
	position: absolute;
	right: 0%;
	text-align: right;}


/*  quotations */

#ahid-quotations *:target { 
	background-color : yellow; }

#ahid-quotations {
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
 	clear: both;
	margin-top: 2%;
	text-align: justify; }

#ahid-quotations hr {
	height: 0.1em !important; }

#ahid-quotations blockquote {
	background: white;
	padding: 0;
	margin: 0; }
 
#ahid-quotations ul {
	list-style-position: inside; }

#ahid-quotations li {
	list-style-type: none;
	display: block;
	border-bottom: 1px solid black;
	page-break-inside: avoid; }

#ahid-quotations cite {
	text-align: right;
	display: block; 
	padding-bottom: 0.3em;
	page-break-before: avoid;}