/* Main page and global elements. */
body {background: #9aa6b6; font-family: arial, sans-serif; 
    font-weight: bold; }
.error {list-style: none; border: 1px solid; border-color: #ff0000; 
    background-color: #ff9a9a; width: 20em; margin: 1em 1em 1em 1em; 
    padding: 1.5em; text-align: center; font-weight: bold; font-size: 125%;
    z-index: 10; position: relative; top: 20px; left: 20%;}
#logo {position: absolute; background-color: transparent; left: 0px; top: 49px;
    width: 325px; height: 80px; z-index: 2; }
#logoM {position: absolute; left: 0px; top: 0px; width: 80px; height: 100px; 
    z-index: 3; visibility: hidden; }
#logo a img {border-style: none; width: 325px; height: 80px; }
#logoM a img {border-style: none;}
#linkexchange {position: absolute; left: 400px; top: -59px; width: 468px;
    height: 60px; text-align: center; z-index: 1; }
#projectwonderful1 {position: absolute; left: 400px; top: 0px; width: 468px;
    height: 60px; text-align: center; z-index: 1; }
#projectwonderful2 {position: absolute; left: 400px; top: 60px; width: 468px;
    height: 60x; text-align: center; z-index: 1; }
#adinfo {position: absolute; left: 400px; top: 122px; width: 466px; 
    height: 16px; text-align: center; z-index: 2;  
    border: 1px solid black; font-size: 11px; 
    background: url(../images/halfclear.png); }
#adinfo a {text-decoration: none; color: black; font-size: 100%; }
#adinfo a:hover {color: #cabfa3; }
#ad1 {position: absolute; left: 400px; top: 81px; 
    width: 468px; height: 60px; text-align: center; z-index: 4; }
#ad1 p {vertical-align: middle; }
#ad1 img {border: 0px; }
#ad2 {display: none;}
#topscroll {background:url(../images/MetrophorScrollBL5.jpg) no-repeat top left;
    position: absolute; top: 0px; left: 0px; width: 1080px; height: 505px; 
    z-index: 1; }
#midscroll {background: url(../images) no-repeat bottom left; 
    position: absolute; bottom: 0px; left: 0px; width: 1080px; height: 0px;
    z-index: 0; }
#bottomscroll {height: 297px; position: absolute; bottom: -100px; width: 1080px;
    background: url(../images/MetrophorBScroll2.jpg) bottom left no-repeat; 
    z-index: -1;} 
#mondays {position: absolute; left: 26px; top: 112px; width: 115px; z-index: 2; 
    font-size: 80%; text-align: center; }
#fridays {position: absolute; left: 192px; top: 112px; width: 115px; z-index: 2;
    font-size: 80%; text-align: center; }
#contentarea {position: relative; left: -8px; top: 168px; width: 1080px;
    z-index: 1; min-height: 600px;}
#footer {position: relative; bottom: -125px; z-index: 1; }
#credits {font-size: 80%; width: 940px; font-weight: normal; z-index: 1; 
    position: relative; top: 20px;}
#cr_story {font-size: 90%; position: relative; top: 1em; left: 10px;
    width: 100%; }
#cr_art {font-size: 90%; position: relative; top: 2em; left: 10px;
    width: 100%; }
.credits_left {text-align: right; position: absolute; left: 0em; width: 50%; }
.credits_right {text-align: left; position: absolute; left: 50%; width: 10em; 
    margin-left: 0.3em; }
#website_info {font-weight: normal; text-align: center; width: 940px; 
    z-index: 2; }
#clustrmaps {position: absolute; right: 20px; bottom: 10px; }
#copyright {font-weight: normal; text-align: center; width: 940px;
    z-index: 2; }
#softwaretag {font-weight: normal; text-align: center; font-size: 75%;
    z-index: 2; width: 940px; }
