body {
background-image:url("https://easternthunder.com/cloudpeople/images/background-tile-2016.jpg");
background-position: top center;
background-repeat:repeat;
background-attachment:fixed;
margin-left:0; 
margin-right:0; 
margin-top:0; 
margin-bottom:0;
width:100%;
overflow:scroll;
}

#player {
font-family: Cloud People Bold, trebuchet ms, arial, verdana !important;  
}

hr.news-date {
border-top: 1px solid #fff;
border-bottom: 0;
border-left: 0;
border-right: 0;
margin-top: -3px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}


img.headlines-links-container {
float: left;
margin-right: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
height: 20px;
width: 20px;
}



div.headlines-links-container {
width: auto;
margin: 0;
  border-style: solid;
border-width: 2px 0px 2px 0px;
border-color: #840000;
height: 800px;
overflow: scroll;
padding-top: 3px;

}






div.headline-links {
background-color:#e4f4ff;
padding: 10px;
display:inline-block;
margin-top: 5px;
margin-bottom: 1px;
margin-right: 0;
width: 230px;
color: #5c8199;

border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
transition: width 2s;
transition: .7s ease;		
-webkit-transition: .7s ease;

}


div.headline-links:hover {
background-color:#c60013;
color: #fff;

transition: width 2s;
transition: .7s ease;		
-webkit-transition: .7s ease;
}


span.news-date {
font-family: Roboto, arial, verdana;  
font-size: 8px;
  float: left;
  font-weight: light;
text-transform: capitalize;
}





span.date-list {
font-family: Cloud People Bold, trebuchet ms, arial, verdana;
font-size: 9px;
color: #686c52;
  float: right;

}



.newsvideo {
float:left;
padding:10px;
margin: 0px;
display:inline;
background-color:#fff;
background-repeat: repeat;
border-width: 1px;
border-style: solid;
}

A.news:link {
font-family: Cloud People Bold, trebuchet ms, arial, verdana;
color: #840000;
font-size: 13px;  
font-weight: bold;
text-decoration: none;
}

A.news:visited {
color: #840000;
}

A.news:hover {
color: #c60013;
}

A.news:active {
color: #c60013;
}



A.headline2:link{
font-family: Cloud People Bold, trebuchet ms, arial, verdana;
font-size: 20px;  
color: #840000;
font-weight: bold;
text-decoration: none;
}

A.headline2:visited {
}

A.headline2:hover {
}







A.headline:link{
font-family: Cloud People Bold, trebuchet ms, arial, verdana;
font-size: 20px;  
color: #840000;
font-weight: bold;
text-decoration: none;
}

A.headline:visited {
}

A.headline:hover {
}









