/* ©2005 Curtis Townson */
/* Made for esty.ca */

body { color: #3e3e3e; font-size: 12px; line-height: 18px; font-family: Georgia, "Times New Roman", Times, serif; background-color: #fff; background-image: url('images/bg.gif'); background-repeat: repeat-x; background-attachment: fixed; background-position: center bottom; text-align: center; margin: 0; padding: 0 }
table  { font-size: 12px; line-height: 18px; margin-bottom: 25px }
h1 { display: none }
h2 { display: none }
#header { width: 960px; height: 153px; background: url('images/header.gif') 0 0 no-repeat; }
#header a { width: 960px; height: 153px; display: block; text-indent: -5000px; }
#content { }
#footer { margin: auto 0 0; padding: 0; position: fixed; bottom: 0 !important; width: 960px; height: 21px }
.copyright { text-align: left; position: absolute; bottom: 5px; left: 0 }
.nextEraLink { text-align: right; position: absolute; right: 0; bottom: 5px }
.nextEraLink a { color: #3d3d3d; text-decoration: none; padding-right: 2px }
.nextEraLink a:hover { color: #2e3c49; text-decoration: none; background-color: #becfe2; padding-right: 0; border-style: solid; border-width: 2px 2px 5px; border-color: #c8d3e3 }
/* basic elements */

#homepagelogo { width: 400px; height: 422px; display: block; background: url('images/homepagelogo.gif') 0 0 no-repeat; position: absolute; left: 50%; top: 50%; margin: -230px 0 0 -200px; }
#homepagelogo a { width: 332px; height: 422px; display: block; overflow: hidden; text-indent: -5000px; }
#container  { margin: 0 auto; position: relative; width: 960px; height: 100% }
#menu { font-size: 12px; line-height: 17px; text-align: left; margin: 0; padding: 0; width: 180px }
#menu a { color: #a4b1c2; text-decoration: none; background-image: url("images/menuA.gif"); background-repeat: no-repeat; background-position: right center; display: block; margin-right: 5px; margin-bottom: 1px }
#menu .highlight { color: #2e3c49; text-decoration: none; background-color: #dae3f0; background-image: url("images/menuHighlight.gif"); background-repeat: no-repeat; background-position: right center; display: block; margin-right: 5px; margin-bottom: 1px }
#menu .menuSubsectionHighlight { color: #5a5a5a; text-decoration: none; background-color: #f0f0f0; background-image: url("images/menuHighlight.gif"); background-repeat: no-repeat; background-position: right center; display: block; margin-right: 5px; margin-bottom: 1px; margin-left: 10px }
#menu .menuSubsection { color: #a4b1c2; text-decoration: none; background-image: url("images/menuA.gif"); background-repeat: no-repeat; background-position: right center; display: block; margin-right: 5px; margin-bottom: 1px; margin-left: 10px }
#menu .title { color: #3e0400; text-decoration: none; background-color: #ffdcde; display: block; margin-right: 5px; margin-bottom: 5px }
#menu a:hover { color: #4b5466; background-color: #ffffcd; background-image: url(images/menuHover.gif); background-repeat: no-repeat; background-position: right center }
#menu p { margin: 0; padding: 0 0 10px }
#menu li { margin: 0; padding: 0 0 1px }
.bodytext { color: #3e3e3e }
.resume { color: #3e3e3e; font-size: 10px; line-height: 13px }
.resume p { margin-bottom: 15px }
.bodytext p { margin-top: 0px; margin-bottom: 12px }
.bodytext a { color: #3e4b5d; text-decoration: none; background-color: #ffffcd }
.bodytext img { padding-bottom: 3px }
.resume a { color: #3e4b5d; text-decoration: none; background-color: #ffffcd }
.bodytext a:hover { text-decoration: underline }
.resume a:hover { text-decoration: underline }
/* index */
.featProj { color: #3e0400; background-color: #ffdcde; display: block; margin-bottom: 5px }
.featProjSub { color: #3e0400; background-color: #ffe9f0; display: block; margin-bottom: 5px }
#blog { font-size: 10px; line-height: 13px }
.news { color: #2d3e2c; background-color: #d3f4a6; display: block }
.estyST { background-color: #e7e7e7; display: block; margin-bottom: 5px }
/* Portfolio */

.title  { font-size: 18px; color: #3e0400; background-color: #ffdcde; display: block; margin-bottom: 5px }

/* Contact */

.emailHead { color: #681700; background-color: #ffeab3; display: block }
.resumeName { color: #2e3c49; font-size: 14px; line-height: 18px; margin-bottom: 5px }
.lightblue { color: #2e3c49; font-size: 10px; line-height: 13px; background-color: #ecf1f7; display: block; margin-bottom: 3px }
.orange { color: #2e3c49; font-size: 10px; line-height: 13px; background-color: #fff; display: block; margin-top: 10px; margin-bottom: 5px; border: solid 1px #d3e5f1 }