. */ blockquote:before, blockquote:after, q:before, q:after { content: ''; } blockquote, q { quotes: "" ""; } /* Remove annoying border on linked images. */ a img { border: none; } /* Remember to define your own focus styles! */ :focus { outline: 0; } /* TYPOGRAPHY */ /* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */ html { font-size:100.01%; } body { font-size: 75%; color: #222; background: #fff; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; } /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-family: Georgia; font-weight: bold; font-style: italic; color: #111; } h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } h2 { font-size: 2em; margin-bottom: 0.75em; } h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; } h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } h6 { font-size: 1em; font-weight: bold; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } /* Text elements -------------------------------------------------------------- */ p { margin: 0 0 1.5em; } /* These can be used to pull an image at the start of a paragraph, so that the text flows around it (usage:

Text

) */ .left { float: left !important; } p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; } .right { float: right !important; } p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0; } a:focus, a:hover { color: #09f; } a { color: #06c; text-decoration: underline; } blockquote { margin: 1.5em; color: #666; font-style: italic; } strong,dfn { font-weight: bold; } em,dfn { font-style: italic; } sup, sub { line-height: 0; } abbr, acronym { border-bottom: 1px dotted #666; } address { margin: 0 0 1.5em; font-style: italic; } del { color:#666; } pre { margin: 1.5em 0; white-space: pre; } pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } /* Lists -------------------------------------------------------------- */ li ul, li ol { margin: 0; } ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; } ul { list-style-type: disc; } ol { list-style-type: decimal; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} /* Tables -------------------------------------------------------------- */ /* Because of the need for padding on TH and TD, the vertical rhythm on table cells has to be 27px, instead of the standard 18px or 36px of other elements. */ table { margin-bottom: 1.4em; width:100%; } th { font-weight: bold; } thead th { background: #c3d9ff; } th,td,caption { padding: 4px 10px 4px 5px; } /* You can zebra-stripe your tables in outdated browsers by adding the class "even" to every other table row. */ tbody tr:nth-child(even) td, tbody tr.even td { background: #e5ecf9; } tfoot { font-style: italic; } caption { background: #eee; } /* Misc classes -------------------------------------------------------------- */ .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } .hide { display: none; } .quiet { color: #666; } .loud { color: #000; } .highlight { background:#ff0; } .added { background:#060; color: #fff; } .removed { background:#900; color: #fff; } .first { margin-left:0; padding-left:0; } .last { margin-right:0; padding-right:0; } .top { margin-top:0; padding-top:0; } .bottom { margin-bottom:0; padding-bottom:0; } /* PAGE */ body { border-top: 4px solid #005826; } #container { width: 960px; margin: 0 auto; } /* HEADER */ #header { position: relative; display: block; height: 140px; } #logo h1 { position: absolute; top: 15px; left: 10px; width: 403px; height: 75px; background: url(images/logo-trans_new.png) top; text-indent: -9999px; } #logo h1:hover { background-position: bottom; } #engagement { padding: 0px; margin: 0px; position: absolute; top: 10px; left: 680px; } #email_signup p { text-align: center; margin: 0; padding: 0; font-family: Georgia; font-style: italic; font-weight: bold; text-align: center; } .email-signup-text { font-family: Georgia; font-style: italic; color: #ccc; } #facebook { margin-top: 10px; } #navbar { display: block; position: absolute; bottom: 0; left: 0; width: 960px; -moz-border-radius: 10px; border-radius: 10px; color: white; font-size: 1.2em; line-height: 1.25; line-height: 1; background-color: black; } #navbar a { text-decoration: none; color: #fff; } ul.menu, ul.menu li, ul.menu ul { list-style: none; margin: 0; padding: 0; } ul.menu { position: relative; z-index: 597; float: left; margin: 10px 20px; } ul.menu li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; padding: 0 20px; } ul.menu li.hover, ul.menu li:hover { position: relative; z-index: 599; cursor: default; } ul.menu ul { display: block; visibility: hidden; position: absolute; left: 0; background: #000; z-index: 598; padding: 0; margin:0; } ul.menu ul li { float: none; margin: 0; padding: 10px 20px; border-bottom: 2px solid #efefef; } ul.menu ul li:hover { background: #555; } ul.menu ul li a { display:block; } ul.menu ul li a:hover { background: none; color: #fff; } ul.menu ul ul { top: 1px; left: 99%; } ul.menu li:hover > ul { visibility: visible; } #navtools {float: right; margin: auto 10px;padding: 4px 0;} #navtools li {display: inline;} #nav_home {background-image: url(images/social/social_home_64-trans.png);} #nav_rss {background-image: url(images/social/social_rss_64-trans.png);} #nav_twitter {background-image: url(images/social/social_twitter_64-trans.png);} #nav_facebook {background-image: url(images/social/social_facebook_64-trans.png);} #nav_youtube {background-image: url(images/social/social_youtube_64-trans.png);} .navlink {display: block;width: 32px; height: 32px;background: no-repeat 0 0;float: left;padding-left: 2px;} .navlink:hover {background-position: 0 -32px;} #navtools span {visibility: hidden;} /* CONTENT */ #content { margin-top: 10px; } #content h2 { border-bottom: 4px solid #000; } #featured { float: left; width: 620px; height: 300px; margin: 10px; overflow: hidden; } .post { float: left; width: 620px; margin: 10px; } .overview_column { float: left; width: 300px; margin: 10px; padding: 0; } .overview_column h3 { border-bottom: 4px solid #005826; padding-bottom: 6px; font-family: Georgia; font-style: italic; font-weight: bold; } .jshowoff-slidelinks { float: left; display: inline; } #featured div img { border-radius:10px; } /* SIDEBAR */ #sidebar { float: left; width: 300px; margin: 10px; padding: 0; } #donatebutton { display: block; background: url(images/donate.png) no-repeat 0 0; width: 249px; height: 44px; margin: 0 auto; } #donatebutton:hover { background-position: 0 -44px; } #donatebutton h2 { text-indent: -9999px; border: none; } #twitter { background: #005826; color: #fff; margin: 20px 10px 10px 10px; padding: 10px; border-radius: 10px; -moz-border-radius: 10px; } #twitter ul { margin: 0; padding: 0; } #twitter ul li { list-style: none; background: url(images/twitterbird.png) no-repeat left center; padding-left: 90px; margin: 10px; font-style: italic; font-family: Georgia; } #sidebar h4 { color: #fff; border-bottom: 4px solid #ccc; padding-bottom: 6px; font-family: Georgia; font-style: italic; font-weight: bold; margin: 10px; } #searchbox { background: #999; color: #fff; margin: 10px; padding: 10px; border-radius: 10px; -moz-border-radius: 10px; display: none; } #searchbox input { margin: 0 10px; } /* FOOTER */ #footer { background: #000; width: 960px; color: #fff; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; padding-top: 10px; margin-top: 40px; } .footer_column { float: left; width:220px; margin: 10px; } .footer_column a { color: #ddd; text-decoration: none; } .footer_column a:hover { color: #fff; text-decoration: underline; } .footer_column h3 { color: #fff; border-bottom: 4px solid #ccc; padding-bottom: 6px; font-family: Georgia; font-style: italic; font-weight: bold; } #legal { background: #005826; overflow: auto; } .copyright { float: left; color: #ccc; font-family: Georgia; font-style: italic; margin: 16px 10px; } .disclaimer { float:right; color: #fff; background: #333; border: 2px solid #666; text-transform: uppercase; padding: 5px 20px; margin: 10px; } .mass_disclaimer { background: #333; border: 2px #666 solid; padding: 4px; margin: 0; font-family: Georgia; font-style: italic; } /* MISCELLANEOUS */ .clearfix {clear: both;} .nodisplay {display: none;}