html {
	font-size: 16px;

}

body    {

  	font-family: 'Exo 2', sans-serif;
  	
					/*
					font-family: 'Titillium Web', sans-serif;
					*/
		
	margin: 0 auto;
	background-color: #000;
	color: #C6CECC;
	line-height: 24px;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
}


#logo2012 {
	width: 50%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

#logo2 {
	width: 25%;
	height: auto;
	float: left;
	margin: 35px 15px 0 0;
}

.center-con {
	text-align: center;
}

.location {
	color: #669900;
}


#content {
	border: solid #06065a; 
	padding: 10px; 
	background-color: #000000;
	width: 90%;
	border-radius: 10px; 
	color: #c2c2c2; 
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: 0;
	line-height: 1.6;
    font-size: 1.3rem;
}
  
#content .text {
	text-align: justify;
		
}

#container {
	border-radius: 10px;
	padding: 10px;
	margin: 10px;
	border: medium solid #333333;
	background-color: #000;
	width: 80%;
    margin: 0 auto;

}


#table1 {
	cellpadding: 0;
	cellspacing: 0;
	float: right;
	border-collapse: collapse;
}

#follow_wst {
	width: auto;
	height: 64px;
	margin: 5px;
	padding-top: 20px;
}

#wst_logo {
	width: 55%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

#wstlogo {
	width: 50%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}


#pcentral_logo {
	width: 50%;
	height: auto;
	margin: 10px auto;
}


#upclose-logo {
	width: 25%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
 
 
#rama-logo {
	width: 60%;
	height: auto;
	margin: 0 auto;
}
 

.blurb {
	width: 75%;
	color: #CCCCFF;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.2rem;
	line-height: 125%;
 
}


#purple {
	border: thin solid #990099;
	padding: 2%;
}

 

 
h1 {
	font-size: 2.1rem;
	color: #f3f6e7;
	text-align: center;
	line-height: normal;
}
h2 {
	font-size: 1.4rem;
 	color: #c2c2c2;
	text-align: center
}


.byauth {
	font-size: 1.3rem;
 	color: #666666;
	text-align: center
}

.normal {
	font-weight: normal;
}


.repub {
	color: #AC041A;
	text-align: center;
	font-size: 1rem;
	font-family: Lucida Sans;
	font-style: italic;
    line-height: normal;
}
 

.singlespc  {
	line-height: 100%;
}

.justify {
	text-align: justify;
}



.und-emph {
	text-decoration: underline;
	font-style: italic;
}


.str-und      { 
	font-weight: bold;
	text-decoration: underline; 
}

.str-emph    {
	font-weight: bold; 
	font-style: italic;
}

.str-emph-und    {
	font-weight: bold; 
	font-style: italic;
	text-decoration: underline; 
}

.strong    {
	font-weight: bold; 
}

.emph    {
	font-style: italic;
}

.underline {
	text-decoration: underline;
} 

 
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}


.videoWrapper2 {
	position: relative;
	padding-bottom: 85.25%; /* 16:9 */
	height: 0;
}					
	

.videoWrapper3 {
	position: relative;
	padding-bottom: 74.25%; /* 16:9 */
	height: 0;
}


.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
	
#video_performance1-era {
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	line-height: 100%;
}

#video_performance1 {
	width: 66%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	line-height: 100%;
}


#video_performance2 {
	width: 66%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	line-height: 100%;
}

#video_performance3 {
	width: 66%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	line-height: 100%;
}

#video_performance4 {
	width: 66%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	line-height: 100%;
}

#video_performance5 {
	width: 66%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	line-height: 100%;
}


#video_performance-lg1 {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	line-height: 100%;
}

#video_performance-lg2 {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	line-height: 100%;
}

.imgcap {
	color: #9F7800;
	text-align: center;
	line-height: 100%;
}

.champs {
	font-size: .9rem;
	color: #9F7800;
	line-height: 100%;
}


.hear-more {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #CC9900;
}

.copyright {
	font-size: .85rem;
	color: #666666;
	text-align: center;
	line-height: 100%;

}
.exclusive {
	color: #AC041A;
	text-align: center; 
	font-size: .9rem
}


a:link {
	color: #45a6ca;
}
a:visited {
	color: #cab266;
}
a:active {
	color: #800000;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}


#nav {
 	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	text-transform: uppercase;
	margin: 10px auto 20px auto;
	width: 100%;
	text-align: center;
}
#nav ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
#nav li {
	display: inline;
}
#nav a {
    margin: 4px;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: .8rem;
	color: #8ECEC9;
	display: inline-block;
	border: 1px solid #282828;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 2px;
	background-color: #000000;
	text-decoration: none;

}
#nav a:hover {
	color: #FF0000;
	background-color: #660066;
}

#nav2 {
 	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	text-transform: uppercase;
	margin: 10px auto 20px auto;
	width: 100%;
	text-align: center;
}
#nav2 ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
#nav2 li {
	display: inline;
}
#nav2 a {
    margin: 4px;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: .8rem;
	color: #8ECEC9;
	display: inline-block;
	border: 1px solid #282828;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 2px;
	background-color: #000000;
	text-decoration: none;

}
#nav2 a:hover {
	color: #FF0000;
	background-color: #660066;
}


	
#flyer {
	margin: 10px auto 10px auto;
	width: 60%;
	height: auto;
	float: none;
	text-align: center;
	font-size: .9em;
	color: #996633;
	line-height: 125%;
	font-family: Lucida Sans;
}
 
 
.singlespc  {
	line-height: 100%;
}


.hr-qtr-cen {
	color: #333399;
	width: 25%;
	height: 1px;
	margin-right: auto;
	margin-left: auto;
}


.hr-center {
	color: #333399;
	width: 33%;
	height: 1px;
	margin-right: auto;
	margin-left: auto;
}


