@charset "utf-8";
/* CSS Document */

body {
	
	background-color: black;
	padding: 0px;
	margin: 0px;
        font-family: Courier New, Monospace;
		font-size: 12pt;
		font-weight: bold;
        color: #6FCAC7;
        text-decoration: none;
}



#workingspacer {
	height: 1000px;
}



/* index page and  all menus */

#frontaudhide {
	position: relative;
	z-index: 6;
	height: 100px;
	background-color: black;	
}

/* used in more than one place? */
#frontspacer {	   
		height: 700px;		
}

#menucueindexsp {
	    height: 45px;
}

#menucue {
	    
	    margin: 0;
		padding: 0;
		color: black;
}



#menustyle {
        z-index: 2;
        width: 550px;
        height: 40px;
        margin-left: 10px;
	    
        padding: 0;
	    margin-top: 0;
        font-family: Courier New, Monospace;
        font-size: 12pt;
        font-weight: bold;
}
 
 
#menuspacerindex {
	    height: 940px;
		padding: 0;
		margin: 0;
}

ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
		
}

ul li { 
		display: block;
        float: left;
        
        padding-top: 5px;
	    padding-bottom: 5px;
	    padding-left: 15px;
	    padding-right: 15px;
		color: #6CF336;		
}

ul li a {
	    text-decoration: none;
		color: #FFFFFF;
}
 
 
a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

a:active {
	color: #6FCAC7;
}


#orangewrap {
	width: 130px;
	height: 130px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -65px;
	margin-top: -65px;
	background-color: black;
}

/* also used in inbetween pages and fixed side logo */
.imgcentre {
	width: 130px;
	height: 130px;
	border: none;
}






/* fixed side logo hidden or shown */

.sidelogo {
	z-index: 1;
	width: 130px;
	height: 130px;
	position: fixed;
	top: 0px;;
	right: 5px;
	
	background-color: black;
}


/* fixed head */

#audhead {
          z-index: 4;
          position: fixed;
	  top: 0;
	  padding: 0;
	  margin: 0;
          background-color: black;
}

#imgonelineaud {
	width: 320px;
	display: none;
	
}

#audframe {
	  width: 320px;
	  height: 35px;
	  border: none;
}

.sounframe {
	  width: 240px;
	  height: 35px;
	  border: none;
}



/* for iframe cont i.e. in 15audio1 etc */

#audswe {
	   width: 300px;
           display: inline; 
	   margin-left: auto;
	   margin-right: auto;
           font-size: 12pt;
	   padding: 10px 0 0;
}

.audSP {
	   width: 180px;
                 
	   margin-left: auto;
	   margin-right: auto;
           font-size: 10pt;
	   padding: 10px 0 0;
}

.audSL {
	   width: 180px;
                 
	   margin-left: auto;
	   margin-right: auto;
           font-size: 10pt;
	   padding: 10px 0 0;
}

.audTFG {
	   width: 210px;
                 
	   margin-left: auto;
	   margin-right: auto;
           font-size: 10pt;
	   padding: 10px 0 0;
}

.audEP {
	   width: 125px;
                 
	   margin-left: auto;
	   margin-right: auto;
           font-size: 10pt;
	   padding: 10px 0 0;
}

.audPS {
	   width: 135px;
                 
	   margin-left: auto;
	   margin-right: auto;
           font-size: 10pt;
	   padding: 10px 0 0;
}

.audtxt {
	 float: left;	 
}


em {
	color: black;
}

strong {
	color: #6CF336;
}

.bluetxt {
	color: #6CF336;
}

.play {
    
    width: 18px;
    height: 20px;
    
    border: none;
    
}
       
#playPausebut {
    border: 0;
}

#playPausebut2 {
    border: 0;
}





/* div around soundpastmail sections for z-index reasons */
.spmwrap {
	position: relative;
	z-index: 2;
	background-color: black;
}





/* sound */

#mencueaudsp {
	    height: 45px;
}

#sound {
	color: black;
}