a {color: #140a61; text-decoration: none; font-size: 95%; font-weight: bold; }
a:hover {color: #7a6f53; text-decoration: underline; }

/* Link bar at the top. */
#links {position: absolute; left: 350px; top: 141px; width: 740px; 
    border-top: 4px solid black; z-index: 3; }
ul.links {height: 30px; list-style: none; border: 1px solid; 
    display: inline; margin: 0px; padding-top: 2px;}
li.links:first-child {border-left: 1px solid #cabfa3; }
li.links:last-child {border-right: 1px solid #cabfa3; }
li.links {border: 1px solid #6a7686; list-style: none; display: inline; 
    font-size: 12px; background: url(../images/clear_9aa6b6_50.png);  
    padding-left: 8px; padding-right: 8px; margin: -2px; border-top: 0px; 
    position: relative; top: -1px; border-bottom: 1px solid #cabfa3; }
li.links:hover {background: url(../images/clear_cabfa3_50.png); 
    border-left: 1px solid #cabfa3; border-right: 1px solid #cabfa3; 
    cursor: default;}
li.links a {text-decoration: none; color: #000; cursor: default; 
    font-size: 100%;}

/* Comic elements. */
#comicscrolltop {background: transparent url(../images/MetrophorScrollBL5.jpg) 
    no-repeat bottom left; position: absolute; top: 0px; height: 235px; 
    width: 1080px;}
#comicscrollbottom {background: transparent url(../images/MetrophorLScroll2.jpg)
    no-repeat 0px 0px; position: relative; bottom: 95px; height: 155px; 
    width: 1080px; z-index: 0;}
#comic {width: 915px; background: transparent 
    url(/images/MetrophorLScroll.jpg) no-repeat 0px 365px; }
#comic a {text-decoration: none; color: #00f; }
#comic a:visited {color: #00f; }
#comic a:hover {color: #f00; }
#uppernav {position: relative; float: left; top: 0.6em; left: 0%; z-index: 3; }
#lowernav {position: relative; float: left; top: -0.8em; left: 750px; 
    z-index: 3;}
#uppernav a img {border: 0px; }
#lowernav a img {border: 0px; }
#uppernav .navtext {visibility: hidden; }
.navtext {font-size: 80%; text-align: center; color: #000; z-index: 3; 
    position: absolute; top: 38px; }
a .navtext {font-size: 85%; }
.nonav {color: #444; }
.first_comic img {background: 0px 0px;
    position: relative; left: 18px; top: -9px; z-index: 3; }
a.first_comic img:hover {background: url(../images/first-hover.png) 0px 0px; }
.first_comic .navtext {left: 22px; }
.prev_comic img {background: 0px 0px; 
    position: relative; left: 6px; z-index: 3; }
a.prev_comic img:hover {background: url(../images/back-hover.png) 0px 0px; }
.prev_comic .navtext {left: 60px; }
.next_comic img {background: 0px 0px; 
    position: relative; left: -6px; z-index: 3; }
a.next_comic img:hover {background: url(../images/next-hover.png) 0px 0px; }
.next_comic .navtext {left: 101px; }
.recent_comic img {background: 0px 0px; 
    position: relative; left: -18px; top: -8px; z-index: 3; }
a.recent_comic img:hover {background: url(../images/recent-hover.png) 0px 0px; }
.recent_comic .navtext {left: 143px; }
div.nav {}
div.single_comic {position: relative; left: 10px; top: -1em; z-index: 2; 
    width: 910px; }
div.single_comic img {border: 2px solid #cabfa3; padding: 3px; }
li.comic_list {display: inline; list-style: none;}
span.upper_comic_title {position: relative; float: left; font-size: 80%; 
    left: 0px; text-align: right; padding: 2px; width: 900px; }
span.lower_comic_title {position: relative; font-size: 80%; left: 2%; }
#uppernav:after {}

/* Search element. */
#search {position: relative; left: 2%; top: 10px; border: 2px solid grey;
    background: url(../images/clear_ffffff_25.png); width: 92%; padding: 5px; 
    margin-bottom: 60px; }
#search input {background: url(../images/clear_ffffff_50.png); 
    border: 1px solid grey; font-weight: bold; }
#comic_results {padding-bottom: 25px; }
#news_results {padding-top: 15px; padding-bottom: 25px; }
table.search_results {background: url(../images/halfclear.png); 
    border: 1px solid black; border-collapse: collapse; position: relative;
    top: 10px; }
table.search_results tr {border-top: 1px solid black; border-bottom: 1px solid 
    black; }
table.search_results td {border-left: 1px dotted grey; border-right: 1px dotted 
    grey; }
table.search_results tr td a {color: black; }
td.search_date {}
td.search_num {text-align: center; }
td.search_title {}
td.search_chars {}
td.search_dia {}
td.search_loc {}
td.search_desc {}
.search_pages {display: inline; position: relative; top: 10px; }
.search_pages li {list-style: none; display: inline; }

