/*
 Theme Name:   Fireball Ministry
 Theme URI:    http://fireballministry.com/
 Description:  Twenty Twelve Child Theme
 Author:       Jeremy Schuler
 Author URI:   http://jeremyschuler.com
 Template:     twentytwelve
 Version:      1.0.0
*/


@import url("../twentytwelve/style.css");


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* logged in */
.logged-in .main-navigation { top: 32px; }

/* 

Color Scheme 

#cb0010 - red 
#87000a - red - darker shade
#262626 - gray
#727272 - darker - darker gray

*/

body .site { margin-top: 0; background: none; box-shadow: inherit; }

.main-navigation { position: fixed; top: 0; left: 0; z-index: 10; width: 98%; margin-top: 0; padding: 1%; border-bottom: 1px solid #333;
	background: rgb(0, 0, 0); /* The Fallback */
	background: rgba(0, 0, 0, 0.8); 
}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { text-align: center; border: none; }
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a { color: #cb0010 ; }
.main-navigation li { margin: 0 0 0 40px; }
.main-navigation li:first-child { margin-left: 0; }
.main-navigation li a { padding: 0 0 10px 0; color: #fff; line-height: inherit; letter-spacing: 1px; 
	transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;
}
.main-navigation li:last-child a { border: none; }
.main-navigation li a:hover { color: #cb0010; }

/* Nav Toggle */
.main-navigation .menu-toggle { padding: 10px 25px; }
.menu-toggle:active, .menu-toggle.toggled-on, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { box-shadow: none; }
.main-navigation .menu-toggle:focus { outline: none; }
.main-navigation ul.nav-menu.toggled-on { width: 100%; margin-top: 20px; }
.main-navigation ul.nav-menu.toggled-on li { float: left; width: 100%; margin: 5px 0; border-bottom: 1px solid #727272; }
.main-navigation ul.nav-menu.toggled-on li:last-child { border: none; }
.main-navigation ul.nav-menu.toggled-on li a { float: left; width: 100%; text-decoration: none; }

.header-wrapper { border-bottom: 2px solid #cb0010;
	background: rgb(0, 0, 0); /* The Fallback */
	background: rgba(0, 0, 0, 0.5); 
}
.header-wrapper a.custom-header { display: block; margin: 0 auto; text-align: center; }
.header-wrapper a.custom-header img { margin-top: 50px; box-shadow: inherit; }

.site-header { position: relative; float: left; margin: 0; padding: 0; }

.entry-header .entry-title { padding: 10px 20px 10px 0; text-transform: uppercase; }
.entry-header .entry-title a { color: #cb0010; }

.site-content article { padding-bottom: 54px; border-bottom: 1px solid #727272; }
.site-content article:last-child { padding-bottom: 0; }

/* Sidebar */ 
#secondary { margin-top: 30px; }
.widget-area .widget_recent_entries  li,
.widget-area .widget_recent_comments li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #727272; }
.widget-area .widget a { text-decoration: none; }
.widget-area .widget a:hover { color: #cb0010; }
.widget-area .widget img { width: 100%; height: auto; border-radius: inherit; box-shadow: inherit; border: 1px solid #1c1c1c; }
.widget_search #searchform { min-width: 168px; max-width: 250px; }
.widget_search input[type="text"]#s { max-width: 160px; }
.widget_search input[type="submit"] { max-width: 70px; }
.widget_text .widget .social-networks { float: left; width: 100%; margin-bottom: 48px; margin-bottom: 3.428571429rem; }
.widget_text .widget .social-networks li { display: inline; margin-left: 0; }
.widget_text .widget .social-networks li a { float: left; width: 50px; height: 50px; background: url('images/social-networks-sprite.png') no-repeat 0 0; text-indent: -9999px; 
  opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
.widget_text .widget .social-networks li a:hover { opacity: .45; }
.widget_text .widget .social-networks li a#facebook   { background-position: 0 0; }
.widget_text .widget .social-networks li a#twitter    { background-position: -50px 0; }
.widget_text .widget .social-networks li a#youtube    { background-position: -100px 0; }
.widget_text .widget .social-networks li a#itunes     { background-position: -150px 0; }
.widget_text .widget .social-networks li a#instagram  { background-position: -200px 0; }

/* Footer */
footer#colophon { width: 98%; max-width: inherit; padding: 1%; border-top: 1px solid #727272; 
	background: rgb(0, 0, 0); /* The Fallback */
	background: rgba(0, 0, 0, 0.8); 
}
footer .site-info a { text-transform: uppercase; text-decoration: none; }
footer .site-info a:hover { color: #757575; }

/* Scroll To */
.scroll-top { display: block; width: 8px; margin: 0 auto 40px auto; padding: 8px 12px 5px 12px; background: #000; color: #fff; border: 1px solid #727272; text-decoration: none; font-size: 1.2rem; }
.scroll-top:hover { color: #727272; }

/* ==========================================================================
   Page Templates
   ========================================================================== */

/* Page Default */
.page .entry-content dl.gallery-item { float: left; }
.page .gallery .gallery-icon img { border: 1px solid #1c1c1c; }

/* Discography */
body.page-template-page-templatesdiscography-php .site-content { float: inherit; display: block; width: 60%; margin: 40px auto; }
.discog-item { margin-bottom: 54px; padding-bottom: 54px; border-bottom: 1px solid #727272; }
.discog-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: inherit; }
.discog-item ol, .discog-item ul { list-style-position: inside; }
.discog-item ol, .discog-item ul, .discog-item p { text-align: center; }
.discog-item li { margin-left: 0; list-style-type: none; }
.discog-item p { color: inherit; }
.discog-item h1, .discog-item h2, .discog-item h3, .discog-item h4 { text-align: center; }

/* Single Attachment */
.attachment .entry-header .entry-title a { float: right; padding: 6px 10px; padding: 0.428571429rem 0.714285714rem; background: #262626; color: #fff; border: 1px solid #d2d2d2; font-size: 11px; font-size: 0.785714286rem; font-family: Helvetica, Arial, sans-serif }
.attachment .entry-header .entry-title a:hover { background: #727272; color: #fff; }

/* ==========================================================================
   Widget
   ========================================================================== */

.widget_twitter .entry-content { color: #9f9f9f; }
.widget_twitter .entry-content ul li { color: #9f9f9f; }
.widget_twitter .entry-content a { color: #ebebeb; }

/* ==========================================================================
   Plugins
   ========================================================================== */

.easy-instagram-container { float: left; margin-bottom: 40px; }
.easy-instagram-thumbnail-wrapper { float: left; width: 115px; height: 115px; margin: 0 10px 10px 0; }
#TB_caption { width: 100%; }
#TB_window #TB_secondLine { margin-top: 10px; }
#TB_closeWindow .tb-close-icon { right: 10px; top: inherit; bottom: 20px; }

/* ==========================================================================
   Typography
   ========================================================================== */

h1, h2, h3, h4, h5, h6 { color: #cb0010; letter-spacing: 1px; }
h1, h2, h3  { font-size: 22px; font-size: 1.571428571rem; }
p { color: #EBEBEB; }
a { color: #757575; }
a:hover { color: #cb0010; }

.comments-link a:hover, .entry-meta a:hover { color: #cb0010; }

/* ==========================================================================
   Extras
   ========================================================================== */

/* Search Bar */
textarea, input { margin-top: 0; outline: none; border-radius: inherit; }
input:focus {        
	-webkit-box-shadow: 0 0 3px 1px #87000a;
  -moz-box-shadow: 0 0 3px 1px #87000a;
  box-shadow: 0 0 3px 1px #87000a;
}
.menu-toggle, input[type="submit"],input[type="button"], input[type="reset"], article.post-password-required input[type=submit], .bypostauthor cite span { background: #262626; color: #fff; border-radius: inherit; }
.menu-toggle:hover, .menu-toggle:focus, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type=submit]:hover { background: #727272; color: #fff; }

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */