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


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

/* Lay out the outer body (black), and then the inner */
/* (centralised, width-restricted) box (black):       */

body {
	text-align: center;
	padding: 0px;
	margin: 5px;
	background-color: #000;
}

#centralbox {
	position: relative;
	width: 750px;
	margin: 0px auto;
	text-align: left;
	padding: 5px;
	background-color: #000;
	border: 2px solid #999;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #EEE;
}

/* Two versions of the internal Content boxes: One with a wide margin  */
/* to the left for the menu, one using full width (no menu):           */

#centralcontent {
	text-align: left;
	margin: 0px 30px 10px 130px;
	border: 0px;
	padding: 0px;
}

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

/* Float the Logo (if any) over to the right: */

.logo {
	float: right;
	padding: 10px 10px 20px 25px;
}


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

/* Lay out the inner (centralised, width-restricted) */
/* box (black, with background image):               */

#home_centralbox {
	position: relative;
	width: 750px;
	margin: 0px auto;
	text-align: left;
	padding: 5px;
	background-color: #000;
	background-image: url(../Graphics/HomeMontage1.jpg);
	background-repeat: no-repeat;
	background-position: 20% 0%;
	border: 2px solid #999;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #EEE;
}

/* Define an internal Content box with a wide RH margin: */

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

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

#home_headertext {
	font-size: 95%;
	font-style: italic;
	margin: 230px 25px 25px 180px;
	padding: 8px;
	background-image: none;
	background-color: #000;
	border: 2px solid #999;
	height: 100%; /* (IE Bug Fix) */
}

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

#home_logobox {
	position: absolute;
	top: 10px;
	left: 690px;
}

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

#home_menuarea {
	margin: 40px 0px 30px 15px;
}

/* Define the Home Page Menu links: */

.home_menulist {
	list-style: none;
	margin-bottom: 0px;
}

.home_menuitem {
	background: url(../Graphics/MenuArrow.gif) no-repeat 0 50%;
	padding-left: 25px;
	font-size: 95%;
}
	

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

/* 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 #999;
	margin: 20px 20px 0px 20px;
	padding: 10px;
}

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

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

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

/* Style a general centralised area: */

.centralise {
	text-align: center;
}

/* Turn off borders on all images: */

img { border: none; }

/* 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: 95%;  }
.normaltext        { font-size: 95%;  }
.smallertext       { font-size: 75%;  }

.showlist_date     { font-size: 95%;  }
.showlist_group    { font-size: 100%; }
.showlist_title    { font-size: 140%; margin: 3px 0px 3px 0px;}
.showlist_credit   { font-size: 90%;  }
.showlist_canc     { font-size: 95%; font-style: italic; color: red; }

.showpage_group    { font-size: 120%;  }
.showpage_presents { font-size: 90%;  margin: 10px 0px 10px 0px;}
.showpage_title    { font-size: 160%; }
.showpage_credit   { font-size: 100%; margin: 10px 0px 0px 0px;}
.showpage_date     { font-size: 100%; margin: 10px 0px 0px 0px;}
.showpage_days     { font-size: 90%;  }
.showpage_suppinfo { font-size: 90%;  }
.showdesc_normal   { font-size: 95%;  }
.showdesc_italic   { font-size: 95%;  font-style: italic;}
.showdesc_boxed    { font-size: 95%;  border: 2px solid #999; margin: 20px 20px 0px 20px; padding: 10px;}
.showdesc_coloured { font-size: 95%;  background-color: #113; padding: 10px;}
.showpage_prices   { font-size: 95%;  }
.showpage_altticks { font-size: 95%;  }
.showpage_groupweb { font-size: 75%;  border: 2px solid #999; margin: 20px 20px 0px 20px; padding: 10px;}

.event_title       { font-size: 150%; }
.event_date        { font-size: 120%;  margin: 10px 0px 0px 0px;}
.audition_group    { font-size: 95%;  }
.audition_title    { font-size: 120%; margin: 3px 0px 3px 0px;}
.audition_credit   { font-size: 80%;  }
.audition_date     { font-size: 95%;  }
.salesnormaltext   { font-size: 95%;  }
.salessmallertext  { font-size: 75%;  }
option             { font-size: 95%;  }
input              { font-size: 95%;  }
textarea           { font-size: 95%;  }

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

h1 {
	text-align: center;
	font-size: 140%;
	font-style: italic;
	margin: 20px 0px 15px 0px;
}

h1.topbanner {
	display: none;
}

h2 {
	text-align: center;
	font-size: 120%;
	font-style: italic;
}

h3 {
	text-align: left;
	font-size: 95%;
	font-weight: bold;
}

#print_footer {
	display: none;
}

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

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

i {
	font-style: italic;
}

.warning {
	font-style: italic;
	color: red;
}

li.spaced {
	margin: 15px 0px 15px 0px;
}

/*************************************************************************/
/*          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: #EEE;
	background-color: #000;
	padding: 10px;
	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: 15px;
}

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

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

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

table.borderedtable, .borderedtable th, .borderedtable td {
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
	border-collapse: collapse;
	padding: 15px;
	text-align: left;
}

/* Style the Sales Form table (red background): */

.salestable table, .salestable th, .salestable td {
	background-color: #600;
}

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

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

.basketcontents th {
	font-size: 95%;
	font-weight: bold;
}

/* Add a margin above the Shopping Basket table: */

.baskettable {
	margin-top: 20px;
}

/* 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: 95%;
}

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: 110%;
}

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

/* Style the top and bottom navigation trails: */

#navtrailtop {
	border-bottom: 1px solid #999;
	padding: 3px 0px 3px 5px;
	font-size: 75%;
}

#navtrailbot {
	margin-top: 30px;
	border-top: 1px solid #999;
	padding: 10px 0px 3px 5px;
	font-size: 75%;
}

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

#menu {
	position: absolute;
	top: 80px;
	left: -20px;
	width: 100px;
	padding: 10px;
	background-color: #113;
	border: 2px solid #999;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
}

div.linkbox_first {	
	padding: 10px 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div.linkbox {
	padding: 10px 5px;
	border-bottom: 1px solid #ccc;
}

div.linkbox_sel {
	padding: 10px 5px;
	color: #999;
	font-weight: 600;
	border-bottom: 1px solid #ccc;
}

/* Define the colours and actions for Links */

a {
	color: #6C6;
	text-decoration: none;
	font-weight: 400;
}

a:link {color: #6C6;}
a:visited {color: #6C6;}
a:hover {text-decoration: underline;}

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