* {
   font: normal 14px Verdana, Helvetica, Arial, sans-serif;
   color: black;
   text-decoration: none;
   margin: 0;
   padding: 0;
	}
	
body {
   margin: 0px auto;
   width: 100%;
   border-width: 0px;
   text-align: center;
   background-image: url('images/gradient_background.gif');
   background-repeat: repeat-x;
   background-position: top center;
   background-color: #dc9e67;
   }
   
#top {
   height: 72px;
   background-image: url('images/background_top.gif');
   background-repeat: no-repeat;
   background-position: top center;
   }   
   
#content {
   background-image: url('images/background_middle.gif');
   background-repeat: repeat-y;
   background-position: top center;
   min-height: 490px;
   margin: 0px auto;
   clear: both;
   height: 490x;
   padding-bottom: 20px;
   }
   
#content p, #content em, #content ul, #content td {
   text-align: left;
   font-size: 14px;
   margin: 0 auto;
   width: 800px;
   padding-top: 10px;
   }
   
#content ul {
   list-style-image: url(images/patrons_list_bullet.gif);
   }

#content ul li {
  line-height: 1.2em;
  }
   
#patronsList {
   margin: 0px auto;
   text-align: center;
   width: 800px;
   }
   
.article {
   padding-bottom: 60px;
   height: 100%;
   width: 860px;
   }
   
ul#localNavigation {   
   width: 180px;
   float: right;
   margin: 20px;
   border-left: 1px solid gray;
   padding: 0 20px;
   }
   
ul#localNavigation li {
   margin-bottom: 20px;
   }
   
ul#localNavigation h3 {
   margin: 0 0 20px 0;
   }
    
div.wrapper {
  margin: 0px auto;
   text-align: center;
  float: left;
  width: 14.2em;
   }   

#content br {
   clear: left;
   }
   
#content ul a, #content p a, #content td a {
   text-decoration: underline;
   color: #af5e36;
   }
   
#comicsComments {
    margin: 0px auto;
    background-color: #ffffff;
    border: 0;
    width: 750px;
    text-align: center;
    padding-bottom: 20px;
    }     
   
h1, h1 a {
   font-size: 16px;
   font-weight: bold;
   color: gray;
   padding-top: 50px;
   }
   
h2 {
   font-size: 16px;
   font-weight: bold;
   color: gray;
   margin-bottom: 20px;
   }
   
h3 {
   font-size: 14px;
   font-weight: bold;
   color: gray;
   text-align: left;
   margin: 0 auto;
   width: 800px;
   margin-bottom: 10px;
   margin-top: 20px;   
   }
   
h1 a {
   color: #0066cc;
   text-decoration: underline;
   }  	
	
.comicNavigation {
   padding: 4px 8px 4px 8px;
   margin: 2px;
   border: 1px solid #000000;
   background-color: #E5E5E5;
   position:relative;
   z-index:2;
   }
   
.comicNavigationFinished {
   padding: 4px 8px 4px 8px;
   margin: 2px;
   border: 1px solid #999999;
   background-color: #E5E5E5;
   color: #999999;
   position:relative;
   z-index:2;
   }   
   
a.comicNavigation, a:link .comicNavigation, a:hover .comicNavigation, a:visited .comicNavigation {
   text-decoration: none;
   }  
   
a:hover.comicNavigation {
   color: #af5e36;
   background-color: #ede7e1;
   border: 1px solid #af5e36;
   }
   
select {
   border: 1px solid #000000;
   font: normal 14px Verdana, Helvetica, Arial, sans-serif;
   padding: 3px;
}

option {
   padding-left: 5px;
   }

img {
   border: 0px;
   }
   
#footer {
   margin-top: 20px;
   height: 50px;
   background-image: url('images/background_bottom.gif');
   background-repeat: no-repeat;
   background-position: top center;
   font-size: .8em;
   margin: 0px auto;
   text-align: center;
   }
   
#footer a, #footer a:link, #footer a:hover, #footer a:visited {
   font: normal 10px Verdana, Helvetica, Arial, sans-serif;
   color: #6699cc;
   text-decoration: underline;
   }
   
p.submission {
   border-top: 1px solid silver;
   margin-top: 10px;
   clear: both;
   } 
   
p.submission img {
   display: block;
   margin: 10px;
   } 
   
.leaderboard {
   padding: 6px 0 16px 0;
   }
   
blockquote {
	width: 600px;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 10px;
	font-weight: bold;
	border: 1px solid gray;
	}