.logosound {
	width: 120px;
	height: 120px;
	margin-top: -80px;
	margin-left: 82%; 
	background-color: black;
}

#sleevetopspace {
	    height: 30px;
}


#audpagepos {
	position: relative;
}


#sleevecont {
	z-index: 2;
}	  

.sleeveheader {
	width: 240px;
	height: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 10pt;
}

.sleeveheaderbc {
	width: 300px;
	height: 10px;
	margin-left: auto;
	margin-right: auto;
	font-size: 10pt;
}

.sleevepos {
	width: 240px;
	height: 240px;
	position: relative;
	left: 50%;
	margin-left: -120px;
	background-color: black;
}

.sleeveinf {
	width: 240px;
	height: 140px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
	font-size: 10pt;
}

#sleeveendspace {	    
	    height: 380px;		
}

.logoendsound {
	position: absolute;		
	width: 120px;
	height: 120px;
	margin-top: 95px;	
	margin-left: 82%; 		
	background-color: black;
}




/* between 'pages' with square swe logo */

.pagebetweener {
	height: 900px;
	position: relative;
}

.betweenlogo {
	width: 130px;
	height: 130px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -65px;
	margin-top: -65px;
	background-color: black;
}





/* video page */

#heading {
	z-index: 3;
	position: fixed;
	height: 80px;
	
}

#topleft {
	background-color: black;	
}

#imgoneline {
	width: 320px;
    display: none;
}

#menucuevidsp {
	height: 45px;
}

#video {
	color: black;
}

#vidspacer {
	height: 100px;
}

#logovid {
    width: 120px;
	height: 120px;
	margin-top: -80px;
	margin-left: 82%; 
	background-color: black;
}

.vidinfo {
	height: 80px;
}

.vidinfotxt { 
    font-size:8pt;
	text-align: center;
	width: 216px;
	margin-left: auto;
	margin-right: auto;
}
	
.vidifrnarr {
	width: 264px;
	height: 196px;
}

.vidnarrfr {
	
	width: 264px;
	height: 196px;
	position: relative;
	left: 50%;
	margin-left: -132px;
	
	background-color: black;
}

.vidifrwide {
	width: 352px;
	height: 198px;
}

.vidwidefr {
	width: 352px;
	height: 198px;
	position: relative;
	left: 50%;
	margin-left: -176px;
	background-color: black;
}





/* live in the past */	

#menucuearch {
	height: 45px;
}

#archive {
	color: black;
}


#archspacer {
	position: relative;
	height: 30px;
}

.logopast {
	width: 120px;
	height: 120px;
	position: absolute;
	left: 120%;
	margin-top: -110px;	
}

.logopast2 {
	width: 120px;
	height: 120px;
	position: absolute;
	left: 120%;
	margin-top: 3500px;	
}

.logopast3 {
	width: 120px;
	height: 120px;
	position: absolute;
	left: 120%;
	margin-top: 7000px;	
}

.archcont {
        position: relative;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}


tt {
	font-size: 10pt;
	color: #6CF336;
}

span {
	color: #E93C1F;
}





/* mail */

.mailspacer {
	height: 100px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	
}

.logomail {
    width: 90px;
	height: 90px;
		
}

.logomail2 {
    width: 90px;
	height: 90px;
		
}

.logomail3 {
    width: 90px;
	height: 90px;
		
}

.newscont {
        position: relative;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

#mailcont {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#mailframe {
	  width: 300px;
	  height: 120px;
	  border: none;	  
}

.txtbox {
	border: none;
	padding: none;
	margin: 0;
	background-color: #F2F45B;
}

.joinbutton {
	background-color: black;
	border: none;
	margin: 0;
	padding: 0;
	font-family: "Courier New", Courier, monospace;
	color: white;
	font-weight: bold;
        cursor: pointer;
}

#menucuemail {
	height: 45px;
}

#mail {
	color: black;
}

#shirtcont {
        width: 280px;
        margin-left: auto;
        margin-right: auto;
}