body {
	color:#333;
	font-family: Georgia, 'Times New Roman', Times, Serif;
	line-height:1.75em;
	letter-spacing:0.05em;
	text-align:left;
	}

#pagewidth {
	padding:1em;
	width:50%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:4em;
	}

h1 {
	line-height:1.2em;
}

h4 {
	font-weight:normal;
	margin:0;
	border-bottom:1px dotted #ccc;
}

h5 {
	font-weight:normal;
	font-size:.8em;
	margin:0 0 0 2em;
	color:#999;
}

ul {
	list-style-type: square;
	}
	
#top {
	border-bottom:1px solid black;
	min-height:250px;
}

#top img {
	position:relative;
	z-index:-1;
	float:left;
	margin-right:1em;
}

#top p {
	font-size:1.5em;
	line-height:1.5em;
	padding-top:4em;
}

#bottom {
	border-top:1px solid black;
}

.commentary {
	font-size:.8em;
	color:#666;
	line-height:1.5em;
}

.nav-commentary {
	font-size:.75em;
	color:#CC3333;
	border-top: 1px dotted #ccc;
}

.trans {
	color:#999;
}

#footer {
	border-top:1px solid black;
	font-size:.8em;
	color:#666;
	line-height:1.5em;
}


/* MOBILE */

@media screen and (max-width: 700px) {

#pagewidth {
	width:auto;
	padding:.5em;
	margin:auto;
	}

#top {
	border-bottom:1px solid black;
	min-height:auto;
}

#top img {
	display: none !important;
}

#top p {
	padding-top:0;
}

.commentary {
	font-size:1em;
	color:#666;
	line-height:1.5em;
}

.nav-commentary {
	font-size:.85em;
	color:#CC3333;
	border-top: 1px dotted #ccc;
}

#footer {
	border-top:1px solid black;
	font-size:1em;
	color:#666;
	line-height:1.5em;
}


}

/* iPads */


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 

#pagewidth {
	width:auto;
	padding:.5em;
	margin:auto;
	}

}


/* link styles */

ul li a {
	display: block !important;
	display: inline;
	display/**/:/**/ block;
	}

a:link{
	color: #333;
	text-decoration: none;
	}

a:active{
	color: #333;
	text-decoration: none;
	}

a:visited{
	color: #333;
	text-decoration: none;
	}

a:hover{
	color: #fff;
	text-decoration: none;
	background-color: #CC3333;
	padding:0.2em;
	margin:-0.2em;
	}

/* Top links */

#top a:link{
	color: #333;
	text-decoration: none;
	}

#top a:active{
	color: #333;
	text-decoration: none;
	}

#top a:visited{
	color: #333;
	text-decoration: none;
	}

#top a:hover{
	color: #333;
	text-decoration: none;
	background-color: #fff;
	padding:0;
	margin:0;
	}