/*
Theme Name: starkers Child
Theme URI: website for your theme
Description: Child theme for the starkers theme 
Author: Ryan K
Author URI: www.sundaybutchers.com
Template: starkers
Version: 3
Tags: add your tags here
*/

/*-- font: 14px/22px arial, san-serif; --*/
@import url('../starkers/style.css');

/*-- Global --*/
.typeface { font-family: 'Belgrano', Times, serif; }
input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
hr { margin: 25px 0; background-color: #4a1501; height: 1px; border: none; }
a:link { color: #333; text-decoration: underline;  }
a:hover { text-decoration: none; }
a:visited { color: #333; }

body { background: #400a01; font-family: arial, san-serif; font-size: .9em; line-height: 1.55em; color: #400a01; -webkit-text-size-adjust:none; }
#wrapper { background: #decfca url(/images/wrapper-background.jpg) repeat-y center top; }
#mainContainer { margin: 0 auto; padding: 0; width: 600px; background: #decfca url(/images/wrapper-background.jpg) repeat-y center top; }
header {  padding: 25px 0 35px; background: #decfca; text-align: center; }
header a img.logo { margin: 25px 0 !important; }
.mobileNav { display: none; }

section p { margin: 0 0 20px; }

.typeface { font-family: 'Roboto Condensed', arial, sans-serif; font-weight: normal;  }

nav select { display: none; }
.accessWrapper { width: auto; border-top: 1px solid #400a01; }
#access {  padding: 0; width: auto; background: #400a01; font-family: 'Roboto Condensed', sans-serif; font-size: 1.25em;  }
#access .menu-header {  }
#access li a { padding: 5px 12px; text-decoration: none; color: #decfca; display: block; float: left; }
#access li:hover a { background: #555; color: #fff; }
#access li a:hover { background: #555; color: #fff; }
#access li.current_page_item, #access li.current-menu-item { background: #555; }
#access li.current_page_item a, #access li.current-menu-item a, body.single-post #access li.menu-item-object-category a { background: #555; color: #fff; }

footer .menu li a { padding: 5px 12px; text-decoration: none; color: #decfca; display: block; float: left; }
footer .menu li a:hover { color: #999; }

.title { font-family: 'Roboto Condensed', sans-serif; font-size: 1.25em; }
h1 { margin: 0 0 5px; font-family: 'Roboto Condensed', sans-serif; font-size: 1.45em; }

#contentContainer { }
section { margin: 0 0 30px; padding: 0 30px; width: auto; }
h2 { font-family: 'Roboto Condensed', sans-serif; font-size: 1.25em; } 
h2 a { text-decoration: none !important; }
.meta-info, .meta-data { font-size: .75em; font-style: italic; }
article.post { margin: 0 0 20px; padding: 0 0 30px; border-bottom: 1px solid #400a01; }
.logged-in-as { font-size: .75em; }
.comment-form-comment label { display: block; font-size: .9em; }
.comment-form-comment textarea { margin: 0 0 10px; width: 100%; resize: none; }
.form-allowed-tags { display: none; }

section .nav { margin: 0 0 25px; padding: 0 0 10px; border-bottom: 1px solid #cabcb9; }
section .nav .button a { padding: 3px 10px 3px 22px; background: #400A01 url(/images/arrow-left.png) no-repeat left 11px; color: #fff; text-decoration: none; float: left; font-size: .85em; }
section .nav .button.next a { padding: 3px 22px 3px 10px; background-image: url(/images/arrow-right.png); background-position: right 13px; float: right; }
section .nav .button a:hover { background-color: #555; }
#respond { padding-bottom: 25px; border-bottom: 1px solid #cabdb9; }

#commentform input#submit, #fsc-submit-1 {  padding: 6px 10px 6px 20px; width:auto !important; background: #400A01 url(/images/arrow-left.png) no-repeat left center; color: #fff; text-decoration: none; font-size: 13px; border: none; cursor: pointer; }
#si_contact_form1 input#fsc-submit-1 { padding: 6px 10px 6px 20px; }
#commentform input#submit:hover, #si_contact_form1 input#fsc-submit-1:hover { background-color: #555; }

#rnav { margin: 0 30px; padding: 30px; width: auto; background: #cabcb9; }
.widget-title { font-family: 'Roboto Condensed', sans-serif; font-size: 1.25em; }
.widget-container { margin: 0 0 20px; }

footer { margin: 0 auto; padding: 20px 30px 40px; width: 540px; color: #fff; font-size: .8em; text-align: center; }
footer a:link { color: #c6c3c2; text-decoration: none; }
footer a:visited { color: #c6c3c2; }

body.home h1.title { display: none; }
h2.home { margin: 0 0 10px; font-family: 'Roboto Condensed', arial, sans-serif; font-weight: normal; font-size: 2.25em; line-height: normal;  }

.wp-caption { padding: 0; background: none; border: none; }
section .wp-caption p { margin: 0; }
.alignright { margin: 0 0 15px 20px; }

.video-container {
	margin: 0 0 25px; 
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*-- Comments  --*/
#commentform input, #si_contact_form1 input { padding: 10px 2%; display: block; width: 96%; border: 1px solid #999; }
#commentform textarea, #si_contact_message1 { padding: 10px 2%; width: 96%; border: 1px solid #999; overflow: hidden; resize: none; }
#commentform p { margin: 0 0 5px; }
li.depth-1 div { padding-left: 20px; border-left: 3px solid #400a01; }
li.depth-1 div div { padding: 0; border:none; }
li.comment ul.children { margin: 10px 0; padding-left: 50px; }
#respond { border: none; }

#FSContact1 { width: 100% !important; }
#si_contact_form1 input, #si_contact_message1 { margin: 0 0 10px !important; }
label[for=si_contact_captcha_code1] { display: none; }

/*-- footer --*/
#recent-posts-2, #categories-2 { width: 400px; float: left; }
a.facebook img { width: 50px; }

/*-- PLAYER --*/
#L_mp3j_0, .playlist-wrap-MI { background: url(/images/sundayButchers-player.png) no-repeat center center !important; }
ul.UL-MI_mp3j li a.mp3j_A_current, ul.UL-MI_mp3j li a:hover { background: rgba(255,255,255,.5) !important; }
div.wrap-MI { border-bottom: 3px solid #400a01 !important; border-top: 3px solid #400a01 !important; }
ul.UL-MI_mp3j li a:hover { background-color: none !important; }

@media screen and (max-width: 480px) {
	.wp-image-208 { width: 100%; height: auto; }
#recent-posts-2, #categories-2 { width: auto; }
  #mainContainer { width: 100%; }
  header .logo { width: 85%; }
  footer { width: auto; }
  #access li a { float: none; }
  nav select { display: inline-block; }
  #access { display: none; }
  h2.home { margin: 0 0 10px; font-size: 2em; }
  header { padding: 0 0 20px; }
  footer { display: none; }
  section { margin-bottom: 30px; padding-bottom: 0; }
  section p.form-submit { margin: 0; }
  .accessWrapper { margin: 0 30px; }
  .mobileNav { width: 100%; display: block; position: relative; background: #400a01; /*color: #decfca; font-size: 1.05em; text-transform: uppercase; position: absolute; top: 20px; right: 20px; text-align: right;*/ }
  .mobileNav a { color: #decfca; text-decoration: none; }
  .mobileNav a.trigger { padding: 10px 30px; background: #400a01; font-size: .9em; text-align: right; display: block; text-transform: uppercase; }
  .mobileNav a.trigger img, .mobileNav a.close img { margin: -4px 0 0; vertical-align: middle; }
  .mobileNav a.close { padding: 5px 30px; text-align: right; display: block; text-transform: uppercase; }
  .mobileNav .menu-header { padding: 0; }
  .mobileNav .menu-header li a { padding: 5px 0; width: 100%; border-bottom: 1px solid #711303; text-transform: uppercase; display: block; }
  .mobileNav div.menu { background: #400a01; position: absolute; top: 0; width: 100%; }
  
  nav select { padding: 10px; width: 100%; border: none; background: #400a01 url(/images/navSelect-background.png) no-repeat right center; color: #decfca; font-size: 1.05em; text-transform: uppercase; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; }
  
  .wp-caption { width: 50% !important; height: auto !important; }
  .wp-caption img { width: 100%; height: 100%; }
  
  a.facebook { float: left; }
body.home section a img { width: 50% !important; }
  }