* 
	    {
    	margin: 0px;
    	padding: 0px;
    	border: 0px;
		}

.clear
		{
		clear: both;
		}

.right
		{
		float: right;
		}

.left
		{
		float: left;
		}

body
		{
		background-color: #000000;
		color: #37332D;
		font-family: Times New Roman, Times, serif;
		font-size: 100%;
		padding-bottom: 20px;
		}

div.wrapper
		{
		width: 694px;
		margin: auto;
		padding-top:56px;
		position: relative;
		display:block;
		}

div.container
		{
		width: 694px;
		margin: 0 auto 0 auto;
		position: relative;
		background-image: url(images/body.jpg);
		background-repeat: repeat-y;
		background-position: top center;
		}
		
div.head
		{
		width: 694px;
		height: 290px;
		background-image: url(images/head.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		}
		
div.sidebar
		{
		width: 120px;
		position: relative;
		top: -45px;
		margin-left: 22px;
		text-align: center;
		}
		
div.page
		{
		width: 497px;
		float: right;
		margin-right: 30px;
		background-image: url(images/pagemiddle.jpg);
		background-repeat: repeat-y;
		background-position: top center;
		}
		
div.pagetop
		{
		width: 497px;
		background-image: url(images/pagetop.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		}
		
div.pagebottom
		{
		width: 497px;
		height: 58px;
		background-image: url(images/pagebotttom.jpg);
		background-repeat: no-repeat;
		background-position: bottom center;
		}
		
div.inabout
		{
		padding: 80px 25px 25px 25px;
		}
		
div.contact
		{
		width: 497px;
		height: 638px;
		float: right;
		margin-right: 30px;
		background-image: url(images/contact.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		}
		
div.incontact
		{
		padding: 420px 15px 0px 170px;
		}
		
div.archive
		{
		width: 497px;
		float: right;
		margin-right: 30px;
		padding-top: 120px;
		background-image: url(images/archive4.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		}

.sidebar .past_tale {width:120px; height:108px; overflow:hidden; position:relative;}
.sidebar .past_tale img.thumbtale {position:absolute; top:9px; left:-2px; z-index:1;}
.sidebar .past_tale a {width:120px; height:108px; display:block; position:absolute; z-index:2;
	text-indent:-5000px;
	background:url(images/tale-from-the-past.png) no-repeat transparent;}

#thumbpreview {width:497px; height:102px; float:right; margin:30px 27px 0 0; position:relative; /*overflow:hidden;*/}
#thumbpreview .thumbholder {width:387px; height:102px; position:absolute;/* overflow:hidden; */left:55px;}
#thumbpreview .thumbholder .movingholder {width:394px; position:absolute; top:0;}
.thumbbox {width:394px;}
a.arrows {display:block; width:52px; height:27px; position:absolute; top:36px;
	text-indent:-5000px; overflow:hidden; z-index:10;}
a.al {right:0px;}
a.ar {left:0px;}
a#thumbs-more-right {background:url(images/hand-button-left.gif) no-repeat 1px top;}
a#thumbs-more-right:hover {background:url(images/hand-button-left.gif) no-repeat left top;}		
a#thumbs-more-left {background:url(images/hand-button-right.gif) no-repeat left top;}
a#thumbs-more-left:hover {background:url(images/hand-button-right.gif) no-repeat 1px top;}		
a#no-right {background:url(images/hand-button-left.gif) no-repeat 1px bottom; cursor:default;}
a#no-left {background:url(images/hand-button-right.gif) no-repeat left bottom; cursor:default;}
a#no-left:hover, a#no-right:hover {cursor:default;}
a.thumbnav {padding:0 6px 0 0;}

div.footer
		{
		width: 694px;
		height: 54px;
		background-image: url(images/foot.jpg);
		background-repeat: no-repeat;
		background-position: bottom center;
		}
		
div.fine
		{
		width: 694px;
		margin: auto;
		position: relative;
		text-align: center;
		margin-top: 20px;
		}

a#twitter-banner {position:absolute; top:0; left:0; z-index:10;}


/* ========== New Archive ======== */


.archive a
		{
		color: #EDDEBD;
		text-decoration: none;
		}
		
.archive a:hover
		{
		color: #FFFFFF;
		text-decoration: none;
		}

ul.archivenav
		{
		white-space:nowrap;
		list-style-type: none;
		text-align: center;
		color: #C1262D;
		font-size: 20px;
		}
		
ul.archivenav li
		{
		display: inline;
		padding: 0 5px;
		}

.archivenav h2
		{
		display: inline;
		color: #C1262D;
		font-size: 20px;
		}
		
ul.archivenav2
		{
		white-space:nowrap;
		list-style-type: none;
		text-align: center;
		color: #807767;
		font-size: 14px;
		padding: 10px 0 25px 0;
		}

ul.archivenav2 li
		{
		display: inline;
		padding: 0 10px;
		}

div.archivelistings
		{
		padding-bottom: 25px;
		}

.archivelistings ul
		{
		list-style: none;
		font-size: 85%;
		}
		
.archivelistings ul li
		{
		border-bottom: 1px solid #6F685D;
		}

.archivelistings ul li a
		{
		display: block;
		padding: 2px 0;
		}
		
.archivelistings ul li a:hover
		{
		color: #FFFFFF;
		text-decoration: none;
		background-color: #534c44;
		}

.archivelistings ul li a:visited
		{
		color: #807767;
		}

li.headings
		{
		color: #C1262D;
		}

img#thumbxray
		{
		position: absolute;
		padding: 5px;
		background: #37332D;
		border: 1px solid #6F685D;
		}
	
span.title
		{
		width: 320px;
		}

span.number
		{
		display: block;
		float: left;
		width: 50px;
		padding-left: 5px;
		}

span.date
		{
		display: block;
		float: left;
		width: 110px;
		}

/* ========== Typography ======== */

h1, h2, h3
		{
		color: #EDDEBD;
		font-weight: normal;
		}

h1.main
		{
		font-size: 20px;
		padding-top: 6px;
		padding-left: 245px;
		}

h2.number
		{
		font-size: 18px;
		padding-top: 10px;
		padding-left: 245px;
		}
		
h2.date
		{
		font-size: 16px;
		padding-top: 6px;
		padding-left: 225px;
		}
		
h2.archive
		{
		font-size: 20px;
		text-align: center;
		color: #C1262D;
		padding-bottom: 10px;
		}
		
h2.page
		{
		font-size: 20px;
		font-weight: bold;
		color: #37332D;
		padding: 20px 0px 0px 0px;
		}

h3.year
		{
		font-size: 80%;
		text-align: center;
		}
		
p.footer
		{
		padding-top: 25px;
		padding-left: 25px;
		font-size: 11px;
		color: #37332D;
		text-align: left;
		}
		
p.first
		{
		text-indent: 15px;
		padding-left: 80px;
		}
		
p.second
		{
		padding-top: 15px;
		padding-left: 80px;
		}

p.main
		{
		padding-top: 15px;
		}
		
p.fine
		{
		font-family: Arial, sans-serif;
		font-size: 70%;
		text-align: center;
		color: #5E574D;
		margin: 6px;
		}
		
.caption
		{
		font-size: 70%;
		text-align: center;
		padding: 8px;
		}

table.issues
		{
		color: #C1262D;
		font-size: 80%;
		}
		
table.issues td
		{
		padding: 2px 20px 2px 0px;
		border-bottom: 1px solid #6F685D;
		}
		
table.issues tr:hover
		{
		background-color: #423D35;
		}
		
table.issues tr.titles:hover
		{
		background-color: transparent;
		}

/* ========== Form ======== */


li.form
		{
		list-style: none;
		padding: 1px 0px;
		}
		
input.form, textarea.form
		{
		background-color: #EDDEBD;
		border: 2px solid #37332D;
		padding: 2px;
		}
		
input.button
		{
		background-color: #AFA58B;
		border: 1px solid #37332D;
		padding: 2px;
		}

/* ========== Links ======== */

a
		{
		outline: none; /* hide dotted outline in Firefox */
		}

a.main			
		{
		font-weight: normal;
		color: #37332D;
		text-decoration: underline;
 		}
 				
a.main:hover	
		{
		font-weight: normal;
		color: #807767;
		text-decoration: none;
 		}
 				
a.main:visited	
		{
		font-weight: normal;
		color: #37332D;
		text-decoration: underline;
 		}
 		
a.arc			
		{
		font-weight: normal;
		color: #EDDEBD;
		text-decoration: none;
		display: block;
 		}
 				
a.arc:hover	
		{
		font-weight: normal;
		color: #F9F3E4;
		text-decoration: underline;
		display: block;
 		}
 				
a.arc:visited	
		{
		font-weight: normal;
		color: #807767;
		display: block;
 		}
 		
a.arc2			
		{
		font-weight: normal;
		color: #EDDEBD;
		text-decoration: none;
 		}
 				
a.arc2:hover	
		{
		font-weight: normal;
		color: #F9F3E4;
		text-decoration: underline;
 		}
 				
a.arc2:visited	
		{
		font-weight: normal;
		color: #807767;
 		}


#topmenu		{
				width: 98px;
				height: 174px;
    			background: url(images/tombstone.gif);
    			margin: 0px;
    			padding: 0px;
    			position: relative;
				}
				
ul#topmenu		{
    			margin-left: 8px;
				}
				
#topmenu li 	{
    			margin: 0;
    			padding: 0;
    			list-style: none;
    			position: absolute;
    			left: 0;
    			}

#topmenu li, #topmenu a {
    			height: 21px;
    			width: 98px;
    			display: block;
    			}

