/* General rules */

html {
 font-size: 100%;
}

body {
 margin: 0;
 padding: 0;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 80%;
 background: #fff;
 color: #333;
 text-align: center;
}

h1, h2, h3, h3 {
 font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
}

h2 {
 margin: 0 0 0 -5px;
 padding: 0 0 0 5px;
 color: #777;
 border-bottom: 0;
 font-size: 140%;
 font-weight: normal;
 text-transform: uppercase;
 letter-spacing: 0.5ex;
}

h3 {
 margin: 12px 0 0 -5px;
 padding: 0 0 0 5px;
 border-bottom: 1px dashed #685;
 font-size: 120%;
 font-weight: normal;
 text-transform: lowercase;
 letter-spacing: 0.5ex;
}

h4 {
 margin: 7px 0 3px 0;
 font-size: 110%;
 font-weight: normal;
 text-transform: lowercase;
 letter-spacing: 0.5ex;
}

a:link, a:visited, a:hover, a:focus, a:active {
 color: #39c;
 font-weight: normal;
 text-decoration: none;
 border-bottom: none;
 letter-spacing: 0.1em;
}

#content p.submenu a {
 padding-left: 14px;
 background: transparent url(http://www.helical-library.net/images/pink_arrow_back.gif) left no-repeat;
 font-style: italic;
}

acronym, abbr {
 border-bottom: 1px dashed #bcb;
 padding-bottom: 0;
 cursor: help;
}

h3 acronym {
 border-bottom: none;
}

blockquote.italicquote {
 font-style: italic;
}

caption {
 font-weight: bold;
 text-align: left;
}

code, kbd, pre, samp {
 font-family: monospace;
 font-size: 120%;
}

#content dl dt {
 font-size: 110%;
 letter-spacing: 0.1em;
}

#content dl dd {
 margin: 3px 0 7px 0;
 padding: 0 0 5px 0;
}

fieldset {
 margin: 0;
 padding-left: 0;
 border: none;
}

form {
 margin-left: 0;
 padding-left: 0;
 text-align: left;
}

hr {
 visibility: hidden;
}

img {
 border: 0;
}

img.picleft {
 float: left;
 margin: 12px 7px 3px 0;
 border: 1px solid #100;
}

img.picright {
 float: right;
 margin: 12px 0 3px 7px;
 border: 1px solid #100;
}

input {
 margin-bottom: 5px;
}

input, textarea {
 margin-left: 0;
 padding-left: 0;
 border: 1px solid #343;
 text-align: left;
}

input:focus {
 background: #def;
}

textarea:focus {
 background: #def;
}

textarea[readonly]:focus {
 background: inherit;
}

label {
 display: block;
 font-size: 110%;
}

ol {
 margin-left: 0;
 padding-left: 0;
 list-style: none;
 line-height: 133%;
}

#content ol li {
 margin-bottom: 5px;
}

p {
 line-height: 140%;
}

p.smalltext {
 font-size: 95%;
}

p.submenu {
 margin-top: 30px;
}

q {
 quotes: "'" "'" '"' '"';
}

span[lang] {
 font-style: italic;
}

#content ul {
 margin-left: 0;
 padding-left: 0;
 list-style-type: none;
 list-style-position: outside;
 line-height: 133%;
}

#content ul li {
 margin-bottom: 5px;
}

#content ul li ul {
 margin: 5px 0 0 5px;
 padding-left: 5px;
}


/* Page blocks and their specific content tags */


#wrapper {
 width: 770px;
 position: relative;
 margin: 0 auto;
 padding: 50px 0 0 0;
 background: #fff url(http://www.helical-library.net/images/magback.jpg) left repeat-y;
}

#header {
 margin: 0;
 padding: 0 0 2px 0;
 font-family: "Century Gothic", Arial, Verdana, sans-serif;
 font-size: 200%;
 font-weight: normal;
 color: #dde;
 background: #fff;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 text-align: left;
}

#subhead {
 width: 20em;
 margin: 0;
 padding: 2px;
 font-family: Arial, Verdana, sans-serif;
 font-size: 120%;
 font-weight: normal;
 color: #bcc;
 background: #f7fbff;
 text-transform: lowercase;
 letter-spacing: 0.1em;
 text-align: left;
}

