A:           { color: #000000;
               text-decoration: underline;
               font-weight: normal; }
A:link       { color: #0000FF;
               text-decoration: none; }
A:visited    { color: #0000FF;
               text-decoration: none; }
A:hover      { color: #0000FF; }

.title       { font-weight: bold; 
               display: block; }

body         { background: #8FB8F8; 
               text-align: center;
               font-family: Verdana, Arial, Helvetica; }
               
img          { border: none;
               behavior: url(/css/iepngfix.htc) } /* IE6 png transparency fix */

#comic       { margin-left: auto;
               margin-right: auto;
               display: inline-block;
               /* width: 75%; */}

#comic .banner { margin-bottom: 0; }

#comic img   { /*display: block;
               margin-left: auto;
               margin-right: auto;*/
               margin-left: 50px;
               margin-right: 50px;
               margin-bottom: 1em; }

#comic-title { margin-left: 50px;
               margin-right: 50px; }
               
.comic-margin { display: block;
                width: 10em; }

#banner      { text-align: center; }
#news        { text-align: center; }
               
/*
#banner img  { display: block;
               margin-left: auto;
               margin-right: auto;
               margin-bottom: 1em; }
*/
               
#menu        { text-align: center;
               margin-bottom: 1em; }
#menu img    { display: inline; }

/* 
#banner #menu .vert-menu img { float: left; clear: left; }
*/

               
#store       { margin: 1em 0 1em 0;
               text-align: center; }

#left        { float: left; 
               width: 45%;
               margin-left: 3%; } 

#right       { float: right;
               width: 45%;  
               margin-right: 3%; }
               
#archive     { font-size: normal;
               background: white;
               width: 85%;
               margin-left: auto;
               margin-right: auto;
               padding-top: 1em;
               padding-bottom: 1em;
               border: 1px solid black; }

#archive #rss { float: left;
                margin: 0 12px 0px 12px; }

#archive #comic-list .month-header { font-weight: bold; }

#archive #comic-list { margin-left: auto;
                       margin-right: auto;
                       text-align: left;
                       display: inline-block; }

.anchor      { clear: both; }

h1           { font-style: bold;
               text-align: left;
               margin-top: 0.5em;
               margin-bottom: 1em; }

h2           { margin-left: 3%;
               margin-top: 0.25em;
               margin-bottom: 0.25em;
               font-size: normal; }

h3           { clear: left; }

/* for placing the rss icon in the corner while still centering the news bulletin */
/*
#news        { position: relative;
               margin-bottom: 3em;
               display: block;
               width: 100%; }

#news img    { position: absolute;
               top: 0px;
               left: 0px;
               right: 0px;
               margin-left: auto;
               margin-right: auto; }
*/
               
#contact     { font-size: small; }

#footer      { font-family: Verdana;
               color: #cccccc;
               font-size: small;
               text-align: center;
               margin-top: 1em;
               clear: both; }

#footer img  { display: block;
              margin-left: auto;
              margin-right: auto; }

#next-update { display: block;
               margin: 1em 0 1em 0;
               font-style: italic; }
               
.valid       { text-align: right;
               clear: both; }