@font-face {
font-family: Cloud People Bold;
src: url(https://easternthunder.com/cloudpeople/fonts/Cloud-People-Bold.ttf);
font-weight: bold;
}

@font-face {
font-family: Cloud Swept Bold Italic;
src: url(https://easternthunder.com/cloudpeople/fonts/Cloud-Swept-Bold-Italic.ttf);
font-weight: bold;
font-style: Italic;
} 

div.socialxpander {
margin-top 80px;
margin-left:23px;
padding: 10px;
display: inline-block;
background-color: #000;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}

div.creditsrow {
  text-align: center;
width: 100%;
height: 71px;
display: inline-block;
vertical-align: bottom;
display: flex;
  justify-content: center;
  align-items: center;
}

div.batona-music-nj-logo,
div.nice-logo,
div.batona-music-logo {
vertical-align: bottom;
background-repeat: no-repeat;
background-attachment:relative;
background-position: center; 
display: inline-block;	
overflow: visible;
transition: width 2s;
padding: 3px;
transition: .7s ease;		
-webkit-transition: .7s ease;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
position: relative;
top: 20%;
margin: auto; 
}

div.batona-music-logo {
background-image: url("https://easternthunder.com/cloudpeople/images/batona-music-logo.png");
background-size: 60%;
width: 70px;
height: 30px;
}

div.batona-music-logo:hover {
background-image: url("https://easternthunder.com/cloudpeople/images/batona-music-logo.png");
background-size: 70%;
width: 80px;
height: 40px;
background-color: #c60013;
}

div.batona-music-nj-logo {
background-image: url("https://easternthunder.com/cloudpeople/images/batona-music-nj-logo-about.png");
background-size:50%;
width: 30px;
height: 30px;
}

div.batona-music-nj-logo:hover {
background-image: url("https://easternthunder.com/cloudpeople/images/batona-music-nj-logo-about.png");
background-size: 55%;
width: 40px;
height: 40px;
background-color: #c60013;
}

div.nice-logo {
vertical-align: center;
background-image: url("https://easternthunder.com/cloudpeople/images/nice-logo.png");
background-size: 40%;
width: 70px;
height: 30px;
}

div.nice-logo:hover {
background-image: url("https://easternthunder.com/cloudpeople/images/nice-logo.png");
background-size: 50%;
width: 80px;
height: 40px;
background-color: #c60013;
}

div.liquid {
height: auto;
width: 30%;
border: 0;
min-width: 300px;
margin: 2px;
vertical-align:top;
display:inline-block;
padding: 5px;
}

div.liquid.hover {
color:#fff;
margin: 5px;
display:inline-block;
padding: 10px;
border: 0;
}

div.cloudboxAcontainer {
margin-top: -1px;
vertical-align: top;
display: inline-block;
margin-right: 10px;
text-align: right;
width: 300px;
}

div.cloudboxA {
margin: -2px;
display: inline;
padding: 2px 5px;
border: 1px solid;
border-color: #000;
background-color: #fff;
color: #000;
font-family: Cloud People Bold, trebuchet ms, arial, verdana;
font-weight: bold;
font-size: 10px;
}

div.cloudboxB {
margin: -3px;
display: inline;
padding: 2px 3px;
border: 1px solid;
border-color: #000;
background-color: #000;
color: #fff;
font-family: Cloud People Bold, trebuchet ms, arial, verdana;
font-weight: bold;
font-size: 10px;
overflow: hidden;
transition: .7s ease;		
-webkit-transition: .7s ease;
}

div.cloudboxB:hover {
padding: 10px 15px;
border: 1px solid;
border-color: #000;
color: #fff;
background-color: #c60013;
transition: .7s ease;		
-webkit-transition: .7s ease;	
}

div.cloudender {
margin: -2px;
top: 0px;
width: 12px;
color: #000;
padding: 2px 5px;
font-family: Cloud People Bold, trebuchet ms, arial, verdana;
font-weight: bold;
font-size: 10px;
display: inline-block;
border: 1px solid;
border-color: #000;
background-color: #000;
border-bottom-right-radius: 16px;
-webkit-border-bottom-right-radius: 16px;
-moz-border-bottom-right-radius: 16px;              
}

title{ height: 0; 
padding-top: 240px;
overflow: hidden;
display: block; 
background-color: #00CCFF;
color:#FFCC66;
}

h1 { 
font-family: Cloud People Bold, trebuchet ms, arial, verdana;
font-size: 20px;  
color: #4b3a23;
margin-bottom: 20px;
display: inline; 
}

span.bigtitle {
font-size: 72px;
font-family: Cloud Swept Bold Italic, Cochin Bold Italic, trebuchet ms, arial, verdana;
background: -webkit-linear-gradient(#686C52, #4B3A23);
display: inline-block;
padding: 10px;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

span.floatingumber {
font-size: 72px;
font-family: Cloud People Bold, trebuchet ms, arial, verdana;
background-color: -webkit-linear-gradient(#686C52, #4B3A23);
background: -webkit-linear-gradient(#686C52, #4B3A23);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

td.header { 
padding: 0px;
border: 0px;
width: 1000px;
height: 85px;
text-align: center;
vertical-align: top; 
}

td { 
font-family: Cloud People Bold, trebuchet ms, arial, verdana;
font-size: 14px;
color: #4b3a23;
}

td.subnav { 
padding: 0px;
border: 0px;
height: 18px;
text-align: center;
vertical-align: top; 
}

td.leftheader { 
padding: 0px;
border: 0px;
width: 334px;
height: 85px;
text-align: center;
vertical-align: top; 
}

td.logoheader { 
padding: 0px;
border: 0px;
width: 333px;
height: 85px;
text-align: center;
vertical-align: top; 
}

td.rightheader { 
padding: 0px;
border: 0px;
width: 333px;
height: 85px;
text-align: right;
vertical-align: top; 
}

td.nav { 
padding: 0px;
border: 0px;
vertical-align: top; 
width: 1000px;
height: 57px;
}

td.content { 
padding: 0px;
border: 0px;
vertical-align: top; 
text-align: center;
width: 1000px;
background-color:#FFFFFF;
}

/* after contentbody */
td.margincolumns { 
padding: 0px;
border: 0px;
text-align: center;
width: 50px;
}

td.headliner { 
padding: 0px;
border: 0px;
text-align: left;
vertical-align:top;
}

td.content3a {
width: 250px;
padding: 0px;
border: 0px;
text-align: left;
vertical-align:top;
}

td.content3b { 
width: 315px;
padding: 0px 10px 0px 0px;
border: 0px;
text-align: left;
vertical-align:top;
}

td.content3ab {
width: 565px;
padding: 0px 10px 0px 0px;
border: 0px;
text-align: left;
vertical-align:top;
}

td.content-fullwidth {
width: 880px;
padding: 0;
border: 0px;
text-align: left;
vertical-align:top;
}

td.content3c { 
width: 325px;
padding: 0px;
border: 0px;
text-align: left;
vertical-align:top;
}

td.content2a {
width: 325px;
padding: 0px 10px 0px 0px;
border: 0px;
text-align: left;
vertical-align:top;
}

td.content2b { 
width: 565px;
padding: 0px 0px 0px 20px;
border: 0px;
text-align: left;
vertical-align:top;
}

table.sky {
background-image:url("https://easternthunder.com/cloudpeople/images/bg.jpg");
background-position:center top;
background-repeat:no-repeat;
background-attachment: scroll;
}


table.wild-and-shit {
border: 0;
margin: 0;
padding: 0;
}

/* divs */
.newsphoto {
float:left;
padding:10px;
margin: 0px 10px 10px 0px;
display:inline;
background-color:#ffffff;
border-width: 1px;
border-style: solid;
border-color: #a6d7fc;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;              

}

.newsphotofullcolumn {
float:left;
padding:10px;
margin: 0px 10px 10px 0px;
display:inline;
background-color:#ffffff;
border-width: 1px;
border-style: solid;
}

.newsphotofullcolumn-right {
float:right;
padding:10px;
margin: 0px 0px 10px 10px;
display:inline;
background-color:#ffffff;
border-width: 1px;
border-style: solid;
}

table.headliner {
padding: 0px 10px 0px 0px;
vertical-align:top;
width: 240px;
}

td.footer { 
padding: 0px;
border: 0px;
width: 1000px;
height:71;
background-image:url("https://easternthunder.com/cloudpeople/images/footer-bg.png");
background-position:center;
background-repeat:no-repeat;
}


A:link {
font-family: Cloud People Bold, trebuchet ms, arial, verdana;
color: #840000;
font-weight: bold;
text-decoration: none;
}
A:visited {
color: #840000;
font-weight: bold;
text-decoration: none;
}
A:hover {
color: #c60013;
font-weight: bold;
text-decoration: none;
}

A.image:link{
border: 0;
}
A.image:visited {
border: 0;
}
A.image:hover {
background-color:;
border: 0;
}


span.note { 	
font-family: Cloud People Bold, trebuchet ms, arial, verdana;
font-size: 11px;
color: #686c52;
}

span.navnote { 	
font-family: Cloud People Bold, trebuchet ms, arial, verdana;
font-size: 10px;
color: #fff;
}

span.date {

font-family: Roboto, arial, verdana;  
text-transform: uppercase;
font-size: 8px;
  font-weight: light;
  color: #4b3a23;
  float: right;
}


.evensofter {
margin-bottom: 5px;
width: 590px;
padding: 20px 20px;
vertical-align:top;
/*  border: 1px rgb(104, 108, 82) solid; */
border-radius: 27px;
-webkit-border-radius: 27px;
-moz-border-radius: 27px;              
/* When image support is turned off background: #f2faff; */
background: #e4f4ff;
}


.evensofterfull {
margin-bottom: 5px;
width: 860px;
padding: 20px 20px;
vertical-align:top;
/*  border: 1px rgb(104, 108, 82) solid; */
border-radius: 27px;
-webkit-border-radius: 27px;
-moz-border-radius: 27px;              
/* When image support is turned off background: #f2faff; */
background: #e4f4ff;
}

.evensofterstore {
margin-bottom: 5px;
width: 100%;
padding: 10px 10px;
vertical-align:top;
/*  border: 1px rgb(104, 108, 82) solid; */
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;              
/* When image support is turned off background: #f2faff; */
background: #e4f4ff;
}

::selection
{
color:#fff;
background-color: #686c52;
}

::-moz-selection
{
color:#fff;
background-color: #686c52;
}

/* menu */
#menu{ 
margin:0px; 
padding:0px; 
list-style:none; 
color:#fff; 
display:inline-block;
float:center; 
vertical-align: middle;
z-index:1000; 
display: flex;
justify-content: center;
align-items: center;
    
    
	}
#menu a { 
font-family: Cloud People Bold, trebuchet ms, arial, verdana;
font-size: 14px;
color: #840000;
font-weight: bold;
display: block;
text-decoration: none;
margin-bottom: 5px;
width: auto;
padding: 5px 10px;
border: 2px solid;
border-color: #ffffff;
border-radius: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;              
background: #fff;
transition: width 2s;
transition: .7s ease;		
-webkit-transition: .7s ease;	
}

#menu > li {
background: none repeat scroll 0 0; 
cursor:pointer; 
float:left; 
position:relative;
padding:0px 10px;
transition: width 2s;
transition: .7s ease;		
-webkit-transition: .7s ease;	
}   
    
#menu > li a:hover {
color: #fff;
display: block;
margin-bottom: 5px;
width: auto;
padding: 5px 10px;
border: 2px solid;
border-color: #fff;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;              
/* When image support is turned off */
background: #c60013;
transition: width 2s;
transition: .7s ease;		
-webkit-transition: .7s ease;	
}

#menu > li a:active {
color: #c60013;
display: block;
margin-bottom: 5px;
width: auto;
padding: 5px 10px;
border: 2px solid;
border-color: #c60013;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;              
background: #fff;
}

#currentpage a {
color: #fff;
display: block;
margin-bottom: 5px;
width: auto;
padding: 5px 10px;
border: 2px solid;
border-color: #ffffff;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;              
background: #840000;
}


/* sub-menus*/
#menu ul { 
padding:0px; 
margin:0px; 
display:block; 
display:inline;
}

#menu li ul { 
position:absolute; 
left:-40px; 
top:0px; 
margin-top:29px; 
width:160px; 
line-height:16px;
border: 2px solid;
border-bottom-color:#840000;
border-left-color:#840000;
border-right-color:#840000;
border-top-color:#fff;
border-radius-topleft: 0px;
-moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
border-radius-topright: 0px;
-moz-border-radius-topright: 0px;
-webkit-border-top-right-radius: 0px;
border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
background-color:#fff; 
color: #840000;
z-index: 3;
/* for IE */ 
display:none;	
}

