@CHARSET "UTF-8";

/*
 * LAYOUT
 */

body {
	text-align: center;
	background: #FFFFFF url("../images/bluebg.png") top center repeat-y; 
	}
#contentwrapper {
	width: 625px;
	text-align: left;
	}
#rightcolumn {
	float:right;
	width:255px;
}
#maincontent {
	width: 625px;
	background: url("../images/redline-bg.png") top center repeat-y;
	float: left;
}
#leftcolumn {
	float:left;
	width:314px; 
}
#header {
	background: #FFFFFF url("../images/redline-h.png") bottom center repeat-x;
}
#footer {
	background: #FFFFFF url("../images/redline-h.png") top center repeat-x;
	float: right;
	width: 100%; 
}
hr.blue {
  border:none;
  height:10px;
  background:url("../images/darkblueline-h.png") repeat-x center;
  padding: 20px 0px 0px 0px;
}
hr.green {
  border:none;
  height:10px;
  background:url("../images/greenline-h.png") repeat-x center;
}

.hrblue {
  background:url("../images/redline-h.png") repeat-x center;
  margin: 25px 0px 0px 0px;
}
.hrgreen {
  background:url("../images/greenlin-h.png") repeat-x center;
}
table.blog {
	width: 280px;
}

/*
 * MARGINS AND PADDING
 */	
body {
	margin: 0;
	padding: 0;
	}
#contentwrapper {
	margin: 20px auto 0px auto;
	padding: 0px 0px 0px 0px;
	}
#header {
	padding: 0px 0px 20px 0px;
}
#footer {
	margin: 0;
	padding: 0;
	float: right;
	width: 100%;
	}	
#maincontent {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#rightcolumn {
	margin: 13px 0px 15px 0px;
	padding: 0px 15px 0px 10px;
}
#leftcolumn {
	margin: 10px 0px 15px 0px;
	padding: 0px 10px 0px 15px;
}
.divider {
	clear: both;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h4 {
	margin: 10px auto 4px 5px;
	padding: 0;
}
#leftcolumn ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#leftcolumn li {
	margin: 0px 0px 0px 10px;
	padding: 2px 0px 0px 0px;
}
#rightcolumn ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#rightcolumn li {
	margin: 0px 0px 0px 20px;
	padding: 2px 0px 0px 0px;
}

p {
	margin: 8px 0px px 0px;
	padding: 0px 0px 0px 0px;
}

/*
 * FONTS AND COLOURS
 */
 
body {
 	font-family:  "Lucida Grande", "Trebuchet MS"  Verdana, Arial;
 	font-size: 0.8em;
	line-height: 1.6;
	}
#maincontent  {
	font-size: 0.9em;
 	color: #333333;
	}
#footer {
	font-size: 0.9em;
	text-align: right;
	}
#maincontent a {
	text-decoration: none;
	color: #111111;
	border-bottom: 1px dotted #CC3333;
	}
#maincontent a:hover {
	border-bottom: 1px solid #CC3333;
	}
#maincontent a.imagelink {
	text-decoration: none;
	border-bottom: none;
	}
#maincontent a.imagelink:hover {
	border-bottom: none;
	}
h3 {
	 color: #CC3333;
	}
	
input {
	background: #FFFFFF;
	border: 1px solid #CC3333;
	font-size: 0.9em;
}
select {
	background: #FFFFFF;
	border: 1px solid #CC3333;
	font-size: 0.9em;
}
textarea {
	background: #FFFFFF;
	border: 1px solid #CC3333;
 	font: 0.9em  "Lucida Grande", "Trebuchet MS"  Verdana, Arial;
}
input.submitbutton {
	background: #FFFFFF;
	border: 1px solid #CC3333;
	font-size: 0.9em;
}

/*
 *  IMAGE REPLACEMENTS
 */
#header h1  {
	background:url("../images/fence-records-logo.png") no-repeat;
	width: 264px;
	height: 67px;
	font: 0.1em Arial;
	color: #FFFFFF; 
	margin: 10px 0px 15px 14px;
	}

