/* General Rules */
body { 
    font-size: 16px;
    background-image: url(../img/bg.png);
    background-position: center; 
    background-color: #DDFFE6;
}
a { color: #117D33; }
a:hover { background-color: #EEFFEE; }
.clear { clear: both; }

#container { margin-top: 20px; }

/* Header */
#header h1 { font-size: 26px; margin-bottom: 5px; }
#header a { text-decoration: none; color: #006C22; }
#header #why { font-size: 12px; padding-left: 20px; color: #FF9F55; }

/* Secondary */
#secondary a { text-decoration: none; }
#secondary h2 { margin: 5px 0 5px 0; }
#secondary table { margin: 0 0 5px 0; }
#secondary ul { margin: 0; }
#secondary ul li { list-style-type: none; margin: 0 5px 0 0; }
#secondary div.secondaryitem { margin: 0 0 20px 0; }

/* Primary Blog Post Stuff */
#primary a.blogtitle {
    display: block;
    margin: 0 0 10px 0;
    font-size: 18px;
    padding: 4px 2px 2px 8px;
    background-color: #88EC4B;
    color: #225511;
    font-weight: bold;
    text-decoration: none;
}
#primary div.postfooter { margin: -20px 0 0 0; }
#primary div.reddit { float: left; }
#primary div.commentlink { float: right; }
#primary a:hover { background-color: #C3FFC5; }
#primary a.blogtitle:hover { color: #117D33; }
#primary div.highlight { overflow: auto; }
#primary p.meta {
    border: 2px dotted #C3FFC5;
    margin: 0 0 10px 0;
    padding: 5px;
    display: block;
    font-size: 12px;
    background-color: #F9FFF9;
}

#primary div.postbody .highlight {
    overflow: auto;
    background-color: #FFFFFF;
    padding: 0 0 0 0;
    margin: 0 0 20px 0;
}
#primary div.postbody .highlight pre {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
#primary div.postbody h1 {
    font-size: 18px;
}

/* Forms */
#primary form input[type="submit"] {
    float: right;
    margin: 0px 10px 0px 0px;
}
#primary form ul li {
    list-style-type: none;
    margin: 5px 0px 5px 0px;
    padding: 5px 0px 5px 0px;
    background-color: #FFDFDF;
}
#primary form ul li label {
    float: left;
    display: block;
    width: 175px;
    margin: 0px 0px 0px 10px;
}
#primary form ul li input[type="text"] {
    width: 350px;
    border: 1px solid #A88;
}
#primary form ul li textarea {
    width: 352px;
    border: 1px solid #A88;
}

/* Comments */
#primary #comments { font-size: 14px; }
#primary #comments div.commentmeta {
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    padding: 5px;
}
#primary #comments div.commentmeta img { padding-bottom: 5px; }
#primary #comments div.comment {
    padding: 10px 0 0 0;
    background-color: #EFFFAA;
    margin: 10px 0 10px 0;
}
#primary #comments div.commentbody {
    padding: 0 10px 0 0;
    margin-bottom: -15px;
}
#primary #comments div.even {
    background-color: #CFFFEF;
}
#primary #comments form p {
    margin: 0;
    font-weight: bold;
}
#primary #comments form ul li label { width: 100px; }
#primary #comments form ul li input[type="text"] { width: 450px; }
#primary #comments form ul li textarea { width: 452px; }

/* Lifestream Crapola */
#primary #lifestream div.lifestream_item {
    background-color: #EFFFAA;
    padding: 7px 3px 7px 3px;
}
#primary #lifestream div.lifestream_item.alt { background-color: #CFFFEF; }
#primary #lifestream a[rel="me"] {
    float: left;
    display: block;
    width: 100px;
    height: 100%;
    margin: 0px 0px 0px 10px;
    text-decoration: none;
}
#primary #lifestream a.rarr {
    float: right;
    text-decoration: none;
    margin: 0px 10px 0px 0px;
}

/* Look at all these rules for one damn link on the index */
#primary a.more_blog_posts {
    float: right;
    margin: 0px 0px 10px 0px;
    padding: 5px;
    text-decoration: none;
    background-color: #88EC4B;
    color: #225511;
}
#primary a.more_blog_posts:hover {
    color: #117D33;
    background-color: #C3FFC5;
}

/* Footer */
#footer {
    margin: 10px 351px 0px 0px;
    padding: 20px 0px 0px 0px;
    background-color: #BF7;
    height: 100%;
    text-align: center;
    font-size: 18px;
}

/* Pagination */
.pagination {
    text-align: center;
    margin: 10px 0;
}
.pagination .disabled {
    padding: 3px;
    color: #999;
    border: 1px solid #CCC;
}
.pagination .current {
    padding: 3px;
    color: #FFF;
    border: 1px solid #8D7;
    background: #8D7;
}
.pagination a {
    padding: 3px;
    text-decoration: none;
    border: 1px solid #493;
    color: #444;
    background: #EFF;
}

/* Resume Section (mostly vestigial) */
div.resumeheader { font-size: 22px; font-weight: bolder; }
div.resumesecondheader { font-size: 18px; }
div.resumetopic { font-weight: bolder; margin-top: 1em; }
div.resumetopicobjective { margin-left: 1em; }
ul.resumelist { margin-left: 1em; }
ul.resumelist li { list-style: disc inside none; }
div.resumedetails { margin-left: 1em; }
div.resumeworklocation,div.resumetopicitem,div.resumeprojectname { margin-left: 1em; font-weight: bolder; }
div.resumeworkdescription,div.resumetopicdetail,div.resumeprojectdescription { margin-left: 2em; margin-bottom: 0.75em; }