@charset "utf-8";
/* CSS Document */

body { background-color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ff0000; text-align: center; margin: 0; padding: 0; background:url('christmas-bg-2.jpg') bottom center no-repeat fixed; background-size: cover; }
#outer { width: 100%; }
#wrapper { width: 900px; margin: auto; padding-bottom: 40px; font-family: 'Mountains of Christmas', cursive; max-width: 100%; }
h1 { font-family: 'Mountains of Christmas', cursive; font-size: 5em; margin: 0.5em 0 0.3em 0; }
h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { text-decoration: none; }
p { font-size: 1.6em; margin: 1em 0; }
p.no {  }
a:link,a:visited,a:hover,a:active { color: #ff0000; }
div.cal { color: #f00; margin: auto; padding-top: 20px; }
div.cal p { text-align: center; margin-bottom: 0px; }
div.cal table { margin: auto; }
div.cal p a { text-decoration: none; }
img.maxwidth, video.maxwidth { max-width: 100%; height: auto; }	
table { margin: auto; }
table td { padding: 0; margin: 0; }
table td a { display: block; width: 25px; height: 25px; background-color: #04490d; text-decoration: none; font-weight: bold; line-height: 25px; } 

.fb-share-button { position: absolute !important; top: 2px; right: 2px; }

table.largecal { border-collapse: collapse; }
table.largecal td { width: 100px; height: 120px; line-height: 120px; font-size: 3em; border: 1px solid #ff0000; background: url('images2015/wood2.jpg') no-repeat top left; text-align: center; vertical-align: middle; }
table.largecal td.noborder { border: none; background: none; }
table.largecal td a { display: block; width: 100px; height: 120px; line-height: 120px; background: none; text-decoration: none; font-weight: normal; } 
table.largecal td a.thumbPic { width: auto; height: auto; max-height: 110px; max-width: 90px;margin: auto; }
table.largecal td.double a { display: block; width: 200px; height: 120px; } 
table.largecal td .thumbPic img { max-height: 110px; max-width: 90px; margin: auto; display: block; }

.caldivs { width: 612px; margin: auto; position: relative; display: flex; flex-wrap: wrap; justify-content: center; }
.calblock { width: 100px; height: 120px; line-height: 120px; font-size: 3em; border: 1px solid #ff0000; background: url('images2015/wood2.jpg') no-repeat top left; text-align: center; vertical-align: middle; display: flex; justify-content: center; }
.calblock a { display: block; width: 100px; height: 120px; line-height: 120px; background: none; text-decoration: none; font-weight: normal; } 
.calblock a.thumbPic { width: auto; height: auto; max-height: 110px; max-width: 90px; margin: auto; }
.calblock img { max-height: 100px; max-width: 90px; margin: 5px auto; display: block; }
.calblock.double { width: 202px; height: 120px; margin: auto; float: none; overflow: auto; border-right-width: 2px; border-left-width: 2px; }
.calblock.double a { display: block; width: 200px; height: 120px; }

@media screen and (max-width:680px) {
#wrapper { max-width: 90%; padding-left: 5%; padding-right: 5%; }
img.maxwidth, video.maxwidth { max-width: 90%; height: auto; }	
h1 { font-size: 2.5em; }
p { font-size: 1.3em; }
table.largecal { max-width: 100% !important; }
table.largecal td { max-width: 15%; } 
table.largecal a, table.largecal a.thumbPic, table.largecal img { max-width: 100% !important; }

.caldivs { width: auto; max-width: 100%; }
}