body,html,div,ul,ol,li,form,fieldset,dl,dt,dd,h1,h2,h3,p { margin: 0; padding: 0; }
div,ul,li { overflow: hidden; }
body { font: 11px Arial,Sans-Serif; color: #373737; background: #fff url(../images/bg-body.jpg) repeat-x 0 0; }
body img,body form,body fieldset { border: 0; }
a { color: #1a1a1a; text-decoration: underline; }
a:hover { text-decoration: none; }
input.text,select { font: 12px Arial,Sans-Serif; height: 16px; border: 1px solid #000000; color: #212121; padding: 1px 2px; margin: 1px 0px; width: 350px; }
select { height: 21px; width: 356px; }
textarea { font: 12px Arial,Sans-Serif; border: 1px solid #000000; color: #212121; padding: 1px 2px; margin: 1px 0px; width: 350px; height: 120px; }
input.checkbox { margin: 0px 3px 1px 0px; vertical-align: middle; }
/** LAYOUT **/
.clear { display: block; clear: both; height: 0em; margin: 0em; padding: 0em; overflow: hidden; }
#page { width: 970px; margin: 0 auto; overflow: hidden; }
#top { width: 970px; height: 150px; overflow: hidden; position: relative; background: url(../images/bg-top.jpg) no-repeat 0 0; }
#top img { position: absolute; top: 0px; right: 6px; }
#sidebar { float: right; width: 176px; display: inline; padding-top: 51px; background: url(../images/bg-sidebar.jpg) no-repeat 0 0; }
#comments { float: left; width: 176px; display: inline; padding-top: 51px; background: url(../images/bg-comments.jpg) no-repeat 0 0; }
#comments p { margin: 5px; text-align: justify; padding-bottom: 5px; border-bottom: 1px dotted #cccccc; }
#sidebar div.box,#comments div.box { background: url(../images/bg-sidebar-box.jpg) repeat-y 0 0; padding: 2px 8px 2px 2px; width: 166px; }
#sidebar div.corners,#comments div.corners { background: url(../images/bg-sidebar-corners.jpg) no-repeat 0 0; height: 7px; }
#sidebar ul { width: 166px; margin: 3px auto 0 auto; list-style-type: none; }
#sidebar ul li { padding: 4px 3px 6px 23px; width: 140px; background: url(../images/bg-sidebar-menu.jpg) no-repeat 7px 0; margin-top: -1px; font-size: 12px; }
#sidebar form { margin: 10px 0 0 5px; }
#sidebar form input.text,#sidebar form textarea { width: 150px; padding: 1px; font-size: 11px; }
#content { width: 586px; float: left; display: inline; margin: 0 14px; }
#content div.item { padding-top: 118px; font-size: 12px; font-weight: bold; float: left; display: inline; width: 154px; height: 45px; overflow: hidden; position: relative; margin: 5px 20px 10px 20px; }
#content div.item img { border: 1px solid #666666; padding: 1px; position: absolute; top: 0; left: 0; width: 150px; height: 112px; }
#content div.pager { font-size: 13px; text-align: center; padding: 10px 15px 10px 0px; }
#content div.pager a { text-decoration: none; color: #777777; border: 1px solid #cccccc; padding: 2px 5px; font-weight: bold; }
#content div.pager a.active { background: #cccccc; color: #fff; border-color: #999999; }
#content div.pager a:hover { text-decoration: underline; color: #c8101d; }
#content div.code { text-align: center; margin-bottom: 20px; }
#content h1 { font: 16px Tahoma,Sans-Serif; font-style: italic; color: #8b0518; margin: 3px 0px 10px 0px; padding: 0 0 4px 15px; background: url(../images/bg-content-header.jpg) no-repeat bottom center; }
#footer { font-size: 11px; color: #ba8a46; text-align: right; padding: 4px; background: url(../images/bg-footer.jpg) repeat-x 0 0; margin-top: 10px; }
#footer a { color: #ba8a46; }
div.center { text-align: center; padding: 2px; }