html, body { height: 100%; }
body { background: #ffc821 url(../images/bg.jpg) repeat-y 50% 0; font: normal 100% Verdana, Arial, Helvetica, sans; color: #111; }

/* common */
a { color: #834184; text-decoration: none; }
a:hover { color: #834184; text-decoration: underline; }
h1 a:hover { border: 0; }
h1 { font-size: 26px; margin: 0 0 1em 0; padding: 0; font-weight: bold; color: #111; }
h2 { font-size: 18px; margin: 1.5em 0 1.5em 0; padding: 0; font-weight: bold; color: #111; }
h3 { font-size: 16px; margin: 0 0 1em 0; padding: 0; font-weight: bold; color: #111; }
h4 { font-size: 13px; margin: 0 0 1em 0; padding: 0; font-weight: bold; color: #111; }
h2 em { color: #21205f; border-bottom: 2px solid #21205f; font-style: normal; }
h2 span { border-bottom: 2px solid #111;}
p { color: #111; margin: 0 0 1em 0; padding: 0; font-size: 12px; line-height: 16px; }
p.small { font-size: 11px; }
p.error { color: #c00; }
strong { font-weight: bold; }
p em, p i { font-style: italic; }

/* clearfix */
.fix { clear: both; height: 1px; line-height: 1px; margin: -1px 0 0; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }