*
{
    font-size: 13px;
    line-height: 20px;
    font-family: Verdana;
    color: #000000;
}

.small,
.small *
{
    font-size: 10px;
}

a:hover
{
    color: #ff0000;
    text-decoration: none;
}

body 
{
    background-color: #eeeeee;
    padding: 0;
    margin: 0;
}

ul
{
    padding-left: 18px;
}

#header
{
    text-align: left;
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px 10px 0 10px;
    border-bottom: dashed 1px #ccc;
}

#header h1
{
    text-align: center;
    font-size: 20px;
}

#header #mc_embed_signup
{
    text-align: center;
}

#events
{
    text-align: center;
    padding: 20px 10px 0 10px;
}

.event
{
    max-width: 495px;
    text-align: left;
    display: inline-table;
    padding: 10px;
    margin-bottom: 20px;
}

.flyer
{
    margin-bottom: 20px;
    box-shadow: 0 0 10px 0 #888;
    -o-box-shadow: 0 0 10px 0 #888;
    -ms-box-shadow: 0 0 10px 0 #888;
    -moz-box-shadow: 0 0 10px 0 #888;
    -webkit-box-shadow: 0 0 10px 0 #888;
}


#footer
{
    clear: both;
    text-align: center;
    padding: 10px 10px 0 10px;
    border-top: dashed 1px #ccc;
}

form .email 
{
    width: 250px;
    padding: 1px 5px;
}

@media only screen and (max-width: 537px)
{
    #events
    {
        padding-top: 10px;
    }

    .event
    {
        width: 100%;
        padding: 0;
    }

    .flyer,
    .poster
    {
        width: 100%;
        height: inherit;	
    }
}