/* Base layout
======================================================================= */

body { color: #666666; background-color: #ffffff; text-align: center; }
.full { padding: 20px 10px; background: url(../img/full_line.png) repeat-x; }
.wrapper { margin-right: auto; margin-left: auto; width: 830px; text-align: left; }

a { color: #666666; }
a:hover { color: #0066ff; text-decoration: underline; }

a.next { padding: 0 0 0 20px; background: url(../img/ln_icn_next.png) 4px center no-repeat; }
a.head { padding: 0 0 0 20px; background: url(../img/ln_icn_head.png) 4px center no-repeat; }
a.outside { padding: 0 0 0 20px; background: url(../img/ln_icn_outside.png) 4px center no-repeat; }
a.mail { padding: 0 0 0 27px; background: url(../img/ln_icn_mail.png) 4px center no-repeat; }

/* h1#header
----------------------------------------------------------------------- */
h1#header em { padding: 18px 0; display: block; float: left; }
h1#header span { margin-top: 16px; display: block; float: right; }

/* div#main
----------------------------------------------------------------------- */
div#main { margin-top: 7px; position: relative; background: url(../img/pane_bg_btm.png) right bottom no-repeat; }

/* div#content
----------------------------------------------------------------------- */
div#content { padding-top: 2px; padding-bottom: 50px; float: left; width: 610px; }
div#content h3,
div#content h4,
div#content p,
div#content ul,
div#content ol { margin-top: 1em; }

/* div#heading
----------------------------------------------------------------------- */
div#heading p { margin: 0; padding: 5px 10px; border-bottom: 1px solid #ffffff; line-height: 1.25; color: #ffffff; background-color: #0000cc; }
div#heading p a { color: #ffffff; text-decoration: none; }

/* div#fmenu
----------------------------------------------------------------------- */
div#fmenu { position: absolute; bottom: 0; width: 610px; }

/* div#pane
----------------------------------------------------------------------- */
div#pane { margin-bottom: 20px; padding-top: 21px; float: right; width: 190px; background: url(../img/pane_bg_top.png) no-repeat; }

div#pane ul#gmenu { margin: 0 1px; padding: 2px 0; list-style: none; background: url(../img/pane_split.png) left bottom repeat-x; }
div#pane ul#gmenu li img { vertical-align: bottom; }

div#pane div.topics { margin: 15px 10px 0 10px; padding-bottom: 15px; border-bottom: 1px solid #cccccc; width: 170px; line-height: 1.3; }
div#pane div.topics p { margin-top: 0; padding: .5em 1em 0 1em; }
div#pane div.topics ul { margin-left: 2em; }
div#pane div.topics ul li { margin-top: .5em; }
div#pane div.topics strong { color: #ff0000; }

div#pane ul.bans { margin: 0 10px; width: 170px; list-style: none; }
div#pane ul.bans a { text-decoration: none; }
div#pane ul.bans li { margin-top: 15px; text-align: center; }
div#pane ul.bans li span { padding: .5em .75em 0 .75em; display: block; line-height: 1.25; font-size: 90%; text-align: left; }

/* div#footer
----------------------------------------------------------------------- */
div#footer dl { float: left; }
div#footer dl dt,
div#footer dl dd { display: table-cell; vertical-align: middle; }

/* For IE6 */
* html div#footer dl dt,
* html div#footer dl dd { display:inline; zoom:1; }
/* For IE7 */
*:first-child+html div#footer dl dt,
*:first-child+html div#footer dl dd { display:inline; zoom:1; }

div#footer dl dt { padding-right: 5px; }
div#footer dl dd { padding-left: 5px; }

div#footer address { margin: .5em 0; float: right; font-size: 90%; }
div#footer address span { font-family: arial; }