#panel1, #non1	{
				top: 59px;
				}
				
#panel2, #non2	{
				top: 80px;
				}
				
#panel3, #non3	{
				top: 111px;
				}
				
#panel4			{
				top: 132px;
				}

#panel1 a:hover, #non1	{
				background: transparent url(images/tombstone.gif) 0px -233px no-repeat;
				}
				
#panel2 a:hover, #non2	{
				background: transparent url(images/tombstone.gif) 0px -254px no-repeat;
				}
				
#panel3 a:hover, #non3	{
				background: transparent url(images/tombstone.gif) 0px -285px no-repeat;
				}

#panel4 a:hover	{
				background: transparent url(images/tombstone.gif) 0px -306px no-repeat;
				}
				
#menu2			{
				width: 120px;
				height: 95px;
    			background: url(images/menu2a.gif);
    			margin: 0px;
    			padding: 0px;
    			position: relative;
				}
				
#menu2 li 		{
    			margin: 0;
    			padding: 0;
    			list-style: none;
    			position: absolute;
    			left: 0;
    			}

#menu2 li, #menu2 a {
    			height: 26px;
    			width: 120px;
    			display: block;
    			}

#link1			{
				top: 9px;
				}
				
#link2			{
				top: 35px;
				}
				
#link3			{
				top: 61px;
				}

