* { font-family: 'PT Sans', sans-serif; font-size:20px;  }

#live p { font-size:20px; line-height:25px; }


/* 508 */
.dark-blue { color:#235374;  }
.burnt-orange { color:#824a00; }



.beige { color:#f1dec8;  }
.pumpkin { /* color:#cb7c20; */ color:#824a00; }
.blue { color:#77b9c7;  }

h1, h2, strong, nav a { font-family:'Alegreya Sans'; font-weight:300; }
h1 { font-size:30px; color:#7e0000; }
h2 { font-size:24px; }
h3 { font-size:19px; }

figcaption { font-family:'Alegreya Sans'; font-weight:300;  }

select, option { color:#000; }

.title { color:#77b9c7; text-transform: uppercase; }

.author { color:#cb7c20; font-size:12px; text-transform:uppercase; }
.small-yellow { color:#f7f1ac; font-size:10px; text-transform:uppercase;  }
a { color:#7e0000; text-decoration:none; }
a:hover {  text-decoration:underline; color:#235374; }

em { font-color:inherit !important;  }

.zero { margin:0; padding:0; }

.leftImage { float:left; margin:0 15px 15px 0px;  }
.rightImage { float:right; margin:0 0 15px 15px;  }


.social a:hover img  { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 

@-webkit-keyframes swing { 
    20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 
    20% { -webkit-transform: rotate(15deg); } 
    40% { -webkit-transform: rotate(-10deg); } 
    60% { -webkit-transform: rotate(5deg); } 
    80% { -webkit-transform: rotate(-5deg); } 
    100% { -webkit-transform: rotate(0deg); } 
} 
@keyframes swing { 
    20% { transform: rotate(15deg); } 
    40% { transform: rotate(-10deg); } 
    60% { transform: rotate(5deg); } 
    80% { transform: rotate(-5deg); } 
    100% { transform: rotate(0deg); } 
} 
.social a:hover img { 
    -webkit-transform-origin: top center; 
    transform-origin: top center; 
    -webkit-animation-name: swing; 
    animation-name: swing; 
}