/* basic stylesheet for Wellington Lesbian site */

@media screen {
 .noshow { display: none;}
}

@media print {
 .showit { display: inline;}
 .casual, casual2 {
   color: #000; background: #fff; 
   font-weight: 700;
 }
 H1, H2, H3 { page-break-after: avoid; }
A.red { border: 1px solid #c39; padding: 1px; text-decoration:none; color: #c06; }
A.red:hover { color:#fff; background: #c06;}
}

body {
  margin: 20px; margin-top: 0;
  margin-left:auto; margin-right: auto;
  padding: 5px;
  text-align: center;
  color: #000; 
  background: #fff;
  border-collapse: collapse;
  font-family: Arial, Geneva, Helvetica, sans-serif;
 }
body, td, td p {
  font-size: 100%;
  line-height: 120%;
}

body.extra {  /* for popper pages */
  background: white fixed no-repeat left top; 
  background-image: url(images/lw1.gif);
  margin: 0;
  padding: 0; padding-left: 10px;
}
#main {
  width: 660px;
  border: 1px solid #fff;
  margin-right: auto; margin-left:auto; 
  text-align:center; 
  padding:5px; 
  font-family: Arial, Geneva, Helvetica, sans-serif;
}
#main2 {  # popper pages #
  width: 500px;
  margin-top: 10px;  
  margin-left: 5px;
  border-top: 1px solid #caf; border-right: 1px solid #90f; 
  border-bottom: 1px solid #90f; border-left: 1px solid #caf;
  -moz-border-radius: 10px; /* mozilla only */
  padding: 20px;
  text-align: center;
}
#header { 
  width: 650px;
  margin: 0; 
  padding:0;
  font-family: Arial, Geneva, Helvetica, sans-serif;
}
#content {
  float: left;
  width: 460px;
  margin: 0 0 0 10px;
  font-family: Arial, Geneva, Helvetica, sans-serif; 
}

#navbox { 
  float: left;
  margin-top: 5px; margin-right: 5px;
  width: 8.5em; 
  border-top: 1px solid #caf; border-right: 1px solid #90f; 
  border-bottom: 1px solid #90f; border-left: 1px solid #caf;
  padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; 
  -moz-border-radius: 10px; /* mozilla only */
  color: #b9f; background: #fff;
  text-align: left; 
}
#navbar {
  margin-left: 30px;
  border-top: 1px solid #caf; border-right: 1px solid #b9f; 
  border-bottom: 1px solid #b9f; border-left: 1px solid #caf;
  -moz-border-radius: 6px; /* mozilla only */
  padding-right: 5px; padding-bottom: 1px; padding-left: 5px;
  line-height: 150%;
  color: #b9f; background: #fff;
} 
#footer {
  float: left;
  width: 99%;
  margin-top: 10px;
  text-align: left;
}
#footer, #footer p {
  font-size: 85%; 
  font-family: Arial, Geneva, Helvetica, sans-serif; 
}

.quote {
  float: left;
  margin-top: 15px; margin-right: 10px;
  border: 1px solid #b9f;
  -moz-border-radius: 6px; /* mozilla only */
  width: 12em;
  padding: 5px;
  color: #609; background: #fff;
  font-size: 85%;
  font-family: Arial, Geneva, Helvetica, sans-serif;
}  
.quote cite {
  font-weight: 600;  
  font-family: Arial, Geneva, Helvetica, sans-serif;
}
.sponsor {
  float: left;
}
h1 {
  color: #95f; background: #fff;
  text-align: center; 
  font-size: 180%; line-height: 180%;
  font-family: "comic sans MS", Arial, Geneva, Helvetica, sans-serif;
}
h1.bigger {
  font-size: 250%;
}
h2, h2 a {
  color: #70a; background: #fff;
  margin-top: 15px; margin-bottom: 0;
  padding-top: 10px; padding-right: 0; padding-bottom: 5px; padding-left:0;
  text-align: left;
  font-size: 120%; line-height: 140%;
  font-weight: 900;
  font-family: "lucida sans italic", Geneva, Helvetica, Arial, sans-serif; 
}
h3, h3 A, dt {
  margin: 0; 
  padding-bottom: 5px;
  text-align:left;
  color: #609; background: #fff;
  font-size: 105%;
  font-weight: 700;
  font-family: "lucida sans italic", Geneva, Helvetica, Arial, sans-serif; 
}

P {   
  line-height: 120%;
  margin-top: 0; 
  margin-bottom: 5px;
  padding-top: 0; 
  padding-bottom: 5px;
  font-family: Arial, Geneva, Helvetica, sans-serif;
}

A  { 
  color: #609; background: #fff;
  font: 400 100% Arial, Geneva, Helvetica, sans-serif; 
}
h2 A {
  color: #609; background: #fff;
  font-size: 100%; line-height: 100%;
  font-family: "lucida sans italic", Geneva, Helvetica, Arial, sans-serif; 
}

#navbox A, #navbar A, A.top, A.top:visited { 
  color: #639; background: #fff;
  text-decoration: none;
  font: 700 90%/120% Arial, Geneva, Helvetica, sans-serif; 
}

#navbar A {
  color: #609; background: #fff;
}
#navbox A {
  display: block;
  margin-top: 0; margin-bottom: 0;
  padding-top: 3; padding-bottom: 3px;
}
#navbox A.nav {
  display: block;
  padding-left: 15px;
  margin-top: 0; margin-bottom: 0;
  padding-top: 0; padding-bottom: 2px;
}
td.indexbox A.nav {
  display: block;
  margin-top: 0; margin-bottom: 0;
  padding-top: 0; padding-bottom: 1px;
}
#footer A {
  font-weight: normal;
  font-family: Arial, Geneva, Helvetica, sans-serif; 
}
p A {
  font-size:95%;
  font-weight: 600; 
}

