/*   
Theme Name: Jumpman
Description: Theme for Inner Hope
Author: Bjørn Bulthuis
Author URI: http://thebjornidentity.com
*/

@import "boilerplate.css";
@import "plugins.css";

/* -------------------------------------------------------------- 
   SCREEN
-------------------------------------------------------------- */

strong { font-weight: bold; }

#page { background-color: #f0f0f0; height: 100%; }

#header-background {  background: rgb(25, 25, 25); border-bottom: solid 0.5em rgb(185, 3, 32); min-width: 992px; }
#header { width: 960px; margin: 0 auto; padding: 0 1em;}
#header #siteId { float: left; margin-top: 2em; }
#header h1 { position: relative; left: -1000em; float: left; }

#program-links { float: right; padding: 0 !important; position: absolute; left: 470px; }
#program-links li { list-style-type: none; display: inline; }

#location-link { float: right; padding-top: 0.5em; }
#location-link a {  background: #ddd; padding: 0.5em 1em; color: #666; font-size: 1em; -moz-border-radius-bottomleft: 0.2em; -webkit-border-bottom-left-radius: 0.2em; -moz-border-radius-bottomright: 0.2em; -webkit-border-bottom-right-radius: 0.2em; }
#location-link a:hover { background: #666; color: #ddd; text-decoration: none; }

ul { margin: 0;}
.navigation { float: right; margin-top: 5em; padding-bottom: 0.8em; }
.navigation li { margin-left: 1.5em; display: inline; }
.navigation a { background: #ddd; padding: 0.8em 1em; color: #666; font-size: 1.3em; -moz-border-radius-topleft: 0.2em; -webkit-border-top-left-radius: 0.2em; -moz-border-radius-topright: 0.2em; -webkit-border-top-right-radius: 0.2em; }
.navigation a:hover { background: #666; color: #ddd; text-decoration: none; }
.navigation li.current_page_item a { background: rgb(185, 3, 32); color: #fff; }
.navigation li ul { display: none; }

.sub-navigation { list-style-type: none; font-size: 1.2em; line-height: 1.7em; margin: 1em 0; }
.sub-navigation a { color: #666; }
.sub-navigation li.current_page_item a { color: rgb(185, 3, 32); }
.sub-navigation ul { display: none; }

#body { width: 960px; margin: 2em auto 0 auto; padding: 0 1em; }

#sidebar { float: right; width: 220px; height: 100%; }
#sidebar input { font-size: 1em; }

#events { list-style-type: none; }
#events strong { font-weight: bold; width: 8em; display: block; float: left; }

#content { width: 700px; }
#content ul, #content ol {  }
#content li { margin-bottom: 1em; }
#content img { margin: 0 0 1em 2em; }
#content ol ol { list-style-type:lower-alpha; }

#slider { float: left; margin-right: 3em; }
#slider li { height: 350px; width: 460px; }
#slider ul, #slider li { margin: 0; padding: 0; list-style-type: none; }
#slider #prevBtn a { float: left; -moz-border-radius-topright: 0.2em; -webkit-border-top-right-radius: 0.2em; }
#slider #nextBtn a { float: right; -moz-border-radius-topleft: 0.2em; -webkit-border-top-left-radius: 0.2em; }
#slider .btn a { position: relative; bottom: 44px; background: rgb(185, 3, 32); width: 130px; text-align: center; font-size: 1.5em; padding: 10px 0; color: #fff; display: none; }
#slider .btn a:hover { text-decoration: none; background: #666; }

.tile { width: 300px; float: left; margin: 2em 20px 2em 0; }

.title h2, .title h3 { float: left; }
.title h2 a { color: #000; }
.title .author { float: left; font-size: 20px; line-height: 48px; margin: 0  5px 2px 5px; color: #777; }
.title .smallAuthor { float: left; font-size: 15px; line-height: 30px; margin: 0 5px; color: #777; }

.post { clear: both; }

.page-description, .page-description p { color: #666; clear: both; margin-bottom: 10px; }

.pagination { margin: 2em 0 1em 0; }

#footer { background: #ccc; color: #666; padding: 1em 1em 1em 1em; margin-top: 1em; }
#footer .menu { width: 960px; margin: 0 auto; }
#footer .menu ul { padding: 0; list-style-type: none; }
#footer .menu ul ul ul { display: none; }
#footer .menu li { width: 10em; float: left; }
#footer .menu li a { width: 10em; font-weight: bold; }
#footer .menu li ul { padding-left: 1em; font-size: 0.9em; }
#footer .menu li li a { font-weight: normal; }
#footer .menu a { color: #666; }
#footer #copyright { width: 960px; margin: 2em auto; text-align: right; clear: left; }

.callout { font-size: 1.2em; line-height: 1.2em; }
.slogan { font-family: Helvetica, Arial, sans-serif; font-size: 44px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: -3px; line-height: 1.2em; color: rgb(185, 3, 32); }
.lessquiet { color: #666; }
.quiet { color: #999; }
.hide { display: none; }
.highlight { background: #ffc; }
.right { float: right; }
.clear { clear: both; }