a{color: #FF9900; text-decoration: none;}
a:hover{color: #FFBC00;}

HTML {background: #181818 url(/images/bck-page.png) repeat-y center; font-family: Tahoma, Geneva, helvetica, sans-serif;font-size: 12px; color: #323232; }
body {width: 1000px; margin: 0 auto;}

td {font-family: Verdana, Geneva, Arial, helvetica, sans-serif; vertical-align: top;}
th {font-family: Verdana, Geneva, Arial, helvetica, sans-serif; vertical-align: top;}

H1 {font-size: 12px; font-weight: bold; margin: 0px; text-transform:capitalize;}
H2 {font-size: 12px; font-weight: bold; margin: 1em 0;}
H3 {font-size: 12px; font-weight: normal; font-style: italic; margin: 0px;}
H4 {font-size: 12px; font-weight: bold; margin: 0px;}

FORM {margin: 0px;}
FORM em {font-weight: normal; font-size: 10px; color: #666666; font-style: normal;}
PRE {padding: 1em; background: #ffffff; margin: 1em; color: #000000;}

FIELDSET {border: 1px solid #323232; padding: .5em; margin: .5em 1.5em;}
LEGEND {padding: .2em; font-size: 12px; font-weight: bold;}

#content {margin: 1em;}

#top {clear:both; margin-bottom: 5px; color: #9a9a9a; }
#top em {color: #FF0000; font-style: normal;}
#top .text {padding-top: 4px; color: #CCCCCC;}
#top .network {float: right; font-size: 10px; padding-top: 4px;}
#top a {color: #DDDDDD;}
#top a:hover {color: #FFFFFF;}

#header { background: url(/images/bck-header.png) no-repeat; padding: 0 5px 10px 10px; overflow:auto;}
#header .right {float: right; width: 730px; text-align: left; margin-right: 4px; padding-right: 1px;}
#header .leaderboard {border: 1px solid #807f80;}

#header .navigation  {margin-bottom: 12px;}

#header .navigation a {font-size: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #AAAAAA; margin-right: 1.5em;}
#header .navigation a:hover {color: #FFFFFF; border-bottom: 4px solid #FF1300;  text-decoration: none;}
#utility {}

#content {color: #CCCCCC;}

.webcomic {margin: 0 auto; width:960px;}
.comic {text-align: center;}

.nav {font-size: 11px; text-align: center;}
.nav em {font-style: normal; text-decoration: line-through;}

.webcomic .commentary {float: right; width: 65%; margin-left: 10px; color: #999999; margin-top: .5em;}
.webcomic .commentary h3 {font-weight: bold; color: #AAAAAA; font-style: normal;}

.show-listing {list-style: none; margin: 1em 0; padding: 0;}
.show-listing h2 {margin: .5em 0;}
.show-listing li.show {float: left; width: 160px; padding: 10px; height: 160px;}
.show-listing a.mini {display: block; height: 80px; width: 150px; border: 1px solid #1B1A1D; border-bottom: 1px solid #ff9900;}
.show-listing a.mini:hover {border: 1px solid #ff9900;}
.show-listing img {margin: 0; padding:0;}
.show h2 {margin-top: 1em;}

.character {overflow: auto; margin-bottom: 3em; padding: 1px 0;}
.character img.cast {margin-right: 10px;}

ul.archive {list-style: none; margin: 1em 0; padding: 0;}
ul.archive li {margin-bottom: 1.5em;}

ul.archive .date {color: #666666;}

ul.sources {list-style: none; padding: 0; margin: 0;}
ul.sources a{color: #006cff;}
ul.sources a:hover {color: #00a2ff;}

ul.sources a.source {color: #FF9900; text-transform: capitalize; }
ul.sources a.source:hover {color: #FFCC00; }

.comic_nav {float: right; width: 480px;}
.comic_nav img{float: left;}
.comic_nav div {height: 30px; width: 96px; float: left;}
.comic_nav a {height: 30px; width: 96px; display: block; float: left;}
.comic_nav a.first {background: url(/images/button_first.png) top;}
.comic_nav div.first {background: url(/images/button_first_inactive.png);}
.comic_nav a.first:hover {background: url(/images/button_first.png) bottom;}
.comic_nav a.previous {background: url(/images/button_previous.png) top;}
.comic_nav a.previous:hover {background: url(/images/button_previous.png) bottom;}
.comic_nav div.previous {background: url(/images/button_previous_inactive.png);}
.comic_nav a.random {background: url(/images/button_random.png) top;}
.comic_nav a.random:hover {background: url(/images/button_random.png) bottom;}
.comic_nav div.random {background: url(/images/button_random_inactive.png);}
.comic_nav a.next {background: url(/images/button_next.png) top;}
.comic_nav a.next:hover {background: url(/images/button_next.png) bottom;}
.comic_nav div.next {background: url(/images/button_next_inactive.png);}
.comic_nav a.latest {background: url(/images/button_latest.png) top;}
.comic_nav a.latest:hover {background: url(/images/button_latest.png) bottom;}
.comic_nav div.latest {background: url(/images/button_latest_inactive.png);}

.tagger {margin-top: 10px;}

TABLE.standard {width: 98%; border: 2px solid #000000; border-collapse: collapse; margin: 10px 1px;}
TABLE.standard th { background: #181818; border: 1px solid #323232; padding: .4em; text-align: left;}
TABLE.standard td {border: 1px solid #323232; padding: .4em; }

TABLE.standard .right {text-align: right;}
TABLE.standard .center {text-align: center;}

div.login input.long {width: 100%;}

tr.row1, tr.row1 td {}
tr.row2, tr.row2 td {background: #222222;}

#footer {border-top: 1px solid #242226; margin-top: 1em; padding: 1em; text-align: center; font-size: 8pt; clear:both; color: #999999;}
#footer a:link{color: #FF9900; text-decoration: none;}
#footer a:visited{color: #FF9900; text-decoration: none;}
#footer a:hover{color: #FF9900; text-decoration: underline;}
#footer a:active{color: #FF9900; text-decoration: none;}

.error legend {text-transform: capitalize;}
.error ul {list-style-type: none; margin: 0 1em; padding: 0;}