/* Spolem.biz - copyright Jake Laack
/* spolem.css
*/

* {
}

body {
 font-family: "Trebuchet MS", "Helvetica", sans-serif;
 margin: 0;
 padding: 0; 
 font-size: 90%; 
 color: #000; 
 background-color: #e5dccb;
 background-image: url("/images/backgrounds/grain.jpg");
}

a { 
 text-decoration: none; 
 color: #a6857d; 
}
a:visited {
 color: #785952; 
}
a:hover {
 text-decoration: underline;
 color: #b99f99;
}

a img {
 border: none;
}

h1, h2, h3, h4, h5, h6 {
 font-family: "Tahoma", "Geneva", sans-serif;
 margin: 0;
 padding: 0;
 line-height: 100%;
}

h2, h3, h4, h5, h6 { 
 margin-top: 0.8em; 
}

h1 {
 margin: 0 0 0.6em 0;
}

p {
 margin-top: 0.5em;
 margin-bottom: 1.5em;
}

p.Error{
 font-style: italic;
}

hr {
 margin-top: 0.5em; 
 margin-left: 3em; 
 margin-right: 3em; 
 margin-bottom: 0.5em; 
 border: solid 0.1em #62839d;
}

/* List styles */
ul {
 margin: 1em 0 1em 2em;
 padding: 0 0 0 3em;
 list-style-type: square; 
}
ul ul {
 margin: 0;
 padding: 0 0 0 1.2em;
}
ul li { margin: 0; padding: 0; }

ol {
 margin: 1em 0 1em 2em;
 padding: 0 0 0 3em;
 list-style-type: upper-roman;
}
ol ol {
 margin: 0;
 padding: 0 0 0 1.8em;
 list-style-type: upper-alpha;
}
ol ol ol { list-style-type: decimal; }
ol ol ol ol { list-style-type: lower-alpha; }
ol ol ol ol ol { list-style-type: lower-roman; }

dl {
 margin: 0 0 1em 1em;
 padding: 0;
}
dt {
 margin: 0.5em 0 0 0;
 font-family: "Tahoma", "Geneva", sans-serif;
 font-weight: bold;
}
dd {
 margin: 0 0 0 2em;
 padding: 0;
}


/* Table styles */
table { 
}
caption { }
col { }
colgroup { }
thead { }
tbody { }
tfoot { }
tr { }
th { }
td { }


/* Form styles */
form {
 margin-top: 0.5em; 
 margin-bottom: 0.5em;
 white-space: nowrap;
}
fieldset {
 border: solid 0.1em #BCD; 
 padding: 5px; 
 margin-bottom: 0.25em;
}
legend {  }
label {
 width: 9em;
 vertical-align: top;
 float: left;
 clear: left;
}
input {
 vertical-align: top; 
 margin-bottom: 0.25em;
}
input[type="text"], input[type="password"], input[type="file"] {
 border: solid 1px #BCD;
}
textarea {
 border: solid 1px #BCD;
 margin-bottom: 0.25em;
}
select {
 border: solid 1px #BCD; 
 margin-bottom: 0.25em; 
}
optgroup { 
 font-size: 0.85em; 
 background-color: #BCD;
}
optgroup option {
 font-size: 1.2em; 
 background-color: #fff; 
}
button { }
button.DialogButton { margin-left: 9em; }
input.DialogButton { margin-left: 9.5em; font-family: "Georgia", serif; }


/* Lesser used elements */
abbr {
 cursor: help; 
 border-bottom: dashed 1px gray;
}
acronym {
 font-variant: small-caps; 
 cursor: help; 
 border-bottom: dotted 1px gray;
}
cite { 
 font-size: .85em; 
 font-style: normal;
}
cite:first-letter { color: red; }
em {
 color: #000;
 font-style: normal; 
 background-color: #ffa;
 padding-left: 3px;
 padding-right: 3px; 
}
kbd {
 font-family: "courier new", monospace; 
 font-weight: bold;
}
samp, var { font-family: "courier new", monospace; }
strong { font-variant: small-caps; }
tt { font-family: "courier new", monospace; }
del { color: #aaa; }
ins {
 color: #080;
 text-decoration: none;
}

pre { font-family: "courier new", monospace; }
code {
 display: block;
 white-space: pre;
 font-family: "courier new", monospace;
 border: 1px solid #62839d;
 margin: 1em;
 padding: 5px;
 line-height: 130%;
}
code:before {
 content: "code:\A";
 font-size: 0.9em;
 color: #ffffff;
 margin: -5px -5px 5px -5px;
 padding: 1px 0px 1px 5px;
 background-color: #62839d;
 display: block;
 line-height: 110%;
}
blockquote {
 margin: 1em 4em 1.5em 2em;
 border-left: solid 2px #62839d; 
 padding-left: 1em; 
}
q {
 margin: 1em 4em 1.5em 2em;
 border-left: solid 2px #62839d; 
 padding-left: 1em; 
 display: block;
}


div.FloatLeft {
 float: left;
 margin-right: 10px;
 margin-top: 5px;
 margin-bottom: 5px;
 background: transparent;
 font-size: 0.8em;
}

div.FloatRight {
 float: right;
 margin-left: 10px;
 margin-top: 5px;
 margin-bottom: 5px;
 background: transparent;
 font-size: 0.8em;
}

div.FloatCenter {
 margin: 10px;
 margin-left: 0px;
 margin-right: 0px;
 background: transparent;
 text-align: center;
}


/* Common site styles */
div#SiteLogo {
 position: absolute;
 z-index: 5;
 left: 0;
 top: 0;
}

