/* 
This file may be linked to by any html page on the Ecclesfield Village Website,
    hence any change should be verified by checking every such such page.
This file should not be inserted into none html pages, or pages in other domains,
    which means that such pages will not need testing following changes to this page.

    Created on : 2015-09-09, 14:59:05
    Author     : James
    Last Modified: 2015-09-12
*/
p{margin-bottom: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px}
div.list {margin-bottom:0.5em}
ul {margin:0.5em;}
li {margin-bottom:0.5em}
@media print
{
    ._display_only_ {display:none;}
}
/*Event boxes*/
table.event {border-spacing: 10px;
             border-collapse: separate; 
             border-style: solid solid solid solid;
             border-width: thin medium medium thin;
             clear: both;
             background-color: rgb(238, 244, 255);
             border-color: rgb(0,0,0); 
             page-break-before: auto;
             width:100%}
img.event {width:150px}           
tr.event {background-color: rgb(238, 244, 255); }
td.event {background-color: rgb(238, 244, 255); border-style: none ;}
span.eventDate{}
span.eventName {font-weight: bold;}
span.eventDes{}
a.eventDesLink{}
span.eventLoc{}
span.eventLocName{}
span.eventAddress{}
span.eventOffer{}
span.eventOfferLink{}

div.event {
    border-collapse: separate; 
    border-style: solid solid solid solid;
    border-width: thin medium medium thin;
    background-color: rgb(238, 244, 255);
    border-color: rgb(0,0,0); 
    background-color: rgb(238, 244, 255);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
                margin-top: 0px;
                 margin-left:10px;
                 margin-right:10px;
                 margin-bottom:0px;
    clear:both;
}

/*Opening times tables*/
.openingTimes {border-style: solid; border-width: thin; border-color: rgb(221, 233, 255); background-color: rgb(238, 244, 255); width:100%;}
hr {border-color: rgb(221, 233, 255);height: 10px;

    border: black;

    box-shadow: inset 0 9px 9px -4px rgb(221, 233, 255);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius:0;}

/*-- for twitter widget v 1.1
from http://forums.serif.com/showthread.php?p=955926 
needed to make the width of the twitter widget conform to its container */
iframe[id^='twitter-widget-']{ width:100%; height:350px;}


/* to ensure readable text and thumbnail images*/
/*large screens*/
@media all and (min-width:526px){
div.event {
                margin-top: 5px;
                 margin-left:5px;
                 margin-right:5px;
                 margin-bottom:0px;
    border-collapse: separate; 
    border-style: solid solid solid solid;
    border-width: thin medium medium thin;
    background-color: rgb(238, 244, 255);
    border-color: rgb(0,0,0); 
    background-color: rgb(238, 244, 255);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    clear:both;
}
    h2.vary{
        text-align: center; 
        font-size:28px;
        padding:0; 
        border:0; 
        margin:0
    }
    h2.divVary{        
        font-size: 10pt;
        margin:0;
        font-weight:normal;
    }
    div.vary{
        font-size: 10pt;
        overflow:hidden;
    }
    div.varySmall{
        font-size: 10pt;
        overflow:hidden;
    }
    img.varyN{
        height:16px;
    }
}
/*small screens*/
           @media all and (max-width:526px){
div.event {
                margin-top: 1vw;
                 margin-left:1vw;
                 margin-right:1vw;
                 margin-bottom:0px;
    border-collapse: separate; 
    border-style: solid solid solid solid;
    border-width: thin medium medium thin;
    background-color: rgb(238, 244, 255);
    border-color: rgb(0,0,0); 
    background-color: rgb(238, 244, 255);
    padding-top: 1vw;
    padding-bottom: 1vw;
    padding-left: 2vw;
    padding-right: 0;
    clear:both;
}

    h2.vary{
        text-align: center;
        font-size:5.2vw;
        padding:0;
        border:0;
        margin:0
    }
    h2.divVary{        
        font-size: 10pt;
        margin:0;
        font-weight:normal;
    }
    div.vary{
        font-size: 10pt;
        overflow:hidden;
    }
    div.varySmall{
        font-size: 10pt;
        font-size: 3.0vw;
        overflow:hidden;
    }
    img.varyThumb{
        width:150px;
        width: 38vw;
    }
    img.varyN{
        height:0.7em;
        height:3.0vw;
    }
}