/*************************************************************************/
/*   Style Sheet for the "The Place" Website, John Lowe, Winter 2007.    */
/*************************************************************************/
/*          THIS SHEET IS FOR THE PUBLIC PAGES, FOR PRINT                */
/*************************************************************************/


/*************************************************************************/
/*          Lay out the HIGH-LEVEL LAYOUT for GENERAL PAGES              */
/*************************************************************************/

/* Lay out the outer body (black), and then the inner */
/* box both white background, fluid:                  */

body {
	text-align: center;
	padding: 0pt;
	margin: 12pt;
	background-color: white;
}

#centralbox {
	position: relative;
	margin: 0pt auto;
	text-align: left;
	padding: 12pt;
	background-color: white;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: black;
}

/* Two versions of the internal Content boxes, but both */
/* are identical for the Printer:                       */

#centralcontent {
	text-align: left;
	margin: 30pt 30pt 30pt 30pt;
	border: 0pt;
	padding: 0pt;
}

#centralcontent_fullwidth {
	text-align: left;
	margin: 30pt 30pt 30pt 30pt;
	border: 0pt;
	padding: 0pt;
}

/* Turn off all images: */

img {
	display: none;
	border: none;
}

/* Float the Logo (if any) over to the right, and turn back ON: */

.logo {
	display: block;
	float: right;
	padding: 10pt 10pt 20pt 25pt;
}


/*************************************************************************/
/*         Override some HIGH-LEVEL LAYOUT for HOME PAGE only            */
/*************************************************************************/

/* Lay out the inner box (white background): */

#home_centralbox {
	position: relative;
	margin: 0pt auto;
	text-align: left;
	padding: 12pt;
	background-color: white;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: black;
}

/* Define an internal Content box: */

#home_centralcontent {
	text-align: left;
	margin: 30pt 30pt 30pt 30pt;
	border: 0pt;
	padding: 0pt;
}

/* Characterise the Home Page Header Text box: */

#home_headertext {
	font-size: 12pt;
	font-style: italic;
	margin: 30pt 25pt 25pt 30pt;
	padding: 8pt;
	border: 2px solid black;
}

/* Lay out the Home Page Logo area, floated to the right: */

#home_logobox {
	display: block;
	float: right;
	padding: 10pt 10pt 20pt 25pt;
}

/* Lay out the Home Page menu area: */

#home_menuarea {
	margin: 20pt 20pt 20pt 20pt;
}

/* Define the Home Page Menu links: */

.home_menulist {
	list-style: disc;
}

.home_menuitem {
	font-size: 12pt;
}
	

/*************************************************************************/
/*          Style some GENERAL STUFF, FONTS, and HEADINGS                */
/*************************************************************************/

/* Turn OFF any "No Print" sections: */

.no_print {
	display: none;
}

/* Style some general 'pull-out' boxed section, one with wide */
/* right margin for Logo, with floated image if needed:       */
/* (Also used for Auditions Page sections)                    */

.boxedpara, .audition {
	border: 2px solid black;
	margin: 20pt 20pt 0pt 20pt;
	padding: 10pt;
}

.boxedpara_margined, .audition_margined {
	border: 2px solid black;
	margin: 20pt 60pt 0pt 20pt;
	padding: 10pt;
}

.leftfloat, .boxedpara img, .boxedpara_margined img, .audition img,  .audition_margined img {
	float: left;
	padding: 0pt 15pt 10pt 0pt;
}

.boxedpara ul, .boxedpara_margined ul {
	margin: 10pt 10pt 0pt 0pt;
}

/* Style a general centralised area: */

.centralise {
	text-align: center;
}

/* Define 'clearer divs' to force clearance of floats: */

.clearer {
	clear: both;
	line-height: 0;
	height: 0;
}

.clearer_left {
	clear: left;
	line-height: 0;
	height: 0;
}

/* Define Text Sizes and Styles: */

