/**
 * default.css
 */

body
{
margin: 0;
background-color: #a6a6a6;
}

/**
 * typography
 */

body,
h1, h2, h3, h4, h5, h6, p, a,
li, dt, dd,
th, td,
label, input, textarea, option, button
{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 14px;
}

h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 26px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; }

/**
 * Layout
 */

div#Main
{
width: 772px;
margin: 20px auto;
text-align: left;
}

div#PageHeader
{
padding-bottom: 15px;
background-color: #fff;
}

div#PageHeader h1
{
margin: 0;
}

div#PageBody
{
margin: 0;
background-color: #fff;
}

div#PageBody h2.indented { margin: 0 20px; }
div#PageBody h3.centered { margin: 20px 8px 0 8px; }

div#PageBody p.indented
{
margin: 12px 20px 0 20px;
}

div#PageBody p#Date
{
margin-top: 5px;
text-align: right;
}

div#PageBody p#Feedback a
{
color: #000;
}

div#PageFooter
{
margin-bottom: 20px;
background: #fff url("images/footer.png") no-repeat bottom;
}

div#PageFooter p
{
font-size: 12px;
padding: 12px 0;
margin: 0 20px;
}

/**
 * navigation
 */
 
ul.navigation
{
	position: relative;
	list-style: none;
	height: 33px;
	padding: 0;
	margin: 0;
}

ul.navigation li
{
	position: absolute;
	top: 0px;
	display: inline;
	padding: 0;
	margin: 0;
}

ul.navigation li#HomeBtnLi { left: 0px; }
ul.navigation li#AboutBtnLi { left: 129px; }
ul.navigation li#FirstBtnLi { left: 257px; }
ul.navigation li#PreviousBtnLi { left: 387px; }
ul.navigation li#NextBtnLi { left: 516px; }
ul.navigation li#CurrentBtnLi { left: 645px; }

ul.navigation li img
{
padding: 0;
border: none;
margin: 0;
}

/**
 * comic
 */

.comic
{
text-align: center;
}

/**
 * character
 */

table.character-box
{
width: 756px;
margin: 8px 8px 0 8px;
background-color: #f5e6c5;
text-align: left;
}

td.tl
{
width: 8px;
height: 8px;
background: #f5e6c5 url("images/tl.gif") no-repeat;
}

td.tr
{
width: 8px;
height: 8px;
background: #f5e6c5 url("images/tr.gif") no-repeat;
}

td.bl
{
width: 8px;
height: 8px;
background: #f5e6c5 url("images/bl.gif") no-repeat;
}

td.br
{
width: 8px;
height: 8px;
background: #f5e6c5 url("images/br.gif") no-repeat;
}

td.gutter { width: 12px; }

td.image { width: 150px; }

td.text { vertical-align: top; }

td.text h4 { margin: 0; }

td.text p { margin: 12px 0 0 0; }

/**
 * error messages
 */

div.error_message
{
	color: #900;
}

/**
 * EOF
 */