/* Originally generated by CaScadeS, a stylesheet editor for Mozilla Composer */
/* edited by Lee Oliver */

/* import css for thickbox to work for image galleries */                                                         
/* @import "/css/thickbox.css" screen; */   /* the 'screen' media attribute causes big problems for IE 6&7 */ 
@import "/css/thickbox.css";

/* body tag to be declared first */

  body {
  margin: 0pt;
  padding: 0em 1em 1em 1em;
  font-family: "Comic Sans","Comic Sans MS",sans-serif;
  background-color: rgb(239, 231, 214);
  }

/* headings */

  h1, h2, h3, h4, h5, h6 { 
  color: rgb(139, 69, 19);
  padding-top: 0pt;
  margin-top: 0pt;
  clear: both;  /* force headings to start on a new line, clear of any floated images from earlier sections */     
  }

  hr {
  width: 90%;
  height: 2px;
  }

/* paragraphs */

  p {
  line-height: 1.25em;
  font-size: 14px;
  }
  p.print {
  line-height: 1em;
  font-size: 12px;
  }
  
  form {border: 1px solid #000; padding-left:5px; padding-right:5px; margin-bottom: 10px;}
  
/* class for error highlighting on forms */  
  
  p.error { color: #FF0000;
  }
/* class for author's name at bottom of a piece */  
  
  p.author { float: right;
  }
  
  p.author + p {
  clear: right;  /* selector for p immediately following p.author */
  /* paras immediately following p.author must be cleared of the float:right */
  /* does not work with IE 5/6, does work with IE 7 and others */  
  }                             

/* images */

  img { border-style: none;
    margin: 0.5em;
    }

    /* The following two classes prevent images from being shown on the same row, if floated */
    /* will need some other method for this - another class? */

  img.img_left {
    float: left;
    clear: left;    /* force image on a new line, clear of anything else floated on the left */
    }

  img.img_right {
    float: right;
    clear: right;   /* force image on a new line, clear of anything else floated on the right */
    }
    
  img.img_centre {
    display: block;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    }        

/* Tables */

  table { 
    vertical-align: top;
    text-align: left;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    border: none; 
    border-collapse: collapse;         
    }
    
  table caption {
  font-size: 125%;
  }
  
  thead, tfoot {
  font-size: 125%;
  background-color: rgb(255, 204, 153);
  }
  
  tbody {
  background-color: rgb(255, 255, 204);
  }
    
  th, td {
  border-bottom: 2px solid rgb(239, 231, 214);  /* same as body background */ 
  padding: 0.25em;
  vertical-align: top;
  font-weight: normal;   
  }

  ul.table, ul.table-head, ul.table-foot  {
  margin: 0px;
  padding: 0px;
  float: left;
  border-bottom: 1px solid #000;
  padding-bottom: 2px;
  clear: both;
  width: 100%;
  height:auto;
  }
  
  ul.table-head {
  border-top: 1px solid #000;
  }
  
  ul.table li, ul.table-head li, ul.table-foot li {
  display: block;
  float: left;
  margin: 0px; 
  padding: 0px;
  list-style: none;
  font-size:14px;
  }
  
  ul.table-head li, ul.table-foot li { font-weight:bold; }
 
  li.date {width: 80px; }
  li.score {width: 70px; }
  li.text {width: 150px; }
  li.text-275 {width: 275px; }
  li.text-125 {width: 125px; }
  li.wide-text {width: 325px; }
  li.short-text {width: 90px; }

  ul.taste {
  margin: 0px;
  padding: 0px;
  clear: both;
  list-style-type: none;
  height:27px;
  }
  ul.taste_print {
  margin: 0px;
  padding: 0px;
  clear: both;
  list-style-type: none;
  height:22px;
  }
  
  ul.taste li {
  display: block;
  float: left;
  margin: 0px; 
  padding: 0px;
  text-align:center;
  height:25px;
  font-size:14px;
  }

  ul.taste_print li {
  display: block;
  float: left;
  margin: 0px; 
  padding: 0px;
  text-align:center;
  height:20px;
  font-size:12px;
  }
  
  li.gen_label_vlarge {width: 300px; }
  li.gen_label_large {width: 205px; }
  li.gen_label_largish {width: 169px; }
  li.gen_label {width: 125px; }
  li.gen_label_middle {width: 95px; }
  li.gen_label_small {width: 65px; }
  ul.taste li.gen_label_vlarge, li.gen_label_large,  ul.taste li.gen_label,  ul.taste li.gen_label_small, ul.taste li.gen_label_middle { text-align:left; }
  li.gen_input_middle {width: 205px; }
  select.gen_input_middle, input.gen_input_middle { width:195px; float:left; }
  li.gen_input_small {width: 135px; }
  select.gen_input_small, input.gen_input_small { width:125px; float:left; }
  li.tick_box {width: 60px; }
  input.tick_box { width:20px; float:left; }

  li.taste_label {width: 95px;}
  li.taste_input {width: 60px; }
  li.taste_input_print {width: 67px; }
  select.taste_input {width: 56px; margin-left: 2px; } 
  li.taste_day {width: 45px; } 
  li.taste_month {width: 105px; } 
  li.taste_year {width: 60px; } 
  select.taste_day { width:40px; }
  select.taste_month { width:100px; }
  select.taste_year  { width:55px;}
  select.score_input { width: 56px; }

  input.staff_input_small { width:125px; position:absolute; left:750px; }
/* image gallery of thumbnails as an unordered list */
/* thumbnails must be no more than 160 x 135 pixels */
/* to be used with the thickbox script */ 

  ul.gallery {
  margin: 0pt;
  padding: 0pt;
  clear: both;
  list-style-type: none;
  }
  
  ul.gallery li {
  display: block;
  float: left;
  width: 190px;
  height: 150px;
  margin: 0px; 
  padding: 0px;
  }
  
  ul.gallery li img {
  background-color: #fff;   /* adds white border to each photo */
  margin: 6px;
  padding: 6px;
  border: 1px solid #000; 
  }

/* header div */

  #header { margin: 0pt;
    padding: 0em;
    }

  #header h1 { margin: 0pt;
    padding: 0pt;
    display: inline;
    }