A.nav { 
  margin-bottom: 2px;
  padding-top: 2px; padding-right: 3px; padding-bottom: 2px;
  font-weight: 600;
}
#footer td A {
  font-size: 100%; 
}
A:visited {
  color: #98c; background: #fff;
  font-weight:600; 
}
#navbox A:visited, A.same:visited, td.indexbox A.nav:visited {
  color: #639; background: #fff; 
}
A:active { 
  color: #f00; background: #fff;
}
.casual, p.casual, A.casual, A.casual:visited { 
  color: #609; background: transparent; 
  margin: 2px; 
  font-weight: 700;
  font-size: 120%/140%;
  font-family: "lucida sans italic", Geneva, Helvetica, Arial, sans-serif; 
}
.casual2, p.casual2 { 
  color: #609; background: #fff; 
  font-weight: 600;
  font-size: 100%/120%;
  font-family: "lucida sans italic", Geneva, Helvetica, Arial, sans-serif; 
}

.casual3, p.casual3 { 
  color: #609; background: #fff; 
  font-weight:600; 
  font-family: "lucida sans italic", Geneva, Helvetica, Arial, sans-serif; 
}

A:hover, #navbox A:hover, #navbox A.nav:hover, #navbar A:hover, A.nav:hover, td.indexbox A.nav:hover, A.casual:hover { 
  background: #72a; color: #fff; 
  text-decoration: none;
}
A.top:hover {
   color: #f00; background: #fdf; 
}

HR {    
  color: #fff; background: #fff; 
  border-top: 1px solid #fcf; 
  border-bottom: 1px solid #81d; 
  text-align: left;
}
P.prelist {
  margin-bottom: 3px;
  padding-bottom: 0px;
}
UL, OL, DL { 
  margin-top: 3px; margin-bottom: 10px;
  padding-top: 0px; padding-bottom: 0px;
  text-align: left;
  font-family: Arial, Geneva, Helvetica, sans-serif; 
}
UL UL {
  margin-top: 5px;
}
UL LI { 
  list-style-position: outside; 
  list-style-image: url(images/prsquare.gif); 
  margin-left: -15px;
  line-height: 130%; 
}
LI LI { 
  list-style-position: outside; 
  margin-left: -20px;
}
LI.dash {  
  list-style-image: url(images/dash.gif); 
}

dt {
  margin-top: 10px;
  color: #609; background: #fff;
  font-size: 90%;
  font-weight: 900;
  font-family: "lucida sans italic", Geneva, Helvetica, Arial, sans-serif; 
}
/* table styles used to layout outtakes programme etc */
table.special {
  border-collapse: collapse;
  border-spacing: 0;
  border-color: #eee;
}
table.special A {
  text-decoration: none;
}
td, td p, td div, p  { 
  text-align: left;
  font-family: Arial, Geneva, Helvetica, sans-serif;
}
td.small { 
  border-bottom: 1px dashed;
  border-color: #ddd;
  padding: 2px; padding-right: 5px;
  font-size: 90%; line-height: 130%; 
}
td.small1 {
  border-bottom: 1px solid;
  border-color: #ddd;
  padding: 2px;
  font-size: 90%; line-height: 130%; 
}
td.heading {
  padding-top: 3px;
  padding-bottom: 3px;
  text-indent: 3px;
}
td.gutter {
  padding-right: 10px;
}
td.small A, td.small1 A,  {
  padding: 2px; padding-right: 5px;
  line-height: 130%; 
  font-size: 90%;
  text-decoration: none; 
}
/* ------------ */

.dotty  { border-top: none; border-bottom: 1px dotted #90f; padding-bottom:2px; }
.dashed { 
  border-top: none; border-bottom: 1px dashed #90f; 
  padding-top: 5px; padding-bottom:2px; 
}

.indent { margin-left:10px; }
.right { text-align: right; }
.left {  text-align: left; }
.center, p.center { 
  margin-left: auto; margin-right: auto;
  text-align: center; 
}
.more, A:more {
  text-decoration: underline;
  font-eight: 600;
  font-size: 110%/110%;
  font-family: "lucida sans italic", Geneva, Helvetica, Arial, sans-serif; 
}
.navhead {
  color: #639;
  background: transparent;
  margin-bottom: 1px;
  padding-bottom: 0;
  font: 600 90% Arial, Geneva, Helvetica, sans-serif;
}
.nobreak {
  whitespace: nowrap;
}
.self {
  display: block;
  color: #060;
  background: transparent;
  padding-top: 3px; padding-bottom: 1px;
  font-size: 100%;
  font-weight: 700;
  font-family: Arial, Geneva, Helvetica, sans-serif; 
}
.page {
  margin-top: 0; margin-bottom: 0;
  padding-top: 0; padding-bottom: 0; padding-right: 0;
  padding-left: 15px;
  font-family: Arial, Geneva, Helvetica, sans-serif; 
}
.noshow {
  border: 1px solid #000;
  padding:5px; padding-left: 10px;
  font-weight: 600;
  font-size: 120%/180%;
}

.styled, #styled {   /* buttons */
        -moz-border-radius: 6px; /* mozilla only */
  border-top: 1px solid #fbf; 
  border-right: 2px solid #609; border-bottom: 2px solid #609;
  border-left: 1px solid #fbf;
  color:#609; background:#fef;
  font-weight: 600;
}

.small, p.small {font-size: 80%; }
.grey { 
  color: #777; 
  font-family: "lucida sans italic", Geneva, Helvetica, Arial, sans-serif; 
}
.alert { color:red; font-weight: 700; }
.alert2 { color:red; font-weight: 900; }