/* 
Title:     Screen CSS
Author:    monkeygum.com
Updated:   14 August 2006
*/

/* ---------------------[ SCREEN CSS ]------------- */

* {
	margin: 0;
	padding: 0;
	}

body {
	background: #000 url(../images/bgtile.gif);
	font: small/1.2em Arial, Verdana, sans-serif;
	text-align: left;
	color: #ccc;
	}
#wrap {
	width: 740px;
	}
body#home #wrap {
	background: transparent url(../images/photo.jpg) top left no-repeat;}
body#discog #wrap {
	background: transparent url(../images/photo1.jpg) top left no-repeat;}
body#gigs #wrap {
	background: transparent url(../images/photo2.jpg) top left no-repeat;}
body#bio #wrap {
	background: transparent url(../images/photo3.jpg) top left no-repeat;}
body#photos #wrap {
	background: transparent url(../images/photo4.jpg) top left no-repeat;}
body#contact #wrap {
	background: transparent url(../images/photo5.jpg) top left no-repeat;}


#mask {
	background: transparent url(../images/mask.gif) top left no-repeat;
	padding: 0 410px 95px 0;}

/* ---------------------[ common elements ]---- */

.hide, hr, th {display: none;}
h1 {font-size: 130%; color: #fff; margin: 0 0 0.5em 0;}
h2 {font-size: 120%; margin: 0.5em 0 0 0;}
h3 {font-size: 110%; margin: 0.5em 0 0 0;}
img {border:none;}
p {
	margin: 0.5em 0 0 0;
	}

/* ---------------------[ links ]------------- */
a {
	color: #ccc;
	text-decoration: none;
	border-bottom: #454545 dotted 1px;
	}

a:hover {
	color:#fc3;
	border-bottom: #ccc dotted 1px;
	}

body#home #t-home a {
	color: #fc3;
	background: transparent url(../images/arrow.gif) left no-repeat;
	padding-left: 7px;
	}
body#bio #t-bio a {
	color: #fc3;
	background: transparent url(../images/arrow.gif) left no-repeat;
	padding-left: 7px;
	}
body#photos #t-photos a {
	color: #fc3;
	background: transparent url(../images/arrow.gif) left no-repeat;
	padding-left: 7px;
	}
body#gigs #t-gigs a {
	color: #fc3;
	background: transparent url(../images/arrow.gif) left no-repeat;
	padding-left: 7px;
	}
body#discog #t-discog a {
	color: #fc3;
	background: transparent url(../images/arrow.gif) left no-repeat;
	padding-left: 7px;
	}
body#contact #t-contact a {
	color: #fc3;
	background: transparent url(../images/arrow.gif) left no-repeat;
	padding-left: 7px;
	}
#pad {
	margin-bottom: 200px;
	}
#nav {
	width: 140px;
	height: 250px;
	position: absolute;
	top: 265px;
	left: 600px;
	}
#nav a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
	line-height: 2em;
	}
#nav a:hover {
	color:#fc3;
	}
#nav ul {
	list-style:none;
	}
#nav li {
	background: transparent url(../images/dot.gif) bottom left repeat-x;
	}

#intro h1, #intro p, #intro ul, #intro h2, #intro dt, #intro dd {
	position: relative;
	margin: 0 180px 0.5em 160px;
	}
body#copyright #intro h1, body#copyright #intro p {
	position: relative;
	margin: 20px;
	}
#flashcontent {
	padding: 0;
	margin: 0 0 20px 160px;
	}
body#discog #flashcontent {
	padding: 0 0 20px 0;
	margin: 0;
	}
#internalnav {
	padding: 0 20px;
	width: 120px;
	float: left;
	}
body#photos #internalnav {
	margin-bottom: 150px;
	}
#internalnav dt {
	margin: 0 0 5px 0;
	}
#internalnav dd {
	margin: 0 0 20px 0px;
	}
#internalnav dd a {
	border-bottom: none;
	}
#internalnav dd a img {
	border: #fff 1px solid;
	}
#internalnav dd a:hover img {
	border: #fc3 1px solid;
	}
.section img {
	float: left;
	background-color:#fff;
	padding: 2px;
	margin: 3px 20px 10px 0;
	}
.section ul {
	padding-left: 20px;
	}
.section li {
	margin: 0 0 10px 10px;
	}

#albums img {
	float: left;
	background-color:#fff;
	padding: 2px;
	margin: 3px 40px 5px 0;
	}
#albums dt {
	clear:left;
	padding-top: 25px;
	}
#albums dt h1 {
	margin: 0;
	}
#gig {
	position: relative;
	margin: 30px 180px 0 160px;
	padding:0 0 10px 0;
	color:#333;
	background: #fc3 url(../images/newsbott.gif) bottom left no-repeat;
	}
#gig p {
	padding: 5px 10px 0 10px;
	margin: 0;
	}
#gig h3 {
	padding: 0 10px;
	}
#gig a {
	color:#333;
	}
#gig a:hover {
	color:#000;
	border-bottom: #000 dotted 1px;
	}
#phark {
	height: 50px;
	text-indent: -5000px;
	background: transparent url(../images/newstop.gif) no-repeat;
	}
p.download img {vertical-align: bottom;margin-right: 5px;}

#footer {
	clear: left;
	width: 740px;
	margin: 40px 0 0 0;
	font-size: 80%;	
	background: transparent url(../images/footer.gif) top left no-repeat;
	}
#footer ul {
	list-style:none;
	padding: 26px 0 5px 155px;
	}
#footer ul li {
	display: inline;
	padding: 0 5px;
	}
#design {
	float: right;
	font-size: 80%;
	}
.border {
	border-left: solid 1px #ccc;
	}

/* ---------------------[ contact us form ]------------- */

.required {
	color: #F60;
	font-weight: bold;
	}
	
.thanks_message {
	margin-bottom:200px;
	color: #999;
	font-weight: bold;
	}

label {
	display: block;
	font-weight: bold;
	}

fieldset {
	border: 0;
	margin: 0 0 30px 0;
	}

input, textarea {
	color: #ccc;
	background-color:#333;
	border:1px solid #000;
	}

#button {
	margin: 10px 10px 0 0;
	font-weight: bold;
	cursor: pointer;
	}