html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

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

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

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;
}

#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: 400px;
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;
}

.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;
}

#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;
}