/*
 *
 * comic.css
 *
 */

body
{
background-color:#548dd4;
font-family:sans-serif;
}

#header_padding
{
padding-top: 0em;
padding-bottom: 0em;
}

#header
{
background: url('/images/header_bg.jpg') bottom left;
padding-left: 2em;
padding-right: 2em;
padding-top: 2em;
padding-bottom: 2em;
margin-left: 1em;
margin-right: 1em;
margin-top: 1em;
margin-bottom: 2em;
border: solid;
border-color: #d99594;
}

#header_image
{
float: left;
z-index: 1;
}

#header #top
{
text-align: center;
padding-bottom: 0.5em;
}

#header #bottom
{
text-align: left;
}

#header #banner
{
font-size: 24pt;
}

#header a:link
{
color: #0000ff;
}

#header a:visited
{
color :#0000ff;
}

#header a:hover
{
color: #0000ff;
}

#header a:active
{
color: #0000ff;
}

#header #header_title
{
color: #4f81bd;
font-size: 18pt;
}

#comic #comic_title
{
text-align: center;
font-size: 14pt;
font-weight: normal;
}

#comic #image
{
display: block;
margin-left: auto;
margin-right: auto;
}

#comic #navigation
{
margin-left: auto;
margin-right: auto;
display: block;
text-align: center;
padding-bottom: 0.5em;
}

#comic #navigation span#first
{
color: #666666;
}

#comic #navigation span#previous
{
color: #666666;
}

#comic #navigation span#next
{
color: #666666;
}

#comic #navigation a:link
{
color: #000000;
text-decoration: none;
}

#comic #navigation a:visited
{
color: #000000;
text-decoration: none;
}

#comic #navigation a:hover
{
color: #000000;
text-decoration: none;
}

#comic #navigation a:active
{
color: #000000;
text-decoration: none;
}

#mission_statement
{
background: url('/images/post_bg.jpg');
color: #d99594;
font-family: sans-serif;
margin-top: 1em;
margin-left: auto;
margin-right: auto;
width: 24em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.25em;
padding-bottom: 0.25em;
border-color: #92cddc;
border-style: solid;
}

#mission_statement .heading
{
font-weight: bolder;
text-decoration: underline;
}

#site_navigation
{
text-align: center;
}

#site_navigation a:link
{
color: #000000;
}

#site_navigation a:visited
{
color: #000000;
}

#site_navigation a:hover
{
color: #000000;
}

#site_navigation a:active
{
color: #000000;
}

#contact
{
background: url('/images/post_bg.jpg');
text-align: center;
margin-left: 2em;
margin-right: 2em;
margin-top: 2em;
margin-bottom: 2em;
}

#banner1
{
text-align: center;
}

#skyscraper1
{
margin-top: 1em;
float: left;
}