* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  font: 13px Verdana, Arial, Helvetica, sans-serif;
  color: #E4E4E4;
  background: #000 url('../images/everlasting_flame_layout_bg.jpeg') top center no-repeat;
}

.wrapper {
  margin: auto;
  max-width: 950px;
  width: 100%;
  min-height: 1190px;
  text-align: center;

}

.logo {
  margin: auto;
  padding-top: 26px;
  max-width: 950px;
  width: 100%;
}

.logo img {
  width: 100%;
  height: auto;
}

img.content-image {
  width: 100%;
  height: auto;
}

.navigation {
  width: 913px;
  margin: auto;
}

.navigation ul {
  /*border:1px solid red;*/
  list-style: none outside none;
  display: block;
}

.navigation ul li {
  display: inline-block;
}

.navigation ul li a.main-navi-item {
  outline: none;
  background: url("../images/navi.png") no-repeat scroll transparent;
  display: block;
  height: 56px;
  text-indent: -9999em;
}

.navigation ul li a.selected,
.navigation ul li:hover a.main-navi-item {
  background: url("../images/navi_selected.png") no-repeat scroll transparent;
}

.navigation ul li a.main-navi-item.news {
  background-position: -57px 0;
  width: 111px;
}

.navigation ul li a.main-navi-item.bio {
  background-position: -168px 0;
  width: 76px;
}

.navigation ul li a.main-navi-item.releases {
  background-position: -244px 0;
  width: 158px;
}

.navigation ul li a.main-navi-item.gigs {
  background-position: -402px 0;
  width: 85px;
}

.navigation ul li a.main-navi-item.media {
  background-position: -487px 0;
  width: 121px;
}

.navigation ul li a.main-navi-item.contact {
  background-position: -608px 0;
  width: 165px;
}

.navigation ul li a.main-navi-item.shop {
  background-position: -773px 0;
  width: 96px;
}

.navigation ul li ul {
  text-align: left;
  position: absolute;
  display: none;
  z-index: 10000;

  margin-top: 0px;

  border: 2px solid #B6B2AF;
  border-top: 0;
  border-radius: 0 0 10px 10px;
  padding: 10px 0;

}

.bg_opacity08 {

  background: url("../images/bg-gradient.png") repeat-x scroll 0 0px transparent;
  /*
	
    background-color: rgb(0, 0, 0);
    
    background-color: rgba(0, 0, 0, 0.8);
    
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

	
	    
        background-image: -webkit-gradient(
          linear, right top, left bottom, from(rgba(255, 255, 255, 1.0)),
          to(rgba(255, 255, 255, 0))
        );

        
        background-image: -moz-linear-gradient(
          bottom center,
          rgba(0, 0, 0, 0.9) 20%, rgba(0, 0, 0, 0.5) 95%
        );

        
        filter: progid:DXImageTransform.Microsoft.gradient(
          gradientType=1, startColor=0, endColorStr=#FFFFFF
        );

        
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(
          gradientType=1, startColor=0, endColoStr=#FFFFFF
        );
	*/


}

.navigation ul li:hover ul {
  display: block;
}

.navigation ul li ul li {

  display: block;
  float: none;
  min-width: 120px;
  height: 20px;
  line-height: 25px;
  padding: 0px 15px 5px;


}

.navigation ul li ul li a {
  text-decoration: none;
  color: #c7be99;
  font-size: 18px;
  font-weight: bold;
}


.navigation ul li ul li a:hover {
  color: #EDD88E;
}

.content {
  margin: 39px auto 0;
  max-width: 933px;
  width: 100%;
  text-align: left;
}

.main-content {
  max-width: 565px;
  width: 100%;
  float: left;
  position: relative;
  left: 25px;
  padding: 15px 25px 80px;
}

.main-content .divider {
  width: 100%;
  height: 26px;
  clear: both;
  margin: 15px 0 15px -4px;
  background: transparent url('../images/divider_550px.png') top center no-repeat;

}

.right-column {
  position: relative;
  width: 211px;
  float: right;
  padding: 15px 20px;
}

.right-column .divider {
  width: 100%;
  height: 18px;
  clear: both;
  margin: 20px 0 20px -4px;
  background: transparent url('../images/divider_200px.png') top center no-repeat;

}

.main-content,
.right-column {
  background-color: rgba(0, 0, 0, 0.5);
}



h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-weight: normal;
  margin: 10px 0;
}


h1,
h2 {
  text-shadow: 5px 4px 3px rgba(0, 0, 0, 1);
}

