/* global */

body {font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #333;}

h1#site {font-size: 4em; color: #c30000; font-weight: normal; font-family: 'Kreon', Arial, Helvetica; padding-bottom: 0.5em; margin-bottom: 0.5em; text-align: center; background: transparent url(images/flourish1.png) no-repeat center bottom}
h1 a {color: inherit; text-decoration: none;}

div#site-wrapper {border-bottom: 1px dotted #afafaf;}
div#main a {color: #c30000; text-decoration: none;}
div#main a:hover {text-decoration: underline;}

div#main h1 {font-size: 2.5em; color: #333; font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif; font-weight: bold; margin-bottom: 0.5em; }
div#main h2 {font-size: 1.75em; color: #333; line-height: 1.15em; font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif; font-weight: bold;  margin-bottom: 0.5em; }
div#main h3 {font-size: 1.25em; color: #333; font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif; font-weight: bold;  margin-bottom: 0.5em; }

#site-search-wrapper {margin: 0px}
#site-search {width: 100%; font-size: 0.8em; }
#site-search-submit {margin-left: 1em;}

div#content-post img {margin: 0px auto 0px auto; max-width: 100%; display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height: 15px; -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1); border-radius: 5px; border: 1px solid #dadada; }
div#content-post pre {margin-top: 10px; margin-bottom: 17px; padding: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height: 15px; -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1); border-radius: 5px; border: 1px solid #dadada; background-color: #fdfdfd; overflow: auto; color: #000;  font-size: 0.9em; font-family: "Courier New", Courier}

div.boxed, div.bio {background-color: #f1f1f1; padding: 0.5em; color: #666; border-top: 0.08em solid #333; margin-bottom: 2em}
div#main div.bio a {color: #000; font-weight: bold}

div.jereme-tweetcrete p {background: transparent url(images/flourish2.png) no-repeat center bottom; padding-bottom: 2em; margin-bottom: 2em}

div.ccm-page-list-item {margin-bottom: 2.5em}
div#main div.ccm-page-list-item h2 a {color: #333;}
div.ccm-page-list-date {font-size: 1em; font-weight: bold; padding-bottom: 0.25em}

ul#main-menu-bottom, ul#main-menu {list-style-type: none;}
ul#main-menu-bottom {background: #dadada; margin-top: 2em;}
ul#main-menu {background: #000; margin-bottom: 2em}
ul#main-menu-bottom li a {color: #000}
ul#main-menu li a {color: #fff}
ul#main-menu-bottom li a:hover {color: #fff}
ul#main-menu-bottom li.top a {background-image: url(images/caret_up_black.png); background-repeat: no-repeat; background-position: 5.25em 1.15em; padding-right: 2em}
ul#main-menu-bottom li.top a:hover {background-image: url(images/caret_up_white.png); }

img.fluid {max-width: 100%; }
div.main-image {margin-bottom: 2em; text-align: center;}
ul#main-menu-bottom li, ul#main-menu li {float: left; width: 7em; font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif; font-size: 1em; border-right: 1px solid white; margin: 0px;}
ul#main-menu-bottom li a, ul#main-menu li a {font-weight: normal; padding: 0.5em;  display: block}
ul#main-menu-bottom li a:hover, ul#main-menu li a:hover {text-decoration: none; background-color: #c30000 !important}
ul#main-menu-bottom li.more a, ul#main-menu li.more a {background-image: url(images/caret.png); background-repeat: no-repeat; background-position: 5.25em 1.15em; padding-right: 2em}

ul#sub-menu-categories {list-style-type: none; position: absolute; background: #f1f1f1; margin: 0px}
ul#sub-menu-categories li {width: 11.9em; font-family: 'PT Sans Narrow', Helvetica, Arial, sans-serif; margin: 0px; font-size: 0.8em; border-bottom: 1px solid #cacaca;}
ul#sub-menu-categories li a {font-weight: normal; color: #000; padding: 0.5em; display: block}
ul#sub-menu-categories li a:hover {text-decoration: none; background-color: #c9c9c9; color: #000}
ul#main-menu li.last, ul#main-menu-bottom li.last {float: right; border-right: 0px; border-left: 1px solid white;}

div.field input[type=text], div.captcha input.ccm-input-captcha {width: 50%; border: 1px solid #999; font-size: 0.8em; padding:0.2em;}
div.field textarea {width: 100%; border: 1px solid #999; font-size: 0.8em; padding:0.2em;}
div.errors {margin-bottom: 2em;}
div.success {font-weight: bold; margin-bottom: 2em;}

ul.sub-menu {display: none;}

img.section-image {float: right; margin-left: 20px; margin-bottom: 12px}

.byline {display: block; font-size: 1.5em; color: #a9a9a9; border-top: 1px dotted #666; padding-top: 1em; margin-top: 1em; font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif; font-weight: bold; text-align: center;}

div#footer {font-size: 0.75em; color: #999; text-align: center; margin-top: 2em; margin-bottom: 2em;}
div#footer a {color: #999; font-weight: bold; text-decoration: underline;}