html {
  position: relative;
  min-height: 100%;  
}

body
{	
  font-family: Arial;		
  background-color: #000000;    
  
}

a, a:active, a:visited
{
    color:#cc9900;    
}

a:hover
{     
    color:gray;
    text-decoration:none;     
}

button {
    background-color: #D3D3D3;		
    border: none;
    color: #000000;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 4px;
}


.normal, .tracklisting, .lyrics
{
    font-family: Arial;
    font-size: 0.8em;        
    color: #ffffff;   
}

.normalGrey
{
    font-family: Arial;
    font-size: 0.8em;        
    color: #808080;   
}


.bolder{
	font-weight:bold;
}

.headerLogo, .headerLogoMobile
{
	font-family: Arial;
	font-size:1.8em;
	color:#ffffff;	
}

.backgroundheader
{    
	background: url('../images/homepage/polly.jpg') top left no-repeat;	    
	-webkit-background-size: auto 150px;
	-moz-background-size:  auto 150px;
	-o-background-size:  auto 150px;
	background-size:  auto 150px;	
}

 .headerstrip
 {	
    padding-right:5px;
    padding-left:0px;
    margin-right:auto;
    margin-left:auto; 
	height: 140px;	
	text-align:center;
 }
 
 .pageHeadingBack
{   
	text-align:center;
	background: rgba(255,255,255,0);  
	width:80%;
	
	font-family: Arial;
    font-weight:normal;
    font-size: 1.2em;            	
	color:#cc5000; 	
}
 
 .smallerText{
	font-size: 0.7em;   
	color:#ffffff;
	font-style: italic; 	
 }
 
 .center-block {
   margin-left:auto;
   margin-right:auto;
   display:block;
}
 
#leftBox{
	text-align:left;
}
#rightBox{
	text-align:center;
}
 

 #albumInfoRight{
	 text-align:left;	 
 }
 
 #radioDateListing {	
	text-align:center;
}
 
 
 
.heading
{
    font-family: Arial;
    font-weight:normal;
    font-size: 1.8em;            
	color:#ffffff;     
}

.headingGrey
{
    font-family: Arial;
    font-weight:normal;
    font-size: 1.8em;            
	color:#808080; 
}
 

 
.discoHeading{
	font-family: Arial;
    font-weight:normal;
    font-size: 1.0em;            
	color:#ffffff; 
}

.discoInfo{
	color:#FFFF99;
}
 

.radioDateTracklisting {
	color:#E08888;	
	font-family: Arial;
    font-size: 0.8em;	
} 

.textRed{
	color:#E08888;	
}

.lyricTitleHeading{
	font-family: Arial;
    font-weight:normal;
    font-size: 2em;            
	color:#ffffff; 
	
}


.lyricHeading{
	font-family: Arial;
    font-weight:normal;
    font-size: 1.2em;            
	color:#ffffff; 
	color:gray; 
}

.galleryImages img{
	margin:5px 0px 5px 5px;
	border:0px;
}

.largeicons
{
    font-size:3em; 
}
.largeicons a
{  			
	color:#8A3324;
}
.largeicons a:hover
{        
	color:#ffffff;
}


.roundedborder
{
    display:inline-block;
    border:1px;
    border-style:solid;
    border-color:#ffffff;
    padding:5px;    
    text-align:center;
    margin-top:10px;
    margin-bottom:15px;    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	width:100%;
}

 .break
 {
     height:30px;         
 }
 

 
 @media only screen and (max-width: 767px) {
	/* Tablet & Mobile */
    .headerLogo{
		display:none;
	}
	.headerLogoMobile{		
		display:show;		
	}	
	.headerstrip{
		text-align:right;
	}
	.pageHeadingBack
	{   	
		width:100%;
	}
	.roundedborder
	{
		width:auto;
	}
	#footer{
		display:show;
	}
	#albumInfoRight{
	 text-align:center;
	 position: relative;
		/*top: -40px;*/
	}
	#leftBox{
	text-align:center;
	}
	#rightBox{
		text-align:center;
	}
	
	#nonMobileLyricLinks
	{
		display:none;
	}
	#MobileLyricLinks
	{
		display:show;
	}	
}



@media only screen and (min-width: 767px) {
	/* back to Tablet & Desktop */
	
    .headerLogo{
		display:show;
	}
	.headerLogoMobile{
		display:none;
	}
	.backgroundheader
	{    
	background: #000000;  
	}
	#footer{
		display:none;
	}
	#albumInfoRight{
	 text-align:left;
	}
	#nonMobileLyricLinks
	{
		display:show;
	}
	#MobileLyricLinks
	{
		display:none;
	}
	#radioDateListing{
		text-align:left;		
	}
}
 
 
 @media only screen and (max-width: 480px) {
	/* Mobile */
	
    .backgroundheader
	{    
		background: url('../images/homepage/polly.jpg') top left no-repeat;	    
		-webkit-background-size: auto 130px;
		-moz-background-size:  auto 130px;
		-o-background-size:  auto 130px;
		background-size:  auto 130px;	
	}
	.headerLogoMobile{		
		font-size:1.4em;		
	}	
	.headerstrip{
		height:100px;
	}
	.pageHeadingBack
	{   	
		width:100%;		
	}	
	#nonMobileLyricLinks
	{
		display:none;
	}
	#MobileLyricLinks
	{
		display:show;
	}	
}


 
 
 .navbarmargins
 {
    margin-left:-15px;
    margin-right:-15px;
    margin-top:0px;    
    margin-bottom:0px;     
 }
  
/* whole navbar */
.navbar-default {
  
  background: transparent;  /* fallback for older browsers */
  background: rgba(0,0,0,0);   /* for latest browsers */    
  border-color: #000000;
  border-top:0;
  border-left:0;
  border-right:0;
  border-bottom:0;
  margin:0; 
  margin-bottom: 0px;
  font-weight:normal;   
  font-size:1.0em;
}

/* brand font */
.navbar-default .navbar-brand {
  color: #ffffff;
  font-weight:normal;
}
/* brand hover */
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffffff;
}

/* navbar text (any non link text) */
.navbar-default .navbar-text {
  color: #cc9900; 
}

/* links font */
.navbar-default .navbar-nav > li > a {
  color: #cc9900;
}

/* links hover */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {    
    color: #ffffff;
}


.dropdown-menu{
	font-size:1.0em;
}

/* dropdown background */
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #000000;
  
  
}

/* dropdown font */
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #cc9900;
}

/* dropdown hover */
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}

/* dropdown divider */
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #FF0000;
}

.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #cc9900;
  background-color: transparent;  
}

/* active block */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #cc9900;
  background-color: transparent;
  margin:0; 
}

/* open dropdown */
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #000000;
}

/* navbar toggle border */
.navbar-default .navbar-toggle {
  border-color: #ffffff;
}

/* navbar toggle hover background */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #d3d3d3;
}

/* navbar toggle bars (3) */
.navbar-default .navbar-toggle .icon-bar {
  background-color: #cc9900;
}

/* line under navbar toggle */
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #000000;
  margin:0;
}


/* no idea what these are for
.navbar-default .navbar-link {
  color: yellow;
}
.navbar-default .navbar-link:hover {
  color: red;
}
*/

/* MOBILE SETTINGS */
/* same as above for mobile */
@media (max-width: 767px) 
{
     
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #cc9900;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #d3d3d3;
	background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #cc9900;
	background-color: transparent; 
  }   
}

/* NON MOBILE SETTINGS */
@media (min-width: 768px)
{
    .navbar-default
   {        
       /* center text in nav for NON MOBILE */
      display: flex;
      justify-content: center;
      list-style : none;       
   }   
}