h1 {
  color: #c7be99;
  font-family: 'Trebuchet MS', Verdana, sans-serif;
  font-size: 20px;
  margin-top: 25px;
}

.main-content h2 {
  margin: 15px 0 0;
  font-family: 'Trebuchet MS', Verdana, sans-serif;
  font-size: 17px;
  color: #E4E4E4;
  font-weight: bold;
}

.right-column h2 {
  font-family: 'Trebuchet MS', Verdana, sans-serif;
  font-size: 18px;
  color: #c7be99;
  font-weight: bold;
}

.right-column .sponsor {
  text-align: center;
  margin: 20px 0;
}

.right-column .sponsor img {

  width: 70%;
}

.main-content>h1:first-child,
.right-column>h1:first-child {
  margin-top: 10px;
}




.content a {
  color: #c7be99;
  text-decoration: none;
}

.content a:hover {
  color: #EDD88E;
  text-decoration: underline;
}

#mp3-player {

  border: 2px solid #B6B2AF;

  border-radius: 5px 5px 5px 5px;
}

.transparent_bg {
  background-color: rgb(0, 0, 0);
  /* RGBa with 0.5 opacity */
  background-color: rgba(0, 0, 0, 0.7);
  /* For IE 5.5 - 7*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000, endColorstr=#55000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000, endColorstr=#55000000)";
}

#mp3-player h1 {
  margin: 5px 0 5px 30px;
}

.playlist {
  padding: 7px 15px 10px 35px;
}

.playlist .playing a {
  font-weight: bold;
  color: #EDD88E;
}

.fb-like-box {
  border: 2px solid #B6B2AF;
  border-radius: 5px 5px 5px 5px;
  padding: 3px 0 7px;
}


img.right {
  float: right;
  margin-left: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
}

img.left {
  float: left;
  margin-right: 15px;
  margin-bottom: 4px;
  margin-top: 4px;
}

.main-content ul,
.main-content ol {
  margin-left: 22px;
}

span.fi {
  background: url("../images/fin_small.png") no-repeat scroll center top transparent;
  display: inline-block;
  height: 15px;
  margin: 0 4px 0 0;
  position: relative;
  top: 2px;
  width: 20px;
}


table.gigs {
  font-size: 13px;

}

table.gigs .hYear {
  height: 30px;
  font-size: 14px;
  font-weight: bold;
  vertical-align: bottom;
}

table.gigs .date {
  width: 100px;
}

table.gigs .city {
  width: 110px;
  font-weight: bold;
}

table.gigs .place {
  width: 230px;
}

table.gigs .country {
  width: 40px;
}

table.gigs .notes {
  width: 200px;
}

.news-article h2 {
  cursor: pointer;
  color: #c7be99;
  /*width:400px;*/
}

.news-article .divider {
  cursor: pointer;
  margin: 0px 0 0px -4px;
  /*width:400px;*/
}

.news-article h2:hover {
  color: #EDD88E;
  /*width:400px;*/
}

.news-article h2 .date {

  font-family: 'Trebuchet MS', Verdana, sans-serif;

  color: #E4E4E4;
  font-weight: bold;
  font-size: 15px;
  padding-right: 10px;
  font-weight: bold;
}

.bio_image {
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
  border: 8px solid #000;
  border-radius: 10px;
}

ul.shop-products {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  margin: 0 auto;
  max-width: 900px;
  width: 100%;
  padding: 0 10px;
  margin-bottom: 20px;
}

.shop-products__product {
  background-color: rgba(0, 0, 0, 0.5);
}

.shop-products__text {
  text-align: center;
  margin: 10px;
}

.shop-products__title {
  font-weight: bold;
  font-size: 1em;
}

.shop-products__image {
  width: 100%;
  height: auto;
}

.clearer {
  clear: both;
}

@media screen and (max-width: 870px) {
  .content {
    margin-top: 0;
  }

  .main-content {
    width: calc(100% - 70px);
    max-width: calc(100% - 70px);
    padding: 0 10px;
  }

  .right-column {
    float: left;
    width: calc(100% - 70px);
    max-width: calc(100% - 70px);
    padding: 0 10px;
    margin: 0 25px;
  }

  .right-column .divider:first-child {
    display: none;
  }

  .right-column .divider {
    background-image: url("../images/divider_550px.png");
  }
}

@media screen and (max-width: 440px) {
  .content-column {
    width: 100% !important;
  }
  ul.shop-products {
    grid-template-columns: repeat(1, 1fr);
  }
}