#footer ul li a.press {
	float: right;
	background:url("../images/icons/press.png") bottom center no-repeat;
	width: 65px;
	height: 29px;
	font: 0.01em Arial;
	color: #FFFFFF; 
}
#footer ul li a.contact {
	float: right;
	background:url("../images/icons/contact.png") bottom center no-repeat;
	width: 91px;
	height: 29px;
	font: 0.01em Arial;
	color: #FFFFFF; 
}
#footer ul li a.help {
	float: right;
	background:url("../images/icons/help.png") bottom center no-repeat;
	width: 55px;
	height: 29px;
	font: 0.01em Arial;
	color: #FFFFFF; 
}
#footer ul li a.login {
	float: right;
	background:url("../images/icons/login.png") bottom center no-repeat;
	width: 61px;
	height: 29px;
	font: 0.01em Arial;
	color: #FFFFFF; 
}
#footer ul li a.design {
	float: right;
	background:url("../images/icons/33cldesign.png") bottom center no-repeat;
	width: 157px;
	height: 31px;
	font: 0.01em Arial;
	color: #FFFFFF; 
}
#footer ul li a.host {
	float: right;
	background:url("../images/icons/midgetsquid.png") bottom center no-repeat;
	width: 172px;
	height: 31px;
	font: 0.01em Arial;
	color: #FFFFFF; 
	margin: 0px 5px 0px 0px;
	
}
#footer ul li.copyright {
	float: right;
	background:url("../images/icons/copyrightfence.png") bottom center no-repeat;
	width: 338px;
	height: 27px;
	font: 0.01em Arial;
	color: #FFFFFF; 
	margin: 0px 10px 0px 0px;
}
#nav ul {
	margin: 0 0 0 6px;
}
#nav ul li a.news {
	float: left;
	background:url("../images/icons/news.png") bottom center no-repeat;
	width: 63px;
	height: 29px;
	font: 0.01em Arial;
	color: #FFFFFF; 
}
#nav ul li a.gigs {
	float: left;
	background:url("../images/icons/gigs.png") bottom center no-repeat;
	width: 63px;
	height: 29px;
	font: 0.01em Arial;
	color: #FFFFFF; 
}
#nav ul li a.bandstand {
	float: left;
	background:url("../images/icons/bandstand.png") bottom center no-repeat;
	width: 125px;
	height: 29px;
	font: 0.01em Arial;
	color: #FFFFFF; 
}
#nav ul li a.artists {
	float: left;
	background:url("../images/icons/artists.png") bottom center no-repeat;
	width: 95px;
	height: 29px;
	font: 0.01em Arial;
	color: #FFFFFF; 
}
#nav ul li a.gallery {
	float: left;
	background:url("../images/icons/gallery.png") bottom center no-repeat;
	width: 91px;
	height: 29px;
	font: 0.01em Arial;
	color: #FFFFFF; 
}
#nav ul li a.beef {
	float: right;
	background:url("../images/icons/beef-red.png") bottom center no-repeat;
	width: 75px;
	height: 29px;
	font: 0.01em Arial;
	color: #FFFFFF; 
}
#nav ul li a.shop {
	float: left;
	background:url("../images/icons/shop.png") bottom center no-repeat;
	width: 63px;
	height: 29px;
	font: 0.01em Arial;
	color: #FFFFFF; 
}
ul.linklist {
	list-style: none;
}
ul.linklist li:before {
		content: "\203A \0020 ";
}

/*
 * HEADER STYLES
 */
 
 


/*
 * LIST STYLES
 */
#nav ul {
	list-style: none;
	}
#nav li {
	display: inline;
	}
#footer ul {
	list-style: none;
	clear: both;
	float: right;
	}
#footer li {
	display: inline;
	}
	
.releases ul {
	list-style: none;
}
.artistlist ul {
	list-style: none;
}
.artistlist li {
	list-style: none;
}
.artistlinks ul {
	list-style: none;
}
.artistlinks li {
	list-style: none;
}
#rightcolumn ul {
	list-style: none;
}
#leftcolumn ul {
	list-style: none;
}



/*
 * GENERAL CLASSES
 */
 .divider {
	 clear: both;
 	}
 
 
 
/* THE FOLLOWING ARE SOME HANDY LITTLE CLASSES FOR SETTING IMAGES TO 
	FLOAT LEFT AND RIGHT */
img {
	border:0; 
	vertical-align: bottom;
}
img.rightimage { 
	padding: 4px; 
	margin: 0 0 2px 7px; 
	display: inline; 
}
img.leftimage { 
	padding: 4px; 
	margin: 0 7px 2px 0; 
	display: inline; 
}
.rightimage { 
	float: right; 
}
.leftimage { 
	float: left 
}
.strike {
	text-decoration: line-through;
}

.item {
	float: left;
	width: 90px;
	text-align: center;
	line-height: 1.1em;
	padding: 5px;
}
.item img {
	padding-top: 2px;
	padding-bottom: 2px;
}