#menu li:hover ul { 
display:block;
}

#menu li ul li{ display:inline-block; 
margin:0px 20px; 
width: 120px;
padding: 5px 0px;  
border-top: dotted 1px #840000;
list-style-type:none;
z-index: 3;
position:relative; 
}

#menu li ul li:first-child { 
border-top: none; 
}

#menu li ul li a { 
color: #840000;
font-weight: bold;
display: block;
text-decoration: none;
margin-bottom: 0px;
width: auto;
padding: 5px 10px;
border: 2px solid;
border-color: #ffffff;
border-radius: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;              
/* When image support is turned off */
background: #fff;
transition: width 2s;
transition: .7s ease;		
-webkit-transition: .7s ease;	
}

#menu li ul li a:hover { 
color: #fff;
display: block;
margin-bottom: 0px;
width: auto;
padding: 5px 10px;
border: 2px solid;
border-color: #ffffff;
border-radius: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;              
/* When image support is turned off */
background: #c60013;
transition: width 2s;
transition: .7s ease;		
-webkit-transition: .7s ease;	
}

#menu li ul li a:active {
color: #c60013;
display: block;
margin-bottom: 5px;
width: auto;
padding: 5px 10px;
border: 2px solid;
border-color: #c60013;
border-radius: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;              
/* When image support is turned off */
background: #fff;
}

