/*
CSS Document: Styles for James Spencer Taylor Copyright © caeus.com Ltd. & The Taylor Family
http://www.caeus.com/

All Rights Reserved
*/

body {
   height: 100%;
   margin: 0;
   padding: 0;
}

body, div#menu, div#footer {
   background-color: #faf4cb; /*#e5cc8f;*/
}

td, body, textarea, input, select, ol.legal li ol.legalsub li {
   font-family: Garamond, Arial, Verdana, Waree, Sans, Helvetica, sans-serif; 
   font-size: 12pt; 
   color: black; 
   font-weight: normal; 
}

#holder {
   position: absolute;
   top: 50%;
   left: 0px;
   width: 100%;
   height: 1px;
   overflow: visible;
}

div#pagecontent, div#menu, div#footer {
   position: absolute;
   margin-left: -495px;  /***  width / 2   ***/
   left: 50%;
}

div#pagecontent {
   width: 990px;
   height: 500px;
   min-height: 500px;
   overflow: hidden;
   top: -250px;          /***  height / 2   ***/
   padding: 0;
}

div#pagetext {
   position: relative;
   width: 100%;
   height: 100%;
}

div#pagetextinner {
   margin-left: 255px;
   margin-right: 210px;
   padding-bottom: 100px; /* so that bottom is not hidden by menu+footer */
}

div#pagetextinner h1 {
   position: relative;
   left: -50px;
   font-size: 18pt;
}

div#innertopcontent {
   overflow: hidden;
   height: 360px;
   min-height: 360px;
}

div#paintingshorizontal {
   height: 100px; 
   overflow: scroll; 
   overflow-y: hidden;
}

div#james {
   position: absolute;
   left: 0;
   bottom: 0;
   padding: 0;
   margin: 0;
   overflow: hidden;
   width: 250px;
}

div#easel {
   position: absolute;
   right: 0;
   bottom: 0;
   padding: 0;
   margin: 0;
   overflow: hidden;
   width: 204px;
}

div#titles {
   position: absolute;
   text-align: center;
   width: 100%;
}

div#titles h2 {
   padding-top: 0;
}

div#menu {
   position: absolute;
   width: 990px;
   bottom: 250px;
   padding-top: 1px;
   font-size: 8pt;
   text-align: center;
}

div#footer {
   font-family: Verdana, Arial, Waree, Sans, Helvetica, sans-serif; 
   font-size: 7pt;
   position: absolute;
   width: 990px;
   top: 260px;
   bottom: 0; /*45px*/
   height: 40px;
   padding: 1px 0 14px 0;
   text-align: left;
}

div#credits {
   font-family: Verdana, Arial, Waree, Sans, Helvetica, sans-serif; 
   position: absolute;
   top: 0;
   right: 0;
   font-size: 8pt;
   text-align: center;
}

div#menu ul {
   display: table;
   padding: 0;
   margin: 0 auto;
   white-space: nowrap;
   list-style-type: none;
}

div#menu ul li {
   display: table-cell; /* IE needs hack below */
}

div#menu ul li a {
   display: block;
   padding: 0 1em;
   font-family: Arial, Verdana, Waree, sans-serif;
   color: black;
   font-size: 12pt;
   font-weight: bold;
   text-decoration: none;
}

* html div#menu ul {
   display: inline-block;    /* for IE only */
   width: 1px;               /* IE will expand 1px width to fit menu width */
   padding: 0 2px;           /* fix bug in IE to get border spacing correct */
}

* html div#menu ul li {
  display: inline;          /* for IE only */
}

* html div#menu ul li a {
  display: inline-block;    /* for IE only */ 
  margin: 0 -2px;           /* to correct an IE bug that doubles the border width */  
}

ul#adminmenu {
   list-style: none;
   margin: 0;
   padding: 0;
   margin-top: 10px;
}

ul#adminmenu li {
   display: inline;
   margin-right: 15px;
}

ul#adminmenu li a {
   text-decoration: none;
   font-weight: bold;
}

div#projtext p, div#cmstext p, div#contact p {
   padding: 0 10px;
}

div.justified, div.justified p, div.justified span {
   text-align: justify;
}

div.scroll {
   overflow: auto;
   height: 500px;
   padding-right: 10px;
}

div#pagecontent p {
   margin-top: 0;
   padding-top: 10px;
}

div#cmstext, div#contact {
   position: relative;
   /*width: 675px;*/
   width: 75%;
   float: left;
   margin-right: 20px;
   padding-right: 20px;
   z-index: +1;
}

div#cmstext h1, div#contact h1 {
   margin-left: 10px;
}

div#projtext img {
   float: left;
   padding: 10px 10px 0 10px;
}

