@charset "utf-8";
/* CSS Document */
body {margin: 0; font-weight: normal; font-size: 14px; text-align: left; color: #454c5f; font-variant: small-caps; font-family: Lithograph, Lithos, LithosPro-Regular, Arial, Helvetica, sans-serif; background-color: #b5c0c6;}

* {margin: 0; padding: 0;}

/* master font settings */
h1 {font-size: 24px; letter-spacing: .01em; padding: 6px 0;}
h2 {font-size: 20px; letter-spacing: .05em;}
h3 {font-size: 18px; font-weight: bold; padding: 2px 0; margin: 0;}
h4 {font-size: 16px; margin:0; padding-bottom: .5em;}
p {color:#110000; padding: 2px 0 4px 0; margin: 0 0 10px 0; font-variant: normal; font-family: Arial, Helvetica, sans-serif;}
em {font-style:italic;} 
strong, a {text-decoration: none; margin:0; padding: 0;}
ul {list-style: none;}

/* div settings */
#container {position: relative; margin: auto; width: 1200px;}

#masthead {width: 100%; margin: 0; padding: 0;}

#logo a img {float: left; border: none;}

#pagetitle {float: left; width: 1050px;  height: 130px; background: #fbf9eb; padding: 60px 0 0 20px;}
* html #pagetitle {display: inline; padding: 58px 0 0 20px;}

#fontnote {position: absolute; top:9px; left: 760px; width: 300px; background-color: #b5c0c6;}
#fontnote h2 {color: #636c82; text-align: center; font-size: 17px; padding: 4px;} 

#getfont {background-color: #636c82;}
#getfont a {display: block; font-size: 18px; letter-spacing: .05em; font-weight: bold; color: #b5c0c6; text-align: center; margin:0; padding: 6px}
#getfont a:hover {display: block; background: #454c5f; color: #fed5cf;}
#getfont a:active {display: block; background: #110000; color: #ffff80;}

#navbar {float: left; width: 98%; background-color: #636c82; border: solid #b5c0c6; border-width: 3px 0;}
* html #navbar {display: inline;}
#navbar ul {list-style: none; margin: 0 0 0 30px;}  
#navbar li {float: left; background: #636c82; padding: 4px 0; font-weight: bold; font-variant: normal; font-size: 13px; display: block;}
#navbar a {padding: 4px 10px; color: #b5c0c6;}
#navbar a:hover {background: #454c5f; color: #fed5cf;}
#navbar a:active {background: #110000; color: #ffff80;}

#main {position: absolute; top: 130px; left: 0; width: 100%; background: #fbf9eb url(images/index/backby01.jpg) repeat-y;}

#content {float: left; margin: 20px 0 0 0; width: 1200px; padding: 0; z-index: 1;}
* html #content {display: inline;}

#linkbar {float: left; width: 130px;}
.link {float: left;  width: 128px; padding: 0 0 30px 2px;}
.link img {float: left; border: solid 4px; border-color: #b5c0c6 #636c82 #636c82 #b5c0c6;}

.spacer {float: left;  width: 130px; padding: 0 0 30px 2px;}
.spacer img {float: left; border: 0;}

.textlink a {display: block; text-align: center; color: #b5c0c6; font-size: 12px; letter-spacing: 1px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding: 5px; margin: 0 4px 20px 4px; background-color: #636c82; border: #b5c0c6 solid; border-width: 3px 0;}
.textlink a:hover {background-color: #454c5f; color: #fed5cf;} 
.textlink a:active {background-color: #110000; color: #ffff80;}

#recent, #popular {float: left; margin: 20px 0 200px 24px; width: 16%;}
* html #recent, #popular {display: inline; padding: 0 0 300px 0; margin-left: 20px}

#feature {float: left; width: 584px; background: #b5c0c6; margin-left: 24px; padding: 12px 0 800px 24px;}
* html #feature {display: inline; padding: 12px 0 500px 24px;margin-left: 20px;}
#feature h1, h2, strong  {color: #454c5f;}
#feature p, li {font-variant: normal;}
#feature img {border: 0;}
.fprint {float: left; width: 560px; background: #636c82; padding: 0 0 20px 0; margin: 0 0 14px 0;}
* html .fprint {display: inline;}
.fprint img {float: left; margin: 12px 0 0 12px;}
.fprint a img {border: 0;}

.ftext {float: left; width: 560px; padding: 5px 0; border: #636c82 solid; border-width: 0 0 2px 0; margin: 0 0 24px 0;}
.flast {float: left; width: 560px; padding: 5px 0; margin: 0;}
.ftext a, .flast a {background: #636c82; font-weight: bold; color:#b5c0c6; padding: 2px 5px;}
.ftext a:visited, .flast a:visited {background: none; color: #636c82;}
.ftext a:hover, .flast a:hover {background: #454c5f; color: #fed5cf;}
.ftext a:active, .flast a:active {background: #110000; color: #ffff80;}

.ftext ul, .flast ul {padding: 0 0 4px 0; margin: 0 0 4px 0}
.ftext li, .flast li {color:#110000; padding: 2px 0; margin: 0; font-family: Arial, Helvetica, sans-serif;}

/* settings for resume and about pages */
#widetext {float: left; width: 756px; background: #b5c0c6; margin-left: 30px; padding: 12px 24px 800px 24px;}
* html #widetext {display: inline; padding: 12px 24px 500px 24px; margin-left: 18px;}
#widetext h1, h2, strong  {color: #454c5f;}
.wtext {float: left; width: 760px; padding: 5px 0; border: #636c82 solid; border-width: 0 0 2px 0; margin: 0 0 24px 0;}
.wtext a {background: #636c82; font-weight: bold; color:#b5c0c6; padding: 2px 5px;}
.wtext a:visited {background: none; color: #636c82;}
.wtext a:hover {background: #454c5f; color: #fed5cf;}
.wtext a:active {background: #110000; color: #ffff80;}
.wtext ul {padding: 0 0 4px 0; margin: 0 0 4px 0}
.wtext li {color:#110000; padding: 2px 0; margin: 0; font-family: Arial, Helvetica, sans-serif;}

/* copyright notice */
#footer, #footer_w {float: left; width: 560px; background: #636c82; padding: 20px 0 0 0; margin: 0; color: #b5c0c6; text-align: center;}
* html #footer, * html #footer_w {display: inline;}
#footer_w {width: 760px;}
#hunter, #hunter_w {float: left; width: 510px; padding: 0; margin: 20px 26px;}
* html #hunter, * html #hunter_w {display: inline;}
#hunter_w {width: 710px;}
.valid {float: left; width: 88px;}
.valid img {border: none;}
#by, #by_w {float: left; width: 330px; text-align: center;}
#by_w {width: 530px;}
#by p, #by_w p {color: #b5c0c6;}
#by a, #by_w a {background: #454c5f; color: #b5c0c6; font-weight: bold; padding: 2px 5px;}
#by a:visited, #by_w a:visited {background: none; color: #b5c0c6;}
#by a:hover, #by_w a:hover {background: #454c5f; color: #fed5cf;}
.wtext a:active, #by_w a:active {background: #110000; color: #ffff80;}
/* CSS code by Hunter Logan at http://artlmntl.com */