.wst {
	color: #D1E0E0;
	font-style: italic;
	font-family: "Book Antiqua";
	font-size: 1.1rem;
}

.question {
  	font-size: 1.25rem;
  	color: #84AEA6;
}

.invuee {
	color: #E2D9C0;
	font-style: italic;
	font-family: "Book Antiqua";
	font-size: 1.1rem;
}

.answers {
  	font-size: 1.25rem;
  	color: #AD9E7C;
}



.comment {
	text-align: right;
	font-size: 1rem;
}
  
#wst-listens  {
	margin: 0 auto;
	width: auto;
	text-align: center;
}

.related {
	font-size: 1.1rem;
}

.related ul {
	line-height: 130%;
}

#facebook {
	width: 70%;
	margin: 0 auto;
    background-color: #575757;

} 	



.source {
	text-align: left;
	font-size: .85rem; 
	color: #FFEFDF;
	line-height: 100%;
	font-style: italic;
	font-weight: bold;
}

 

@media screen and (min-width: 1281px) /* Expanse */ {
body {
    width: 75%;
  }
 
.imgcap {
	font-size: .95rem;
}


#band_logo {
	width: 40%;
}

#content {
	font-size: 1.4rem;
}

#video_performance1-era {
	width: 50%;
}

#video_performance1 {
	width: 70%;
}

#video_performance2 {
	width: 70%;
}

#video_performance3 {
	width: 70%;
}

#video_performance4 {
	width: 70%;
}


#video_performance5 {
	width: 70%;
}

#video_performance-lg1 {
	width: 70%;
}

#video_performance-lg2 {
	width: 70%;

}

#wst-listens  {
	width: 70%;
}
}




@media screen and (max-width: 1280px) /* Desktop */ {
body {
    width: 80%;
  }

.question {
    font-size: 1.2rem;
 }
.answers {
    font-size: 1.2rem;
}

.imgcap {
	font-size: .95rem;
}


#video_performance1-era {
	width: 60%;
}
 
#video_performance1 {
	width: 75%;
}
#video_performance2 {
	width: 75%;
}
#video_performance3 {
	width: 75%;
}

#video_performance4 {
	width: 75%;
}

#video_performance5 {
	width: 75%;
}

#video_performance-lg1 {
	width: 75%;
}

#video_performance-lg2 {
	width: 75%;

}

.related {
	font-size: 1.05rem;
}

 
#facebook {
	width: 75%;
}  
  

 
#wst-listens  {
	width: 50%;
}
}


@media screen  and (max-width: 979px) /* Tablet */ {

body {
    width: 100%;
}

.imgcap {
	font-size: .85rem;
}

#upclose-logo {
    width: 20%;
}

h1 {
	font-size: 1.6rem;
}

h2 {
	font-size: 1.4rem;
}

.byauth {
    font-size: 1.15rem;
}

#logo2012 {
    width: 40%;
}


#wst_logo {
    width: 50%;
} 

#video_performance1-era {
	width: 65%;
}

#video_performance1 {
	width: 75%;
}
#video_performance2 {
	width: 75%;
}
#video_performance3 {
	width: 75%;
}
#video_performance4 {
	width: 75%;
}

#video_performance5 {
	width: 75%;
}


#video_performance-lg1 {
	width: 75%;
}

#video_performance-lg2 {
	width: 75%;

}

.repub {
	font-size: .85rem;
}


#flyer {
	width: 95%;
}

.imgcap {
	font-size: .85rem;
}


.wst {
	font-size: 1.1rem;
}


.invuee {
	font-size: 1.1rem;
}

.question {
	font-size: 1.25rem;
  }
 
 .answers {
	font-size: 1.25rem;
  }
  
 
 

.comment {
    font-size: .9rem;
}

 
#facebook {
	width: 80%;
}  
  

 
#wst-listens  {
	width: 60%;
}

}



@media screen and (max-width: 500px) /* Mobile */ {

body {
    width: 100%;
}

.imgcap {
	font-size: .85rem;
}

#upclose-logo {
    width: 40%;
}

#wstlogo {
	width: 60%;
}

.byauth {
    font-size: 1rem;
}



#content {
	width: 90%;
	font-size: 1.2rem;
}

.repub {
	font-size: .8rem;
}


#purple {
	border: none;
}

 
#rama-logo {
    width: 75%;
}


#pcentral_logo {
    width: 75%;
}

.copyright {
	font-size: .8rem;
}

.exclusive {
	font-size: .8rem;

}


h1 {
	font-size: 1.4rem;
}

		/*
		h2 {
			font-size: 1.1rem;
			font-weight: 500;
		}
		
		h1 {
		font-size: 1.5rem;
		}

		*/


.blue-h1 {
	font-size: 1.4rem;
}

h2 {
	font-size: 1.265rem;
}


.champs {
	font-size: .8rem;
	line-height: normal;
}

#video_performance1-era {
	width: 75%;
}

#video_performance1 {
	width: 95%;
}

#video_performance2 {
	width: 95%;
}

#video_performance3 {
	width: 95%;
}

#video_performance4 {
	width: 95%;
}

#video_performance5 {
	width: 95%;
}

#video_performance-lg1 {
	width: 95%;
}

#video_performance-lg2 {
	width: 95%;

}

#flyer {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}

 
#logo2 {
	width: 50%;
    margin: 10px 15px 0 0;
}

.wst {
    font-size: 1rem;
}

.invuee {
    font-size: 1rem;
}

.question {
  	font-size: 1.1rem;
}
 
.answers {
  	font-size: 1.1rem;
}




.related {
    font-size: .95rem;
}

 
#facebook {
	width: 100%;
}  
  
 
#wst-listens  {
	width: 75%;
}
}