html, body, #wrapper {height: 100%;}
body {
background: url(http://www.peeovee.com/butterfly.jpg) no-repeat;
}
body > #wrapper {height: auto; min-height: 100%;}

#wrapper {
width: 700px;
margin: auto;
padding: 0;
text-align: left;
}

#main {
padding-bottom: 280px;
width: 700px;
background: #F3F3E9;
}  /* must be same height as the footer */

#contact h3 {
font: 20px Century, Verdana, sans-serif;
margin: 10px 10px 20px 15px;
padding: 0;
}

#contact p {
padding: 0;
margin: 10px 10px 0px 15px;
font-size: 12px;
text-align: left;
}

#contact a:hover {color: #1919B3;}
#contact a:active {color: #1919B3;}
#contact a:visited {color: #1919B3;}
#contact a:link {color: #1919B3;}

a:link {
	color: #9D5C00;
	border-bottom: 1px dashed #DBBA8A;
	text-decoration: none;
}
a:visited {
	color: #9D5C00;
	border-bottom: 1px dashed #DBBA8A;
	text-decoration: none;
}
a:active {
	color: #C8C8FE;
}
a:hover {
	color: #0AAEA9;
	border-bottom: 1px solid #ff0000;
	text-decoration: none;
}
.none, caption {
display: none;
}
.clear {
clear: both;
margin:0;
padding:0;
height: 0.1px;
}

.topestnav {
background: #F3F3E9;
text-align: right;
margin: 0;
padding: 0 20px 0 0;
font-size: 10px;
}
.topestnav p {
margin: 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;
}

#header {
margin: 0;
padding: 0;
border-bottom: dotted 1px #8E8E8E; 
}
#header h1 {
font: 24px Century, Verdana, sans-serif;
margin: 10px 10px 20px 15px;
padding: 0;
}
#header a {
border: none;
color: #990000;
}
#header a:hover {
color: #CC0000;
}

#navcontainer{
clear:both;
background: #FFFFFF;
height: 30px;
width:700px;
margin: auto;
padding: 5px;
}

#navcontainer ul{
margin: 0;
padding: 0;
}
#navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
font:  22px Century, Georgia, 'Times New Roman', sans-serif;
color: #990000;
text-align: center;
}

#navcontainer a
{
color: #282825;
text-decoration: none;
display: block;
width: 106px;
border-top: none;
border-right: 1px solid #A8B090;
border-bottom: none;
}

#navcontainer li#active { background: #C8C8FE; color: #fff; border-bottom: none; }
#navcontainer a:hover { background: #12127D; color: #fff; border-bottom: none;}

.bar-head {
background: url("http://www.hungchiayuan.com/themes/site_themes/butterfly/butterfly.jpg") top left;
height: 433px;
margin: 0 0 15px 0;
padding: 0;
}

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

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

.entry-title h3 a {
color: #282825;
font:  26px Century, Georgia, 'Times New Roman', sans-serif;
}

.entry-title p {
color: #282825;
font: 11px Tahoma, Century, Georgia, 'Times New Roman', sans-serif;
}

.entry {
margin: 0 10px 10px 20px;
padding: 0;
}

.entry-info {
margin: 10px 0 10px 10px;
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: #282825;
padding: 10px;
}
.navi-pages p {
margin: 0;
padding: 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 12px Verdana, Arial, sans-serif;
margin: 0;
padding: 0;
color: #993300;
}

#bodycolumn1 {
float:left;
width: 400px;
padding: 10px;
border-right:dotted 1px #8E8E8E; 
}

#bodycolumntop {
float:right;
padding: 10px;
width:250px;
}

.bodycolumntop h1 {
color: #282825;
text-align: center;
font: 14px Baskerville, Century, 'Times New Roman', sans-serif;
font-variant: small-caps;
letter-spacing: 5px
}

.bodycolumntop p {
color: #282825;
text-align: center;
font: 14px Palatino, Century, Georgia, 'Times New Roman', sans-serif;
}

.bodycolumntop h2 {
border-top:dotted 1px #8E8E8E; 
}

#bodycolumnmiddle {
float:right;
padding: 5px;
width:250px;
}

.bodycolumnmiddle h1 {
color: #282825;
text-align: center;
font: 14px Baskerville, Century, 'Times New Roman', sans-serif;
font-variant: small-caps;
letter-spacing: 5px;
margin: 0;
padding: 0;
}

.bodycolumnmiddle p {
color: #282825;
text-align: left;
font: 14px Palatino, Century, Georgia, 'Times New Roman', sans-serif;
}

.bodycolumnmiddle h2 {
border-top:dotted 1px #8E8E8E; 
}

#bodycolumnbottom {
float:right;
padding: 5px;
width:250px;
}

.bodycolumnbottom h1 {
color: #282825;
text-align: center;
font: 14px Baskerville, Century, 'Times New Roman', sans-serif;
font-variant: small-caps;
letter-spacing: 5px;
margin: 0;
padding: 0;
}

.bodycolumnbottom ul {
color: #282825;
margin: 20px 0px 0px 0px;
padding: 0;
font: 14px Century, Georgia, 'Times New Roman', sans-serif;
text-align: center;
}

.bodycolumnbottom ul li
{
list-style-type: none;
margin: 0;
padding: 0;
font: 14px Palatino, Century, Georgia, 'Times New Roman', sans-serif;
}

.footercolumn h1 {
color: #AAAAA3;
margin: 0px 0px 20px 20px;
font:  18px Century, Georgia, 'Times New Roman', sans-serif;
}

.footercolumn p {
color: #FFFFFF;
margin: 0px 0px 0px 20px;
font:  12px Tahoma, Century, Georgia, 'Times New Roman', sans-serif;
}

.footercolumn a:hover {color: #B2B2AF;}
.footercolumn a:visited {color: #9D5C00;}
.footercolumn a:link {color: #9D5C00;}

#footer {
position: relative;
margin-top: -280px; /* negative value of footer height */
height: 280px;
clear:both
margin: 0;
padding: 0;
font-size: 12px Verdana, Arial, sans-serif;
color: #FFFFFF;
background: #282825;
}

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

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#footerwrapper {
width: 700px;
margin: auto;
padding: 5px;
text-align: left;text-align: left;
}

#footercolumn1 {
float:left;
width:350px;
padding: 20px;
}

.footercolumn h1 {
color: #AAAAA3;
margin: 0px 0px 20px 20px;
font:  18px Century, Georgia, 'Times New Roman', sans-serif;
}

.footercolumn p {
color: #FFFFFF;
margin: 0px 0px 0px 20px;
font:  12px Tahoma, Century, Georgia, 'Times New Roman', sans-serif;
}

.footercolumn a:hover {color: #B2B2AF;}
.footercolumn a:visited {color: #9D5C00;}
.footercolumn a:link {color: #9D5C00;}

#footercolumn2 {
float:right;
padding: 20px;
width:250px;
}

#footerbottom {
clear:both;
border-top: dotted 1px #8E8E8E; 
margin: 20px 0px 0px 0px;
padding: 20px;
}

.footerbottom p {
color: #FFFFFF;
margin: 0px 0px 0px 20px;
font: 11px Tahoma, Century, Georgia, 'Times New Roman', sans-serif;
}