@charset "UTF-8";

/* Page heading layout for article pages */

div#siteheader {
	padding: 1em 0 1em 0;
	border-bottom: 2px solid lightgray;
	cursor: pointer;	
}


/* Gross layout for article pages */

div#bd {
	margin: 2em 7.6em 1em 7.6em;
}



#rcol {
	width: 176px;
	float:right;
	text-align: left;
}

#lcol {
	width: 660px;
	float:left;
	border-right: 1px solid #e5e5e5;
	padding-right: 30px;
	padding-bottom: 1em;
}

div.adbloc {
	margin-top: 36px;
}

div.adbloc img {
	margin-bottom: 0.5em;
}

div.columnheadings {
	margin-bottom: 1em;
}


div.bottomnav {
	text-align: right;
}

div.nextpage {
	clear: both;
	font-weight: bold;
	font-size: 118%;
}

div.prevpage {
	clear: both;
	font-size: 100%; /* was 88% */
}

div.donate {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    border-bottom: 1px solid #888;
}


/* ======================================
Everything below here is a little dubious 
====================================== */



div.photo.left {
	margin: 1em;
}

div.photo.right {
	margin: 1em;
}


/* deprecated: instead create div.primaryad and place img within */
img.primaryad {
	float: right;
	margin: 0 0 1em 2em;

}

div.callout {
	margin: 1em 4em 1em 4em;
	padding: 0.8em 1em 0.8em 1em;
	-webkit-border-radius: 0.75em;
	clear: both;
}

div.info {
	background-color: #dbebfe;
	border: 2px solid #7b8490;
}

div.ftc {
	background-color: #fedbeb;
	border: 2px solid #7b8490;
}

.code, pre {
	font: 12px Menlo, Monaco, "Courier New", "Courier", "Andale Mono", mono;
}


/* links that are titles should be in italic */
a.titled {
	font-style: italic;
}

.wisecrack {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	margin: 1em 2em 1em 2em;
	padding: 0.8em 1em 0.25em 1em;
}

.quote {
	font-style:  italic;
}

/* used on a few pages where I still want TOC until/unless a better solution emerges: popup menu? */

#table-of-contents {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	position: relative;
	font-size: 12px;
	line-height: 100%;
	space-before: 5px;
	font-weight: bold;
}

.table-of-links {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	position: relative;
	font-size: 12px;
	line-height: 50%;
	font-weight: bold;
}

.filename {
	font-family:  "Courier New", Courier, monospace;
}

.menu-item {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.cli-cmd {
	font-family:  "Courier New", Courier, monospace;
}


/* table of contents link-back at bottom of page */
a.back-to-toc {
	letter-spacing: 0.0em;
	font: 1.2em "Lucida Grande", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	background-color: #FFC;
	padding: 0.25em;
	padding-left: 0.7em;
	padding-right: 0.7em;
	border: 2px solid gray;
	-webkit-border-radius: 0.75em;
}
a:hover.back-to-toc {
	color: #00F;
	background-color: #EEE;
}


/* call attention to an important small item */
span.attn {
	background-color: #F88;
	border: 1px solid gray;
	letter-spacing: .3em;
	font: 9px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	display: inline-block;
	padding: 1px 2px 1px 3px;
	vertical-align: 3px;
	position: relative;
	bottom: -1px;	
}

span.caution {
	background-color: #FFC;
	border: 1px solid gray;
	letter-spacing: .3em;
	font: 9px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	display: inline-block;
	padding: 1px 2px 1px 3px;
	vertical-align: 3px;
	position: relative;
	bottom: -1px;	
}


span.tip {
	border: 1px solid gray;
	background-color: #CFD;
	letter-spacing: .3em;
	font: 9px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	display: inline-block;
	padding: 1px 2px 1px 3px;
	vertical-align: 3px;
	position: relative;
	bottom: -1px;
}

span.new-or-updated {
	background-color: #FFA;
	border: 1px solid gray;
	letter-spacing: .3em;
	font: 9px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	display: inline-block;
	padding: 1px 2px 1px 3px;
	vertical-align: 3px;
	position: relative;
	bottom: -1px;
}


/* link to another group of articles */
div.next-area {
	color:  green;
	text-align:  center;
	font-size: 123.1%;
	margin-top:  3.0em;
	margin-bottom:  2.0em;
	
}

table th {
	background-color: #F8F8F8;
}


table tr:hover {
	background-color: #F4F4F4;
	color: #400;
}