/* ©2022 Huddersfield Film Makers Club v122.008 stylesheet */

body {background: #102c6a; background-image: url('graphics/camerabackgroundblue.jpg'); background-attachment: cover; background-repeat: no-repeat; background-position: center; color:white; width: 100vw; height: 100vh; overflow: hidden; font-family: arial, verdana, sans-serif; font-size: 100%;}

div#header {z-index: 4; display: table-cell; background: transparent;background-image: url('graphics/darklogo.gif'); background-repeat: no-repeat; color:white; position: fixed; top: 1px; left: 10px; height: 90px; width: 80vw; vertical-align: top; padding: 8px 0px 0px 84px; }
div#header:before {font-family: arial, verdana, sans-serif; font-size: 36pt; font-weight: bold; content:"Huddersfield Film Makers Club";}

div#address {display: table-cell; background: transparent; color:#c3ddee; position: fixed; top: 60px; right: 100px; height: 30px; text-align: right; vertical-align: text-bottom; }
div#address:before {font-family: arial, verdana, sans-serif; font-size: 18pt; font-weight: bold; content:"www.huddersfieldfilmmakersclub.org.uk";}

div#menubar {display: table-cell; background: transparent; color:#c3ddee; position: fixed; top: 110px; height: 30px; right: 20px; left: 20px; text-align: left ; vertical-align: text-bottom; font-size: 1.6em;  }

div#content {color:white; display: table-cell; position: absolute; top: 154px;  bottom: 56px; right: 20px; left: 20px; overflow: auto; font-size: 1.6em; }

div#footer {display: inline-block; color:white; position: fixed; bottom: 8px; right: 20px; width: 100vw; height: 56px; text-align: right; font-size: 0.7em;}

a {color: rgba(255, 255, 255, 0.6); font-weight: bold; text-decoration: none; }
a.button {position: relative; color: rgba(0, 0, 0, 0.5); font-weight: bold; text-decoration: none; background: rgba(255, 255, 255, 0.5); border: 1px solid rgba(255, 255, 255, 0.5); padding: 5px 20px 5px 20px; border-radius: 20px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
a.privacy {position: absolute; bottom: 8px; left: 160px; color: rgba(255, 255, 255, 0.5); font-weight: bold; text-decoration: none; background: transparent; border: 1px solid rgba(255, 255, 255, 0.5); padding: 5px 20px 5px 20px; border-radius: 20px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }

h2 {display: block; background: white; color: darkblue; width: 98%; padding: 1px 0px 3px 8px; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em;}
h3 {display: block; background: white; color: darkblue; width: 98%; padding: 1px 0px 3px 8px; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em;}

td {font-size: 1.6em; }

fade {opacity: 0.3;}

img {float: right; margin: 0px 6px 10px 8px; }
img.filmlink {float: right;  z-index: 3; margin: 0px 24px 0px 0px; max-width: 100%; min-width: 320px;}
img.footer {float: none;  margin: 0px; height: 16px; width: 16px;}