/*
x20190624 - johns2ja - 24 June 2019 - CSS changes
x20180912 - johns2ja - 12 September 2018 - add postponed status
x20170628 - johns2ja - 28 June 2017 - remove rules inhibiting new RWD site. 
*/
/* styles.css reset*/
#main .event-list-details h1, 
#main .event-list-details h2,
#main .event-list-details h3,
#main .event-list-details h4,
#main .event-list-details h5{
    margin: 0;
    padding: 0;
    background: none;    
}

.event-list-details{ padding: 5px 20px; }

.event-list-details h2, 
.event-list-details h3, 
.event-list-details h4, 
.event-list-details h5 {
/*    letter-spacing: -0.1em; */
/*    padding: 2px 0; */
    line-height: 18px;
}

#main .event-list-details h2{ font-size: 16px; }
#main .event-list-details h3{ font-size: 14px; }
#main .event-list-details h4{ font-size: 12px; }
#main .event-list-details h5{ font-size: 10px; }

body{
/*     font-family: "Open Sans", Arial, Helvetica, sans-serif; */
}

/* end font rules */

.event-list-details img{/*width: 100%; REMOVED 9 July 2014 per johns2ja*/ max-width: 300px; /* johns2ja */ }
.event-list-details img.sponsorimg { max-width: 145px !important; } /* x20190624 */
.panel{
    padding: 5px;
    margin: 10px 0;
    background-color: #F2EDDC;
}
.titlepanel{ padding-left: 15px; }
.panel .title{ font-size: 20px; }

#quote #source{ text-align: right; }

.button{
    color: #F2EDDC; /*#FFF; */
    background-color: #593f70;
/*     font-family: "Miso Bold", "Helvetica", "Arial", "Lucida Grande", "Verdana", "Gill Sans", sans-serif;      */
    text-align: center;
    font-size: 10px;
    padding: 5px 0;
    margin: 0 0 10px 0;
    clear: right;
}

.buttonpanel a .button { width: 150px; margin-left: 20px; margin-left: 24px; }

#main .buttonpanel a:hover{ text-decoration: none; }

.sponsorimgparent { clear:both; white-space: nowrap; float: right; }
/* change for 2015-2016 season .sponsorimg{ /*width:60px !important; float:right; max-width:60px;  *//* height: 33px !important; max-height: 33px; clear:both; vertical-align: middle;} */

.sponsorimg{/*height: 43px !important; max-height: 43px;*/ clear:both; vertical-align: middle;}/* height rules removed per x20170628 */

#photoCredit{
    font-size: 9px;
    float: right;
}
#eventCredits, #stipulation{
    font-size: 15px;
    font-weight: bold;
}
#eventCredits p{ line-height: 10px; }
#stipulation{ padding-bottom: 10px; }
#priceTitle{
/*     font-family: "Miso Bold", "Helvetica", "Arial", "Lucida Grande", "Verdana", "Gill Sans", sans-serif;      */
}

.venue {font-size: 10px;}

.dropshadow {
    -moz-box-shadow: 3px 3px 4px #999; /* Firefox */
    -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
    box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
    : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */ 
}


.dates p{
    font-size: 12px;
    line-height: 12px !important;
    margin: 0 0 8px !important;
    float: right;
    clear: both;
}

.soldout, .justadded, .cancelled, .postponed{/* x20180912 added postponed */
    font-weight: bold;    
}

.soldout, .cancelled, .justadded, .postponed{   color: #B22222;  }/* x20180912 added postponed */

.event-list-details:last-child{ padding-bottom: 40px;}
.event-list-details:last-child hr{display: none;}


#main .event-list-details h3 {
    font-weight: normal;
}




/* RESPONSIVE */
/*
@media all and (max-width: 480px){
    .yui3-u-1-2, .yui3-u-1-4{
        width: 100%;
                .event-list-details { max-width: 480px; }
    }
    .titlepanel{ width: 100%;}
    .buttonpanel{ width: 100%;}
}
@media all and (min-width: 480px){
    .titlepanel{ width: 95%; float: right;}
    .buttonpanel{ width: 90%; float: right;}
}
@media all and (min-width: 1024px){
}


@media all and (max-width: 768px){ 
.event-list-details { max-width: 768px; }  
}

@media all and (max-width: 600x) { 
    .event-list-details { max-width: 600px; }  
}
@media all and (max-width: 320x){ 
    .event-list-details { max-width: 320px; }  
}

@media all and (max-width: 240px){ 
    .event-list-details { max-width: 240px; } 
}

*/