/* Style sheet for RugbyOperaticSociety.co.uk */

body {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: medium;
  margin: 0px;
  padding: 0px;
}
* html body {
  font-size: small;    /* for IE5.x/win         */
  f\ont-size: medium;  /* for other IE versions */
}

#page
{
  margin: auto;
  padding: 3em;
  width: 60em;
  height: 30em;
/*  width: 922px;
  height: 550px; */
  background-image: url('./images/Pirates.jpg');
  background-repeat: no-repeat;
  background-position: -0.3em 1em; 
}

#menu
{
  float: left;
  width: 12.5em;
/*  width: 160px; */
  padding: 1em 0em;
  margin: 0em 0em;
  height: 98%;
  background: #444;
  opacity: .7;
  font-weight: bold;
/*  background-image: url('./images/ros.png');
  background-repeat: no-repeat;
  background-position: 3em 16em; */
}

#content
{
  float: right;
  width: 45em;
/*  width: 710px; */
  height: 98%;
  background: #444;
  opacity: .75;
  padding: 1em 0em;
  overflow-y: auto;
}

div.text 
{
  opacity: 1;
  color: #FFF;
  line-height: 1.2;
  padding: 0em 1em;
}

p.plot
{
  font-size: 75%;
}

p.block
{
  font-weight: bold;
  font-size: 90%;
  text-align: center;
}

ul#menulist
{
  list-style-type: none;
//  float: left;
  color: #FCF;
//  background: #333;
  text-indent: -3em;
  text-align: center;
}

ul#menulist li a
{
  color: #FFF;
  text-decoration: none;
}

ul#menulist li a:hover
{
  color: #BBB;
}

ul.nobullet
{
  list-style-type: none;
}

li.spaced
{
  margin-bottom: .5em;
}

img
{
  border-style: none;
}

img.poster
{
  position: relative;
  display: block;
  float: right;
  width: 25%;
  padding: 1em;
}
img.largeposter
{
  position: relative;
  display: block;
  float: right;
  width: 40%;
  padding: 1em;
}
img.largeposterlandscape
{
  position: relative;
  display: block;
  float: right;
  width: 50%;
  padding: 1em;
}


a
{
  color: #FFF;
  font-weight: bold;
  font-size: 90%;
}

a.full
{
  font-size: 100%;
}

a#hidden
{
  color: #AAA;
  text-decoration: none;
  font-size: 75%;
}

table
{
#  width: 100%;
  font-size: 75%;
  border-collapse: collapse;
}
table td
{
  border: 1px solid grey;
  padding: 1px 10px;
}
table th
{
  border: 1px solid white;
  font-weight: bold;
}

table.full
{
  font-size: 100%;
}

table.news td
{
  border: none;
  padding: .5em;
  vertical-align:text-top;
  font-size: 80%;
}
td.date
{
  text-align: right;
  width: 12em;
}
td.time
{
  text-align: right;
  width: 6em;
}

table.notice
{
  margin-left: auto;
  margin-right: auto;
}
table.notice th
{
  font-size: 120%;
  padding: 1em;
  text-align: centre;
}

img.centred {
    display: block;
    margin-left: auto;
    margin-right: auto }


/* The following is non standard CSS but should deal with multibrowser transparency
   see http://believedesign.net/xhtml-coding/true-cross-browser-css-transparency-opacity */
.invisible100 {
  -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=100)”;
  filter: alpha(opacity=100);
  -khtml-opacity: 1.0;
  -moz-opacity: 1.0;
  opacity: 1.0;
}
.invisible75 {
  -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=75)”;
  filter: alpha(opacity=75);
  -khtml-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
}
.invisible70 {
  -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=70)”;
  filter: alpha(opacity=70);
  -khtml-opacity: 0.70;
  -moz-opacity: 0.70;
  opacity: 0.70;
}
.invisible0 {
  -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=0)”;
  filter: alpha(opacity=0);
  -khtml-opacity: 0.0;
  -moz-opacity: 0.0;
  opacity: 0.0;
}