/* Gallery Pictures album rollovers */
.cssnav {
position:relative;
font-family: Cloud People Bold, trebuchet ms, arial, verdana;
display: inline-block;
width: 445px;
height: 100px;
text-align:center;
margin: 0;
padding: 0;
}
.cssnav a {
display: inline-block;
font-size: 11px;
background-image: url("https://easternthunder.com/cloudpeople/pictures/over.jpg");
background-repeat: no-repeat;
width: 445px;
height: 100px;
margin: 0;
padding: 0;
color: black; text-decoration: none;
}

.cssnav img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden}

.cssnav span {
position:absolute;
left:5px;
top:3px;
margin:0;
cursor: pointer;
}

div.artists {
width: 896px;
border: 0;
padding: 0;
margin: 0;
}

div.artistsgrid {
width: 448px;
border: 0;
padding: 0;
margin: 0;
text-align:left;
display:inline-block;
float: left;
}

span.backgroundcolor {
background-color: #fff;
font-size:16px;
padding: 2px 5px 0 0;
margin: 75px -5px;
color:#840000;
border-radius-topleft: 0px;
-moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
border-radius-topright: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
border-radius-bottomleft: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
border-radius-bottomright: 0px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
}

td.store-line {
border-bottom-color:#fff;
border-bottom-style:solid;
border-bottom-width: 1px;
padding: 3px;
}