html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: Arial, Helvetica, Verdana, Sans-serif;
  font-size: 12px;
}

#outer-container {
  margin: auto;
  text-align: center;
  width: 100%;
}

#inner-container {
  line-height: 18px;
  width: 850px;
  margin: auto;
  margin-top: 20px;
  text-align: left;
}

.cleaner {
  clear: both;
}

h1 {
  margin: 0;
  padding: 0;
}

#left-rail {
  float: left;
}

/*

.hidden {
  display: none;
}

*/

#content {
  width: 648px;
  float: left;
  padding-bottom: 10px;
  border-left: 1px dashed gray;
  border-right: 1px dashed gray;
}

#content h2 {
  margin: 0;
  padding: 0;
  padding-bottom: 15px;
}

#comic, .strip-error {
  padding: 6px;
  font-size: 14px;
  border-bottom: 1px dashed gray;
}

#comic a {
  color: #999999;
  font-weight: bold;
}


#extras a {
  color: #999999;
  font-weight: bold;
}

#newspost {
  padding: 5px;
}

#newspost_entry {
  width:90%;
  margin-left: auto;
  margin-right: auto;
}

#right-rail  {
  float: right;
}

#footer {
  font-family: Tahoma, Arial, Helvetica, Sans-serif;
  font-size: 12px;
  color: #c9c9c9;
  border-top: 1px dashed gray;
  padding-bottom: 10px;
  margin-top: 5px;
}

#footer a {
  color: #c9c9c9;
  text-decoration: none;
}

#footer a:hover {
  color: #db6d16;
}

#nav {
width: 100px;
}
#nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#nav li {
  margin: 0;
  text-align: center;
}
#nav {
  display: block;
}
#nav a {
  display: block;
  text-decoration: none;
  color: #666666;
  font-size: 14px;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  border-left: 1px solid gray;
}
#nav a:hover {
  background-color: #ddd;
  border-right: 10px solid gray;
  color: #db6d16;
}
#nav ul ul {
  padding: 0;
  margin-left: 10px;
}
#nav li li a {
  display: block;
  padding: 2px 10px;
  margin: 0;
  border-top: none;
  border-bottom: none;
  border-left: 1px solid gray;
  text-align: left;
}

#friends {
width: 100px;
}
#friends ul {
  margin: 0;
  padding: 0;
  list-style-type:none;
}
#friends li {
  margin: 0;
  text-align: center;
}
#friends {
  display: block;
}

.notplain li a {
  display: block;
  text-decoration: none;
  color: #666666;
  font-size: 14px;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  background: #ffffff;
}

.plain {
  display: block;
  text-decoration: none;
  color: #666666;
  font-size: 14px;
  background: #ddd;
  border: 1px solid gray;
}

#friends a:hover {
  background-color: #ddd;
  border-left: 10px solid gray;
  color: #db6d16;
}

#friends ul ul {
  padding: 0;
  margin-right: 10px;
}

#friends li li a {
  display: block;
  padding: 2px 10px;
  margin: 0;
  border-top: none;
  border-bottom: none;
  border-right: 1px solid gray;
  text-align: right;
}

#post-box {
  border: 1px solid gray;
}

#posted-by {
  margin-left: 50px;
  padding: 5px;
}

#avatar {
        position:relative;
        top:40px;
        left:-20px;
        z-index:1;
        border-color:black;
        border-style:solid;
        border-width:thin;
        width:60px;
	background-color: #FFFFFF;
}

#posted-text {
  padding: 5px;
}

#comments {
  padding: 5px;
  float: right;
}

#comments a {
}

#archive {
  float: left;
  padding: 5px;
  width:48%;
}

#char-archive {
  padding: 5px;
  width:45%;
  float:right;
}

#archive a {
  color:#000000;
}

#char-archive a {
  color:#000000;
}

#archive li a {
  padding: 2px 10px;
  background: #cccccc;
  text-decoration: none;
}

