html, body {
   background-color: black;
   padding: 0;
   margin: 0;
}

#logo img,
#tokens img {
   border: 0;
}

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

#container {
   width: 850px;
   margin: 0 auto;
   background: #961200 url('http://foxsister.com/layout/background.jpg') no-repeat left top;
}

#header {
   background: transparent url('http://foxsister.com/layout/header-bg2.png') no-repeat center top;
   z-index: 2;
   padding-bottom: 18px;
}

#logo {
   text-align: center;
}

#navigation {
   text-align: center;
}

#navigation span {
   margin: 0 20px;
}

#navigation img {
   border: 0;
}

#tokens {
   margin: 0 auto;
   text-align: center;
}

#updates-header {
   font: 500 28px wordy-diva,cursive;
}

.divider {
   text-align: center;
   z-index: 3;
   background: transparent url('http://foxsister.com/layout/divider.png') no-repeat;
   width: 800px;
   height: 47px;
   margin: 0 auto;
   position: relative;
   top: -35px;
}

#content {
   width: 700px;
   margin: 0 auto;
   background: #4e4c47 left top repeat url('http://foxsister.com/layout/comic-bg.png');
   border-style: solid;
   border-color: #51211c;
   border-width: 0px 4px 4px 4px;
   z-index: 1;
   position: relative;
   top: -61px;
   padding: 25px 0;
}

#comic-container {
   width: 650px;
   margin: 0 auto;
}

#comic-header {
   width: 100%;
   background: left top repeat url('http://foxsister.com/layout/comic-header-bg.jpg');
   text-align: center;
   padding: 8px 0;
   height: 42px;
   z-index: 4;
}

#comic-header img {
   border: 0;
}

#comic-nav-left {
   float: left;
   margin-left: 25px;
}


#comic-nav-right {
   float: right;
   margin-right: 25px;
}

#comic-page h2,
#comic-page h2 {
   width: 600px;
   font: normal normal 500 24px wordy-diva,cursive;
   color: black;
   padding: 5px 0;
   margin: 0 auto;
   text-align: center;
}

#comic-page h3,
#comic-page h3 {
   width: 600px;
   font: normal normal 500 19px wordy-diva,cursive;
   color: black;
   padding: 5px 0;
   margin: 0 auto;
   text-align: center;
}

#comic-footer {
   width: 100%;
   height: 58px;
   background: left top repeat url('http://foxsister.com/layout/comic-footer-bg.jpg');
}

.comic-footer-height-override {
   height: 100% !important;
}

#comic-footer h2,
#comic-header h2 {
   width: 600px;
   font: normal normal 500 24px wordy-diva,cursive;
   color: black;
   padding: 5px 0;
   margin: 0 auto;
   text-align: center;
}

#comic-footer h2 a:link,
#comic-footer h2 a:visited{
    color: #961200;
}

#comic-footer h2 a:active {
    color: black;
}

#comic-footer h2 a:hover {
    text-decoration: none;
}

#comic-page {
   width: 100%;
   background-color: #fcf9f6;
   padding: 25px 0;
   text-align: center;
}

#comic-page img.full-page{
   width: 600px;
}

#comic-page a:link .comic-thumb,
#comic-page a:visited .comic-thumb {
   border: 1px solid transparent;
}

#comic-page a:hover .comic-thumb {
   border: 1px solid #961200;
}

#comic-comments {
   width: 600px;
   padding: 10px 25px;
   margin: 25px auto 0 auto;
   background-color: #4c4b45;
   font-family: Helvetica, Arial, sans-serif;
   color: white !important;
   border-bottom: 1px solid black;
}

#comic-comments h3 {
   font: 20px Garamond, serif !important;
   color: white;
   margin: 0 0 15px 0 !important;
   text-align: left;
}

#comic-comments a:link,
#comic-comments a:visited,
#comic-comments a:active {
   color: white !important;
}

#comic-comments a:hover {
   text-decoration: none;
}

.dsq-comment-header {
   background-color: #961200 !important;
   text-align: left;
}

.dsq-comment-message {
   text-align: left;
}

.dsq-comment-text {
   font-size: 13px !important;
}

.dsq-comment-footer {
   font-size: 12px !important;
}

#dsq-subscribe {
   font-size: 13px !important;
}

.dsq-brlink {
   text-align: center !important;
}

.dsq-like-activity {
   font-size: 12px !important;
}

#dsq-account-dropdown {
   font-size: 12px !important;
}

.news-item {
   margin: 0 25px 25px 25px;
}

.news-item h3 {
   text-align: left;
   font: 20px Garamond,'Times New Roman',serif !important;
   border-bottom: 1px solid #961200;
   margin: 0;
}

.news-item a:link,
.news-item a:visited,
.news-item a:active ,
.news-item a:hover {
   color: black;
   text-decoration: none;
}

.news-item a:hover h3 {
   color: #961200 !important;
}

.news-item .author {
   text-align: right;
   font: 12px Helvetica,Arial,sans-serif;
}

.news-item p {
   text-align: left;
   margin: 10px 0 0 0;
   padding-left: 25px;
   font: 13px Helvetica,Arial,sans-serif;
}