 .newstable{
                   display: table;
             	    width: 80%;
             	   padding-top: 0px;
             	   margin-top: 0px;
             	   text-align: left;
 }
 .newsrow{
                  display: table-row;
         	  width: 100%;
         	  padding-top: 0px;
         	  margin-top: 0px;
}

.newsleft{
           
              display: table-cell;
              color:  rgb(0,0,0);
              width: 10%;
              padding-top: 0px;
              font-family: "Trebuchet MS", Helvetica, sans-serif;
              font-size:30px;
              font-stretch:100%
              font-weight: 700;
              letter-spacing:1px;
	      line-height:37.5px;
	      vertical-align: top;
	       
	      

}
.newscenter{
           
              display: table-cell;
              color:  rgb(0,0,0);
              width: 30%;
              padding-top: 0px;
              
}
.newsright{
           
              display: table-cell;
              color:  rgb(0,0,0);
              width: 60%;
              padding-top:35px;
              vertical-align: top;
              padding-left: 50px;
}
.newskuva{
     width: 80%;
}

.atable{
                   display: table;
             	    width: 100%;
             	   padding-top: 0px;
             	   margin-top: 0px;
 }
 .arow{
                  display: table-row;
         	  width: 100%;
         	  padding-top: 0px;
         	  margin-top: 0px;
}

.aleft{
           
              display: table-cell;
              color:  rgb(0,0,0);
              width: 20%;
              padding-top: 0px;
              font-family: "Trebuchet MS", Helvetica, sans-serif;
              font-size:30px;
              font-stretch:100%
              font-weight: 700;
              letter-spacing:1px;
	      line-height:37.5px;
	       vertical-align: top;
	       
	      

}
.acenterpromo{
           
              display: table-cell;
              color:  rgb(0,0,0);
              width: 75%;
              padding-top: 40px;
              vertical-align: top;
              padding-left: 30px;
              
}
.acenter .artistpic{
   	          width: 50%;
   	  	  height: auto;
   	  	  float: left;
   	  	  padding-right: 30px;
   	  	  vertical-align: top;
             }

.arightpromo{
           
              display: table-cell;
              color:  rgb(0,0,0);
              width: 25%;
              padding-top: 40px;
              vertical-align: top;
              padding-left: 20px;
	      
	      margin-top: 0px;
	      vertical-align: top;
	      padding-bottom: 50px;
	      
}

.mtable{
                   display: table;
             	    width: 100%;
             	   padding-top: 0px;
             	   margin-top: 0px;
 }
 .mrow{
                  display: table-row;
         	  width: 100%;
         	  padding-top: 0px;
         	  margin-top: 0px;
}

.mleft{
           
              display: table-cell;
              color:  rgb(0,0,0);
              width: 20%;
              padding-top: 0px;
              font-family: "Trebuchet MS", Helvetica, sans-serif;
              font-size:30px;
              font-stretch:100%
              font-weight: 700;
              letter-spacing:1px;
	      line-height:37.5px;
	      vertical-align: top;
	       
	      

}
.mcenter{
           
              display: table-cell;
              color:  rgb(0,0,0);
              width: 580px;
              padding-top: 20px;
              vertical-align: top;
              padding-left: 30px;
              padding-right: 30px;
}

.mcenter .artistpic{
	          width: 40%;
	  	  height: auto;
	  	  float: left;
	  	  padding-right: 30px;
	  	  padding-bottom: 15px;
          }
          
          .mcenter .newspic2{
	  	          width: 100%;
	  	  	  height: auto;
	  	  	  float: left;
	  	  	  padding-right: 30px;
	  	  	  padding-bottom: 15px;
          }
          .mcenter .newstop{
            font-size: 20px;
            line-height: 30px;
          }





 .circle h2{
    font-size: 30px;
    display: block;
    margin: 0;
 }
 .circle h3{
     font-size: 20px;
     display: block;
     margin: 0;
 }

  .circle .centeringWrapper {
    display: table-cell !important;
    text-align: center;
    vertical-align: middle;
}
.img-circle {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
}
  
  .circle {
    border-radius: 170px 170px 170px 170px;
    color: #FFFFFF;
    display: table;
    height: 170px;
    margin: 0 auto 25px;
    width: 170px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: relative;
    overflow: hidden;
    background-color: #231F20;
      border-color: #231F20;
      margin-left:100px;
  
  }
   .sectionHeader .circle{
       border-radius: 170px 170px 170px 170px;
           color: #FFFFFF;
           display: table;
           height: 170px;
           margin: 0 auto 25px;
           width: 170px;
           -webkit-transition: all 0.2s linear;
           -moz-transition: all 0.2s linear;
           -ms-transition: all 0.2s linear;
           -o-transition: all 0.2s linear;
           transition: all 0.2s linear;
           position: relative;
           overflow: hidden;
           background-color: #231F20;
      border-color: #231F20;
   }
   
 
  .circle img {
    border-radius: 160px 160px 160px 160px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 160px;
    height: 160px;
    margin: 5px;
  }
  .circle .centeringWrapper img {
    width: auto;
    height: auto;
    border-radius: 0;
    margin: 0;
    position: relative;
  }
  .circle:hover {
    width: 176px;
    height: 176px;
  }
  .circle:hover img {
    opacity: 1;
    width: 166px;
    height: 166px;
  }
  .circle.noTransition:hover {
    width: 170px;
    height: 170px;
  }
  .circle.noTransition:hover img {
    opacity: 1;
    width: 160px;
    height: 160px;
  }
  .circle.noTransition:hover .centeringWrapper img {
    width: auto;
    height: auto;
  }
  .centeringWrapper {
    display: table-cell !important;
    text-align: center;
    vertical-align: middle;
}
.circle .textOverlay {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  height: 170px;
  opacity: 1;
  width: 170px;
  z-index: 2;
  position: relative;
  text-shadow: 1px 1px 0px #000;
  display: block;
  
}
.month, .date, .year {
  
  font-family: 'Bree Serif',serif;
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase;
   display: block;
      text-align: center;
    
    color: rgb(255, 255, 255);
  
    text-size-adjust:  100%;
    text-transform:  uppercase;
     vertical-align: middle;
}
.date {
  font-size: 48px;
  margin-bottom: 2px;
   line-height: 48px;
  
}
.month{
  line-height: 24px;
}
.year{
  line-height: 24px;
}
.circle:hover .textOverlay {
  opacity: 1;
  color: #fffff;
}
.entryMetaInfo .textOverlay {
  opacity: 1;
}
.entryMetaInfo img {
  opacity: 1;
}
.entryMetaInfo .circle:hover img {
  opacity: 1;
}


