/* General style sheet for claysongs.co.uk */

@import url(defaults.css);


body {
	background-image: url(pix/background.jpg);
	background-position: left top;
	}


/* headerBox - the banner at the top */

#headerBox {
	background-image: url(pix/background.jpg);
	background-attachment: fixed;
	background-position: left top;
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
	height: 180px;
	border-bottom: solid 2px #EC8;
	}
	
/* Fix for IE6 */
* html #headerBox {position: absolute; }

#headerTitle {
	background-image: url(pix/title.gif);
	background-repeat: no-repeat;
	background-position: center top;
	position: fixed;
	width: 100%;
	min-width: 720px;
	top: 0px;
	left: 0px;
	height: 180px;
	}
	
/* Fix for IE6 */
* html #headerTitle {position: absolute; }


#headerLogo {
	background-image: url(pix/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: fixed;
	width: 180px;
	top: 0px;
	left: 0px;
	height: 180px;
	}
	
/* Fix for IE6 */
* html #headerTitle {position: absolute; }

/* sideBar - the index on the left */

#sideBar {
	background-image: url(pix/background.jpg);
	background-attachment: fixed;
	background-position: left top;
	position: fixed;
	height: 100%;
	width: 136px;
	top: 180px;
	left: 0px;
	border-right: solid 2px #EC8;
	}
	
/* Fix for IE6 */
* html #sideBar {position: absolute; }

/* sideIndex - top-level links */

ul.sideIndex {
	margin-left: 8px;
	}

ul.sideIndex a {
	display: block;
	width: 120px;
	background-color: #EC8;
	font-variant: small-caps;
	font-size: 1.4em;
	margin-bottom: 8px;
	padding: 2px;
	color: #000;
	}

ul.sideIndex a:hover {
	background-color: #CA7;
	}

ul.sideIndex li {
	display: inline;
	}

* html ul.sideIndex a { height: 1px; }


/* contentBox - the area below the banner */

#contentBox {
	text-align: center;
	margin-top: 182px;
	margin-left: 138px;
	padding: 12px;
	color: #431;
	}

#contentBox a {
	color: #431;
	}

#contentBox a:hover {
	color: #FA8;
	}


/* Positioning classes */

.topLeft {position: absolute;
	left: 12px;
	top: 0px;
}

.bottomLeft {position: absolute;
	left: 12px;
	bottom: 12px;
}

.topRight {position: absolute;
	right: 12px;
	top: 0px;
}

.bottomRight {position: absolute;
	right: 12px;
	bottom: 12px;
}

/* Very general (default) text styling classes */

.txQuote {
 	font-style: italic;
	}

.txStress {
 	font-weight: bold;
	}

.txLink {
  	font-weight: bold;
  	font-family: sans-serif;
	}

.linkSelected {
 	font-weight: bold;
	}

.bigText {
  	font-size: 1.2em;
  	font-style: italic;
  	}

/* Headings */

h1 {
	text-align: center;
	font-variant: small-caps;
	font-weight: normal;
	}

h2 {
	font-weight: normal;
	}