/*
 Theme Name:   Twenty Thirteen Child
 Description:  Twenty Thirteen Child Theme
 Template:     twentythirteen

*/


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

/* =Theme customization starts here -------------------------------------------------------------- */

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Regular */
@font-face {
    font-family: 'League Gothic';
    src: url('fonts/leaguegothic-italic-webfont.eot');
    src: url('fonts/leaguegothic-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/leaguegothic-italic-webfont.woff') format('woff'),
         url('fonts/leaguegothic-italic-webfont.ttf') format('truetype'),
         url('fonts/leaguegothic-italic-webfont.svg#league_gothic_italicregular') format('svg');
    font-weight: normal;
    font-style: italic;

}
html, h1, h1.entry-title, h2, h3, h4, h5, h6 {font-family: open_sansregular, Helvetica, Verdana, Arial, sans-serif; margin:0}
#masthead {height: 6.25em; overflow:hidden;background-color:#000;color:#fff;}
#masthead h5 {font-size:1em; margin: .25em 0;}
#masthead h6 {font-size:.8em}
#logo {text-align: center; overflow:hidden;}
#logo img, #logo div {color:#fff;}

#navbar {background-color:#000;max-width:none; width:auto; overflow:hidden;float:right;}
#navbar #site-navigation, #navbar #social {float:left;}
#navbar #site-navigation .nav-menu ul {padding: 0 1em;}
#navbar #site-navigation .nav-menu ul li {height: 3.125em; margin-left: 1em}
#navbar #site-navigation .nav-menu ul li a { color:#fff;line-height: 2.5em; padding: 0;font-size:1.25em; font-weight:bold;}
#navbar #site-navigation .nav-menu ul li a:hover { text-decoration:underline;}
#navbar #social { background-color:#666; border-left:1px solid #ccc; padding-left:1em;}
#navbar #social a {display: inline-block; margin: .625em .3125em;}

.site-header a.home-link {
margin:0; padding:0; max-width:none; width:auto; min-height:auto; float:left;
}

.site-header .home-link h1, .site-header .home-link h2 {
display: none;
}

#sidebar-under-comic, #sidebar-over-comic {height:3.125em; width:100%; max-width:62.5em; overflow:hidden; margin:0px auto; padding-top:.625em;}

#sidebar-under-comic .widget, #sidebar-over-comic .widget {margin:0;padding:0;float:right;}

.share_buttons{overflow:hidden;}

#story_block {height:4.6875em;background-color:#ccc;box-shadow: 0 2px 2px rgba(0,0,0,.5);}
#story_block .info_block {max-width: 1000px; margin: 0 auto; overflow:hidden;}
#story_block .info_block .textwidget {float: left;}
#story_block .info_block .textwidget p {font-size:.9em; max-width: 520px; line-height: 1.5em; margin-top: .5em}

.entry-thumbnail img {display: none}
#content {border-top:1px solid #000;}
#comic-wrap {margin: .125em 0; background: #eee;}
#comic img {box-shadow: 0 0 2px rgba(0,0,0,.5);}
#patreon {height: 3.125em;text-align:center; background-color:#fff}

table, td {border: none; padding:0;margin:0;}

.site-footer {background-color:#000; color: #fff;}

.widget {background-color: transparent}

@media all and (min-width:23em) {

}

@media all and (min-width: 43em) {
#logo {float:left;}
#logo img, #logo div {float:left; text-align:left;}
}

@media all and (min-width:62.5em) {

}