/* Reset CSS to a common ground */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 1.5em; }

body { font: 11px/1.5 Verdana, Arial, 'Liberation Sans', FreeSans, sans-serif; }

ol { list-style: decimal; }

ul { list-style: disc; }

li { margin-left: 25px; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

hr { border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0; }

h1 { font-size: 25px; }

h2 { font-size: 23px; }

h3 { font-size: 21px; }

h4 { font-size: 19px; }

h5 { font-size: 17px; }

h6 { font-size: 15px; }

/* Global Classes */
.error-box { margin: 5px 0 10px; padding: 5px 10px; border: 2px solid #966; background-color: #FCC; color: #411; }
.error-box p { margin: 5px 0; font-weight: bold; }

.warning-box { margin: 5px 0 10px; padding: 5px 10px; border: 2px solid #996; background-color: #FFC; color: #441; }
.warning-box p { margin: 5px 0; font-weight: bold; }


.notice-box { margin: 5px 0 10px; padding: 5px 10px; border: 2px solid #696; background-color: #CFC; color: #141; }
.notice-box p { margin: 5px 0; font-weight: bold; }


/* Standard Helper Classes */
.clear { clear: both; overflow: hidden; width: 1px; height: 1px; margin: 0 -1px -1px 0; border: 0; padding: 0; font-size: 0; line-height: 0; }

.pkg:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; }

* html .pkg { display: inline-block; }

/* no ie mac \ */
* html .pkg { height: 1%; }

.pkg { display: block; }

/*  */
html { height: 100%; }

body { height: 100%; background-color: white; color: #303f4a; background-image: url(/images/background_overcast_mod.png); background-repeat: repeat-y; background-position: 266px 0px; }

a { text-decoration: none; color: #c2710e; }
a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { font-family: "Century Gothic", Arial; color: #1c4d73; margin: 1em 0 0.5em; font-weight: normal; font-size: 118%; }

h1 { font-size: 218%; color: #555c26; }

h2 { font-size: 164%; }

h3 { font-size: 145%; color: #555c26; }

#container { width: 960px; }

#top { border-top: 40px solid white; position: relative; height: 70px; }

ul#top-navi { background-image: url(/images/top_color_overcast_mod.png); background-position: top right; background-repeat: no-repeat; padding: 5px 0 0 50px; text-align: right; position: absolute; top: 0; right: 0; margin: 0px; list-style: none; display: inline; }
ul#top-navi li { padding: 0 0 0 .6em; margin: 0; display: inline; }
ul#top-navi li.selected a { color: #303f4a; font-weight: bold; text-decoration: underline; }

ul#side-navi { margin: 0 0 10px 25px; list-style: none; display: block; }
ul#side-navi li { padding: 0; margin: 0; display: inline; }
ul#side-navi li a { color: #303f4a; padding: .25em 1.25em .3em; display: inline-block; }
ul#side-navi li.selected a { color: white; background-color: #303f4a; }

h1#logo { margin: 0; padding: 0; }
h1#logo a { display: block; width: 267px; height: 70px; text-indent: -5000px; background: #303f4a url(/images/logo_overcast_mod.png) 25px 20px no-repeat; }

#breadcrumb { font-weight: bold; font-size: 140%; position: absolute; left: 277px; bottom: 0; }
#breadcrumb a { font-family: "Century Gothic", Arial; color: #303f4a; }

#side { float: left; width: 267px; }
#side .side-navi-box { margin: 2em 10px 2em 25px; }
#side .side-navi-box em { font-style: normal; text-decoration: underline; }
#side .side-navi-box ul li { margin-left: 15px; }

#content { font-size: 12px; padding: 0 0 0 277px; margin-top: 15px; }
.ie6 #content { padding-left: 10px; }

#footer { height: 1.5em; margin-left: 1px; padding-left: 277px; font-size: 10px; background-image: url(/images/bottom_color_overcast_mod.png); background-position: bottom left; background-repeat: no-repeat; }

.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 0 -1.5em; }

.push { height: 1.5em; }

#searchform { margin: 0; padding: 0; }
#searchform fieldset { margin: 0; padding: 0; border: 0; }
#searchform label { color: #999; display: none; }
#searchform input { width: 222px; color: #222; }
#searchform #submitquery { display: none; }
.applesearch #searchform { background: transparent url(/images/srch_l.gif) 0 0 no-repeat; padding-left: 19px; }
.applesearch #searchform .sbox_r { background: transparent url(/images/srch_r.gif) 0 0 no-repeat; float: left; width: 19px; height: 19px; }
.applesearch #searchform .sbox_r_f2 { background: transparent url(/images/srch_r.gif) 0 -19px no-repeat; float: left; width: 19px; height: 19px; }
.applesearch #searchform input { background: transparent url(/images/srch_bg.gif) 0 0 repeat-x; float: left; border: 0; height: 19px; width: 179px; padding: 3px; font: 11px/13px "Lucida Grande", Geneva, Arial, sans-serif; color: #000; }

.entry .entry-header a { color: #555c26; }
.entry .entry-content .entry-date { float: left; text-align: center; border-top: 1px solid #1c4d73; border-bottom: 1px solid #1c4d73; color: #1c4d73; padding: 0 .5em; margin: .4em .5em 0 0; }
.entry .entry-content .entry-date .entry-day { font-weight: bold; display: block; font-size: 25px; line-height: 21px; padding-top: 3px; }
.entry .entry-content .entry-date .entry-month { text-transform: uppercase; font-weight: bold; display: block; font-size: 14px; line-height: 16px; padding-top: 3px; }
.entry .entry-content .entry-date .entry-year { font-weight: bold; display: block; font-size: 12px; padding-top: 0px; }
.entry .entry-content .entry-body { text-align: justify; }
.entry .entry-content .entry-body p:first-child:first-line { font-weight: bold; }
.entry .entry-content .entry-footer { font-size: 11px; border-top: 1px solid #ddb576; border-bottom: 1px solid #ddb576; background-color: #f8f9ea; padding: .5em 1em; }

#categories a { margin-right: .333em; }

html {
    overflow-y: auto;
    background-color: transparent;
}

body {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
}

/* @group ::-webkit-scrollbar */

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    height: 10px;
    display: block;
    background-color: transparent;
}

::-webkit-scrollbar-button:vertical:increment {
    background-color: #fff;
}

::-webkit-scrollbar-track-piece {
    background-color: #e3e6c3;
    -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: #555c26;
    -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 50px;
    background-color: #555c26;
    -webkit-border-radius: 3px;
}


/* Specify Category Sizes */
.side-navi-box .size-0 { font-size: 10px; }
.side-navi-box .size-1 { font-size: 11px; }
.side-navi-box .size-2 { font-size: 12px; }
.side-navi-box .size-3 { font-size: 13px; }
.side-navi-box .size-4 { font-size: 14px; }
.side-navi-box .size-5 { font-size: 15px; }
.side-navi-box .size-6 { font-size: 16px; }
.side-navi-box .size-7 { font-size: 17px; }
.side-navi-box .size-8 { font-size: 18px; }
.side-navi-box .size-9 { font-size: 19px; }

/* Comment System */
.comment-list { margin: 1em 0; padding: 0; list-style: none; border-top: 1px solid #ddb576; }
.comment-list li { margin: 0; padding: .5em 0; border-bottom: 1px solid #ddb576; list-style: none; }
.comment-list li.author-comment { background-color: #f8f9ea; }
.comment-list li .author-meta { font-size: .8em; margin: .5em 0; width: 170px; float: right; }
.comment-list li .author-meta .comment-author { padding-right: 1em; font-weight: bold; }
.comment-list li .author-meta .comment-author a { color: #c2710e; }
.comment-list li .author-meta .comment-metadata { margin-right: 1em; }
.comment-list li .comment-text { margin: 0; width: 513px; float: left; }
.comment-list li .comment-text p { margin-right: 1em; margin-left: 1em; }
.comment-list li .comment-text p:last-child { margin-bottom: 0; }

.ping-list { margin: 1em 0; padding: 0; }
.ping-list li { margin: 1em; padding: 0; list-style: none; background: none; }
.ping-list li .comment-author { font-weight: bold; display: block; }
.ping-list li small { display: block; }

small.comment-metadata { color: #999; font-size: .8em; }
small.comment-metadata a { color: #999 !important; }

#comment-form { margin-bottom: 2em; }
#comment-form p { margin: 0; }
#comment-form label { margin-top: .3em; font-size: .9em; display: inline-block; width: 168px; float: right; }
#comment-form label strong { padding-left: .5em; }
#comment-form input.text { padding: 2px; margin: 2px 0; width: 509px; border: 1px solid #ddb576; }
#comment-form textarea#comment { padding: 2px; margin: 2px 0; width: 509px; border: 1px solid #ddb576; }
#comment-form #submit { margin: 2px 0; border: 1px solid #ddb576; background-color: white; }

.closed-comments { margin: 2em 0; text-align: center; font-weight: bold; }

pre.twilight { font-family: "Consolas", courier, courier new, monospace; line-height: 1.25em; font-size: 95%; background-color: #FFFFFF; color: #000000; border-width: 1px 0; border-style: solid; border-color: #EFEFEF; padding: 1px 0; }
p pre.twilight { margin: -1em 0; }
pre.twilight .line-numbers { display: inline-block; height: 1.25em; background-color: #e3e6c3; color: #303f4a; }
pre.twilight .DiffInserted { background-color: #253B22; color: #F8F8F8; }
pre.twilight .DiffHeader { background-color: #0E2231; color: #F8F8F8; font-style: italic; }
pre.twilight .CssPropertyValue { color: #F9EE98; }
pre.twilight .CCCPreprocessorDirective { color: #AFC4DB; }
pre.twilight .Constant { color: #CF6A4C; }
pre.twilight .DiffChanged { background-color: #4A410D; color: #F8F8F8; }
pre.twilight .EmbeddedSource { background-color: #A3A6AD; }
pre.twilight .Support { color: #9B859D; }
pre.twilight .MarkupList { color: #F9EE98; }
pre.twilight .CssConstructorArgument { color: #8F9D6A; }
pre.twilight .Storage { color: #F9EE98; }
pre.twilight .CssClass { color: #9B703F; }
pre.twilight .StringConstant { color: #DDF2A4; }
pre.twilight .CssAtRule { color: #8693A5; }
pre.twilight .MetaTagInline { color: #E0C589; }
pre.twilight .MarkupHeading { color: #CF6A4C; }
pre.twilight .CssTagName { color: #CDA869; }
pre.twilight .SupportConstant { color: #CF6A4C; }
pre.twilight .DiffDeleted { background-color: #420E09; color: #F8F8F8; }
pre.twilight .CCCPreprocessorLine { color: #8996A8; }
pre.twilight .StringRegexpSpecial { color: #CF7D34; }
pre.twilight .EmbeddedSourceBright { background-color: #9C9EA4; }
pre.twilight .InvalidIllegal { background-color: #241A24; color: #F8F8F8; }
pre.twilight .SupportFunction { color: #DAD085; }
pre.twilight .CssAdditionalConstants { color: #CA7840; }
pre.twilight .MetaTagAll { color: #AC885B; }
pre.twilight .StringRegexp { color: #E9C062; }
pre.twilight .StringEmbeddedSource { color: #DAEFA3; }
pre.twilight .EntityInheritedClass { color: #9B5C2E; font-style: italic; }
pre.twilight .CssId { color: #8B98AB; }
pre.twilight .CssPseudoClass { color: #8F9D6A; }
pre.twilight .StringVariable { color: #8A9A95; }
pre.twilight .String { color: #8F9D6A; }
pre.twilight .Keyword { color: #CDA869; }
pre.twilight .CssPropertyName { color: #C5AF75; }
pre.twilight .DoctypeXmlProcessing { color: #494949; }
pre.twilight .InvalidDeprecated { color: #D2A8A1; font-style: italic; }
pre.twilight .Variable { color: #7587A6; }
pre.twilight .Entity { color: #9B703F; }
pre.twilight .Comment { color: #5F5A60; font-style: italic; }
