body {
	background-color: #CCCCCC;
	background-image: url(http://thebards.net/images/2006/background.gif);
	margin-top: 0px;
	margin-bottom: 0px;
}

h3.date-header {
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:.1em;
	font-size:80%;
	margin:0;
	padding:0;
}
h3.post-title {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:125%;
	color:#1B0431;
	margin:0;
	padding:0;
}
h5.sidebar-title {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:100%;
	color:#1B0431;
	margin:0;
	padding:0;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
a {
	font-weight: bold;
}
.style3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px
}
.style4 {font-family: Arial, Helvetica, sans-serif}

#container {
	background:#fff;
	border:4px solid #3F382F;
	margin:0 auto;
	max-width:750px;
	width:100%;
}

header {
	height:140px;
	float:left;
	margin-bottom:10px;
}

#headerleft {
	background: url(/images/bardsheader_left.png) center center no-repeat;
	background-size:cover;
	color:#28501E;
	float:left;
	height:140px;
	width:433px;
}

#headerleft .text {
	float:right;
    font-family: Georgia, "Times New Roman", Times, serif;
	padding:60px 10px 0 0;
	text-align:center;
}

#headerright {
	background: url(/images/bardsheader_right.png) center center no-repeat;
	float:left;
	height:140px;
	width:317px;
}
header h1 {
	color:#fff;
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size:160%;
	font-style:italic;
	margin:10px 118px 0;
	position:absolute;
	text-shadow: 1px 2px 3px #000;
}
nav {
	float:left;
	margin-bottom:10px;
}

nav li {
	display:inline-block;
	float:left;
	padding:5px;
}
#content {
	padding:20px;
}

#content h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:140%;
	color:#660000;
	margin:0;
	padding:0;
}

/* MEDIA QUERIES */
@media only screen 
and (min-width : 765px) 
and (max-width : 780px)  { 
	#headerleft {
		width:420px;
	}
	header h1 {
		font-size:220%;
	}
}
@media only screen 
and (min-width : 639px) 
and (max-width : 765px)  { 
	#headerleft {
		width:609px;
	}
	#headerright {
		display:none;
	}	
	header h1 {
		font-size:160%;
		margin:10px 0 0 220px;
	}
	nav ul {
		padding-left:0;
	}
	nav li {
		padding:3px 1px;
	}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
	#container {max-width:100%;}
	#headerleft {
		width:960px;
	}
	#headerright {
		display:none;
	}	
	header h1 {
		font-size:160%;
		margin:10px 0 0 220px;
	}
	nav {width:960px; font-size:260%;}
	nav ul {
		padding-left:0;
		width:100%;
	}
	nav li {
		padding:3px 1px;
	}
	#content h1 {font-size:220%;}
	#content {font-size:260%;}
	
}