@media all and (max-width: 1000px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    .newstable{
                      display: block;
    }
    .newsrow{
                     display: block;
    }
   
   .newsleft{
             
                 display: block;
                
                 font-size:30px;
                 font-stretch:100%
                 font-weight: 700;
                 letter-spacing:1px;
   	         line-height:37.5px;
   	         vertical-align: top;
   	         width: 100%;
   	         text-aling: center;
   	      
   
   }
   .newscenter{
              
                 display: block;
                 color:  rgb(0,0,0);
                 width: 100%;
                 padding: 0px;
                 text-align:center;
                 margin-left: auto;
                 margin-right: auto;
                 text-aling: center;
                  
     
       
                 
   }
   .newsright{
              
                 display: block;
                 color:  rgb(0,0,0);
                  width: 100%;
                 padding:0px;
                   vertical-align: top;
                   text-aling: center;
                   
                 
   }
   .newskuva{
        width: 100%;
        text-align: center;
   }
    .atable{
                         display: block;
       }
       .arow{
                        display: block;
       }
      
      .aleft{
                
                    display: block;
                   
                    font-size:30px;
                    font-stretch:100%
                    font-weight: 700;
                    letter-spacing:1px;
      	         line-height:37.5px;
      	         vertical-align: top;
      	         width: 100%;
      	      
      
      }
      .aleft{
                      
                          display: block;
                         
                          font-size:30px;
                          font-stretch:100%
                          font-weight: 700;
                          letter-spacing:1px;
            	         line-height:37.5px;
            	         vertical-align: top;
            	         width: 100%;
            	      
            
      }
     .acenterpromo{
                      
                         display: block;
                         color:  rgb(0,0,0);
                          width: 100%;
                         padding: 0px;
                           vertical-align: top;
                           
                         
      }
      .aright{
                 
                    display: block;
                    color:  rgb(0,0,0);
                     width: 100%;
                    padding-top: 30px;
                      vertical-align: top;
                    text-align:center;
                    padding-left:0px;
                      
                    
      }
       .arightpromo{
                       
                          display: block;
                          color:  rgb(0,0,0);
                           width: 100%;
                          padding-top: 30px;
                            vertical-align: top;
                          text-align:center;
                          padding-left:0px;
                            
                          
      }
      .acenter .artistpic{
         	          width: 100%;
         	  	  height: auto;
         	  	  float: none;
         	  	  padding-right: 30px;
         	  	  vertical-align: top;
         	  	  padding-bottom: 30px;
      }
      .mtable{ display: block; }
      .mrow{display: block; }
      .mleft{
        display: block;
        font-size:30px;
        font-stretch:100%
        font-weight: 700;
        letter-spacing:1px;
        line-height:37.5px;
        vertical-align: top;
        width: 100%;
       }
       .mcenter{
            display: block;
            color:  rgb(0,0,0);
            width: 100%;
            padding: 0px;
            vertical-align: top;
                         text-align:center;
            }
            .presscenter{
	                display: block;
	                color:  rgb(0,0,0);
	                width: 100%;
	                padding: 0px;
	                
	                vertical-align: top;
	                             text-align:center;
            }
        
  
   .sectionHeader .circle{
      background: none;
      color: rgb(0,0,0);
      height:100%;
   }
    .circle {
      margin-left:auto;
       margin-right:auto;
       text-align:center;
    }
    
    .mcenter .artistpic{
    	          width: 100%;
    	  	  height: auto;
    	  	  float: none;
    	  	  padding-right: 30px;
    	  	  padding-bottom: 15px;
          }
 

}