html body {
	background-color: white;
	background-image: url(../img/top_bg_weblog.png);
	background-position: top;
	background-repeat: repeat-x;
	margin: auto;
	color: #000;
	width: 500px;
	text-align: center;
}

html p {
	margin-top: 0;
	margin-bottom: 1em;
	text-align: left;
	font-size:  1em;
	line-height: 1.4em;
}

p, td, li, ul, ol, h1, h2, h3, h4, h5, h6   {
	font-family: Cambria, Georgia, "New Century Schoolbook", Times, serif;
	text-align: left;
}

code,pre {text-align: left;}
pre {
  padding: 0.7em;
  margin-left:1em;
  margin-right: 1em;
  background-color: #323232;
  color: #e08040;
}
p code {color: #907050;}

a:link {color: #33A1D4}
a:active {color: red;}
a:hover {background-color: yellow;}
a:visited {background-color: transparent}

#container {
	margin: 3em 0em 2em 0em;
	width: 100%;
	text-align: center;
	position: relative;
}

#foot {
	margin: 2em 0em 2em 0em;
	padding: 0.3em 0.5em;
	background-color: #eee;
	background-image: url(../img/cc_logo_trans.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 0.9em;		
}

#foot p {font-family: Calibri, Arial, Helvetica, sans-serif; text-align:center; margin: 0em;}
#foot p span {font-family: Constantia, "Palatino Linotype", Palatino, Georgia, serif;}

#pageTitle h2 {
	color: #216788; 
	font-family: Constantia, "Palatino Linotype", Palatino, Georgia, serif;
	font-weight: normal;
	font-size: 1em;
	background-image: url(../img/candide19.gif);
	background-repeat: no-repeat;
	background-position: right center; 
}
#pageTitle h1 {font-weight: normal; text-align: center; margin-top: 0em; color: gray; font-size: 3em; margin-bottom: 0em;}
#pageTitle h3 {display: none;}

#menuButton {text-align: right; width: 2em; position: absolute; top: -3px; right: 0.5em; color: white; background-color:transparent; font-weight: bold;}
#menuButton div {font-weight: normal;}
#menu {	
	width: 25em; 
	padding: 1em;
	height:auto; 
	position: absolute; 
	top: 0.5em; 
	right: 0px;
	background-color: white; 
	display: none;
	border: 2px solid gray;
	color: black;
	font-size: 0.9em;
	z-index: 100;
}
#menuButton:hover #menu, #menu:hover {display: block;}
#menu h3 {display: block; color: gray; font-weight: normal;}

/* position the nav links */
#blogInfo {width: 60%; margin: auto; margin-top: 1em; margin-bottom: 1em;}
#blogInfo ul {text-align: center;}

ul#navList {text-indent: 0em; margin-left: 0em; padding-left: 0em; margin-top: 0em; margin-bottom:0em;}
ul#navList p {color: gray;}
ul#navList li,ul#navList p{display: inline; font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; font-size:0.9em}
ul#navList a {text-decoration: none;}
ul#navList a:link {color: gray; background-color: #eeffaa}
ul#navList a:active {color: red;}
ul#navList a:hover {background-color: yellow;}
ul#navList a:visited {background-color: transparent;}

/* POSTS */
.post {margin-top: 0em; margin-bottom: 2em; clear: both;}
.post h2 {
	text-align: center; 
	font-weight: normal; 
	font-size: 1.8em; 
	line-height: 1.4em; 
	margin-top: 0.5em; 
	margin-bottom: 0.5em;}
.post h4 {
	text-align: center;
	font-weight: normal;
	color: black;
	background-color: #eee;
	padding: 0.1em 0em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.post p.pd {
	text-align: center; 
	font-size: 0.8em; 
	line-height: 1.4em; 
}
.post p.bl, .post h3 {font-style: italic; color: gray; text-align: center; font-size: 1.2em; font-weight: normal;}
.post blockquote {background-color: #efefef; padding: 0.5em 1em 0.5em 1em;}
.post blockquote.big {
	padding: 0em; 
	font-size: 1.6em; 
	font-style: italic; 
	text-align: left; 
	background-color: transparent;
	color: #777777}
.post blockquote p {margin-bottom: 0.5em;}
.post sup {font-size: x-small;}
.post img {display: block; margin: 0 auto; padding: 5px; border: 1px solid #ddd;}

/* permalink */
.plnk {text-align: center;}
.plnk a {text-decoration: none; color: gray; font-size: 0.9em;}

.marginalia {font-size: 0.75em;}

/* common classes */ 
.hide {display: none;}