a {
   color: yellow;
   text-decoration: none;
   }

a:hover {
         font-style: italic;
         }

ul {
    margin-bottom: 0px;
    }

a.sort {
        color: black;
        }

body.desktop {
              padding: 0px;
              margin: 0px;
              border: 0px;
              font-family: verdana,arial,helvetica,sans-serif;
              background-image: url('images/2018LesnesAbbeyWoodsStage.jpg');
              background-size: cover;'
              }
body.mobile {
             padding: 0px;
             margin: 0px;
             border: 0px;
             font-family: verdana,arial,helvetica,sans-serif;
             background-image: url('images/2018LesnesAbbeyWoodsStage_m.jpg');
             background-size: cover;'
             }

div.content-desktop {
                     white-space: nowrap;
                     overflow: hidden;
                     float: left;
                     padding: 16px;
                     }
div.content-mobile {
                    white-space: nowrap;
                    overflow: hidden;
                    float: left;
                    padding: 8px;
                    }

div.logo-desktop {
                  }
div.logo-mobile {
                 }

img.logo-desktop {
                  margin-right: 16px;
                  float: left;
                  height: 128px;
                  width: 128px;
                  }
img.logo-mobile {
                 margin-right: 16px;
                 float: left;
                 height: 64px;
                 width: 64px;
                 }

p.title-desktop {
                 white-space: nowrap;
                 overflow: hidden;
                 font-weight: bold;
                 font-size: 48px;
                 color: #FFFFF0;
                 margin: 0px;
                 }

p.title-mobile {
                white-space: nowrap;
                overflow: hidden;
                font-weight: bold;
                font-size: 25px;
                color: #FFFFF0;
                margin: 0px;
                }

p.subtitle-desktop {
                    font-size: 17px;
                    font-style: italic;
                    color: #FFFFF0;
                    margin-top: 0px;
                    }
p.subtitle-mobile {
                   font-size: 8.5px;
                   font-style: italic;
                   color: #FFFFF0;
                   margin-top: 0px;
                   }

div.socialmedia-desktop {
                         text-align: center;
                         float: none;
                         vertical-align: top;
                         }

div.socialmedia-mobile {
                        text-align: center;
                        float: none;
                        vertical-align: top;
                        }

img.instagram-logo-desktop {
                            height: 22px;
                            width: 22px;
                            }
img.instagram-logo-mobile {
                           height: 11px;
                           width: 11px;
                           }

div.venue-list-desktop {
                        clear: all;
                        float: left;
                        vertical-align: top;
                        font-size: 22px;
                        color: #FFFFF0;
                        margin-right: 16px;
                        }

div.venue-list-mobile {
                       clear: all;
                       float: left;
                       vertical-align: top;
                       font-size: 16px;
                       color: #FFFFF0;
                       margin-right: 8px;
                       }

div.performer-list-desktop {
                            float: left;
                            vertical-align: top;
                            font-size: 22px;
                            color: #FFFFF0;'
                            }
div.performer-list-mobile {
                           float: left;
                           vertical-align: top;
                           font-size: 16px;
                           color: #FFFFF0;'
                           }

div.twitter-feed-desktop {
                          display: inline-block;
                          float: left;
                          padding: 16px;
                          }
div.twitter-feed-mobile {
                         display: inline-block;
                         float: left;
                         padding: 8px;
                         }

div.event-list {
                color: #FFFFF0;
                }

table.events {
              border-collapse: collapse;
              width: 100%
              }

tr.event-titles {
                 background: #FFFFF0;
                 color: green;
                 font-weight: bold;
                 vertical-align: top;
                 }

td.event-detail {
                 position: relative;
                 padding: 2px 4px;
                 vertical-align: top;
                 border-bottom: 1px solid #FFFFF0;
                 }

a.event-ticket {
                position: absolute;
                top: 2px;
                right: 2px;
                }

img.event-ticket {
                  height: 32px;
                  }

div.box {
         float: left;
         width: 384px;
         border: 1px solid black;
         margin-right: 32px;
         margin-bottom: 32px;
         }

div.box-last {
              float: left;
              width: 384px;
              border: 1px solid black;
              margin-bottom: 32px;
              }

div.box-title {
               padding: 2px;
               text-align: center;
               background: black;
               color: white;
               font-weight: bold;
               }

div.box-content {
                  background: #f5f5f5;
                  }

div.box-border-top {
                    border-top: 1px solid black;
                    padding: 4px;
                    }

div.box-internal {
                  padding: 4px;
                  }

div.box-center {
                text-align: center;
                padding: 4px;
                }

div.box-small-italic {
                       font-style: italic;
                       font-size: smaller;
                       padding: 4px;
                       color: black;
                       }










