/* CSS Document 

Revised 16Dec09
Author: pentangled



Email:penn@pentangled.co.uk
www.pentangled.co.uk



(C) pentangled 2008-9*/


/* --- Main Style Sheet --- */



body {
	font:12px/140% tahoma, verdana, sans-serif;
	margin:0 auto;
	padding:0;
	text-align:center;
	color: #f7f8f7;
	background:#edecec url(img/bg/bw_grad.jpg) repeat-x;
}
h1, h2, h3, h4 {
	text-align:left;
	font-weight:normal;
	letter-spacing:1px;
}
h1 {
	font-size: 2em;
	line-height:120%;
}
h1.branding, a.branding {
	float:left;
	text-indent:-9999px;
}
h2 {
	font-size: 2em;
	margin:0;
	padding:0;
}
h3, h4 {
	line-height: 120%;
	font-size:1.5em;
	padding:6px 0;
	margin:0;
}
h4 {
	font-size:1.3em;
	letter-spacing:normal;
 	}
p, ul, ol, dl {
	font-size: 1em;
	text-align: left;
	margin:0;
	padding:0;
}
a {
	color:#fff;
	text-decoration:none;
	border-bottom: 1px dotted #999;
}
a:hover {
	color:#fba;
	border-bottom: 1px dotted #e28157;
}
img {
	padding:1px;
	
	
	                     /*-------------------------------LAYOUT---------------------------*/
	
	
/*giglist listlist*/




	
}
dl.giglist {
	margin:30px 20px 20px 20px;
	width:600px;
}
dl.giglist dt {
	font-size:23px;
	color:#e28157;
	font-weight:bold;
	padding:8px 0 5px 0;
}
dl.giglist dt.bigbold {
	border-top: 1px dotted #888;
	color:#888;
	margin-top:8px;
}
dl.giglist dd {
	padding-bottom:5px;
}
dl.giglist dd a {
	border-bottom: 1px dotted #888;
}







#container {
	position:relative;
	margin: 0 auto;
	background:url(img/bg/bg_b.jpg) repeat;
 
}




/*header*/



#header {
	text-align:left;
	font-size:19px;
	width:850px;
	height:150px;
	margin:0 auto;
	padding:0;
	background:url(img/bg/NewHeader850.jpg) top right no-repeat;
}
#header img.index_link {
 	margin:0;
	padding:0;
	}
#header a {
	border:none;
	}
#header ul.nav {
	margin:0;
	padding-left:7px;
	margin-top:10px;
 }
#header ul.nav li {
	list-style:none;
	display:inline;
	text-align:left;
}
#header ul.nav li a {
	color:#511413;
	padding:0 3px 0 6px;
  	text-decoration:none;
	width:85px;
}
#header ul.nav li a:hover {
	color:#d65;
}
#header.biog_nav ul.nav li a.here,
#header.profile_nav ul.nav li a.here,
#header.gig_nav ul.nav li a.here,
#header.song_nav ul.nav li a.here,
#header.vid_nav ul.nav li a.here,
#header.contact_nav ul.nav li a.here,
#header.pic_nav ul.nav li a.here {
	font-weight:bold;
 	color: #a32;
}

	



/*content*/





 #content {
	width:850px;
 	padding:0;
	margin:20px auto 0 auto;
}
#content h1, #content h2, #content h3 { 
	padding:10px;
}
#content p {
	padding: 5px 10px;
	}
#content.index {
	background: transparent url(img/bg/bg_index.jpg) center left no-repeat;
	padding-top:0;
 }
#content.index p, #content.biog p {
	padding-left:0;
	} 
#content.biog p {
	margin-right:380px;
	}
#content.biog .sidebox p {
	margin-right:10px;
	}	
#content.gig {
	background:url(img/bg/giglist.jpg) center right no-repeat;
}
#content.vicky {
	background:url(img/profile/vicky_bg.jpg) top left no-repeat;
}
#content.mikey {
	background:url(img/profile/mikey_bg.jpg) top left no-repeat;
}
#content.george {
	background:url(img/profile/george_bg.jpg) top left no-repeat;
}
#content.conor {
	background:url(img/profile/conor_bg.jpg) top left no-repeat;
}

#content.songs_bg {
	background:url(img/bg/bg_songs.jpg) bottom right no-repeat;
}
/*sidebox (index / biog only)*/





 .sidebox {
	clear:both;
	width:390px;
	float:right;
	border-left:1px solid #777;
  }
 .sidebox p {
	margin:0 0 10px 10px;
	padding:0;
	font-size:0.9em;
}
 .sidebox h4 {
	padding-left:10px;
	}





/*contact form*/




table.contact {
	width:630px;
	height:350px;
	color:#fff;
	text-align:left;
	border:0;
	border-collapse:collapse;
	margin:0 auto;
	background:url(img/bg/contact.jpg) bottom right no-repeat;
	font-size:1.1em;
}
table.contact form tr td {
	vertical-align:baseline;
	padding:0;
	margin:0;
}
table.contact form tr td.tx {
	width:200px;
}
input, textarea {
	background-color:transparent;
	color:#fff;
	border:1px solid #fff;
	padding:5px;
}

/*mailing list form*/
table.mailing_list {
	color:#fff;
	text-align:left;
	border-collapse:collapse;
	margin:0;
	padding:0;
	
}
table.mailing_list tr td, table.mailing_list tr td input {
	color:#fff;
	border-color:#fff;
	} 
table.mailing_list tr td.bigbold {
	font-weight:bold;
	}
/*pics pg layout*/