/* main content div */

  #content { margin: 0pt;
    padding: 1em 0em 0pt;
    float: right;
    width: 80%;
    }

/* Navigation sidebar */

  #nav { margin: 1em 0em;
    padding: 1em;
    font-size: smaller;
    background-color: rgb(255, 255, 204);
    float: left;
    width: 14%;
    }

  #nav ul { margin: 0pt;
    padding: 0pt;
    list-style-type: none;
    }

  #nav ul li { margin-bottom: 0.5em;
    }

/* Search input box - intended to sit within navigation sidebar */

  #searchBox { margin: 0em 0em 0.5em 0em; 
    /* needs more work */
    /* ideally, the 'Caption needs to be normal size, with the 'powered by' smaller */ 
    /* font-size: smaller; */
    }
    
/* Footer */

  #footer { /* border: 1px solid rgb(0, 71, 250); */
    margin: 1em 0em;
    padding: 0.5em;
    clear: both;
    text-align: center;
    }

  #footer p { margin: 0em;
    padding: 0em;
    }

  #footer img { margin-right: 1em;
    }

  #nav, #footer { border: 1px solid rgb(139, 69, 19);
    }

  a:link, a:visited { color: rgb(139, 69, 19);
    }

  a:active, a:hover { color: rgb(255, 0, 0);
    }

select.middle, textarea.middle, input.middle { position:absolute; left:420px; }
select.midmid, input.midmid { position:absolute; left:400px; width:360px;}
input.middlewide { position:absolute; left:420px; width:340px;}
select.middleday { position:absolute; left:420px; width:40px; }
select.middlesmall { position:absolute; left:420px; width:60px; }
select.middlemonth { position:absolute; left:465px; }
select.middleyear  { position:absolute; left:570px; width 45px;}
input.middlescore { position:absolute; left:420px; width:30px; }
input.submit { position: absolute; left:620px; width:180px; }
input.reset { position: absolute; left:720px; }
p.withtextbox { padding-bottom:55px;}
textarea.middle { position:absolute; left:350px; width:420px; height:85px; wrap:soft; }

/* Atomz classes - used by the results page template displayed by atomz.com */

.atomz_ad_text_small {
	COLOR: gray;
	/* FONT-FAMILY: "arial,helvetica"; */
	FONT-SIZE: 75%;
}

.atomz_ch{
	cursor:pointer;
	cursor:hand;
	/* Next line hides the adverts - probably against the terms and conditions */
    /* display: none; */
}

.clear {clear:both;}