/*  
Theme Name: YOUTH ATTACK 2020
Theme URI: http://www.chrisonealdesign.com
Description: Theme designed by <a href="http://www.chrisonealdesign.com">Chris O'Neal Design</a>.
Author: Chris O'Neal
Author URI: http://www.chrisonealdesign.com
*/

body, html {
   padding: 0;
   height: 100%;
   background-color: #000;
   color: #FFF;
   font-family:"Helvetica Neue", Helvetica, sans-serif;
   margin: 0 auto;
   width:1005px;
   font-size: 15px;
   line-height: 20px;
}
a, a:visited, a:active {
   text-decoration:none;
   color:#FFFFFF;
   outline:none;
}
a:hover {
   text-decoration:none;
   color: #000;
   outline:none;
   background-color: #FFF;
}
ul#topnav {
   padding: 0;
   list-style: none;
   position: fixed;
   width: 255px;
   margin-right: 0;
   margin-bottom: 0;
   margin-left: 0;
}
ul#topnav li {
   margin: 0; padding: 0;
}
/*--CSS Sprites - Default State--*/
ul#topnav a {
   float: left;
   display: block;
   height: 50px; /*--Specify height of navigation--*/
   text-indent: -99999px; /*--Shoot the text off the page--*/
   background-position: left top;
}
/*--CSS Sprites - Hover State--*/
ul#topnav a:hover {
   background-position: left bottom;
}
/*--Assign an image and width to each link--*/
ul#topnav li.yahome a {
   background-image: url(https://www.ihateyouthattack.com/ya2/images/nav/youth-attack.gif);
   width: 255px;
}
ul#topnav li.ya a {
   background-image: url(https://www.ihateyouthattack.com/ya2/images/nav/news.gif);
   width: 255px;
}
ul#topnav li.yabands a {
   background-image: url(https://www.ihateyouthattack.com/ya2/images/nav/bands.gif);
   width: 255px;
}
ul#topnav li.yareleases a {
   background-image: url(https://www.ihateyouthattack.com/ya2/images/nav/releases.gif);
   width: 255px;
}
ul#topnav li.yainterviews a {
   background-image: url(https://www.ihateyouthattack.com/ya2/images/nav/interviews.gif);
   width: 255px;
}
ul#topnav li.yablog a {
   background-image: url(https://www.ihateyouthattack.com/ya2/images/nav/blog.gif);
   width: 255px;
}
ul#topnav li.yajerkbooth a {
   background-image: url(https://www.ihateyouthattack.com/ya2/images/nav/jerkbooth.gif);
   width: 255px;
}
ul#topnav li.yalinks a {
   background-image: url(https://www.ihateyouthattack.com/ya2/images/nav/links.gif);
   width: 255px;
}
ul#topnav li.yacontact a {
   background-image: url(https://www.ihateyouthattack.com/ya2/images/nav/contact.gif);
   width: 255px;
}
ul#topnav li.yastore a {
   background-image: url(https://www.ihateyouthattack.com/ya2/images/nav/store.gif);
   width: 255px;
}
ul#topnav li.yabandcamp a {
   background-image: url(https://www.ihateyouthattack.com/ya2/images/nav/bandcamp.gif);
   width: 255px;
}

#ya li.ya a,
#yareleases li.yareleases a, 
#yainterviews li.yainterviews a, 
#yablog li.yablog a, 
#yajerkbooth li.yajerkbooth a, 
#yalinks li.yalinks a, 
#yacontact li.yacontact a, 
#yareleases li.yareleases a {
   background-position: left bottom;
}

p {
   margin-top: 0px;
   padding-top: 0px;
}
h1, h2, h3 {
   font-family:"Helvetica Neue Condensed Bold", Helvetica, sans-serif;
   margin-top: 0px;
   font-size: 30px;
   line-height: 30px;
   padding-top: 0px;
   margin-bottom: 10px;
}
/*
h2 {
	font-family:"Helvetica Neue Condensed Bold", Helvetica, sans-serif;
	margin-top: 14px;
	font-size: 36px;
	text-transform: uppercase;
	margin-bottom: 0px;
	line-height: 46px;
}
h3 {
	font-family:"Helvetica Neue Condensed Bold", Helvetica, sans-serif;
	margin-top: 0px;
	font-size: 12px;
	padding-top: 0px;
	margin-bottom: 20px;
	font-weight: normal;
}
*/
.postmetadata {
  font-family:"Helvetica Neue Condensed Bold", Helvetica, sans-serif;
  margin-bottom: 20px;
  font-size: 10px;
  text-transform: uppercase;
}
.date {
  font-size: 14px;
  margin-bottom: 6px;
  margin-top: -5px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.content {
  width: 740px;
  float: right;
  margin-bottom: 20px;
}
.content img {
  max-width: 740px;
}
.entry {
  clear: both;
  padding-top: 24px;
}
.size-medium {
  float: left;
  margin-top: 0px;
  margin-right: 20px;
  margin-bottom: 1px;
  margin-left: 0px;
}
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px;
}
.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px;
}
.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 12px;
}
dd {
    margin-left: 0;
    padding-bottom: 15px;
}
.guestbook_date {
  font-size: 13px;
  margin-bottom: 2px;
  margin-top: -5px;
}
.ngg-gallery-thumbnail-box {
   float: left;
   margin-right: 10px;
   margin-bottom: 5px;
}
.tumblr_post{
   list-style-type: none;
   padding-bottom: 48px;
}
.tumblr_post p{
   margin-top: 20px;
   margin-bottom: 20px;
}
.wcomments ol {   
    padding: 0;
}
.wcomments ol li {   
    list-style-type: none;
}
small {
    font-size: 15px;
}
input[type=button], input[type=submit], input[type=reset] {
    background-color: #fff;
    border: none;
    padding: 15px 30px;
    text-decoration: none;
    cursor: pointer;
    transition-duration: 0.2s;
    color: black;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
    background-color: #000;
    color: #fff;
}
textarea {
    max-width: 100%;
}
.footer{
	bottom: 0;
	position: fixed;
	font-size: 10px;
	font-weight: 300;
	letter-spacing: .5px;
}
.footer a{
	color: black;
	padding: 1px 2px;
}

@media only screen and (max-width: 480px) {
    body, html {
        width:90%;
    }
    ul#topnav {
        width: 100%;
        position: relative;
    }
    ul#topnav li {
        margin: 0 5px 0 0; 
        padding: 0;
        float: left;
    }
    .date {
        font-size: 13px;
        margin-bottom: 2px;
    }
    .content img {
        max-width: 100%;
        height: auto;
    }
    .content {
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 200px;
        float: none;
    }
    .footer{
        right: 10px; 
        position: relative;
    }
}