body {
margin: 20px 0 20px 0;
padding:0;
background:#003366;
font:small Verdana,Sans-serif;
line-height:1.6em;
color:#333;
text-align: center;
}
#wrapper {
width: 800px;
margin: auto;
padding: 0;
text-align: left;
}
a:link {
	color: #8C0000;
	border-bottom: 1px dashed #DBBA8A;
	text-decoration: none;
}
a:visited {
	color: #4A0000;
	border-bottom: 1px dashed #DBBA8A;
	text-decoration: none;
}
a:active {
	color: #4A0000;
}
a:hover {
	color: #CC0000;
	border-bottom: 1px solid #ff0000;
	text-decoration: none;
}

img {border: none;}

.none, caption {
display: none;
}
.clear {
clear: both;
margin:0;
padding:0;
height: 0.1px;
}

code {
font: 13px 'Courier New', Courier, Arial, sans-serif;
color: #CC3300;
}

acronym, abbr {
cursor: help;
border-bottom: 1px dotted #333;
}

del {
color: #ccc;
background: #FFFFCC;
}

blockquote {
background: #DFEFFF;
margin: 12px;
padding: 8px 10px 8px 10px;
font-family: "MS Serif", "New York", serif;
text-align:left;
font-weight:normal;
}

textarea.text, input.text {
font: 11px Verdana, Arial, sans-serif;
}
input.button {
font: 11px Verdana, Arial, sans-serif;
background: #993333;
color: #fff;
}
.topestnav {
background: #F3F3E9;
text-align: right;
margin: 0;
padding: 0 20px 0 0;
font-size: 10px;
}
.topestnav p {
margin: 0;
padding: 0;
}
table#postcomment tr td {
font: 11px Verdana, Arial, sans-serif;
}
table#postcomment tr td p {
margin: 4px 0 4px 0;
}
#header {
margin: 0;
padding: 0;
height:200px;
width:800px;
}
#header h1 {
font: 30px Arial, Verdana, sans-serif;
margin: 0;
padding: 10px;
}
#header a {
border: none;
color: #990000;
}
#header a:hover {
color: #CC0000;
}

#navcontainer {
background: #8C0000;
height: 30px;
width:800px;
margin: 0;
padding: 0;
z-index:100;
}
#navcontainer ul {
margin: 0;
padding: 0;
}
#navcontainer ul li {
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
font: 11px/30px "Lucida Grande", verdana, sans-serif;
text-align: center;
position:relative;
}

#navcontainer ul li a, #navcontainer ul li a:visited {
color: #F8F2E5;
text-decoration: none;
display: block;
width:auto;
text-align:center;
padding-right: 11px;
padding-left: 11px;
border-top: none;
border-right: 1px solid #A8B090;
border-bottom: none;
}

#navcontainer li#active { background: #CC0000; color: #fff; border-bottom: none; }
#navcontainer a:hover { background: #4A0000; color: #fff; border-bottom: none;}

#navcontainer ul li:hover {
display:block;
background:#4A0000;
color:#fff;
}
#navcontainer ul li:hover ul {
display:block;
position:absolute;
top:30px;
left:40px;
width:105px;
}
#navcontainer ul li:hover ul li a {
display:block;
background:#4A0000;
color:#fff;
border-left: 1px solid #A8B090;
border-right: 1px solid #A8B090;
}
#navcontainer ul li:hover ul li a:hover {
background:#CC0000;
color: #fff;
}
#navcontainer ul li:hover ul li:hover ul {
display:block;
position:absolute;
left:105px;
top:0;
}
#navcontainer ul li:hover ul li:hover ul.left {left:-105px;}

#navcontainer ul li ul {
display: none;
}


#main-c {
width: 800px;
margin: 0;
padding: 0;
background: #ccc;

}


#main {
width: 800px;
background: #E3F5C4;
z-index:10;
}

#bigger {
width: 550px;
float: right;
margin: 0;
padding: 0 0 30px 0;
background: #fff;
}

.bar-head {
background: url("http://www.jlwilliams.org/themes/site_themes/butterfly/butterfly.jpg") top left no-repeat;
height: 170px;
margin: 0 0 15px 0;
padding: 0;
}
.date-header {
margin: 15px;
padding: 0;
}
.date-header h2 {
font: 24px Arial, 'Times New Roman', sans-serif;
margin: 0;
padding: 0;
color: #133902;
}

.entry-title {
margin: 0;
padding: 0;
}

.entry-title h3 {
margin: 0 0 8px 0;
padding: 0;
color: #990000;
font: bold 14px Verdana, 'Times New Roman', sans-serif;
}

.entry-title h3 a {
border: none;
color: #990000;
}

.entry-title h3 a:hover {
border: none;
color: #FF0000;
}
.entry {
margin: 20px 15px 40px 15px;
padding: 0;
}
.entry-info {
margin: 10px 0 10px 0;
padding: 0;
font-size: 10px;
text-align: right;
border-top: 1px solid #ccc;
line-height: 16px;
}
.entry-info p {
margin: 0;
padding: 0;
}
.entry .imgupload {
border: none;
float: left;
margin: 20px 10px 0 0;
border: 1px solid #333;
}

.navi-pages {
text-align: right;
margin: 15px;
font-size: 11px;
background: #E3F5C4;
padding: 10px;
}
.navi-pages p {
margin: 0;
padding: 0;
}

#smaller {
width: 240px;
float: left;
margin: 0;
padding: 0;
font-size: 11px;
line-height: 16px;
}
.smaller-c {
margin: 10px;
}

#smaller .box-1 {
margin: 0 0 30px 0;
}
#smaller .box-2 {
margin: 0 0 0 50px;
}

#medianav {
margin: 0;
padding: 0;
width:210px;
}
#medianav ul {
margin: 0;
padding: 0;
}
#medianav ul li {
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
font: 18px/45px "Lucida Grande", verdana, sans-serif;
text-align: center;
position:relative;
}
#medianav a {
display:block;
width:210px;
height:45px;
background:#4A0000;
color:#fff;
border:none;
}
#medianav a:hover {
display:block;
background:#8C0000;
color:#fff;
}
#smaller h4 {
margin: 0 0 8px 0;
padding: 0;
color: #990000;
font: bold 12px Verdana, Arial, sans-serif;
}
#smaller ul {
list-style: square;
margin: 0 0 0 15px;
padding: 0;
}
#smaller ul li {
margin: 4px 0 4px 0;
}


#comments, #comments-post, #trackbacks {
margin: 20px 15px 10px 15px;
padding: 0;
font-size: 11px;
line-height: 17px;
}
#comments h4, #comments-post h4, #trackbacks h4 {
margin: 0 0 20px 0;
padding: 0;
color: #990000;
font: bold 14px Verdana, 'Times New Roman', sans-serif;
}
.comment-item, .trackbacks-item {
margin: 5px 0 20px 0;
padding: 0 0 20px 0;
border-bottom: 1px solid #f3f3f3;
}
.comment-text p, .comment-info p, .trackbacks-text p, .trackbacks-info p {
margin: 0 0 8px 0;
padding: 0;
}
.comment-info, .trackbacks-info {
text-align: right;
font-size: 10px;
}
.trackbacks-text h5 {
font: bold 11px Verdana, Arial, sans-serif;
margin: 0;
padding: 0;
color: #993300;
}

#footer {
margin: 0;
padding: 0;
font-size: 10px;
background: #DFEFFF;
}

.footer-i {
margin: 0px;
padding: 10px;
}
.footer-i p {
margin: 0;
padding: 0;
}

.alignleft {
float: left;
}
.alignright {
float: right;
}