@import url("reset.css");
@font-face {
	font-family: 'Oregon LDO Medium';
	src: url(//:) format('no404'), url('oregon_ldo_medium-webfont.woff') format('woff'), url('oregon_ldo_medium-webfont.ttf') format('truetype'), url('oregon_ldo_medium-webfont.svg#webfontb69mptSN') format('svg');
	font-weight: normal;
	font-style: normal;
    font-variant: normal;
}

/* body and general styles */
body { margin: 0; padding: 0; color: #d3caaa;
    font-family: Arial, Helvetica, sans-serif;
    background: #36302b url('../graphics/tree.png') bottom left no-repeat fixed; }
h1 { font-size: 30px; line-height: 1.2em; margin-top: 15px; margin-bottom: 5px;
    font-family: 'Oregon LDO Medium', TitilliumText14L, Georgia, 'Times New Roman', serif; font-weight: normal;
    text-shadow: 1px 1px 0px #0f0e0c; }
h2 { font-size: 24px; line-height: 1.2em; margin-bottom: 15px;
    font-family: 'Oregon LDO Medium', TitilliumText14L, Georgia, 'Times New Roman', serif; font-weight: normal;
    text-shadow: 1px 1px 0px #0f0e0c; }
h3 { font-size: 20px; line-height: 1.2em; margin-bottom: 15px;
    font-family: 'Oregon LDO Medium', TitilliumText14L, Georgia, 'Times New Roman', serif; font-weight: normal;
    text-shadow: 1px 1px 0px #0f0e0c; }
p { font-size: 14px; line-height: 1.3em; margin-bottom: 15px; }
ul, ol { font-size: 14px; line-height: 1.3em; margin-bottom: 15px; }
li { margin-bottom: 3px; }
a { text-decoration: none; color: #93c8ed; }
a:hover {text-shadow: #80a8c4 0px 0px 10px; }
hr { background: transparent url('../graphics/circle-h.png') 0px -20px repeat-x;
    color: #0f0e0c; /* for IE, just display as a dark block */
    height: 8px; border: none; margin: 5px 50px 20px 50px; clear: left; }
input, textarea { border: 1px solid #0f0e0c; background: #0f0e0c; color: #d3caaa;
    font-size: 14px; font-weight: bold; padding: 5px;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
input { width: 250px; }
input.submission { width: 200px; border: 1px solid #d3caaa; }
input:focus, textarea:focus { border: 1px solid #d3caaa; }
label { font-size: 14px; }
fieldset > div { margin-bottom: 15px; }
cite { font-weight: bold; }
code, pre { display: block; border: 1px dashed #d3caaa; padding: 5px; margin: 0 0 15px 30px; }

.clear { clear: both; }
.machine { display: none; }

/* main header */
header.body { margin: 0 50px 0 220px; height: 150px; padding-top: 20px;
    background: url('../graphics/header-back.png') top center no-repeat; }
header.body img { border: none; float: left; margin-right: 16px; }
header.body hgroup h2 a { padding: 7px 5px 3px 5px; margin-left: 30px; color: #36302b;
    float: right; text-shadow: 1px 1px 0 #ffffff; /* border: 1px solid #837544; */
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
    box-shadow: 1px 1px 0px #5e5431, -1px -1px 0px #ffffff, 2px 3px 5px #0f0e0c;
        -moz-box-shadow: 1px 1px 0px #5e5431, -1px -1px 0px #ffffff, 2px 3px 5px #0f0e0c;
        -webkit-box-shadow: 1px 1px 0px #5e5431, -1px -1px 0px #ffffff, 2px 3px 5px #0f0e0c;
    background: #d3caaa;
    background: -webkit-gradient(linear, left top, left bottom, from(#ece8da), to(#b8a975));
    background: -moz-linear-gradient(top, #ece8da, #b8a975);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ece8da', endColorstr='#b8a975'); }
header.body hgroup h2 a:hover { text-decoration: underline;
    background: #ede3c0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fffbeb), to(#d1c186));
    background: -moz-linear-gradient(top, #fffbeb, #d1c186);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbeb', endColorstr='#d1c186'); }
header.body hgroup h2 a:active { text-decoration: underline; padding: 8px 5px 2px 5px;
    background: #ede3c0;
    background: -webkit-gradient(linear, left top, left bottom, from(#d1c186), to(#fffbeb));
    background: -moz-linear-gradient(top, #d1c186, #fffbeb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1c186', endColorstr='#fffbeb'); }
header.body hgroup h2 a:last-child { margin-left: 0; }

/* main nav */
nav.body { margin-left: 220px; width: 170px; padding: 15px; margin-top: 20px;
    -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
    float: left; color: #36302b; background: #d3caaa;
    border-bottom: 1px solid #0f0e0c; border-right: 1px solid #0f0e0c; }
nav.body ul,ol { font-family: 'Oregon LDO Medium', TitilliumText14L, Georgia, 'Times New Roman', serif;
    font-size: 20px; margin-bottom: 0; text-shadow: 1px 1px 0 #ffffff; }
nav.body ul li>ul { font-size: 14px; margin-left: 15px; list-style-type: square;
    font-family: Arial, Helvetica, sans-serif; margin-bottom: 0; text-shadow: none; }
nav.body a { color: #36302b; display: block; padding: 5px 0 5px 7px;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
nav.body a:hover { color: #93c8ed; background: #36302b; text-shadow: 1px 1px 0 #0f0e0c;
    padding: 5px 0 5px 7px; }
nav.body ul li>ul a:hover { text-shadow: none; }

/* main section (with some footer stuff too) */
section.body { margin-left: 440px; margin-right: 50px; margin-top: 0; padding-top: 20px; }
section.body ul { margin-left: 25px; list-style-type: disc; }
section.body ol { font-family: Arial, Helvetica, sans-serif; margin-left: 25px;
    list-style-type: decimal; font-size: 14px; }
section.body p a { text-decoration: none; }
section.body h2 { background: url('../graphics/circle-h.png') bottom left repeat-x;
    padding-bottom: 20px; }
section.body > nav { padding: 15px; color: #36302b; font-size: 14px; background: #d3caaa;
    -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
    margin-bottom: 20px; border-bottom: 1px solid #0f0e0c; border-right: 1px solid #0f0e0c;}

/* special section for announcements */
/* I'll leave this in the old css file. Recode and make better */

/* WP post stuff */
.post_title { margin-bottom: 20px; }
.post_tag { font-size: 10px; }
aside.commentlist > div { padding: 15px 15px 5px 15px; margin-bottom: 15px;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.alt { background: #0f0e0c; }

/* home page header styles */
section.body aside.collapse { padding: 20px; margin-bottom: 20px; color: #faf5e3;
    -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
    border: 1px solid #000000; position: relative; height: 120px;
    font-family: 'Oregon LDO Medium', TitilliumText14L, Georgia, 'Times New Roman', serif;
    text-shadow: 1px 1px 0 #000000; }
section.body aside div.aside-content p { font-size: 18px; }
section.body aside div.aside-content { padding: 5px; min-width: 182px; max-width: 400px;
    background: url('../graphics/black-trans.png') repeat; margin: 0 0 0 auto;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
section.body aside div.aside-content p:last-child { margin-bottom: 0; }
span.toggle-expand, span.toggle-collapse { font-size: 12px; position: absolute; top: 0;
    left: 0; padding: 3px; text-decoration: underline; margin-left: 10px; cursor: pointer;
    background: url('../graphics/black-trans.png') repeat; }

/* columns in the home page */
section.home > article { width: 60%; min-width: 200px; float: left;}
section.home > article img { border: 1px solid #d3caaa; margin: 0 10px 10px 0;
    float: left;}
section.home > article:first-of-type { padding-left: 0; }
/* section.home > article:last-of-type { padding-right: 0; } */
section.home > article > p > a { word-wrap: break-word; }
section.home > article h2 { padding: 35px 0 0 0; margin-top: -9px;
    background: url('../graphics/circle-h.png') top left repeat-x; }
section.home > aside.homeright { width: 30%; min-width: 190px; float: right;
    background: #0f0e0c; padding: 5px; -moz-border-radius: 3px;
    -webkit-border-radius: 3px; border-radius: 3px; margin: 0;}
section.home > aside.homeright p, section.home > aside.homeright ul li { font-size: 12px; }
section.home > aside.homeright h3 { font-size: 16px; }
section.home > aside.homeright img { margin-bottom: 10px; }

/* footer styles */
footer.body { /*give this a background image at the top to separate from the section before it */
    margin-left: 250px; margin-right: 50px; margin-top: 0; padding-top: 50px;
    min-height: 100px; margin-bottom: 20px;
    background: url('../graphics/circle-h.png') top left repeat-x; }
footer.body > div { width: 18%; min-width: 110px; float: left; padding-right: 12px;
    min-height: 100px; text-align: center; margin-bottom: 20px; }
footer.body > div > p { font-size: 12px; }
footer.body > div:last-of-type { padding-right: 0; }
footer.body > div a img { border: none; position: absolute; top: 0px; left: -100px;
    clip: rect(0px 200px 100px 100px); }
footer.body > div a:hover img { clip: rect(0px 100px 100px 0px);
    position: absolute; top: 0px; left: 0px; }
.footer-img { position: relative; width: 100px; height: 100px; margin: 0 auto 15px auto; }
footer.body > div a { display: block; padding: 5px; color: #d3caaa;
    -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; 
    transition: background .3s linear; -o-transition: background .3s linear;
    -moz-transition: background .3s linear; -webkit-transition: background .3s linear; }
footer.body > div a:hover { color: #36302b; text-decoration: none; text-shadow: none;
    background: #d3caaa; border-right: 1px solid #0f0e0c; border-bottom: 1px solid #0f0e0c;
    padding: 5px; }
footer.body > div:last-of-type a { text-decoration: underline; color: #93c8ed; }
footer.body > div:last-of-type a:hover { background: transparent; color: #93c8ed;
    text-decoration: none; border: none; padding: 5px;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

/* special styles */
/* leave racelog and footbal styles alone in the old sheet for now? */
/* portfolio page styles */
aside.aside-portfolio { float: right; width: 170px; margin-left: 20px; margin-bottom: 20px;
    padding: 15px; color: #36302b; background: #d3caaa;
    -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
    border-bottom: 1px solid #0e0f0c; border-right: 1px solid #0f0e0c; }
aside.aside-portfolio h3 { text-shadow: 1px 1px 0 #ffffff; }
aside.aside-portfolio a { color: #36302b; text-decoration: underline; }
aside.aside-portfolio ul li { font-size: 12px; }
section.portfolio > article { min-width: 285px; margin-right: 220px; margin-bottom: 20px;
    padding: 108px 0; border: 2px solid #000000;
    border-radius: 8px; -moz-border-radius: 8px; /* -webkit-border-radius: 8px; */ }
section.portfolio > article > div { background: #000000;
    text-align: center; opacity: 0.0;
    border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;
    transition: all .3s linear; -o-transition: all .3s linear;
    -moz-transition: all .3s linear; -webkit-transition: all .3s linear; }
section.portfolio > article:hover > div { opacity: 0.9; }
section.portfolio > article > div > h3 { margin: 5px auto 0 auto; }
section.portfolio > article > div > p { margin: 5px auto 5px auto; }

/* for nggallery, this always gets overwritten as soon as I upgrade if I just change the nggallery css file so now it's here */
.ngg-albumoverview, .ngg-galleryoverview { clear: none !important; }