/* ---------------  general formatting  ------------------*/
* {
	color:#fff;
	padding:1px;
	font-family:Arial, sans-serif;
}

body {
	background-color:#000;
}

#container {
	background:#345;
	width:96%;
	margin-left:auto;
	margin-right:auto;
	border-left:15px solid #888;
}

/* ---------------  the header  ------------------*/
h1 {
	text-align:right;
	font-family:Impact, sans-serif;
	font-size:24pt;
	padding-right:10px;
	margin:0;
}

h2 {
	font-size:14pt;
	font-style:italic;
	text-align:right;
	padding-right:10px;
}

#logo {
	background-image:url('http://www.petersguitars.co.nz/global/images/logo_100px.png');
	background-position:100% 0%;
	background-repeat:no-repeat;
	margin:1px;
	padding-top:7.5%;
}

#headerimg {
	position:absolute;
	left:-3%;
	top:-12%;
}


/* ---------------  the central section  ------------------*/
#center {
	background:#567;
	padding-bottom:5px;
}

/* navigation sidebar */
#nav {
	width:24%;
	float:left;
}

	#nav ul {
		list-style:none;
		padding-left:0;
		border-bottom:1px solid #888;
		width: 75%;
	}
	
	#nav li {
		border-top:1px solid #888;
		padding:.4em;
	}

	#nav li a {
		text-decoration:none;
	}

	#nav li a:link {
		color:#fff;
	}
	#nav li a:visited {
		color:#fff;
	}
	#nav li a:hover {
		color:#f00;
		background:#dbb;
	}
	#nav li a:active {
		color:#ccc;
	}

	#currentpage {
		font-weight:bold;
		background:#666;
		border-bottom:1pt solid #fff;
	}

	
/* content section */
#content {
	width:70%;
	overflow:auto;
	border-left:1pt solid #fff;
	padding-left:5pt;
}

#content_home {
	width:75%;
	overflow:auto;
	border:1pt solid #fff;
	padding-bottom:10px;
}

h3 {
	font-size:14pt;
	padding:10px 0 0 0;
	margin-top:5px;
}

#content_home h3 {
	padding:12px 0 0 15px;
	font-style:italic;
}

#c1, #c2, #c3 {
	width:29.5%;
	float:left;
	margin-right:2%;
}

#c1 {
	margin-left:3%;
}

#c2 {
	padding-top:5%;
}

#c1_text, #c3_text {
	background:#bcd;
	color:#567;
	padding:2pt;
}

#c3_text a {
	color:#567;
}

#link1, #link2, #link3 {
	margin-left:auto;
	margin-right:auto;
	height:105px;
	width:100px;
	background-position:center center;
	background-repeat:no-repeat;
}

span.freelesson {
	font-weight:bold;
	font-style:italic;
	color:#000;
}

#link1 {
	background-image: url('http://www.petersguitars.co.nz/global/images/picks/pick_fender_grayscale.png');
}
	#link1:hover {
		background-image: url('http://www.petersguitars.co.nz/global/images/picks/pick_fender.png');
	}

#link2 {
	background-image: url('http://www.petersguitars.co.nz/global/images/picks/pick_stylisednote_grayscale.png');
}
	#link2:hover {
		background-image: url('http://www.petersguitars.co.nz/global/images/picks/pick_stylisednote.png');
	}

#link3 {
	background-image: url('http://www.petersguitars.co.nz/global/images/picks/pick_red_grayscale.png');
}
	#link3:hover {
		background-image: url('http://www.petersguitars.co.nz/global/images/picks/pick_red.png');
	}
	
a#pick1 {
	display: block;
	width: 100px;
	height: 97px;
	text-decoration: none;
	background: url("http://www.petersguitars.co.nz/global/images/picks/pick_red_combo.png");
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
}
	a#pick1:hover {
		background-position: 0 -100px;
	}
	
a#pick2 {
	display: block;
	width: 80px;
	height: 97px;
	text-decoration: none;
	background: url("http://www.petersguitars.co.nz/global/images/picks/pick_stylisednote_combo.png");
	background-position: 0 -100px;
	margin-left:auto;
	margin-right:auto;
}
	a#pick2:hover {
		background-position: 0 0;
	}

a#pick3 {
	display: block;
	width: 80px;
	height: 97px;
	text-decoration: none;
	background: url("http://www.petersguitars.co.nz/global/images/picks/pick_fender_combo.png");
	margin-left:auto;
	margin-right:auto;
}
	a#pick3:hover {
		background-position: 0 -100px;
	}

.displace {
	position: absolute;
	left: -5000px;
}

/* list formatting .......................................*/

ul #skills li {
	list-style:disc;
}

/* table formatting .........................................*/
/* table1 - timetable ..........................................*/
#timetable {
	border-top:3px solid #f00;
	border-bottom:3px solid #f00;
	table-layout:auto;
	border-collapse:collapse;
	width:100%;
}

#timetable th {
	background-color:#678;
}
#timetable td, #timetable th {
	border:1px solid #fff;
	padding-left:4px;
	padding-right:4px;
}

.times {
	background-color:#678;
	border-left:none;
	width:14%;
}
.monday, .tuesday, .wednesday, .thursday, .friday {
	width:17.5%;
}
.free {
	background-color:#ccc;
}
.nfree {
	background-color:#abc;
}
.na {
	background-color:#888;
}
.hidden {
	display:none;
}

/* table2 - table of resources .....................................*/

#resourcelist {
	border-collapse:collapse;

}
#resourcelist th {
	text-align:left;
}

#resourcelist td{
	border-top:1px solid #888;
	padding:.5em .25em;
}
#resourcelist th {
	padding:.25em;
}


/* ---------------  the footer  ------------------*/

#footer {
	clear:both;
}	

blockquote {
	width:60%;
	margin-left:auto;
	margin-right:auto;
	border-bottom:2pt solid #bcd;

}
	.quote, .source {
		margin:1px;
		text-align:center;
	}
	.quote, .source {
		font-family:'Comic sans MS', sans-serif;
	}
	.source {
		font-family: 'Times New Roman', serif;
		font-style:italic;
		font-size:12pt;
	}


a.footerlink {
	text-decoration:none;
}

a:link.footerlink {
	color:#fff;
}
a:visited.footerlink {
	color:#fff;
}
a:hover.footerlink {
	color:#f00;
	background:#dbb;
}
a:active.footerlink {
	color:#f00;
}

#footernav, #housekeeping {
	text-align:center;
	margin:1pt;
	padding:0;
}
#housekeeping {
	font-size:10pt;
}

.myname {
	font-style:italic;	
}