/* TRICK TRACK LIFT MASTER CSS */


/* BODY */

html, body { margin: 0px; padding: 0px; font-family: gill sans,gill sans mt,arial,helvetica,sans-serif; text-align: left; }

body { border-left: 10px solid }

/* LINKS */

a:link, a:visited { text-decoration: none; }


/* DIVS */

div { margin: 0px; border: 0px none; padding: 15px; }

div.index { position: absolute; left: 50%; top: 50%; text-align: center; }
	/* div for INDEX PAGES which contain the lead-in image */

#banner { position: absolute; left: 180px; top: 30px; padding: 0px; }
	/* div for the BANNER at the top of the page */

#menubar { position: absolute; width: 120px; left: 15px; top: 0px; margin-left: 10px; padding: 0px; }
	/* div for the MENU at the left hand side */
#menubar img { margin-top: 15px; }
#menubar p { font-weight: bold; }
#menubar ul { list-style: none; font-size: 0.8em; margin-left: 0px; padding-left: 0px; }

#copyright { clear: both; text-align: right; }	/* div for the COPYRIGHT declaration and NAVBAR at the bottom of each page */
#copyright hr { height: 2px; }
#copyright div.backtotop { float: left; margin: 0px; padding: 0px; line-height: 1em; }
#copyright img { float: right; margin: 0px 0px 5px 10px; }

div.container { width: 750px; margin-left: 150px; padding: 1px; } 
	/* div which contains ALL CONTENT except the menubar and banner
	- given 1px padding so that the margins of this div and its children do not collapse */

div.clear { clear: both; padding: 0px; width: 100%; }	/* divs used to RESET FLOATS */
div.clearleft { clear: left; padding: 0px; width: 100%; }

div.main { position: relative; width: auto; margin-top: 85px; }
	/* div for STANDARD PAGES which do not require to be split in two */
div.left { position: relative; float: left; width: 280px; margin-top: 85px; }
	/* div which sits on the LEFT when a page is split in two */


div.right, div.info { position: relative; margin-left: 310px; padding-left: 0px; }

div.right { margin-top: 85px; }
	/* div which sits on the RIGHT when a page is split in two */
div.info { margin-top: 175px; }
	/* div for pages giving INFO on how to use the lyrics / gigs pages 
	- the margin-top: 175px attribute is used to bring the text down further (as opposed to margin-top: 85px in other divs) */

div.right p, div.info p { margin-left: 0px; border-left: 1px solid; padding-left: 14px; }
div.right p.small { border-left: 0px none; padding-left: 15px; }


div.releases { float: right; font-size: 0.8em; margin: 15px 0px 15px 15px; border-left: 1px solid; padding: 0px 0px 15px 14px; }
	/* div for FORTHCOMING RELEASES section on the LATEST NEWS page */ 
div.releases h2, div.releases h3 { margin-left: 0px; }

#rack { position: relative; float: left; width: 450px; margin-top: 85px; } /* div for the "CD RACK" on the catalogue page */
#rack td { padding: 0px; }
#rack p { font-size: 0.8em; }

#album { position: relative; width: 230px; margin-left: 490px; margin-top: 85px; font-size: 0.8em; }
#album div { margin-right: 0px; padding: 5px 0px; }
#album h2, #album h3 { margin-left: 0px; }		/* div for ALBUM entries within catalogue */ 
#album td { padding: 0px; }
#album ol, #album ul { margin-left: 1.6em; padding-left: 0px; }

div.navbartop { clear: both; padding-top: 0px; }
	/* div used to RESET FLOATS */
div.navbar { clear: both; padding-bottom: 0px; }
	/* div used to RESET FLOATS */
div.prev { margin-left: 0px; padding: 0px; }
	/* div for link to PREVIOUS page on DIARY pages */
div.home { position: absolute; left: 50%; width: 200px; margin-left: -115px; text-align: center; }
	/* div for link to DIARY HOME page */
div.next { margin-right: 0px; padding: 0px; text-align: right; }
	/* div for link to NEXT page on DIARY pages */


/* HEADERS */

h2 { font-size: 1.55em; font-weight: bold; margin-left: 15px; }
h3 { font-size: 1.25em; font-weight: bold; margin-left: 15px; }
h3.centred { margin-left: 0px; margin-top: 1.5em; text-align: center; }
h4 { font-size: 1em; font-weight: bold; margin-left: 15px; }
h5 { font-size: 0.8em; font-weight: bold; margin-left: 15px; }


/* HR */

hr { height: 1px; border: 0px none; }


/* IMAGES */

a:link img, a:visited img { border: 2px solid } /* ENSURES BORDERS APPEAR around images that are links */
a:hover img { border: 2px solid }

a:link img.noborder, a:visited img.noborder, a:hover img.noborder { border: 0px none; }
	/* use this class to REMOVE BORDERS around images that are links */

img.floatleft { clear: left; float: left; margin: 3px 15px 15px 0px; } /* for floating IMAGES on the LEFT of DIARY and ARTIST BIO pages */
img.floatright { clear: right; float: right; margin: 3px 0px 15px 15px; } /* for floating IMAGES on the RIGHT of DIARY pages */


/* LISTS */

ol { list-style-position: outside; }
ul { list-style: circle outside; }
.lyric { margin-left: 15px; padding-left: 0px; } /* used for lyric and gig lists */
.lyric li { padding: 0.2em 0em; }


/* TABLES */

table.article { margin-left: 15px; }
table.article th { padding: 0.3em 0px; text-align: left; text-indent: 2em; font-weight: normal; }
table.article td { padding: 0.1em 0.3em; } /* used for tables within ARTICLES */
table.article ol, table.article ul { margin: 0px 1em 0px 2em; padding: 0px; font-weight: bold; }

table.release th { width: 7em; font-weight: bold; text-align: left; } /* used for RELEASE INFO on CATALOGUE pages */

td { padding: 0.1em 0.2em; vertical-align: top; }
th { vertical-align: top; }

td.disc { width: 240px; padding: 15px; } /* for discography entries on ARTIST BIO pages */
td.disc p a { font-weight: bold; }

td.discdetails ul { font-size: 0.8em; }

td.links { width: 10em; } /* used to fix the width of the left hand column of the LINKS page table */
td.articles { width: 14em; } /* used to fix the width of the left hand column of the ARTICLES index table */


/* TEXT */

.bold { font-weight: bold; }
.indent { margin-left: 15px; padding-top: 5px; }
.small { font-size: 0.8em; }

span.prev { float: left; margin-left: 15px; }
span.next { float: right; text-align: right; margin-right: 15px; }


/* END */