div.imgupload {
   width: 500px;
   border: 1px solid black;
   margin-bottom: 8px;
   padding: 10px;
}

img.rightoftext {
   border: 1px solid black;
   float: right;
   margin: 0 0 10px 10px;
}

.tech {
   font-family: Arial, Verdana, Waree, Sans, Helvetica, sans-serif; 
   font-size: 7pt; 
   color: gray;
}

h1 {
   font-family : Arial, Arial, Verdana, Waree, Sans, Helvetica, sans-serif; 
   font-size : 25pt; 
   color : black; 
   font-weight : bold;
   margin: 0;
   padding-top: 8px;
}

h2, ol.legal li {
   font-family : Arial, Verdana, Waree, Sans, Helvetica, sans-serif; 
   font-size : 12pt; 
   color : black; 
   font-weight: bold; 
   margin-top: 0;
   padding-top: 10px;
}

h2.red {
   color: red;
   text-align: center;
   margin-top: 0;
   padding-top: 10px;
}

h3 {
   font-family: Arial, Verdana, Waree, Sans, Helvetica, sans-serif; 
   font-size: 10pt; 
   color: navy; 
   font-weight: bold; 
   margin-top: 0;
}

div.listgroup h3 {
   padding-bottom: 0;
   margin-bottom: 2px;
}

h4 {
   font-family: Arial, Verdana, Waree, Sans, Helvetica, sans-serif; 
   font-size: 11pt; 
   color: black; 
   font-weight: bold; 
   font-style: italic;
   margin: 0;
} 

.right {
   text-align: right;
}

textarea.larger {
   font-size: 12pt; 
   font-weight: bold;
}

textarea {
   background-color: transparent;
}

input.no-border {
   border: 0;
}

ol.legal li ol.legalsub {
   list-style-type: footer-roman;
}

ol.legal li ol.legalsub li {
   padding: 10px 0;
}

#accounts {
   position: absolute;
   right: 10px;
   top: 5px;
   font-size: 7pt;
   width: 100px;
   overflow: hidden;
}

div#cms-menu ul li {
   margin-bottom: 5px;
}

span.miniscule {
   font-size: 7pt;
}

div#small-legal p {
   font-size: 7pt;
   text-align: center;
   padding: 0;
   margin: 0;
}

li span.subheading {
   font-weight: bold;
   display: block;
}

ul#ad-opts li {
   margin-bottom: 10px;
}

a img {
   border: 0px none;
   /*display: block;  removes extra space underneath caused by default text-alignment */
}

.largeinput {
   font-size: 15pt;
}

.error {
   font-family : Arial, Verdana, Waree, Sans, Helvetica, sans-serif; 
   color : red; 
   font-weight : bold; 
} 

.green {
   font-family : Arial, Verdana, Waree, Sans, Helvetica, sans-serif; 
   color : green; 
   font-weight : bold; 
} 

textarea {
   border: 1px solid gray;
}

th {
   font-family : Arial, Verdana, Waree, Sans, Helvetica, sans-serif; 
   font-size : 8pt; 
   color : black; 
   font-weight : bold; 
}

a:link {
   color: blue; 
   text-decoration: underline;
}

a:active {
   color: blue; 
   text-decoration: underline;
}

a:visited {
   color: blue;
   text-decoration: underline;
}

a:hover {
   color: red;
   text-decoration: underline;
}

div#footer a, div#footer div.centred a {
   color: navy; 
   text-decoration: none;
}

span.red {
   font-size: 8pt;
   color: red;
   font-weight: normal;
}

p.indent-left {
   margin-left: 250px;
}

img.img-parag {
   position: absolute;
}

img.outlined {
   border: 1px solid black;
}

div.image-right {
   position: absolute;
   right: 20px;
   width: 225px;
   text-align: right;
}


/********* Start of styles for signup page *********/
fieldset {
   border: 0;
}

.form-block {
   float: left;
   width: 50%;
}

.information {
   width: 400px; 
   border: 1px solid #336699; 
   background-color: #efefef; 
   padding: 10px;
   margin: 0 10px;
   margin-left: 50%;
}

.explanation {
   width: 75%; 
   border: 1px solid #336699; 
   background-color: #efefef; 
   padding: 10px;
   margin: 10px auto;
}

.alert {
   width: 90%; 
   border: 1px solid #336699; 
   background-color: #efefef; 
   padding: 5px;
   margin: 10px auto;
}

.clear {
   clear: both;
}

.medpaddedattop {
   padding-top: 15px;
   padding-bottom: 10px;
}

.paddedattop {
   padding-top: 50px;
}

.join-image {
   width: 320px;
   float: left;
   text-align: center;
   min-height: 300px;
}