#link1 a:hover	{
				background: transparent url(images/menu2a.gif) 0px -104px no-repeat;
				}
				
#link2 a:hover	{
				background: transparent url(images/menu2a.gif) 0px -130px no-repeat;
				}
				
#link3 a:hover	{
				background: transparent url(images/menu2a.gif) 0px -156px no-repeat;
				}


a#homeclick, a#homeclick:hover	
				{
				padding-top: 30px;
				margin-left: 150px;
				border: 0px;
				width: 500px;
				height: 160px;
    			background: transparent;
    			display: block;
				}


/* ========== Images ======== */

img.main
		{
		padding-left: 28px;
		}
		
img.pad
		{
		padding: 2px;
		}
		
		
/* ========== Hacks for IE 6 and earlier - oh joy ====== */

* html div.sidebar
		{
		margin-left: 11px;
		}

* html img.main
		{
		padding-left: 0px;
		margin-left: 28px;
		}

* html a#homeclick, * html a#homeclick:hover	
		{
		padding-top: 0px;
		margin-top: 30px;
		}

* html div.page
		{
		margin-right: 15px;
		}
		
* html div.contact
		{
		margin-right: 15px;
		}
		
* html div.archive
		{
		margin-right: 15px;
		}
		
* html ul#topmenu		
		{
    	margin-left: 0px;
    	position: relative;
		left: -3px;
		}

/* ========== Hacks for IE 7 - oh joy ====== */
		
*:first-child+html ul#topmenu		
		{
    	margin-left: 0px;
    	position: relative;
		left: -3px;
		}