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

a.blue{ color: #006cff; text-decoration: none;}
a.blue:hover{color:#72aeff;}

a.member_username {font-weight: bold; color:#006cff;}
a.member_username:hover {color:#72aeff;}

a.webcomic_title {font-weight: bold; color: #006cff;}
a.webcomic_title:hover {color:#72aeff;}

a.adult_content:hover {color: #FF0000;}


a.round_link {background:  #212121; color: #ffffff;}
a.round_link:hover { background: #0055aa; color: #FFFFFF;}

a.site_exit_link {background:  #212121;}
a.site_exit_link:hover {color: #FFFFFF; background: #003a8a; }

a.strong_link {background: #003a8a;}
a.strong_link:hover {background: #0055aa;}

#site_profile_details a.site_exit_link {margin: 2px 0;}

.dotw_updates  {background:  #003a8a; color: #ffffff; }
.dotw_no_updates  {background:  #222222; color: #999999; }

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: 16px; font-weight: bold; margin: 0px 0px 10px 0px; text-transform:capitalize;}
H2 {font-size: 12px; font-weight: bold; margin: 1em 0;}
H2 a {color: #FFFFFF;}
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;}

INPUT.long_input {width: 98%;}
INPUT.inline_input {background: #181818; border: 1px solid #434343; color: #DDDDDD; padding: 3px;}

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

TABLE.standard {width: 98%; border: 2px solid #000000; border-collapse: collapse; margin: 10px 0;}
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;}
TABLE.standard .small {font-size: 10px; font-weight: normal; color: #999999;}
TABLE.standard TEXTAREA {width: 98%;}



TABLE.hidden {width: 98%; border-collapse: collapse; margin: 10px 0;}
TABLE.hidden th {padding: .4em; text-align: left; color: #BABABA;}
TABLE.hidden td {padding: .4em; }

TABLE.hidden .right {text-align: right;}
TABLE.hidden .center {text-align: center;}
TABLE.hidden .small {font-size: 10px; font-weight: normal; color: #999999;}
TABLE.hidden TEXTAREA {width: 98%;}

.round_dark {
    overflow: auto;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

    background: #101010;
    padding: 10px;
    margin-bottom: 10px;

}

.round_dark h2{
    margin-top: 0;
}
.round_dark.flat_top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;}




.small {font-size: 10px;}
.centered {text-align: center;}

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



#top .login { text-align: right;
              padding: 5px 10px; border: 1px solid #1F1D20; border-top: none;
              -moz-border-radius-bottomright: 10px;
              border-bottom-right-radius: 10px;
              -moz-border-radius-bottomleft: 10px;
              border-bottom-left-radius: 10px;
              background: #101010;}
.login_register {margin-top: 3px;}

#top INPUT {font-size: 10px; color: #323232; }
#top .fields {
    border: 1px solid #807f80; background: #000000; color: #777777;
}


#webcomictv_logo {float: left; margin-right: 8px;}

#header { background: url(/images/bck-header.png) no-repeat; padding: 0 5px 10px 10px; overflow:auto;}

#leaderboard {float: left; border: 1px solid #807f80; overflow: hidden; width: 728px; }

#navigation  {float: left; text-align: left; margin-right: 4px; padding-right: 1px; margin-bottom: 20px;}

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


#utility {}

#content {margin: 10px; color: #CCCCCC; overflow: hidden;}

#webcomic_info_container {
    overflow: auto;
    margin: 0 10px;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;

    background: #101010;
    padding: 10px;
}

#webcomic_info_navigation {
    overflow: auto; margin-left: 20px;
}
#webcomic_info_navigation  a {display: block; padding: 5px 10px; float: left; font-weight: bold;
                              font-size: 16px;
                              margin-right: 5px;
                              -moz-border-radius-topright: 10px;
                              border-top-right-radius: 10px;
                              -moz-border-radius-topleft: 10px;
                              border-top-left-radius: 10px;
                              background: #000000; color: #555555;

}
#webcomic_info_navigation  a.current {background: #101010;  color: #999999;}

#webcomic_info_navigation  a.rss {float: right; margin-right: 20px; background: none; border: none;}

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

#webcomic_header {width: 980px; height: 200px; margin-bottom: 10px; }
.webcomic_description {float:right; width: 380px;  height: 180px; padding: 10px;
                       background: url(/images/bck-black.png);
}



.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;}


.credit {overflow: auto; margin-bottom: 3em; padding: 1px 0;}
.credit 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 li {margin-bottom: 10px;}

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; }

div#comic_transcription {overflow: auto; font-size: 10px; margin: 10px; padding: 0 10px;}
div#comic_transcription h2 {cursor: pointer;}



.comic_nav {float: right; width: 480px; overflow: hidden;}
.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;}

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;}

#login_pop {color: #999999;}
#login_pop h2 {margin-top: 0;}
#login_pop .remember {margin-top: 5px; text-align: right;}

#bbcode_pop {color: #FFFFFF; width: 50%;}
.right_square_ad {float: right; width: 300px; overflow: hidden; margin: 0 0 10px 10px;}



#webcomic_left {float: left; width:300px; margin-right: 30px;}

#webcomic_right {float: left; width:630px;}

#commentaries {color: #999999; margin-top: .5em; margin-bottom: 10px;}
#commentaries h3 {font-weight: bold; color: #AAAAAA; font-style: normal;}



.commentary {overflow: auto; margin-top: 10px;}
.commentary_header {overflow: auto;}
.commentary_stamp {float: right; font-size: 10px; margin-top: 5px;}
.commentary_username {font-weight: bold; color: #006cff; padding: 5px 10px; float: left;


                      -moz-border-radius-topright: 10px;
                      border-top-right-radius: 10px;
                      -moz-border-radius-topleft: 10px;
                      border-top-left-radius: 10px;
                      background: #101010;
}
.commentary_body {
    padding: 10px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius:0px;

    background: #101010;}


.comment {margin-bottom: 10px; overflow: auto;}

.comment_main {}

.comment_header {overflow: auto;}
.comment_details {padding: 5px 10px; float: left; font-weight: bold;


                  -moz-border-radius-topleft: 10px;
                  border-top-left-radius: 10px;
                  -moz-border-radius-topright: 10px;
                  border-top-right-radius: 10px;
                  background: #101010;}
.comment_stamp {float: right; font-size: 10px; margin: 5px 15px 0 0 ;}
.comment_body {
    padding: 10px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius:0px;
    background: #101010;}

.comment_actions {
    text-align: right; font-size: 10px;
}

.search_comic_title {font-weight: bold;}

.search_webcomic_title {font-weight:bold; color: #006cff;}
.search_webcomic_title:hover {color:#72aeff;}

.avatars_avatar {float: left; margin: 5px;}
.avatars_avatar a {overflow: hidden; border: 1px solid #101010; display: block; width: 100px; height: 100px;}
.avatars_avatar a:hover {border: 1px solid #000000;}


#tags {float: right; font-size: 10px;}

TABLE.standard th.nav {text-align: center;}

.site_details_list {margin: 10px 0 0 0; padding: 0; list-style: none;}
.site_details_list li {margin-bottom: 5px;}

.favorite_sites {list-style: none; margin: 10px 0; padding: 0;}
.favorite_sites li {overflow:auto;}

.schedule td { text-align: center;}



#content_warning_popup {font-size: 12px;}
#content_warning_popup h3 {margin-bottom: 10px;}


.approve_button {display:block; font-weight: bold; text-align: center; font-size: 12px; background:  #003a8a; color: #ffffff; border: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 6px;
margin-top: 5px;
cursor: pointer;
}
.approve_button:hover {color: #FFFFFF; background: #006cff; }


.reject_button {display:block; font-weight: bold; text-align: center; font-size: 12px; background: #111111; color: #999999; border: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 6px;
margin-top: 5px;
cursor: pointer;
}

.reject_button:hover {color: #CCCCCC; background: #323232; }




#site_profile_details {width: 250px;}
#site_profile_contents {width: 720px;}


#member_login_popup {}

.nav {font-size: 11px; text-align: center; overflow: auto;}
.nav em {display: block; font-size: 12px; font-weight: bold; float: left; margin-right: 9px; text-align: center; background:  #565656; color: #000000; border: 0;
                 -moz-border-radius: 5px;
                 -webkit-border-radius: 5px;
                 padding: 4px 8px;
                 margin-top: 0;
                 cursor: pointer;font-style: normal; text-decoration: line-through;}

.nav_current_page {display: block; font-size: 12px;  font-weight: bold; float: left; margin-right: 5px; text-align: center; background:  #003a8a; color: #ffffff; border: 0;
                 -moz-border-radius: 5px;
                 -webkit-border-radius: 5px;
                 padding: 4px 8px;
                 margin-top: 0;
                 cursor: pointer;}


.nav_page_link {display: block; font-size: 12px; font-weight: bold; float: left; margin-right: 5px; text-align: center;background:  #212121; color: #ffffff; border: 0;
                 -moz-border-radius: 5px;
                 -webkit-border-radius: 5px;
                 padding: 4px 8px;
                 margin-top: 0;
                 cursor: pointer;}


.nav_page_link:hover {background: #003a8a; color: #ffffff;}


.letter_navigation {overflow: auto; margin: 10px auto; text-align: center;}
.jump_to {float:left; margin: 4px 8px 4px 4px;}
.letter_link {display: block; font-size: 10px; text-transform:uppercase; font-weight: bold; float: left; margin-right: 3px; text-align: center;background:  #212121; color: #ffffff; border: 0;
                 -moz-border-radius: 5px;
                 -webkit-border-radius: 5px;
                 padding: 4px 8px;
                 margin-top: 0;
                 cursor: pointer;}

.letter_link:hover {background: #FFBC00; color: #323232;}

.site_list_container {margin-right: 170px;}

.site_list_skyscraper {float: right; margin-left: 10px;}
.site_list_category {float: left; margin-right: 12px; font-size: 10px; font-weight: bold;}