/* Tube City Almanac stylesheet copyright 2007 Jason Togyer */
/* email my first initial and last name at gmail dot com */
/* don't steal this ... I don't know what the hell I'm doing */

/* basic text styles */

html {
	background-image: url(../images/menu-back.jpg);
	background-repeat: repeat-y;
}

h1 {
font-family: times new roman, times, serif;
font-size: 16pt;
font-weight: bold;
}

h2 {
font-family: times new roman, times, serif;
font-size: 10pt;
font-color: #CCCCCC;
padding: 0 0 2px 0;
border-bottom: 1px #CCCCCC dotted;
}

h4 {
font-family: verdana, sans-serif;
font-size: 9pt;
font-color: #000066;
font-weight: bold;
text-align: center;
}

h5 {
font-family: verdana, sans-serif;
font-size: 8pt;
font-color: #660000;
font-weight: bold;
}

h6 {
font-family: times new roman, times, serif;
font-size: 9pt;
font-color: #CCCCCC;
padding: 0 0 40px 0;
}

h7 {
font-family: verdana, sans-serif;
font-size: 8pt;
font-color: #333399;
font-weight: bold;
}


.mousetype a:link {
color: #FFFF99;
font-family: verdana, sans-serif;
font-size: 6pt;
padding: 0 0 0 20px;
}

.mousetype a:visited {
color: #FFFF99;
font-family: verdana, sans-serif;
font-size: 6pt;
padding: 0 0 0 20px;
}

p {
font-family: times new roman, times, serif;
font-size: 12pt;
}

/* these should make the boxes */

#menu {
position: fixed;
left: 0px;
top: 0px;
width: 118px;
margin: 0 20px 0 0;
padding: 20px 10px 0 10px;
background-color: #000099;
}

.lynx p {
font-family: verdana, sans-serif;
font-size: 8pt;
text-align: right;
font-weight: bold;
line-height: 200%;
border-top: 2px dotted #660000;
padding: 10px 0 0 0;
}

.lynx a:link {
color: #CCCCFF;
text-decoration: none;
}

.lynx a:visited {
color: #CCCCFF;
text-decoration: none;
}

.lynx a:hover {
color: #FFCCFF;
}

#adleft {
position: absolute;
left: 170px;
top: 10px;
width: 468px;
height: 111px;
padding: 0 0 0 0;
background-color: #9999ff;
display: block;
margin-left: auto;
margin-right: auto;
}

#adright {
position: absolute;
left: 650px;
top: 10px;
width: 165px;
height: 111px;
padding: 0 0 0 0;
background-color: #CC3300;
}

#banner {
position: absolute;
top: 140px;
left: 140px;
width: 700px;
padding: 0 0 0 30px;
background-color: #FFFFFF;
border-bottom: 1px solid #660000;
}

#bannerArchive {
position: absolute;
top: 10px;
left: 140px;
width: 700px;
padding: 0 0 0 30px;
background-color: #FFFFFF;
border-bottom: 1px solid #660000;
}

#skybox {
position: absolute;
left: 200px;
top: 20px;
width: 550px;
background-image: url(../images/archivebanner.jpg);
background-repeat: no-repeat;
padding: 20px;
}

#body {
position: absolute;
left: 170px;
width: 670px;
top: 380px;
padding: 0 10px 0 0;
margin: 10px 0 0 0;
}

#bodyArchive {
position: absolute;
left: 170px;
width: 670px;
top: 230px;
padding: 0 10px 0 0;
margin: 10px 0 0 0;
}

#archiveTop {
width: 670px;
margin: 5px 0 0 0;
padding: 10px 10px 10px 10px;
text-align: center;
}

.archiveTopLinks {
font-family: verdana, sans-serif;
font-style: italic;
font-size: 10pt;
font-color: #cccc33;
}

.archiveTopLinks a:link, a:visited {
text-decoration: none;
}

.archiveTopLinks a:hover {
background-color: #FFFFCC;
}

#entry {
       border-bottom: #CCCCCC 1px solid;
       padding: 0 20px 40px 0;
       margin: 0 0 40px 0;
}

.entries {
       border-right: #CCCC99 1px dotted;
       background-image: url(../images/entry-torn-page.jpg);
       background-repeat: no-repeat;
       background-position: right bottom;
       padding: 0 20px 0 0;
}

.entries a:link, a:visited {
color: #6666CC;
}

.entries a:hover {
color: #CCCCCC;
}

#rail {
position: absolute;
float: right;
left: 840px;
width: 140px;
top: 0;
border-left: 1px solid #660000;
background-color: #FFFFFF;
padding: 0 10px 0 20px;
}

.sidebar p {
font-family: verdana, sans-serif;
font-size: 8pt;
font-color: #333333;
}

.sidebar a:link, a:visited {
color: #6666CC;
text-decoration: none;
}

.sidebar a:hover {
color: #CCCCCC;
}