* { padding: 0; margin: 0; }

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px)  {/* Specific to this particular image */
	img.bg {
		left: 50%;
		margin-left: -512px;   /* 50% */
	}
}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-repeat:no-repeat;
}
/* background-image:url('http://www.isaiahsinger.com/seventhword/images/BLACKGROUND_rev.jpg'); !> */


p {
font-family: 'EB Garamond', Georgia, serif;
color:#ffffff;
font-size:15px;
opacity:0.7;
text-align:justify;
margin-top: 20px
}

p.credits {
font-size:10px;
opacity: 0.6;
float: left;
width: 300px;
padding-right: 75px;
}

p.lyriccredits {
font-size:13px;
opacity: 0.6;
float: left;
width: 400px;
padding-right: 75px;
}

h1 {
font-family: 'EB Garamond', Georgia, serif;
color:#ffffff;
font-size:16px;
opacity:0.6;
text-align:justify;
margin: 145px 0px 0px 20px;
}

h1#epk {
font-family: 'EB Garamond', Georgia, serif;
color:#ffffff;
font-size:16px;
opacity:0.6;
text-align:justify;
margin: -14px 0px 0px 20px;
}

a:link {color:#FFFFFF;}    /* unvisited link */
a:visited {color:#FFFFFF;} /* visited link */
a:hover {color:#FFFFFF;}   /* mouse over link */
a:active {color:#FFFFFF;}  /* selected link */

#wrapper{ 
 background-image:url('http://www.isaiahsinger.com/seventhword/images/EventHorizon14A.png');
 margin: 0 auto;
 width: 1100px;
 height: 830px;
 position: relative;
 overflow: hidden;
}

#EPKwrapper{ 
 background-image:url('http://www.isaiahsinger.com/seventhword/images/EventHorizon14A.png');
 margin: -60px 0 0 60px;
 width: 1100px;
 height: 830px;
 position: relative;
 overflow: hidden;
}

#lyricswrapper{ 
 margin: 0 auto;
 width: 1100px;
 height: 830px;
 position: relative;
}

#backwrap{
 background-image:url('http://www.isaiahsinger.com/seventhword/images/EventHorizon_NewOpacity11.png');
 margin: 0 auto;
 width: 1100px;
 height: 830px;
 overflow: hidden;
}

#biowrapper { 
 background-image:url('http://www.isaiahsinger.com/seventhword/images/EventHorizon_NewOpacity.png');
 background-position: 37px -10px;
 margin: 0 auto;
 width: 1100px;
 height: 800px;
 overflow: hidden;
}

#event{
 width: 810px;
 margin: 20px auto;
 padding: 0px;
}

#eventp{
 width: 400px;
 margin: 70px auto;
 padding: 0px;
}

.horiz{
position:absolute
}

#content { 
 width: 810px;
 margin: 20px auto;
 padding: 0px;
 height: 900px; 
 background-image:url('http://www.isaiahsinger.com/seventhword/images/EventHorizon.png');
}

#cont {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
}

.box { 
    margin: 0 auto; 
    width: 400px;
    padding: 50px;
    background: white; 
    padding-bottom:100px;
    font: 14px/2.8 Georgia, Serif;
}

iframe { 
	bottom:30px;
	left: 190px;
	z-index:100; 
	width: 800px;
	opacity: .8;
}

.text {
  position: absolute;
  top: 125px;
  left: 625px;
  margin-top: 30px; 
}


.centered {
  margin:0 auto;
  width:800px;
  height:600px;
  position:absolute;
  left:50%;
  top:50%;
  margin:-300px 0 0 -400px;
  
}

.leftposter {
  width:400px;
  height:600px;
  float:left;
  position:relative;
  z-index:999;
}

.rightposter {
  width:400px;
  height:600px;
  position:relative;
  float:right;
  z-index:999;
}

#wrap{ 
	width:400px;margin;0px auto; 
	}
	
a#hex { 
	z-index:900;
	float: right;
	margin: 40px 30px 0px 0px
	}
	
a#hex1 { 
	z-index:900;
	float: right;
	margin: 35px 30px 0px 0px
	}
	
a#hex2 { 
	z-index:900;
	float: right;
	margin: 76px 30px 0px 0px
	}
	
a#hex3 { 
	z-index:900;
	float: right;
	margin: -8px 174px 0px 0px
	}	
	
a#hexp { 
	z-index:900;
	float: right;
	margin: 27px -175px 0px 0px
	}

