/* reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
a { text-decoration:none }
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */
div.clear { clear: both; }



/**************************************************************************************************/



/* general layout */
body { background: url(imgs/bg.jpg) #040404 repeat-x 0 0; background-position: top center; }
div#wrapper { width: 894px; margin: 0 auto; position: relative; }
div#head { background: url(imgs/header.jpg) no-repeat 0 0; width: 894px; height: 202px; margin: 2px 0 0 0; }
div#content { background: url(imgs/contentbg.jpg) repeat-y 0 0; width: 894px; }
div#thecontent { width: 458px; float: left; padding: 0 0 0 40px; }
div#sidebar { width: 276px; float: right; padding: 0 40px 0 0; }
div#footer { background: url(imgs/contentbottom.jpg) no-repeat 0 0; width: 894px; height: 49px; margin: 0 0 20px 0; padding: 25px 0 0 0; text-align: center; font-size: .88em; }

div.navigation { height: 25px; width: 498px; margin: 25px 0; }
div.alignleft { float: left; }
div.alignright { float: right; }
div.alignleft a:hover, div.alignright a:hover { background: none; color: #c22b00; }

/* menu */
a#logo { float: left; width: 551px; height: 155px; display: block; }
ul#menu { height: 18px; margin: 110px 0 0 0; float:right; }
ul#menu li { display: inline; margin: 0 5px 0 10px; }
div#logo { width: 605px; height: 130px; background: url(imgs/logo.png) no-repeat; }

/* sidebar */
input#s { padding:2px; width: 188px; border: 1px solid #0F0A06; background: #fffccc; }
input#s:focus { background: #fffddd; }
input#searchsubmit { padding: 2px; margin: 0 0 0 8px;}
li.welcome { height: 141px; margin: 0 0 20px 0; }
div.welc-left { background: url(imgs/welc-left.jpg); height: 141px; width: 108px; float: left; }
div.welc-right { background: url(imgs/welc-right.jpg); height: 141px; width: 168px; float: right; }
div.welc-right p { margin: 20px 12px; }

/* comments */
input#author, input#email, input#url { padding:2px; border: 1px solid #0F0A06; background: #fffccc; margin: 4px 0; }
textarea#comment { padding:2px; border: 1px solid #0F0A06; background: #fffccc; width: 498px; margin: 4px 0; }
textarea#comment:focus, input#author:focus, input#email:focus, input#url:focus { background: #fffddd; }
ol.commentlist { margin: 0 0 20px 0; border-left: 2px dotted #0F0A06; padding: 0 0 0 12px; width: 500px; }
ol.commentlist li { width: 441px; padding: 12px 12px 12px 42px; margin: 10px 0; background: url(imgs/commentleft.jpg) no-repeat 0 0; }
ol.commentlist li.comment { width: 441px; padding: 12px 12px 12px 0; margin: 10px 0; background:none; }
li.comment img { float:left; }

h3#comments { margin: 12px 0 0 0; }

a.pdf { padding:0 0 0 6px; }
a.pdf img { margin:0 6px -6px 0; }

img.aligncenter { width: 458px; }

/* typography */
body { font-size:100%; line-height:1.33em; font-family: Times, "Times New Roman", Georgia, serif; }
* html body { font-size:16px; }

p { font: 0.875em/1.25em normal Times, "Times New Roman", Georgia, serif; color: #3f240e; }

ol.commentlist li p { margin: 6px 12px; }
ol.commentlist li.comment p { margin: 0 0 6px 58px; }
p.commentauthor { color: #c22b00; font-size: 1.1em; margin: 0; }
ol.commentlist li p.commentmetadata { font-style: italic; margin: 0; }
a.h4size { text-transform: uppercase; font-size: 15px; font-style: italic; margin: 20px 0 5px 0; display: block; }

div.post p { margin: 20px; }
div.post p.postmetadata { margin: 0 0 0 20px; border-top: 1px solid #3f240e; width: 458px; }
div.postclear { clear: both; padding: 0 0 20px 0; }
div.post p a { color: #5f462f; }
div.post p a:hover { color: #c22b00; }

input#s, textarea#comment { font: 0.95em/1.25em normal Helvetica, Arial, sans-serif; }

a { color: #0F0A06; }
a:hover { color: #b11a00; }
ul#menu a { color: #fff; font-size: 20px; }
ul#menu a:hover, body.blog ul#menu a.blog, body.videos ul#menu a.videos, body.other ul#menu a.videos, body.pix ul#menu a.pix, body.about ul#menu a.about { color: #f2c395; }

h2 { font: 1.5em/1em bold Times, "Times New Roman", Georgia, serif; color: #3f240e; }
div#sidebar h2 { color: #c22b00; text-transform: uppercase; font-size: 18px; font-style: italic; margin: 20px 0 5px 0; }
span.brown { color: #3f240e; }
h2 a { color: #0F0A06; }
div#sidebar li a:hover { color: #c22b00; }
h2.title a:hover { color: #c22b00; }
h2.title:first-letter { font-size : 1.35em; text-transform: uppercase; color: #3f240e; }
h3 { font: 1.3em/1em bold Times, "Times New Roman", Georgia, serif; color: #c22b00; margin: 0 0 20px 0; }

/* show/hide */
body#home div.hide, body.videocategory div.hide, body.videos div.hide { display: none; }
body#home div.post a img, body.videocategory div.post a img, body.videos div.post a img { border: 1px solid #3f240e; padding: 4px; margin: 0 20px 0 0; float: left; }
body#home div.post a:hover img, body.videocategory div.post a:hover img, body.videos div.post a:hover img { border: 1px solid #c22b00; }
body.other div.post a img { display: none; }
body.other div.post object { margin: 0 0 6px 18px; border: 1px solid #3f240e; }

div.post img, div.post object { margin: 0 0 0 -20px; }
body.about div.post img, body.about div.post object { margin: 0; }

/* photobooth - highlight */

div#photos {
    padding:10px;
    clear:both;
    margin:20px 0 0 0;
}
div#highlight {
    position:relative;
    margin:15px 0 0 0;
    float: left;
    width: 498px;
}
div#highlight img {
    float:left;
    margin:0 10px 0 0 ;
}
div#highlight p {
    font-size:1.3em;
}
div#highlight p.meta {
    color:#888;
    font-size:1em;
}
div#highlight p.meta a {
    color:#888;
}

div#highlight img.highlight {
    float:left;
    margin:0 10px 0px 0 ;
    border:3px solid #888;
}
div#highlight p {
    font-size:1.3em;
}
div#highlight p.meta {
    color:#888;
    font-size:0.9em;
}
div#highlight p.meta a {
    color:#888;
}

div#highlight div.photos {
    clear:both;
    padding:10px 0;
}
div#highlight div.photos img {
    margin:0 10px 10px 0;
}


/**************************************************************************************************/