p                  { font-size: 12pt;  }
.normaltext        { font-size: 12pt;  }
.smallertext       { font-size: 10pt;  }
.showlist_date     { font-size: 11pt;  }
.showlist_group    { font-size: 11pt;  }
.showlist_title    { font-size: 14pt;  }
.showlist_credit   { font-size: 10pt;  }
.showpage_group    { font-size: 12pt;  }
.showpage_presents { font-size: 10pt;  }
.showpage_title    { font-size: 16pt;  }
.showpage_credit   { font-size: 11pt;  }
.showpage_date     { font-size: 12pt;  }
.showpage_days     { font-size: 10pt;  }
.event_title       { font-size: 16pt;  }
.event_date        { font-size: 14pt;  }
.audition_group    { font-size: 11pt;  }
.audition_title    { font-size: 14pt;  }
.audition_credit   { font-size: 11pt;  }
.audition_date     { font-size: 12pt;  }
.salesnormaltext   { font-size: 12pt;  }
.salessmallertext  { font-size: 10pt;  }
option             { font-size: 12pt;  }
input              { font-size: 12pt;  }
textarea           { font-size: 12pt;  }

/* Define Headings and Styles:                */
/* (Turn ON Top Banner and Footer for screen) */

h1 {
	text-align: center;
	font-size: 16pt;
	font-style: italic;
	margin: 10pt 0pt 10pt 0pt;
}

h1.topbanner {
	display: block;
}

h2 {
	text-align: center;
	font-size: 14pt;
	font-style: italic;
}

h3 {
	text-align: left;
	font-size: 12pt;
	font-weight: bold;
}

#print_footer {
	clear: both;
	text-align: center;
	font-size: 14pt;
	margin: 5pt;
	padding: 5pt;
	border-top: 2px solid black;
}

em {
	font-weight: bold;
	font-style: normal;
}

strong {
	color: red;
	font-weight: bold;
	font-style: normal;
}

li.spaced {
	margin: 5pt 0pt 5pt 0pt;
}

/*************************************************************************/
/*          Style the various TABLES and components                      */
/*************************************************************************/

/* Set a general starting point for tables: Left justified, */
/* white text, default padding and background:              */

table, td, th {
	text-align: left;
	color: black;
	background-color: white;
	padding: 5pt;
	border: none;
}

/* Centre the table on the page for various classes: */

.centertable, .basketcontents {
	text-align: center;
}

.centertable table, .basketcontents table {
	margin-left: auto;
	margin-right: auto;
}

/* Style a centralised-content table with no borders */
/* (Used for Show Page heading):                     */

.centertable table, .centertable th, .centertable td {
	text-align: center;
	padding: 5pt;
}

/* Style a left-aligned table with full borders:  */

table.fullborderedtable, .fullborderedtable th, .fullborderedtable td {
	border: 2px solid black;
	border-collapse: collapse;
	padding: 5pt;
}

/* Style a left-aligned table with borders  */
/* at top and bottom of each row:           */

table.borderedtable, .borderedtable th, .borderedtable td {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	border-collapse: collapse;
	padding: 5pt;
	text-align: left;
}

/* Turn OFF the Sales Form table: */

.salestable table, .salestable th, .salestable td {
	display: none;
}

/* Style a centralised table with full borders, and Headers */
/* (used for Shopping Basket contents):                     */

.basketcontents table, .basketcontents th, .basketcontents td {
	border: 2px solid black;
	border-collapse: collapse;
	text-align: left;
}

.basketcontents th {
	font-size: 12pt;
	font-weight: bold;
}

/* Override the standard alignment for special cells: */

td.tdright {
	text-align: right;
}

td.tdtop {
	vertical-align: top;
}

td.tdtopright {
	vertical-align: top;
	text-align: right;
}

td.tdcentrenormal {
	text-align: center;
	font-size: 12pt;
}

td.tdcentre {
	text-align: center;
}

/*************************************************************************/
/*          Lay out the SALES SYSTEM ERROR PAGES                         */
/*************************************************************************/

/* Style a large-text centred paragraph for error pages: */

.errormessage {
	text-align: center;
	font-size: 14pt;
}

/*************************************************************************/
/*          Style the GENERAL PAGES NAVIGATION and MENU                  */
/*************************************************************************/

/* Turn OFF the top and bottom navigation trails: */

#navtrailtop {
	display: none;
}

#navtrailbot {
	display: none;
}

/* Turn OFF the left side Menu Block, and then the individual link areas */

#menu {
	display: none;
}

div.linkbox_first {	
	display: none;
}

div.linkbox {
	display: none;
}

div.linkbox_sel {
	display: none;
}

/* Define the colours and actions for Links */

a {
	color: black;
	text-decoration: none;
}

a:link {color: black;}
a:visited {color: black;}
a:hover {text-decoration: none;}

/* END of Style Sheet for PUBLIC PAGES, PRINT */