#tnail_result, 
#tnail_hotc, 
#tnail_melt09, 
#tnail_croyde, 
#tnail_nags, 
#tnail_phoshoot_may09,
#tnail_bandsnt_08,
#tnail_phoshoot_nov09, 
#tnail_parkfest08, 
#tnail_fusion08,
#tnail_studio08 {
	width:190px;
	float:left;
	margin-left:10px;
	}
#tnail_result img a, 
#tnail_hotc img a, 
#tnail_melt09 img a, 
#tnail_croyde img a 
#tnail_nags img a, 
#tnail_phoshoot_may09 img a, 
#tnail_bandsnt_08 img a,
#tnail_phoshoot_nov09 img a, 
#tnail_parkfest08 img a,
#tnail_fusion08 img a, 
#tnail_studio08 img a {
	padding:1px;
	border:none;
	margin:none;
	}
.min600h {
	min-height:605px;
	border-bottom: 1px solid #777;
	}
	
	
	/*  PROFILE color:#e28157; */

	

dl.profile, div.vitals {
	padding:0 0 0 10px;
	margin:0;
	text-align:left;
	width:360px;
	float:left;
 }
 dl.profile dt {
	font-size:1.4em;
	font-weight:bold;
	padding-top:15px;
 }
dl.profile dd {
	margin:0;
	padding:5px 0 5px 0;
	font-size:1em;
}
div.vitals {
	border:1px dotted #999;
	padding:80px 12px;
	margin:30px 0 70px 40px;
	width:346px;
}

 div.vitals p {
	font-size:1em;
	padding: 4px 0;
}
ul.boxy {
	margin:40px 0 0 60px;
}
ul.boxy li.boxy-v, 
ul.boxy li.boxy-m, 
ul.boxy li.boxy-g, 
ul.boxy li.boxy-c {
	text-align:left;
	width:300px;
	height:300px;
 	float:left;
	padding:25px;
 	font-size:23px;
 	list-style:none;
}
ul.boxy li.boxy-v a, 
ul.boxy li.boxy-v a:hover, 
ul.boxy li.boxy-m a, 
ul.boxy li.boxy-m a:hover, 
ul.boxy li.boxy-g a, 
ul.boxy li.boxy-g a:hover, 
ul.boxy li.boxy-c a,
ul.boxy li.boxy-c a:hover {
	color:#fff;
	border:none;
	font-weight:bold;
	height:100%;
	display:block;
 }
 ul.boxy li.boxy-v {
	background:url(img/profile/vicky99.jpg) center no-repeat;
 }
ul.boxy li.boxy-m {
	background:url(img/profile/mikey99.jpg) center no-repeat;
   }
ul.boxy li.boxy-g {
	background:url(img/profile/george99.jpg) center no-repeat;
  }
ul.boxy li.boxy-c {
	background:url(img/profile/conor99.jpg) center no-repeat;
 }
ul.boxy li.boxy-v a:hover {
	background:url(img/profile/vicky99_hover.jpg) center no-repeat;
	color:#e28157;
 }
ul.boxy li.boxy-m a:hover {
	background:url(img/profile/mikey99_hover.jpg) center no-repeat;
	color:#e28157;
   }
ul.boxy li.boxy-g a:hover {
	background:url(img/profile/george99_hover.jpg) center no-repeat;
	color:#e28157;
  }
ul.boxy li.boxy-c a:hover {
	background:url(img/profile/conor99_hover.jpg) center no-repeat;
	color:#e28157;
 }
ul.column {
	margin:10px 60px;
     float:left;
}
ul.column li {
	padding-bottom:5px;
	}





/* footer*/	



#footer {
	clear:both;
	height:90px;
	font-size:0.9em;
	padding:60px 0 5px 0;
	margin:0 auto;
	background:#edecea url(img/bg/footer.jpg) top repeat-x;
}
#footer p, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color:#a9382d;
	text-decoration:none;
	text-align:center;
}
#footer a:hover {
	color: #511413;
	font-weight:bold;
}




/*and the rest of it....*/






.img-left {
	float:left;
	margin:0 5px 5px 0;
}
.img-right {
	float:right;
	margin:0 0 5px 50px;
}
.sidebox img.img-right {
	margin:10px;
	}
.right {
	float:right;
}
.cent {
	text-align:center;
	margin:0 auto;
}
.clear {
	clear:both;
}
.clear-left {
	clear:left;
}
.clear-right {
	clear:right;
}
.bold, .bigbold, .bolder, .bigbigbold {
	font-weight:bold;
}
.bigbold, .bigbigbold {
	font-size:1.2em;
}
.bigbigbold, .bigbigbold a {
	color:#f87;
	}
.bolder {
	text-decoration:underline;
}
.it {
	font-style:italic;
}
.print-only {
	display:none;
}
.back, .back a {
	clear:both;
	text-align:center;
	font-size:18px;
	border:none;
}
img {
	border:0;
	outline:0;
}
.smallnote {
	text-align:center;
	font-style:italic;
	font-size:0.9em;
	letter-spacing:-0.1px;
	color:#ccc;
}
blockquote {
	font-size:0.9em;
	margin:0 30px 0 0;
}
 
ul.inline_list li {
	display:inline;
	padding:0;
	margin:0;
	height: 32px;
	}
ul.inline_list li img {
	padding:0 1px;
	border:1px solid #000;
	}
ul.inline_list li img:hover {
 	border:1px solid #aaa;
	}

.w450 {
	width:450px;
	}
.w400 {
	width:400px;
	}
	
.w300 {
	width:300px;
	}	
.sect {
	border-top: 1px solid #777;
}