/* CSS Document */

body {
        color:#999;
 		background: #000 url(../images/background_new.jpg) top left no-repeat;
		background-attachment:fixed;
		background-size:cover;
        font-family: helvetica, sans-serif;
font-size: 1vw;
		}
		

.liveSample {      }	 
		 
#sidebar {
		float: left;
		width:25%;
		margin:0em;
	    }

.main {
	background: #000;
	border:1px solid #333;
	border-top:none;
	border-bottom:none;
	left:50%;
	opacity: 0.9;
	filter: alpha(opacity=90); /* For IE8 and earlier */
	margin: 0 20% 0em 20%;
	margin-top:0 !important;
	padding:0em;
	padding-top:0 !important;
	color: #FFF;
	}

#title_heading {
	border: #666 1px solid;
	margin:5px;
	background:#000;
	}
h3.fontface #title_heading {
	font: 1.2em/1.8em 'SearsTowerRegular', Arial, sans-serif;letter-spacing: 0;color:#990000;
		margin-left:2em;
		text-align:left;
		margin-top:1em;
}
	
.footer {			
        background: #000;           
		left:50%;
		opacity:0.9;
		filter:alpha(opacity=90); /* For IE8 and earlier */
		margin: 0 20% 0em 20%;
		padding: 1em 0em 2em 0em;
		border:2px solid #333;
	    border-top:none;
		border-bottom:none;
        }

.band_logo {
   margin: 0em;
   padding: 2em;
   text-align:center;
 }

#contents {
	margin: 80px 15px 0px 15px;
	}

#footer_header {
	margin-top: 5px;
	}
    
#footer_content{
	padding:0px 1px;
	margin:0px;
	}

#alpha_nav {
        position:relative;
		font: 1em/1.5em 'SearsTowerRegular', Arial, sans-serif;
		z-index:500;
		padding:0em;
		margin:0em;
		}
/* http://i88.photobucket.com/albums/k166/wodensson_1/website/logo_397x76_zpsvtsmhniv.jpg*/
.logo {
        background: #000 url(../images/logo1.png) center center no-repeat; 
	
	opacity:0.9;
		filter:alpha(opacity=90); /* For IE8 and earlier */
		margin-bottom:0;
		margin-left:5%;
		margin-right:5%;
        margin-top:0 !important;
		padding:0em ; 
		padding-top:2em;
		border-bottom: .2em solid #333;
	
		
}

hr {
       border:.1em solid #333;
       margin: 1em 0;
       margin-left:25%;
       width:50%;
       
	   }
	 
hr.small {width:30%;
      border:dotted .2em #999;
      margin:2em 0em;
      margin-left:35%;
	  }

a {
      color: #ccc;
      text-decoration:none;	
      }

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


@font-face {
    font-family: 'Old London';
    font-style: normal;
    font-weight: normal;
    src: local('Old London'), url('../fonts/Olondon_.woff') format('woff');
}

@font-face {
    font-family: 'SearsTowerRegular';
	font-weight: normal;
	font-style: normal;
    src: url('../fonts/Sears_Tower-webfont.eot');
    src: url('../fonts/Sears_Tower-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Sears_Tower-webfont.woff') format('woff'),
         url('../fonts/Sears_Tower-webfont.ttf') format('truetype'),
         url('../fonts/Sears_Tower-webfont.svg#SearsTowerRegular') format('svg');
}



	/*
		td.logo {}


@media only screen and (max-device-width: 480px) {	
	
	td[class="logo"] img {
		display:none;
		}	
	td[class="logo"] {background-image: url(../images/logo.png);
		width: 397px !important;
		height: 76px !important;}
	
	 } 
	
	
@media only screen and (max-device-width: 320px) {	
	
	td[class="logo"] img {
		display:none;
		}	
	
		td[class="logo"] {background-image: url(../images/logo.png);
		width: 397px !important;
		height: 76px !important;}
	 } 
	 
	 */