/*EE4B3E*/

body{
	width:80%;
	margin:auto;
	background-color:#222225;
	color:silver;
	font-family: 'Oxygen', sans-serif;
	padding:0;
	padding-bottom:0px;
}

header{
	display:block;
	text-align: center;
	max-width: 100vw;
}

header table{
}

.linkCell{
	width:150px;
	display:inline-block;
	text-align: center;
	padding: 5px;
	vertical-align: top;
}


.linkCell img{
		width:150px;
		height:150px;
		margin: 10px 0;
		padding: 10px 0;
	}

.linkCell a{
	color: white;
}

#content p
{
	

}

#centerText
{
	text-align: center;
}

code
{
	font-size: 1.2em;
}

h3{
	font-size: 2em;
	/*width:500px;*/
	padding:10px 0;
	text-align: left;
}

#content article img
{
	display:block;
	margin:auto;
	max-width:100%;
}

#content canvas{
	display: block;
	margin:auto;
}

#content article
{
	color:white;
	padding:20px 30px;
	
}

article a
{
	color:cornflowerblue;
}

.time-article{
	width:100%;
	margin:0;
}


footer{
	
	text-align:center;
}

footer a{
	color: silver;
}

h1, h2, h3, h4, h5, h6{ 
	font-family: 'Raleway', sans-serif;
	margin:0;
	color: white;
}

article h4{
	margin:10px 0;
	font-size: 1.4em;
}
article h5{
	margin:10px 0;
	font-size: 1em;
}

h2{
	min-width: 350px;
	font-size:1em;
	color:gray;
}

nav{
	
}

h1{
	color:white;
}


ul li{
	display: inline;
}

a{
	text-decoration: none;
}

#colorbar{
	background: #EE4B3E; 
	height:30px;
	min-width: 100%;
	
}

nav a{
	padding:10px;
	color:white;
}
nav a:hover{
	color:cornflowerblue;
	
}
td{
	
}

#loadMore{
	text-align:center;
	color:#EE4B3E;
	width:662px;

}

#loadMore a
{
	padding: 20px 0;
}

#loadMore a:hover
	{
		cursor: pointer; 
	}

header table td:nth-Child(1)
{
	text-align: center;
}

header table td:nth-Child(3)
{
	width:90px;
	text-align: right;

}

#main{
	
  
  
}

#main a {
	color: cornflowerblue;
}

#content{
	padding: 1px 30px;
	padding-bottom:0;

}

#donateButton
{
	position:absolute;
	text-align: right;
	width: 100px;
	right: 30px;
	top:	 50px;
	font-size: 1.5em;
	z-index: 11;

}


ul {
    list-style-type: none;
    
}

li {

}

li a, .dropbtn {
    display: inline-block;
}

li a:hover, .dropdown:hover .dropbtn {

}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    color:white;
    min-width: 160px;
    max-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    list-style:none;
    padding-left:0;
}

.dropdown-content a {
  color: white;
  background-color: #222225;
  
  text-decoration: none;
  display: block;
  text-align: left;
  border: 1px solid gray;
  
}

.dropdown-content a:hover {
	border-radius: 0;
	color:cornflowerblue;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown>a:hover{
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

/*----------------------------*/

li.dropover {
	list-style:none;

}

.dropover-content {
    display: none;
    position: absolute;
    left: 160px;
    
    background-color: #222225;
    min-width: 160px;
    max-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    list-style: none;
    padding-left:0;
}
.over1{
	top:0px;
}

.over2{
	top: 41px;
}

.over3{
	top: 82px;
}

.over4{
	top: 123px;
}
.over5{
	top: 164px;
}
.over6{
	top: 205px;
}
.over7{
	top: 246px;
}
.over8{
	top: 287px;
}
.over9{
	top: 328px;
}
.over10{
	top: 369px;
}

.menuIcon{
	height:20px;
	width:auto;
	vertical-align:middle;
}

.dropover-content>a {
  color: black;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropover-content>a:hover {
	color:cornflowerblue;
}

.dropover:hover .dropover-content {
    display: block;
}

/*
###########################################################
######                DROP IN              ################
###########################################################
*/

li.dropin {
	list-style:none;

}

.dropin-content {
    display: none;
    position: absolute;
    left: 160px;
    
    background-color: #222225;
    min-width: 160px;
    max-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    list-style: none;
    padding-left:0;
}

.dropin-content > a {
  color: black;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropin-content>a:hover {
	background-color: #222225
}

.dropin:hover .dropin-content {
    display: block;
}

/*
###########################################################
###########################################################
###########################################################
*/
.interviewer
{

}

.interviewee
{
	color: #BC1B0E;
}

/*///////////////////////////////////

					PUNK ALBUM STUFF

///////////////////////////////////*/


#nico-container {
  position: relative;
  display:block;
  width: 40%;
  text-align: center;
  margin:auto;
}


#nico-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 1s ease;
  background-color: #FFFFFF;
}

#nico-container:hover #nico-overlay {
  opacity: 1;
}

.nico-image
{
display: block;
  width: 100%;
  border-color: #CCC;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  height: auto;
  
}

.punkAlbumArtwork{
	width: 40%;
	text-align: left;
	display: block;
  border-color: #CCC;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
}

.albumDiv
{
	text-align: center;
}