/* ============================================================================
 == RESET =====
 =========================================================================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
a:active, a:focus { outline: none; }

/* ============================================================================
 == GLOBAL =====
 =========================================================================== */

#navigation, object, #message-box, form, .puppet, #foot ul { display: none; }

#body a:link:after, #body a:visited:after { content: " (" attr(href) ") "; font-size: 90%; }

/* ============================================================================
 == LAYOUT =====
 =========================================================================== */

body { font-size: 10px; font-family: serif; }

#head h2 { font-size: 2em; font-weight: bold; }
#head h5 { font-size: 1.5em; font-weight: bold; }

#body { margin: 2em 0; padding: 0 0 2em; border-top: 2px dashed silver; border-bottom: 2px dashed silver; }
#body p, #body li, #body dt, #body dd, #body address, #body blockquote, #body label, #body legend, #body input { font-size: 1.6em; line-height: 2.2em; }
#body p, #body table, #body address, #body blockquote { margin: 0em 0 0.3em; }
#body h1 { font-size: 4em; line-height: 95px; margin: 0; }
#body h2 { font-size: 3.2em; font-weight: bold; }
#body h3 { font-size: 2.1em; font-weight: bold; color: #333333; }
#body h4 { font-size: 1.6em; font-weight: bold; }
#body h5 { font-size: 1.6em; }
#body h2, #body h3, #body h4, #body h5 { margin: 0.5em 0 0.3em; }
#body ul, #body ol, #body dl { margin-left: 15px; }
#body ul li { list-style: circle; margin-left: 25px; }

#body dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* clearfix */
* html #body dl { height: 1%; } /* clearfix */
#body dl dt { width: 170px; float: left; clear: left; padding: 0 7px 0 0; text-align: left; }
#body dl dd { float: left;  }
#body dl.basic dt { width: 75px; }
#body dl dt, #body dl dd  { border-bottom: 2px dotted #D3D9E0; }

#body table { margin: 0.5em 0; }
#body table caption { font-size: 3.2em; height: 42px; line-height: 42px; font-weight: bold; color: #C74848; letter-spacing: -0.06em; margin: 0.5em 0 0; }
#body table th, #body table td { font-size: 1.6em; color: #333333; padding: 10px 15px; }
#body table thead th { background-color: #D2EAF1; border-top: 1px solid #4BACC6; border-bottom: 1px solid #4BACC6; font-weight: bold; }
#body table td { border-bottom: 1px solid #4BACC6; }
#body table tr.odd td { background-color: #E9F0F2; }

#body img { margin: 10px 0 10px 20px;  }
#body img.right { float: right; }
#body img.left { float: left; }

#body .comment { margin: 1em 0; padding: 1em 0; border-bottom: 2px dotted #D3D9E0; }
#body .comment .author { margin: 0em; line-height: 1em; }
#body .comment .author .name { margin-right: 0.4em; font-weight: bold; }
#body .comment .author .date { font-size: 0.7em; }
#body .comment .author .date:before { content: "("; }
#body .comment .author .date:after { content: ")"; }
#body .comment .text { margin: 0em; }

#foot .copyright { font-size: 1.6em; }

.date { color: #808080; font-size: smaller; font-weight: bold; }
a { color: #000; }