div#SiteList {
 position: absolute;
 z-index: 4;
 right: 0;
 top: 0;
 color: #ffffff;
 background-color: #a6857d;
 padding: 3px 0 3px 10px;
}

div#SiteList a {
 color: #ffffff;
 margin-right: 10px;
}

ul#SiteIndex {
 position: absolute;
 z-index: 3;
 left: 30px;
 top: 140px;
 margin: 0;
 padding: 0;
 list-style: none;
}

ul#SiteIndex li {
 padding: 0;
 margin: 0 0 5px 0;
 font-size: 2em;
 font-weight: bold;
 width: 175px;
 background-image: url("/images/backgrounds/index_off.png");
 background-repeat: no-repeat;
}

ul#SiteIndex li:hover {
 background-image: url("/images/backgrounds/index_on.png");
}

ul#SiteIndex li a {
 padding: 5px;
 color: #6b6654;
 display: block;
}

ul#SiteIndex li a:hover, ul#SiteIndex li a.Current:hover {
 color: #fff;
 text-decoration: none;
}

ul#SiteIndex li a.Current {
 color: #4a452f;
}

ul#SiteSubIndex {
 margin: 0;
 padding: 0;
 list-style: none;
}

ul#SiteSubIndex li {
 padding: 0;
 margin: 0;
 font-size: 0.5em;
 font-weight: bold;
 background-image: url("/images/backgrounds/indexsm_off.png");
 background-repeat: no-repeat;
 width: 175px;
}

ul#SiteSubIndex li:hover {
 background-image: url("/images/backgrounds/indexsm_on.png");
}

ul#SiteSubIndex li a {
 padding: 5px 5px 5px 15px;
 color: #6b6654;
 display: block;
}

ul#SiteSubIndex li a:hover, ul#SiteSubIndex li a.Current:hover {
 color: #fff;
 text-decoration: none;
}

ul#SiteSubIndex li a.Current {
 color: #4a452f;
}

div#PageContentArea {
 margin: 0;
 padding: 3em 4em 0 21em;
 min-width: 450px;
 max-width: 800px;
 min-height: 400px;
 line-height: 160%;
 background-image: url("/images/backgrounds/sawblade.jpg");
 background-repeat: no-repeat;
}

div#PageContentArea.Letters {
 background-image: url('/images/backgrounds/letters.jpg');
}

div#PageContentArea.Websites {
 background-image: url('/images/backgrounds/websites.jpg');
}

div#PageContentArea.Portfolio {
 background-image: url('/images/backgrounds/portfolio.jpg');
}

div#PageContent {
 margin: 0;
 padding: 15px;
 background-image: url("/images/backgrounds/grainfade.png");
 background-repeat: no-repeat;
}

div#PageContent p {
 max-width: 600px;
}

div#SiteFooter {
 clear: both;
 color: #ffffff;
 background-color: #a6857d;
 margin: 2em 1em 0 0;
 padding: 0.5em 1em 0.5em 1em;
 text-align: right;
}

div#SiteFooter a {
 color: #ffffff;
}

div#SiteAuth {
 float: right;
}

div.FloatLeft {
 float: left;
 margin-right: 10px;
 margin-top: 5px;
 margin-bottom: 5px;
 background: transparent;
 font-size: 0.8em;
}

div.FloatRight {
 float: right;
 margin-left: 10px;
 margin-top: 5px;
 margin-bottom: 5px;
 background: transparent;
 font-size: 0.8em;
}

div.FloatCenter {
 margin: 10px;
 margin-left: 0px;
 margin-right: 0px;
 background: transparent;
 text-align: center;
}

div#PageError {
 position: absolute;
 left: 230px;
 top: 3em;
 color: #a00;
 background-color: #fff;
 font-weight: bold;
 font-size: 1.1em;
 border: solid 1px #000;
 line-height: 100%;
 padding: 3px;
}

div.PageError {
 color: #a00;
 background-color: #fff;
 font-weight: bold;
 font-size: 1.1em;
 border: solid 1px #000;
 line-height: 100%;
 padding: 3px;
 margin-top: 0.5em;
 margin-bottom: 0.5em;
}

dl#WebsiteList {
 overflow: auto;
}

dl#WebsiteList dt {
 clear: left;
}

dl#WebsiteList dt a {
 color: #000;
}

dl#WebsiteList img {
 float: left;
 border: solid 1px black;
 margin: 0 10px 10px 0;
}

div.ResumeLeft {
 width: 25em;
 float: left;
 clear: left;
}

div.ResumeRight {

}