.event { 
	position:absolute;
	z-index:700;
	bottom:112px;
	right:125px;
	
	}	
	
a#flip { 
	position:absolute;
	z-index:10000;
	bottom:30px;
	right:30px;
	height:30px;
	width:30px; 
	}

.leftplayer {
	z-index:1000;
    width:400px;
  	float: left;
  	margin-top: 10px;
	 background-image:url('http://www.isaiahsinger.com/seventhword/images/yellowbox400.png');
	}
	
.rightplayer {
	 z-index:1000;
    width:400px;
	float: right;
	margin-top: 10px;
	 background-image:url('http://www.isaiahsinger.com/seventhword/images/yellowbox400.png');
	}
	
.leftplayerB {
	z-index:1000;
    width:400px;
  	float: left;
  	margin-top: 50px;
	 background-image:url('http://www.isaiahsinger.com/seventhword/images/yellowbox400.png');
	}
	
.rightplayerB {
	 z-index:1000;
    width:400px;
	float: right;
	margin-top: 30px;
	 background-image:url('http://www.isaiahsinger.com/seventhword/images/yellowbox400.png');
	}

.players {
	position:relative;  
}

object {
padding: 4px 0px 0px 5px;
}

object#left {
	z-index:1000;
    width:400px;
  	position:relative;
  	left:-398px;
	top:-4px;
	}

object#right {
    z-index:1000;
    width:400px;
	position:relative;  
	top: -26px;
	left: 415px;
}

img#yellowleft {
	z-index:999;
  	width:400px;
  	position:relative;
	padding: 10px 0px 0px 0px
	}
	
img#yellowright {
	z-index:999;
  	width:400px;
  	float:right;
	position:relative;
	top: -29px
	}
	
#yellowlefts {
	z-index:999;
  	width:400px;
  	position:relative;
	padding: 10px 0px 0px 0px
	}
	
#yellowrights {
	z-index:999;
  	width:400px;
  	float:right;
	position:relative;
	padding: 10px 0px 0px 0px
	}
	
img#enjoy {
	z-index:999;
  	width:730px;
  	margin: -60px 0px 0px 0px;  
	}
	
img#lyric {
	z-index:999;
  	width:815px;
  	margin: 20px 0px 0px 0px;
	}	
	
img#streamline {
	z-index:999;
  	width:730px;
  	margin: -63px 0px 0px 0px;
	}	
	
img#streamline2 {
	z-index:999;
  	width:730px;
  	margin: -63px 0px 0px 138px;
	}		
	
img#forth {
	z-index:999;
  	width:730px;
  	margin: -60px 0px 0px 0px;
	}
	
.biophoto {
  width:400px;
  height:500px;
  float:left;
  z-index:999;
  margin-top:60px
}

.biowords {
  width:400px;
  height:460px;
  float:right;
  z-index:999;
  margin-top:120px
}

.credits {
  width:800px;
  z-index:999;
}	

.creditsR {
  float:right;
  width:410px;
  z-index:999;
  margin-top: -60px;
}

.stream{
padding-top: 35px;
padding-left: 50px;
}

.widgetContainer g-box-full sc-border-box {
background: black; !important
}


.spotlightmenu{
width: 100%;
overflow:hidden;
}

.spotlightmenu ul{
margin: 0;
padding: 0;
font: 'EB Garamond', Georgia, serif; /* font style and size */
font-family: 'EB Garamond', Georgia, serif;
list-style-type: none;
text-align: left; /* "left", "center", or "right" align menu */
}

.spotlightmenu li{
display: inline-block;
position:relative;
padding: 5px;
margin: 0;
margin-right: 5px; /* right margin between menu items */
}


.spotlightmenu li a{
display:inline-block;
padding: 15px;
min-width:50px; /* horizontal diameter of spotlight */
height:50px; /* vertical diameter of spotlight */
text-decoration: none;
color: white;
margin: 0 auto;
overflow:hidden;
-moz-transition: all 0.5s ease-in-out; /* CSS3 transition to animate all A properties */
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.spotlightmenu li:hover a{
color: white;
background: #e4bf42; /* background color of spotlight */
-webkit-border-radius: 50%; /* large radius to create circular borders */
-moz-border-radius: 50%;
border-radius: 50%;
}

.spotlightmenu li a span{
position:relative;
top:35%; /* move text down so it appears centered within menu item */
}


.bruar {
  margin:auto;
  margin-top: 30px;
  width:65%;
}