#content {
 width: 545px;
 min-height: 100%;
 float: right;
 margin: 30px 0 0 0;
 padding: 0 0 25px 7px;
 text-align: left;
}

#menu {
 width: 160px;
 height: 500px;
 margin: 20px 20px 0 0;
 padding: 0;
 float: left;
 background: #fff;
 text-align: right;
}


#menu li {
 margin: 0 0 7px 0;
 padding: 0;
 font-weight: normal;
 font-size: 110%;
 color: #343;
 text-transform: lowercase;
 letter-spacing: 0.5ex;
 line-height: 150%;
 list-style: none;
}

#menu li.current {
 padding: 0 1px;
 color: #685;
}

#menu li a {
 margin: 1px;
 padding: 2px 0;
 color: #39c;
 border-bottom: none;
}

#menu li.current a {
 margin: 1px 0 1px 1px;
 color: #685;
}

#menu dd {
 margin-left: 0;
 padding: 2px 5px 7px 3px;
 font-size: 95%;
 font-style: italic;
 line-height: 133%;
}

#menu dd a:link {
 font-weight: normal;
 color: #39c;
 text-decoration: none;
 border-bottom: none;
}

#menu dd a:visited {
 font-weight: normal;
 text-decoration: none;
 border-bottom: none;
}

#menu dd a:hover {
 font-weight: normal;
 text-decoration: none;
 border-bottom: none;
}

#footer {
 width: 545px;
 margin: 0;
 padding: 10px 0 0 230px;
 background: #fff;
 text-align: left;
 clear: both;
}


.inline_list {
 display: inline;
 list-style: none;
 margin-left: 0;
 padding-left: 0;
}

.inline_list li {
 display: inline;
 margin-right: 10px;
}

.postedby {
 font-size: 80%;
 text-align: right;
}

.portfolio dt {
 font-weight: normal;
 font-size: 110%;
}

.portfolio dd {
 margin: 5px 0 5px 0;
 padding: 0 0 5px 0;
}

.portfolio dd a {
 border-bottom: none;
}

.postdetails {
 margin-top: 5px;
 font-size: 90%;
}

#comments li {
 margin: 7px 0 7px;
 padding: 5px;
 background: #dec;
 border: 1px solid #685;
 font-size: 90%;
}

#comments li h4 {
 margin: 0;
 font-size: 100%;
}

#comments li p {
 margin-bottom: 0;
}

#award {
 margin: 13px 0 5px 0;
}

#award img {
 margin-right: 5px;
}

#award blockquote {
 margin-left: 0;
 padding-left: 0;
}

/* Formatting for award table */

.awdtable {
 margin: 0 0 14px 0;
}

caption {
 font-weight: normal;
 font-size: 110%;
 text-align: left;
 margin: 3px 0 0 0;
}

td {
 vertical-align: top;
}

th {
 font-weight: normal;
 font-size: 110%;
 border-bottom: 1px dashed #685;
}

th[abbr="Name"] {
 width: 50%;
}

th[abbr="Rating"] {
 width: 10%;
}

/* Formatting for quiz form */

#quizform fieldset {
 margin-bottom: 10px;
}

#quizform legend {
 font-size: 110%;
 color: #343;
 margin: 5px 0 3px 0;
}

#quizform input {
 display: inline;
 float: left;
 margin-left: 0;
 margin-bottom: 0;
 padding-left: 0;
 clear: both;
 border: none;
}

#quizform label {
 display: block;
 border-bottom: 1px dashed #cdc;
 font-size: 100%;
 vertical-align: bottom;
}

#quizform #btn {
 float: left;
 padding: 2px 3px;
 background: #fff;
 border: 1px solid #333;
}

/* Formatting for guestbook */

#guestbook div.entry {
 margin: 7px 0 7px 0;
 padding: 5px;
 border: 1px solid #cebabd;
 font-size: 100%;
}

#guestbook strong {
 font-style: italic;
}

/* Formatting for tagboard */

#tagboard {
 background: #fff; color: #333; border: 1px solid #666; width: 198px; height: 250px; overflow: auto;
}

div.entry {
margin: 0; font-size: 80%; border-bottom: 1px dotted #666; padding: 3px;
}

#tagForm {
 margin-top: 20px;
}

#tagForm fieldset input {
 text-align: left;
}