header, footer, nav, section, article { display:block; } /* must be block for html5 */

img#wpstats{display:none}

body, h1, h2, h3, form, input, table, tr, td, a, img, 
header, nav, article, section, dialog, figure, aside, footer 
{
	border:0;
	margin:0;
	padding:0;
	_font-family:"neuropol-nova-1","neuropol-nova-2",sans-serif;
	_font-family:'Vollkorn',serif;
	_font-family:serif;
}
ul, ol { padding-left:1em;}
a { color: black; }
body {

font-family:'Cardo',sans-serif;
	_font-size: 0.97em;
	background-color:white; color:#333333;
	margin-left:25px; margin-top:20px; /* default margins */
}


.logo {position:fixed; float:left; top:20px; width: 92px; height: 96px; _z-index:-1;}
.logo-text {position:fixed; top: 22px; left:137px; width:253px; height: 96px; float:left;  _z-index:-1;}
nav { position:fixed; top:136px; float:left; }
nav ul { margin:0; padding:0; list-style-type:none; }
nav li {
	padding-top:2px; padding-bottom:0.00px; margin-bottom:1px; /* space to top and bottom */
}
nav a {	
	text-decoration:none; color: #FFFFFF; background-color:black; 
	padding-top:2px; padding-bottom:0.00px; margin-bottom:1px; /* space to top and bottom */
	font-size:24pt; 
	_font-family:'Cardo',sans-serif;
	font-family:sans-serif; /* font size, style */
}
nav a:hover { color:black; background-color:white; }
nav span { 
	padding-top:2px; padding-bottom:0.00em; margin-bottom:1px; /* space to top and bottom */
	background-color:black; 
	margin-left:-0.24em; padding-left:0.34em; /* handle space between cat. and items */
	font-size:xx-large; font-family:sans-serif; /* font size, style */
}
nav span a {
	padding-left:3pt; padding-right:4pt; /* give room for item to breath */ 
}
/* the padding inside link elements shows stronger weight on chrome
 * than it does on firefox when using "pt" or "em" measurements. 
 * so we switched to "px". Update: px doesnt change much; 
 */
section {  
	width:520px; margin-top:136px;
	margin-left: auto; margin-right:auto; 
	_padding-left:130px; _padding-right: 130px; /* do not overrun menu */
}
section article { 
	margin-bottom:8em; /* space between articles */
	_line-height: 2.55; /* space between lines in article */	
}
article h1 {
        font-size:24pt;
        font-family:sans-serif; /* font size, style */
        _padding-top:1px; _padding-bottom:0.00px; margin-bottom:1px; /* space to top and bottom */
        _margin-top: -1px;
        line-height:27pt;
        font-weight:normal;

}
article a { color: #6660; }
article a:hover { color: black; _background-color: #f2f2f2; _text-decoration: none; }
/* doesnt work very well. both images and uploaded documents have the "attachment" rel */
_a:hover[rel~="attachment"] { background-color: transparent; } 
article header { margin-bottom:1em; }
article header a {
	text-decoration:none; color: #000000; 
	padding-bottom:2px; padding-top:2px; /* handle imported font weight change */
}
article header a:hover {background-color: black; color: #FFFFFF;}
article img  { 
	margin-left:auto;  padding:10px; 
	background-color: white;
	-moz-box-shadow: #ccc 5px 5px 20px; /* shadow works on chrome/firefox/safari */
	-webkit-box-shadow: #ccc 5px 5px 20px; 
	margin-bottom:1em; 
	margin-left:-10px;
	_position:relative;
}

/* navigation for pages */
.page-nav {
	width:520px;
	margin-left: auto; margin-right:auto; 
	font-size: 24pt;
}
.left { float: left; }
.right { float: right; } 
.page-nav a { text-decoration: none; }
.page-nav a:hover { color: white; background-color: black; }

/* :before and :after do not work in ie. also using  
 * "close-quote" and "open-quote" render how we would
 * expect on firefox but not chrome/safari
 */
q:before   { margin-left:0.0em;		margin-right:0.1em;	content: open-quote; }
q:after    { margin-left:0.1em;		margin-right:0.0em;	content: close-quote; }


/* definitions added for post images */
.alignleft { float: left; }
.alignright { float: right; }
img.alignleft, img.alignright, img.alignnone, img.aligncenter, .wp-caption img { /* remove shadow */
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	background-color: transparent;
	padding: 0;
	display:inline;
}
.aligncenter, img.aligncenter {display:block; margin-left:auto;margin-right:auto; }
img.alignleft { margin: 0.5em 1em 0.5em 0; }
img.alignright{ margin: 0.5em 0 0.5em 1em; }
img.alignnone { margin: 0.5em 0 0.5em 0em; }
/* with caption */
.alignleft p, .alignright p, .alignnone p, .aligncenter p { margin: 0; }
.wp-caption img { margin: 5px 0 0 0; }
.wp-caption {
	border:1px solid #eeeeee;
	text-align:center;
	background-color: #f7f7f7;
	color: #666666;
	font-style: italic;
	font-size: 10pt;
}
.wp-caption.alignleft { margin: 0.5em 1em 0.5em -2px; }
.wp-caption.alignright { margin: 0.5em 0 0.5em 1em; }

a { color:#820000; text-decoration:none; }