/* Layout and design-specific CSS */
/* Much annoyingly bad examples here, please ignore. */

body {
	margin:0px;
	padding:0px;
	font-family:Verdana, "Trebuchet MS", sans-serif;
	color:#000000;
	background-color:#FFFFFF;
    font-size: 90%;
	}

/* define the main sections */
#HeaderDiv {
	position: absolute;
	left: 10px;
	right: 10px;
	top: 5px;
	}

#MainContentDiv {
	position: absolute;
	left: 0px;
	top: 4em;
	width: 95%; /* only using two columns now, until redesign */
	}
	
#ExtraContentDiv {
	display: none;
	/*position: absolute; left: 80%; top: 5em; padding-right: 10px;*/
}

#MenusDiv {
	position: absolute;
	left: 10px;
	top: 5em;
	width: 160px; 
}


/* HeaderDiv subsections & styles*/

.Header h1 {
	text-shadow: 2px 2px #333333; /* am I dreaming? yeah. */
	font-size: 1.8em;
	font-family: "Trebuchet MS", Arial, sans-serif;
	text-decoration: none;
	text-align: left;
	
}

.Header span.subHeader {
	text-shadow: none;
	margin-left: 12ex;
	margin-top: -.4em;
	font-style: italic;
	font-size: 50%;
	font-weight: normal;
	display: block;
	color: #666666;
	background-color: #FFFFFF;
}

/* define NavMenusDiv subsections */
.Menus {
	padding: 0;
	border: none;
}

.Menu h2 {
	font-size: .9em;
	padding: 0;
	padding:1px;
	color: #000000;
	background-color: #EEEEEE;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.Menu ul {
	margin-top: 0;
	margin-left: 1px;
	padding-left: 1px;
}

.Menu li {
	font-size: .8em;
	list-style-type: none;
    padding-top: .4em;
}

.Menu p,dd,dt{ font-size: .8em;}


/* define ExtraContentDiv subsections */
.ExtraContent h2 {
	font-size: .9em;
	padding: 0;
	padding:1px;
	color: #000000;
	background-color: #EEEEEE;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.ExtraContent ul {
	margin-top: 0;
	margin-left: 1px;
	padding-left: 1px;
}

.ExtraContent li {
	font-size: .8em;
	list-style-type: none;

}

.ExtraContent p{ font-size: .8em;}

.meerkatStory {
	font-size: 0.75em;
	font-weight:normal;
	padding: 1px;
}

a.meerkatLink {
	font-weight:normal;
	padding: 1px;
}
a.meerkatLink:hover {

}

.meerkatImage {
	border: none;
	display: block;
}

	/* unused for now
	.meerkatTitle {}
	.meerkatCategory {}
	.meerkatChannel {}
	.meerkatDate {}
	.meerkatDesc {}
	*/

/* MainContentDiv subsections and styles */

.MainContent div {
	margin-left: 200px;
	margin-right: 25px;
}

.MainContent h2 {font-size: 1.2em; font-weight: normal; }
.entryDiv {
	border: none;
	padding: 2px;
	margin-bottom: 1em;
}

h2.entryTitle {
	font-size: 1em;
	font-weight: bolder;
	border-bottom: 1px solid #999999;
	padding: 1px;
	}
h2.entryTitle a {
	text-decoration: none;
	color: #000000;
	background-color: #FFFFFF;
}
h2.essayTitle {
    font-size: 1em;
    font-weight: bolder;
    border-bottom: 1px solid #999999;
    padding: 1px;
    }
	
p.entryDate {
	text-align: right;
	font-size: 0.5em;
	margin-top: -0.8em;
	line-height: 1em;
}

.MainContent p,dt,dd,li {
	line-height: 1.35;
	font-size: 85%;
}
.MainContent li p {
    font-size: 100%;
}
p.entryDate {
	text-align: right;
	font-size: 0.8em;
	margin-top: -0.8em;
	line-height: 1em;
}

p.permalink {
	text-align: right;
	font-size: 0.75em;
}
.MainContent li {
	line-height: 1.25;
	margin-bottom: 1em;
	}
ul.quote  li { line-height: .8em; }
/* partout */

a:link {
	font-weight: bold;
	color: #336666;
	text-decoration: none;
	background-color: #FFFFFF;
	}
a:visited {
	font-weight: bold;
	color: #888888;
	text-decoration: none;
	background-color: #FFFFFF;
	}
a:hover {
	font-weight: bold;
	color: #333399;
	text-decoration: none;
	background-color: #FFFFFF;
	}
a:active {
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
	background-color: #FFFFFF;
	}
a.imageLink:link {
    color: #FFFFFF;
    background-color: #FFFFFF;
}
a.imageLink img { border: 1px solid #000000; }
img.imageFloatLeft {float: left; margin-right: 5px; margin-bottom: 2px; }
img.imageFloatRight { float: right; margin-left: 5px; margin-bottom: 2px; }
h1 {font-size: 1.4em; font-weight: normal; }
h3 { font-size: .9em;}
h4 { font-size: 0.8em;}	

code,samp,var {  
	color: #333399;
	background-color: #FFFFFF;
	font-family: monospace
	}

.longItems { padding-bottom: .7em; }
ul.longItems li {padding-bottom: .7em; }