/**************************************
** JumpPA Styles
**
** Loading mobile first, then use media 
** queries to display desktop styles
**************************************/

/*************************************
** Clearfix
*************************************/

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }



/*************************************
** Accessibility
*************************************/



/*************************************
** document
*************************************/

html,body,div,ul,ol {
	position: relative;
	margin:0;
	padding:0;
	font-family: 'Open sans', sans-serif;
}

h1 {font-size: 2.5em; line-height: 1.6em; font-weight:bold; font-family: 'Droid Serif', serif; padding: 1em 0.4em;}
h2 {font-size: 2em; line-height: 1.6em; font-weight:bold; font-family: 'Droid Serif', serif; padding: 1em 0;}
h3 {font-size: 1.5em; line-height: 1.6em; font-weight:bold; font-family: 'Droid Serif', serif; padding: 1em 0;}
h4 {font-size: 1em; line-height: 1.6em; font-weight:bold; font-family: 'Droid Serif', serif; padding: 1em 0;} 

a {color: #ff0000;}
h1 a, h2 a, h3 a, h4 a {color:#6c0808;}

dd {margin-bottom: 1.6em;}

#wrapper {background-color: #6C0808; color: white; max-width: 960px; margin: 0 auto;}

.centered { text-align: center; }

/*************************************
** Header
*************************************/

#blog-title, .skip-link, #blog-description {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}

#header-image {
	text-align: center;
}

#header-image img {
	max-width: 960px;
	width: 100%;
	height: auto;
}

.menu-item {
	width: 33.3%;
	text-align: center;
	display: inline-block;
	padding: 0;
	float: left;
	font-family: Frijole;
	position: relative;
	border-bottom: 1px solid #e9e9e9;
}

.menu-item a {
	display: block;
	padding: 1em 0;
	color: #ffffff;
	font-size: 1em;
	text-decoration: none;
	background-color: #000000;
}

.menu-item a:hover {
        background-color: #ffffff;
	color: #000000;
        text-decoration: underline;
}


.sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100% !important;
	z-index: 1;
	margin-top:1px;
	display: none;
}

.sub-menu > li {
	border-left: 1px solid #e9e9e9;
        border-right: 1px solid #e9e9e9;
	width: 100%;
}

/*************************************
** Footer
*************************************/

.footer-column {
	width:50%;
	margin:0;
	padding: 0;
	display:inline-block;
	vertical-align: top;
}

.footer-column > * {
	font-size: 0.833em;
}

.footer-container {
	text-align: center;
	background-color: black;
	font-size:0.75em;
}

.jumppa-details {
	background-color: black;
	margin:1em;
	padding:1em;
}

.indent {
	margin-left:1.6em;
}


/*************************************
** Home specific
*************************************/

.responsive-slider.flexslider {
	background-color: black !important;
        margin: 1em 0;
	padding: 2em 0;
}

.responsive-slider.flexslider .slides img {
	margin: 0 auto;
	float: none;
}

.flex-control-nav, .flex-direction-nav, .slide-title, #post-27 h1.entry-title {
	display: none !important;
}

.nestedContent {
        background-color: black;
        padding: 1em 1em 2em 1em;
	margin: 1em 0;
}

.rfbp-post {
	padding: 1em;
	border: 1px solid #6c0808;
	box-shadow: 0 0 1em #611a1a inset;
}

.rfbp-image {
	width: 100%;
}

.fb-widget {
	text-align: center;
}

.home-title, .home-sub-title {
    font-size: 2em;
    line-height: 2em;
    padding-bottom: 1em;
    font-weight: bold;
}

.feature {
	text-align: center;
	background-color: black;
	padding: 0;
	margin-bottom: 1em;
}

#post-27 .entry-content {
	background-color: transparent;
}



/*************************************
** Content
*************************************/

#content {
	padding: 1em;
}

.entry-title, #content > .page-header {
	background-color: black;
	border-bottom: 1px solid #6c0808;
}

.entry-content, #content > .event {
	padding: 1em;
	background-color: black;
}

#comments, .event > .entry-meta {
	display: none;
}

.entry-content h2 {
	border-top: 1px solid #6c0808;
}

.entry-content h2:first-child, .entry-content h2:last-child {
	border-top: none;
}

#wp-table-reloaded-id-1-no-1 th, #wp-table-reloaded-id-2-no-1 th, #wp-table-reloaded-id-4-no-1 th {
	width: 50%;
}

#wp-table-reloaded-id-3-no-1 th {
	width: 100%;
}

#wp-table-reloaded-id-5-no-1 th {
        width: 33.33%;
}



/*************************************
** Events
*************************************/

article.event h1 {font-size: 2em; line-height: 1.6em; font-weight:bold; font-family: 'Droid Serif', serif; padding: 1em 0; display: block !important; border-bottom: none;}

ul.eo-event-meta, ul.eo-events {
	list-style-type: none;
}

.event .entry-utility {
	background-color: black;
	padding: 1em;
	border-top: 1px solid #6c0808;
}