﻿html, body { margin: 0px; padding: 0px; width: auto; }
body { font-family: 'Montserrat', Arial, sans-serif; font-size: 0.8em; background-color: #000000; }

main { display: block; width: auto; max-width:600px;margin: 0px auto; padding: 0px 5px 5px 5px; padding-bottom:50px; }

header { width: auto; margin-bottom:20px; display:block; padding-bottom:20px; }

header img.abwlogo {  width:100%; }
/*header img.bslogo { width: 50%; float: right; margin-top: 20px; height:100%; }*/

nav { clear: both; width: auto; display: block; margin-bottom:40px; color: #ffffff; }
    nav ul { padding:0px; margin:0px; display:block; }
    nav li { padding: 0px; margin: 0px; display: block; margin:10px 0px; list-style:none; }
        nav li a { padding: 2px 10px; margin: 0px; color: #ffffff; display:block; font-weight:bold; text-decoration:underline; font-size:1.2em; }

article { clear: both; width: auto; display: block; margin-top:20px; margin-bottom:20px; padding-bottom:20px; }

article.event {min-height:100px; background-color:#ffffff;  }
article .header {}
article .header .banner{ width:100%; }

article .body { padding:5px 10px; }
    article .body hr { }
    article .footer { }

 h1 { font-weight: normal; margin: 0px; margin-top:5px; padding: 0px; font-size: 1.3em; font-weight:bold; }
h1 span { display: block; }
h1 span.byline { font-size: 0.8em; display: block; font-weight:normal; margin-top:2px; }

.body .description {}

.body .details { }
.body .details span {display:block; }
.body .details .datetime, .body .details .location { display: block; font-weight:bold; }
.body .details .price {margin-bottom:10px; font-weight:bolder;}
 .body .links { }
.body .tickets { border: 1px solid #000; padding: 5px 40px; margin: 20px 0px 10px 0px; width: 100px; display: block; text-align: center; color: #fff; background-color: darkblue; }


@media (min-width: 810px) { 
    main{ width:760px; margin:0px auto;}
    header img.abwlogo { width: 100%; }
    /*header img.bslogo { width: 300px; float:right; margin-top:20px;}*/

    h1 { font-weight: normal; margin: 0px; padding: 0px; font-size: 1.7em; }
    h1 span { display: inline-block; }
    h1 span.byline { font-size: 0.7em; display: block; }
    
    article{}
    article .header { }
    article .body { padding: 10px 20px; }

}