.centred {
   text-align: center;
}

hr.dashed {
   border: 1px dashed #ccc;
   width: 100%;
   margin: 10px 0;
} 

label {
   display: block;
   width: 400px;
   text-align: right;
   vertical-align: bottom;
   margin-bottom: 10px;
}

fieldset#contactemail label {
   display: inline;
   width: 150px;
   float: left;
   text-align: left;
   vertical-align: bottom;
}

div.contact-line {
   clear: both;
}

td label {
   margin: 0; /* labels in tables don't have the element in them, so the margin makes it look skewiff */
}

label.left {
   text-align: left;
   width: auto;
   margin-bottom: 0;
   padding-bottom: 0;
}

table.searchform td label {
   width: 300px;
}

div#frontpage-search label, label.auto {
   display: inline;
   width: auto;
   vertical-align: middle; /* needed for Safari on Windows */
}

label.autob {
   display: block;
   width: auto;
}

label.smaller {
   width: 250px;
}

label.tick {
   width: auto;
   padding-left: 200px;
   text-align: left;
   margin: 0;
   padding: 0;
}

.small {
    font-size: 8pt;
}

.medium {
    font-size: 10pt;
}

.larger {
    font-size: 14pt;
}

.txtright {
   text-align: right;
}

.bold {
   font-weight: bold;
}

/********* End of styles for signup page *********/

table.black-border {
   width: 100%;
   border: 2px solid black; 
   border-collapse: collapse; 
}

table.black-border td, table.black-border th {
   border: 2px solid black; 
   padding: 10px;
   font-size: 10px;
   text-align: center;
   vertical-align: center;
   font-family: Garamond, Arial, Verdana, Waree, Sans, Helvetica, sans-serif; 
   font-size: 11pt; 
   color: black; 
}

table.black-border td.total {
   font-weight: bold;
   text-align: right;
}

.accountlinks a, .accountlinks a:visited, .actions a, .actions a:visited {
   color: black;
   font-size: 10pt;
   text-decoration: none;
   font-weight: bold;
}

.accountlinks a:hover, .actions a:hover {
   color: black;
   text-decoration: underline;
}

.accountlinks, .actions {
   padding-bottom: 5px;
}

table#accstats td, table#accstats th {
   font-size: 10pt;
   margin-left: 5px;
}

table#accstats td.stat {
   border-bottom: 1px dashed silver;
   width: 400px;
}

table#accstats td.statvalue {
   padding-left: 10px;
}

th.bands {
   width: 80px;
}

div#infobar {
   width: 100%;
   height: 23px;
   background-color: #ffffe1;
   border-bottom: 2px solid gray;
   text-align: left;
   padding: 3px;
}

div.wrap {
   clear: both;
   height: 1px;
/* IE6 bug: stops divs having zero height due to floats. relative positioning doesn't work here */
   min-height: 280px;
}

.custinfo {
   border: 1px dashed black;
   padding: 10px;
   margin-bottom: 10px;
   width: 75%;
   margin-left: 100px;
}

table.largelist {
   background-color: #f1f1ed;
   border-collapse: collapse;
   border: 1px solid black;
}

table.largelist td, table.largelist th {
   border: 1px solid black;
   padding: 5px;
}

table.largelist th {
   text-align: center;
}

.tab, .tablast {
   float: left;
   width: 75px;
   font-weight: bold;
   border: 1px solid black;
   border-bottom: 0;
   border-right: 0;
   padding: 5px;
   margin-bottom: 0;
   text-align: center;
}

.tablast {
   border-right: 1px solid black;
}

.tab a, .tablast a {
   color: black;
   text-decoration: none;
   font-weight: bold;
   font-size: 10pt;
}

.tabitem {
   clear: both;
   border: 1px solid black;
   padding: 10px;
   margin: 0;
}

.rightfloater {
   position: absolute;
   right: 10px;
}

.float-left {
   width: 215px;
   float: left;
   margin: 25px;
}

ul.ticklist {
   list-style-image: url(../images/tick.png);
}

ul.ticklist li {
   font-size: 10pt;
   padding-left: 10px;
}

div.acc {
   float: left;
   width: 24%;
   min-height: 200px;
   margin: 20px 0;
   padding: 20px 3px;
   text-align: center;
}

div.listgroup {
   margin: 20px 10px;
   float: left;
   width: 385px;
   min-height: 300px;
}

div.listgroup p {
   margin-bottom: 3px;
   padding-bottom: 3px;
}

div.photoresult {
   position: relative;
   float: left;
   text-align: center;
   width: 100px;
   height: 80px;
   margin: 10px;
   padding: 5px;
   border: 1px dashed gold;
}