/* Archive elements. */
table.archivetable {z-index: 2;}
table.archivetable tr {vertical-align: top; z-index: 2; }
#archive {padding-bottom: 60px; z-index: 3; }
#archivepanel {position: relative; top: -155px; left: 2%; z-index: 2; }
#arcbutton {z-index: 3; position: absolute; left: 10px; top: -25px; }
#arcbutton abbr {border: 0px; }
#arcbutton input {border: 0px; z-index: 3; }
#calendar_div {position: relative; top: -245px; left: 50px; }
#calendar_div table.calendar {background: url(../images/clear_9aa6b6_50.png);}
.calendar_inset {background: #9aa6b6; border: 0px; z-index: 2; }
tr.archive {vertical-align: top; }
#yearlist:first-line {background: url(../images/clear_cabfa3_50.png); 
    border: 1px solid #cabfa3; }
li.archive_year {list-style: none; display: inline;}
li.archive_year a {text-decoration: none; border: 1px solid #677383;
    background: url(../images/clear_ffffff_25.png); padding: 2px; }
li.archive_year a:hover {}
li.archive_yesr a:visited {}

/* Calendar elements. */
table.calendar {background: url(../images/clear_9aa6b6_75.png); 
    border: 1px solid black; text-align: center; width: 244px; z-index: 2; }
td.calhead {background-color: #728296; background: #506074; color: #fff; 
    font-weight: bold; width: 12%; }
td.calday {background-color: #bbb; width: 12%; }
td.caloffday_miss {background: #a0969f; width: 12%; color: #50464f;}
td.calonday_miss {background-color: #80b2c8; width: 12%; color: #306278; }
td.caltoday_miss {background-color: #80b2c8; width: 12%; 
    border: 1px solid #f00; }
td.calweek_miss {background-color: #70a496; background: url(../images/clear_cabfa3_50.png); width: 13%; }
td.caloffday_hit {background: #c0a6af; width: 12%; }
td.calonday_hit {background-color: #a0c2d8; width: 12%; }
td.caltoday_hit {background-color: #a0c2d8; width: 12%; border: 1px solid red; }
td.calweek_hit {background-color: #70a496; background: url(../images/clear_cabfa3_75.png); width: 13%; }
td.caloffday_hit:hover {background-color: #b78274; cursor: default; }
td.calonday_hit:hover {background-color: #8698a2; cursor: default; }
td.caltoday_hit:hover {background-color: #94a4b8; border: 1px solid #f00; 
    cursor:default; }
td.calweek_hit:hover {background-color: #92c696; cursor: default; }
li.calnavmo {list-style: none; display: inline; background-color: #a76d54; 
    width: 20px; padding: 2px;}
td.calnavmo {width: 8%; background-color: #506074; text-align: center; margin-bottom: 0px; }
td.calnavyr {background: #506074; margin-top: 0px; margin-bottom: 0px; }
li.calnavyr {list-style: none; display: inline; background-color: #506074; 
    width: 20px; padding-left: 4px; padding-right: 4px; }
td.calnavmo:hover {background-color: #809074; }
li.calnavyr:hover {background-color: #809074; }
td a:link {text-decoration: none; color: #000; font-weight: normal; }
td a:visited {text-decoration: none; color: #000; font-weight: normal; }
.calnavmo a:link {color: #fff; }
.calnavmo a:visited {color: #fff; }
.calnavyr a:link {color: #fff; }
.calnavyr a:visited {color: #fff; }

/* Newsbox elements. */
#news {position: relative; left: 10px; top: -190px; z-index: 2; }
#news a {font-weight: bold; color: #140a61; }
#news a:hover {color: #7a6f53; text-decoration: underline; }
#newstable {width: 920px; border: 2px solid #cabfa3;}
#newstable tr {border: 1px solid #cabfa3;}
#newstable td {border: 3px solid black; background-color: #a69ca4; 
    vertical-align: top; color: #000; }
#newstd1 { background: #a69ca4 url(../images/MetrophorChrisNewsBack.jpg) 
    top right no-repeat; }
#newstd2 { background-color: #a69ca4; background-repeat: no-repeat; 
    background-image: url(../images/MetrophorRobinNewsBack.jpg); }
#newspanel1 {position: relative; float: left; width: 98%;
    height: 100%; padding-right: 5px; padding-left: 5px; }
#newspanel2 {position: relative; float: right; width: 98%;
    height: 100%; padding-left: 5px; padding-right: 5px; }
div.avatar {border: 3px solid #9bb6c6; }
div.avatar img {margin-bottom: -5px; }
div.newstitle {font-size: 125%;}
div.newsauthor {}
div.newsdate {font-size: 70%; }
div.newstext {font-family: sans-serif; font-weight: bold; font-size: 11pt; }
div.newstext p:first-letter {font-weight: bold; font-size: 125%; font-style: oblique;}
#newspanel1 div.avatar {float: right; }
#newspanel1 div.newstitle {text-align: left; }
#newspanel1 div.newsauthor {text-align: left; }
#newspanel1 div.newsdate {text-align: left; }
#newspanel2 div.avatar {float: left; }
#newspanel2 div.newstitle {text-align: right; }
#newspanel2 div.newsauthor {text-align: right; }
#newspanel2 div.newsdate {text-align: right; }
#newstable td {width: 48%;}

/* Cast area */
#cast {z-index: 2; width: 96%; }
#cast_sheeli {position: relative; left: 2%; width: 96%; min-height: 220px; 
    background: url(../images/halfclear.png); border: 2px solid #aaa; }
#cast_dhaku {position: relative; left: 2%; top: 15px; width: 96%; 
    min-height: 220px; z-index: 2;
    border: 2px solid #aaa; background: url(../images/halfclear.png); }
#cast_rikara {position: relative; left: 2%; top: 30px; width: 96%; 
    min-height: 220px; margin-bottom: 80px;
    background: url(../images/halfclear.png); border: 2px solid #aaa; }
#cast_dhaku p {padding-left: 5px; }
#cast_sheeli .cast_pic {float: left; position: relative; top: -15px; }
#cast_dhaku .cast_pic {float: right; position: relative; top: -15px; }
#cast_rikara .cast_pic {float: left; position: relative; top: -15px; }
.cast_pic {border: 2px solid #555; margin: 3px; }

/* Biography area */
#bios {position: relative; top: 0px; min-height: 516px; margin-bottom: 85px;
    width: 97%; }
#bio_rm {position: relative; float: right; right: 2%; width: 47%; 
    min-height: 506px; border: 3px solid grey;  font-size: 95%; 
    background: url(../images/halfclear.png); z-index: 2; }
#bio_cm {position: relative; float: left; left: 2%; width: 47%; 
    min-height: 506px; border: 3px solid grey; font-size: 95%; 
    background: url(../images/halfclear.png); z-index: 2; }
.bio_pic {float: left; margin: 3px; position: relative; top: 0px; 
    border: 2px solid #cabfa3; }

/* External links area */
#external_links {position: relative; left: 2%; width: 92%; padding: 5px;  
    background: url(../images/halfclear.png); border: 2px solid grey;
    margin-bottom: 65px; z-index: 2; }
#external_links p {border: 1px solid grey; padding: 2px; margin: 5px; 
    background: url(../images/clear_ffffff_25.png); text-indent: 1em; 
    min-height: 40px; }
#external_links p img {border: 0px; vertical-align: text-top; float: left; 
    margin-right: 5px; position: relative; top: -20px;}
#external_links a {text-decoration: none; color: #140a61; }
#external_links a:hover { color: #7a6f53; }
#external_links a:active {background: url(../images/halfclear.png);}
#banners p {height: 12em; }
#banners p img {float: none; top: 0px; }

/* Information about advertising and policies */
#about_ads {width: 45%; margin: 4px; padding: 5px; float: left;  
    border: 1px solid black; background: url(../images/clear_9aa6b6_50.png); 
    margin-right: 18px; }
#ad_rules {position: relative; left: 0.5%; width: 98%; border: 2px solid grey; 
    background: url(../images/halfclear.png); }
#past_ads {width: 96%; min-width: 470px; padding-left: 1%; position: relative; 
    top: 10px; left: 1%; border: 2px solid grey; margin-bottom: 80px; 
    background: url(../images/halfclear.png); }
#past_ad a {text-decoration: none; color: #1a2f33; }
#past_ad a:hover {background: url(../images/halfclear.png); }
.ad_list {}
.ad_list img {border: 0px; }
.adrate {color: #522; }

/* Admin area */
#admin_menu ul {display: inline; list-style: none;}
#admin_menu li {display:inline; border: 1px solid #cabfa3; padding: 2px; 
    font-size: 80%; }
#editcomic {float: left; poistion: relative;}
#editcomic textarea {width: 20em; height: 6em; }
#comic_list {position: relative; float: right;}
#list_chapter {}
#editnews {float: left;}
#editnews textarea {width: 30em; height: 25em; }
#news_list {float: right;}
li.newslink {list-style: none;}
#edituser {}
#userlist {position: absolute; right: 20px; top: 50px;}
li.userlist {list-style: none;}
#editavatar {}
#avatarlist {}
li.avatarlist {}
#serverprefs {}
#titleprefs {}
#miscprefs {}
#cacheprefs {}

/* Spare divs for miscellaneous uses (declared in the framework tail) */
#sparediv1 {display: none; }
#sparediv2 {display: none; }
#sparediv3 {display: none; }
#sparediv4 {display: none; }
#sparediv5 {display: none; }