#char-archive li a {
  padding: 2px; 10px;
  background: #cccccc;
  text-decoration: none;
}

#archive li a:hover {
  background:#000000;
  color:#f1f1f1;
}

#char-archive li a:hover {
  background:#000000;
  color:#f1f1f1;
}

#search {
  padding:5px;
  width:48%;
  float:right;
}

#profile {
  float: left;
  padding:5px;
  width:45%;
}

#pagination {
  padding-left:15px;
}

#browse {
  padding-left:15px;
}

#sort {
  padding-left:15px;
}

#searchlists {
  padding-left:15px;
}

/*

.indent {
  padding-left:10px;
  list-style-type:none;
}

*/

#archive a:hover.more {
  color:#cccccc;
}

#archive a.more {
  background:#ffffff;
  color:#0000ff;
  padding-top:0;
}

#archive a.more {
  text-decoration: none;
}

#searchlists a {
  color:#000000;
  padding: 2px 10px;
  background:#cccccc;
  text-decoration: none;
}

#searchlists a:hover {
  background:#000000;
  color:#f1f1f1;
}


#cast {
  padding:15px
}

#cast a {
}

#cast img {
  border: 1px solid black;
  text-decoration: none;
}

#cast h2 {
  padding-top:15px;
  padding-bottom:3px;
}

#starring {
  padding:5px;
}

#starring img {
  border: 1px solid black;
  text-decoration: none;
}

img.char-browse {
  border: 1px solid black;
}

.char-browse {
  padding:0px;
  background:lightgrey;
}

.navtext {
  padding:5px;
}


.char-nav {
  margin-left:30px;
  padding-bottom:1px;
}

li.char-nav {
  padding:0;
}

.char-left {
  float:left;
  padding:5px;
}

.char-title {
  background:#000000;
  color:#cccccc;
  padding:5px;
}

/*

#about {
  padding:15px;
}

*/

#extras {
  padding:15px;
}

#extras h2 {
  padding:0;
}

/*

#links h2 {
  padding:0;
}

#links img {
  border: 1px solid black;
}

#links {
  padding:15px;
}

.section {
  padding-top:15px;
}

#ad {
  border: 1px solid black;
}

#logo {
  border: 1px solid black;
}

.section {
  padding:0;
}

*/

#adsense {
  float: left;
}

#copyright {
  float: right;
}

body.active_home li#active_home,
body.active_home li#active_home a,
body.active_home li#active_home a:hover,
body.active_archive li#active_archive,
body.active_archive li#active_archive a,
body.active_archive li#active_archive a:hover,
body.active_cast li#active_cast,
body.active_cast li#active_cast a,
body.active_cast li#active_cast a:hover,
body.active_extras li#active_extras,
body.active_extras li#active_extras a,
body.active_extras li#active_extras a:hover,
body.active_about li#active_about,
body.active_about li#active_about a,
body.active_about li#active_about a:hover,
body.active_friends li#active_friends,
body.active_friends li#active_friends a,
body.active_friends li#active_friends a:hover,
body.active_forums li#active_forums,
body.active_forums li#active_forums a,
body.active_forums li#active_forums a:hover,
body.active_users li#active_users,
body.active_users li#active_users a,
body.active_users li#active_users a:hover,
body.active_prefs li#active_prefs,
body.active_prefs li#active_prefs a,
body.active_prefs li#active_prefs a:hover {
        background-color: #FFFFFF;
        color: #000000;
	font-weight: bold;
}


.breadcrumb {
  margin: 20px 20px 0px 20px;
  border: 1px solid #CCCCCC;
  padding: 5px;
}

div.confirmation {
  margin: 20px;
  background-color: #ADD8E6;
  color: #000000;
  padding: 10px;
}

div.error {
  margin: 20px;
  background-color: #FF0000;
  color: #000000;
  padding: 10px;
}

div.reminder {
  text-align: center;
}