a{color: #ff9900; text-decoration: none; font-weight:bold; cursor: pointer;}
a:hover{color: #ffff00;}

.round_dark a{color: #b300e6; text-decoration: none; font-weight:bold; cursor: pointer;}
.round_dark a:hover{color: #9000ff;}

.webcomic_exit a{color: #ff9900; text-decoration: none; font-weight:bold; cursor: pointer;}
.webcomic_exit a:hover{color: #ffff00;}

a.member_username {font-weight: bold; color:#ffbc00;}
a.member_username:hover {color:#ffff00;}

a.webcomic_title {font-weight: bold; color: #006cff;}
a.webcomic_title:hover {color:#72aeff;}

a.round_link {background:  #212121; color: #FFFFFF;}
a.round_link:hover { background: #9000ff; color: #FFFFFF;}

a.site_exit_link { background:  #212121; color: #ffffff;}
a.site_exit_link:hover { background: #9000ff; color: #FFFFFF;}
a.site_exit_link.strong_link {background: #400052;}
a.site_exit_link.strong_link:hover {background: #9000ff;}

#site_profile_details a.site_exit_link {margin: 2px 0;}

.dotw_updates  {background:  #9000ff; color: #ffffff; }
.dotw_no_updates  {background:  #222222; color: #999999; }

HTML {background: #2b2b2b url(/images/bck-page.png); font-family: Tahoma, Geneva, helvetica, sans-serif; font-size: 12px; color: #d9d9d9; }
body {width: 1000px; margin: 10px auto; background: #323232; border: 1px solid #000000;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;

    -moz-box-shadow: 0px 0px 4px #000;
    -webkit-box-shadow: 0px 0px 4px #000;
    box-shadow: 0px 0px 4px #000;
}
#border { margin: 0 10px 10px 10px; background: #1b1b1b; border: 1px solid #000000;
          -moz-border-radius: 10px;
          -webkit-border-radius: 10px;

    -moz-box-shadow: 0px 0px 4px #000;
    -webkit-box-shadow: 0px 0px 4px #000;
    box-shadow: 0px 0px 4px #000;
}

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; text-transform:capitalize;}
H2 {font-size: 14px; font-weight: bold; margin: 0 0 10px 0;}
H3 {font-size: 14px; font-weight: bold; font-style: normal; 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 #101010; padding: 10px; margin: 10px 0;
          -moz-border-radius: 10px;
          -webkit-border-radius: 10px; background: #0f0f0f;
}



LEGEND {padding: 5px; font-size: 14px; font-weight: bold; width: 100%;}


TABLE.standard {width: 98%; border: 2px solid #000000; border-collapse: collapse; margin: 10px 1px;}
TABLE.standard th {border: 1px solid #323232;padding: .4em; text-align: left;}
TABLE.standard td {border: 1px solid #323232; padding: .4em; }
TABLE.standard th a {}
TABLE.standard .right {text-align: right;}
TABLE.standard .center {text-align: center;}
TABLE.standard .nav {text-align: center;}
TABLE.formtable th {text-align: left;}
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%;}

#content {margin: 1em;}

#header {padding-top: 5px;}

#header .ad {float: right; margin: 30px 10px 10px 10px;}

#utility {font-size: 10px; margin: 5px; padding: 0 10px; text-align: right;}


.large_content {margin-right: 175px;}
.right_ad {float: right; margin-left: 10px; text-align: center;}
.right_ad a {margin: 0 auto;}
.square_ad {float: right; width: 300px; padding: 10px; margin-left: 10px; clear: right;}
.round_dark {
    overflow: auto;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;

    background: #101010;
    padding: 10px;
    margin-bottom: 10px;

}

.round_dark h2{
    margin-top: 0;
}


FIELDSET .round_dark {margin: 0;}

div.login input.long {width: 100%;}

.site_container {}
.site_image {float: left; margin: 0 20px 20px 0;}
.site_description a {font-size: 16px; font-weight: bold;}

tr.row1, tr.row1 td {}
tr.row2, tr.row2 td {}

#footer {margin-top: 1em; padding: 1em; text-align: center; font-size: 8pt; clear:both;}
.error legend {text-transform: capitalize;}
.error ul {list-style-type: none; margin: 0 1em; padding: 0;}

.nav {text-align: center; margin: 1em 0; color: #646464;}
.nav_pages { color: #c75aff; font-weight: bold;}
.nav em {font-style: normal; text-decoration: line-through; color: #444444;}

.sponsored_left.round_dark {float: left; width: 365px; margin-right: 10px;}
.sponsored_right.round_dark {float: left; width: 315px; }

.recommended_webcomics {float: left; width: 360px; margin-right: 10px;}
.round_dark.recommended_webcomic {text-align: center; float: left; width: 150px; height: 80px; overflow: auto; margin: 0 5px 10px 5px;}

.recent_webcomics {float: left; width: 170px  ; margin-right: 55px;}

.round_dark.recent_webcomic {text-align: center; float: left; width: 150px; height: 80px; overflow: auto; margin: 0 5px 10px 5px;}
.recent_webcomic .webcomic_title {margin-top: 10px;}


.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_details h1 {font-size: 12px;}
.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;
}


#content_warning_popup {font-size: 12px;}
#content_warning_popup h3 {margin-bottom: 10px;}


.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;}


.favorite_sites {list-style: none; margin: 10px 0; padding: 0;}
.favorite_sites li {overflow:auto;}

.advertise_here {font-size: 10px; font-weight: normal; text-align: center; margin: 3px 0;}

.small {font-size: 10px;}
.centered {text-align: center;}

#site_profile_details {width: 250px;}
#site_profile_contents {width: 690px;}




.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:  #323232; 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: 9px; text-align: center; background:  #b300e6; color: #ffffff; border: 0;
                 -moz-border-radius: 5px;
                 -webkit-border-radius: 5px;
                 padding: 4px 8px;
                 margin-top: 0;
                 cursor: pointer;}


a.nav_page_link {display: block; font-size: 12px; font-weight: bold; float: left; margin-right: 9px; 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;}


a.nav_page_link:hover {background: #b300e6; color: #ffffff;}


.letter_navigation {overflow: auto; margin: 10px auto; text-align: center;}
.jump_to {float:left; margin: 4px 3px 4px 0;}
a.letter_link {display: block; font-size: 12px; text-transform:uppercase; font-weight: bold; float: left; margin-right: 4px; text-align: center; background:  #212121; color: #ffffff; border: 0;
                 -moz-border-radius: 5px;
                 -webkit-border-radius: 5px;
                 padding: 4px 7px;
                 margin-top: 0;
                 cursor: pointer;}

a.letter_link:hover {background: #9000ff; color: #000000;}
