@charset "utf-8";
/* CSS Document */

body {
	background:#000 url(../images/interface/background.jpg) top center no-repeat;
	color:#999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	margin:0px;
}


/* TEXT STUFF */

p { text-align:justify; margin:0px; }

.gigtitle { font-size:medium; font-weight:bold; }

ul, li {
	text-align:left;
}


a img { border:0px; }

img.linkpic {
	opacity:0.8;
	filter:alpha(opacity=80);
}

img.linkpic:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

a, a:visited {
	color:#DDD;
	text-decoration:none;
}

a:hover, a:active {
	color:#DDD;
	text-decoration:underline;
}

p a, p a:visited {
	color:#DDD;
	text-decoration:none;
	border-bottom:1px dotted #CC3333;
}

p a:hover, p a:active {
	color:#FFF;
	text-decoration:none;
	border-bottom:1px solid #CC3333;
}

	a.redlink, a.redlink:visited {
		color:#DDD;
		text-decoration:none;
		border-bottom:1px dotted #CC3333;
	}
	
	a.redlink:hover, a.redlink:active {
		color:#FFF;
		text-decoration:none;
		border-bottom:1px solid #CC3333;
	}

/* submenu links */
#submenu a, #submenu a:visited {
	color:#999;
	text-decoration:none;
}

#submenu a:hover, #submenu a:active {
	color:#DDD;
	text-decoration:none;
}

/* footer links */
#footer a, #footer a:visited {
	color:#666;
	text-decoration:none;
}

#footer a:hover, #footer a:active {
	color:#999;
	text-decoration:none;
}


/* H1 STUFF */

h1 {
	font-size:medium;
	font-weight:bold;
	width: 225px;
	height: 40px;
	position: relative;
}

h1 span {
	position: absolute;
	width: 100%;
	height: 100%;
}

h1.head_DJF span {
	background: url(../images/interface/headings/dj-fabio.jpg) no-repeat;
}

h1.head_biog span {
	background: url(../images/interface/headings/biography.jpg) no-repeat;
}

h1.head_gigs span {
	background: url(../images/interface/headings/gig-dates.jpg) no-repeat;
}

h1.head_R1 span {
	background: url(../images/interface/headings/radio-1.jpg) no-repeat;
}

h1.head_swerve span {
	background: url(../images/interface/headings/swerve.jpg) no-repeat;
}

h1.head_CS span {
	background: url(../images/interface/headings/creative-source.jpg) no-repeat;
}

h1.head_pics span {
	background: url(../images/interface/headings/pictures.jpg) no-repeat;
}

h1.head_contact span {
	background: url(../images/interface/headings/contact.jpg) no-repeat;
}


/* DIVS */

.clear { clear:both; }

.clear25 { clear:both; height:25px; }

.clear50 { clear:both; height:50px; }

#logo {
	width:520px;
	height:210px;
	position:relative;
	margin:0px auto;
	clear:both;
}

#newheaderinnit {
	width:900px;
	position:relative;
	margin:0px auto;
}

#logo2 {
	width:515px;
	height:210px;
	float:left;
}

#header2 {
	width:385px;
	height:210px;
	float:left;
}

#menu {
	width:900px;
	height:140px;
	padding-bottom:20px;
	position:relative;
	margin:0px auto;
	clear:both;
}

#content {
	width:850px;
	position:relative;
	margin:0px auto;
	clear:both;
}

#submenu {
	width:850px;
	position:relative;
	margin:0px auto;
	font-size:x-small;
	text-align:center;
	padding-top:4px;
	padding-bottom:5px;
	border-top:1px dotted #666;
	border-bottom:1px dotted #666;
	clear:both;
}

#footer {
	width:980px;
	position:relative;
	margin:0px auto;
	padding-top:25px;
	padding-bottom:25px;
	font-size:x-small;
	color:#666;
	text-align:center;
	clear:both;
}

.left1 {
	position:relative;
	float:left;
	width:275px;
	padding-right:25px;
}

	.iconbox {
		margin:0px auto;
		position:relative;
		width:175px;
	}

	.leftsplit1 {
		width:80px;
		float:left;
		padding-bottom:15px;
		padding-right:15px;
	}
	
	.leftsplit2 {
		width:80px;
		float:left;
		padding-bottom:15px;
	}	

.mid1 {
	position:relative;
	float:left;
	width:250px;
	padding-top:25px;
	padding-right:25px;
}

.right1 {
	position:relative;
	float:left;
	width:253px;
	padding:10px;
	border:1px solid #333;
	background:url(../images/interface/contentBG1.jpg) top left repeat #111;
	color:#CCC;
	text-align:center;
	margin-top:20px;
}

.left2 {
	position:relative;
	float:left;
	width:500px;
	padding-right:50px;
}

.right2 {
	position:relative;
	float:left;
	width:278px;
	text-align:center;
	padding:10px;
	border:1px solid #333;
	background:url(../images/interface/contentBG1.jpg) top left repeat #111;
	color:#CCC;
}

.mid400 {
	width:420px;
	position:relative;
	margin:0px auto;
	clear:both;
}

.gigbox {
	width:400px;
	position:relative;
	margin:0px auto;
	clear:both;
	padding:10px;
	border:1px solid #333;
	background:url(../images/interface/contentBG1.jpg) top left repeat #111;
	color:#CCC;
}

.gigleft {
	width:260px;
	padding-right:20px;
	position:relative;
	float:left;
}

.gigright {
	width:120px;
	position:relative;
	float:left;
	text-align:center;
}


/* FORMS */

.text1 {
	width:244px;
	border:1px solid #666;
	background-color:#D5D5D5;
	color:#000;
	font-size:small;
	padding:3px;
	margin-top:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.butt1 {
	width:252px;
	padding-top:8px;
	padding-bottom:8px;
	cursor:pointer;
	font-size:small;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.butt2 {
	opacity:0.8;
	filter:alpha(opacity=80);
}

.butt2:hover {
	opacity:1;
	filter:alpha(opacity=100);
}