@charset "UTF-8";

body { background:#333; overflow:hidden; }
			
	#coll1{ text-align:left; font-size:14px; font-family: 'Oswald', '400', sans-serif; color:#fff; margin:auto;left:25px; top:135px; width:800px;  margin:auto;  position:absolute;
	
	letter-spacing: 1px;
	}
	
	
	
	#feed { right:35px; top:115px; width:180px; height:425px;  margin:auto;  position:absolute; background-color:#333; padding:15px; border-radius:10px;
	overflow:hidden;
	}	
	
	#blgfeed { text-align:left; font-size:16px; font-family: 'Oswald', '400', sans-serif; color:#fff; width:180px; height:175px; 
	
	}	
		
		#twtfeed {
			width:180px;
			height:200px; 
			background:none;
			backface-visibility:hidden; }
			
			#pack {
				color:#f00; font-weight: bold;
					}
					
					
					
					#Nav { position:absolute;	Z-INDEX: 10;  WIDTH:100%; top:0; LEFT:0;  
      }
		
		#logo
		  { position:absolute; left:0; display: none; }
		  
		#headerlinks {position: absolute; right:0; font-weight:bold;  text-align:right; font-family: 'Oswald', '400', sans-serif; font-size:16px; padding-top:10px; padding-right:10px;}
		
		#social { position:absolute; right:0; top:86vh;}
		
		
		
	#footer{position:relative;  z-index:20; width:100vw; margin: auto; padding-right: 20vw; }
		
		        
.footerbar {
width: 100vw;
    height: 6vh;
    position: fixed;
    background-color: rgba(0,0,0,0.2);
    bottom: 0;
}
			

		
				
	    #footerlinks { z-index:30; margin:auto; width:100vw; font-weight:bold; font-family: 'Oswald', '400', sans-serif; font-size:14px;  }

		#footerlinks li{display:inline-block; list-style:none;  margin-left:1.5vw; margin-right:1.5vw;}
		
	H1{ font-size:16px; font-family: 'Oswald', '400', sans-serif;}
		
	H2{ font-size:16px; font-family: 'Oswald', '400', sans-serif; }
		
		A:link
		{
             
                color: white;
             /*   text-shadow:
                3px 3px 0 #000,
                -1px -1px 0 #000,  
                1px -1px 0 #000,
                -1px 1px 0 #000,
                1px 1px 0 #000;  */
			text-decoration:none;color:#fff;}
		A:hover
		{text-decoration:none; color:#d12828 !important;}
		A:visited
		{color: #fff; text-decoration:none; !important}
		A:active
		{color: #fff; text-decoration:none;}
			

	#tracker {position:fixed; bottom:-100px; overflow:hidden;
	}

.topbuttons {
    padding-top:5px;
}
 
        .topbuttons a {
 background:rgba(189,20,20,1);
  padding: 0.8vh 30px 0.8vh 30px;
 text-decoration: none;font-weight:bold;
  	transition:ease-in all 100ms;
moz-transition:ease-in all 100ms;
webkit-transition:ease-in all 100ms;
-o-transition:ease-in all 100ms;
text-align: center;
font-size:14px; font-family: 'Oswald', '400', sans-serif; color:#fff;
text-shadow:
                0px 0px 0 rgba(0, 0, 0, 0.0),
                0px 0px 0 rgba(0, 0, 0, 0.0),  
                0px 0px 0 rgba(0, 0, 0, 0.0),
                0px 0px 0 rgba(0, 0, 0, 0.0),
                0px 0px 0 rgba(0, 0, 0, 0.0) !important;	

    margin-top:20px;
     text-overflow: ellipsis;
  white-space: nowrap;
}

#businessp {
padding: 0.8vh 20px 0.8vh 20px;    
    
}



        .topbuttons a:hover {
 background:rgba(220,35,35,1);
padding: 0.8vh 35px 0.8vh 35px;
 text-decoration: none;font-weight:bold;
  	transition:ease-in all 100ms;
moz-transition:ease-in all 100ms;
webkit-transition:ease-in all 100ms;
-o-transition:ease-in all 100ms;
text-align: center;
font-size:14px; font-family: 'Oswald', '400', sans-serif; color:#fff !important;
text-shadow:
                0px 0px 0 rgba(0, 0, 0, 0.0),
                0px 0px 0 rgba(0, 0, 0, 0.0),  
                0px 0px 0 rgba(0, 0, 0, 0.0),
                0px 0px 0 rgba(0, 0, 0, 0.0),
                0px 0px 0 rgba(0, 0, 0, 0.0) !important;	

    
     text-overflow: ellipsis;
  white-space: nowrap;    
}


#headerlinks {
background-color: rgba(0,0,0,0.3);    
height:14vh;
min-height:130px !important;
width:9vw;
min-width:170px;
    margin-top:150px;
    margin-right:25px;
}

.g-plusone {
padding-top: 5px;     
    
}

.event_links {
background-color: rgba(0,0,0,0.6);
    position: absolute;
    margin-top: 38vh;
    right: 25px;
    width: 20vw;
    height: 52vh;
    overflow-y: scroll;
    z-index: 1000;
}

.event_links a {
    position:relative;
font-size: 2.2vh; font-family: 'Oswald', '400', sans-serif;
}

.event_links p {
font-size: 1.7vh; font-family: 'Arial', '400', sans-serif;  
color: white; padding:10px; 
}

.description_box {
    position:absolute;
background-color: rgba(0,0,0,0.3);
width:20vw;
height:14vh;   
margin-top:16vh;
left: 25px;
}

.event_links h1 {
font-size: 2.2vh; font-family: 'Oswald', '400', sans-serif;
padding-bottom: 5px;
color:white;  
    text-decoration: underline
}

.description_box p {
color:white;  
font-size: 1.6vh; font-family: 'Oswald', '400', sans-serif;  
}

#headerspace {
width:1px;
height:2vh;
background-color: rgba(0,0,0,0)

}

/* CSS Document */

        @media screen and (max-height:700px) {
    #footerlinks a {font-size:12px !important}     
    .footerbar {
    height: 8vh;

}

        @media screen and (max-height:575px) {     
    .footerbar {
    height: 10vh;

}