/* Pillar Box Records Style Sheet
  
   Created 24th April 2006 by Lewis Smith - www.noisegatemedia.com
*/
 
/********************/
/* Body and Wrapper */



a {
	font-weight:	bold;
	color:			#FFFF99;
	text-decoration: none;
}

a:hover {
/*	color:			#3E718B; */
	border-bottom:	dotted 1px;
}

img {
	border:			none;
}


.imglink:hover {
	border: 		none;
}

body {
	background:     #3C7089  url(images/body_bg.jpg) repeat-y top;
	font-size: 		63%;
	font-family:	verdana, arial, sans-serif;
	margin:			0;
	padding:		0;
}

p {
	color:			white;
}

h2, h3, h4 {
	color:			#E4EBF1;
	font-family:	garamond, serif;
}

h1 {
	position: 		absolute;
/*	left:			-10000px; */
}

h2 {
/*	font-family:	"garamond", "georgia", serif; */
}

#wrapper {
	width:			740px;
	margin:			0 auto;
}

hr {
	clear:			both;
	visibility: 	hidden;
	height:			0;
	margin:			0;
	padding:		0 0 4px 0;
}

li {
	color: white;
}
/************/
/* Masthead */

#masthead {
	margin-top:		5px;
	background: 	url(images/masthead_bg.jpg) no-repeat top;
	height:			128px;
}

#topnav {
	border-style:	solid;
	border-width:	1px;
	border-color:	#32586B; 
	background-color:#7DA4C1;
	width:			715px;
	height:			25px;
	margin:			0 0 0 9px;
	padding:		0 0 0 7px; 
	position:		absolute;
	top:			98px
}

#topnav p {
	margin:			6px 0 0 0;
	padding: 		0;
	color:			#779DB9;
}

#topnav p.left {
	float:			left;
}

#topnav p.right {
	float:			right;
	color:			#203846;
	margin-right:	2px;
	vertical-align:	top;
}

#topnav form {
	margin:			0;
	padding:		0;
}

#email {
	vertical-align:	top;	
	height: 		15px;
	font-size: 		10px;
	font-family:	verdana, arial, sans-serif;
	border:			0;
	background-color:white;
	color:			#203846;
	padding:		0;
	margin:			0;
}

#submit {
	vertical-align:	top;
	background-color:#D7BD7B;
	color:			#203846;
	height:			15px;
	width:			18px;
	font-size: 		10px;
	font-family:	verdana, arial, sans-serif;
	text-align:		center;
	border:			0;
	padding:		0;
	margin:			0 3px 0 3px;
}

#topnav a {
	color:			#203846;
}

#topnav a:hover {
	color:			#3E718B;
	border-bottom:	0;
}

/* Content */
#content {
	margin-top:		7px;
/*	height:			200px; */
}

#content_left {
	float:			left;
	margin-left:	5px;
	width:			220px;
}

#content_middle {
/*	margin-left:	225px;
	margin-right:	225px; */
	float:			left; 
	width: 			250px;
}

#content_right {
	float:			right;
	margin-right:	5px;
	width:			220px;
}

/*****************/
/* Content boxes */

#content p, h2, h3 {
	margin:			0;
	padding:		0 16px;
	background:		none;
}

#content li {
	padding-right:	16px;
}

p.more {
	text-align:	right;
}

/****************************************/
/* Small boxes - used on left and right */

.content_box_sides {
	width:			203px; 
	margin:			0 0 0 10px;
}

/* This div will contain the actual image used for the heading */
.content_box_sides_top {
	height:			32px;
	background: 	url(images/content_box_top.gif) no-repeat bottom left;
	margin:			0;
	padding:		0;
}

.content_box_sides_heading {
	margin-left:	8px;
	margin-top:		0px;
	padding:		0px;
	margin-bottom:	-10px;
}

.content_box_sides_main {
	background: 	url(images/content_box_middle.gif) repeat-y top left;
	background-color:#779DB9; 
	margin:			0;
	padding:		7px 10px 7px 0;
}

/* This div will contain the actual image used for the heading */
.content_box_sides_bottom {
	height:			13px;
	background: 	url(images/content_box_bottom.gif) no-repeat top left;
	margin:			0;
	padding:		0;
}


/*****************************/
/* Main box - used in center */

.content_box_main {
	width:			257px; 
	margin:			0 0 0 15px;
}

/* This div will contain the actual image used for the heading */
.content_box_main_top {
	height:			32px;
	background: 	url(images/main_content_box_top.gif) no-repeat bottom left;
	margin:			0;
	padding:		0;
}

.content_box_main_heading {
	margin-left:	8px;
	margin-top:  	0px;
	padding:		0px;
	margin-bottom:	-10px;

}

.content_box_main_main {
	background: 	url(images/main_content_box_middle.gif) repeat-y top left;
	background-color:#779DB9; 
	margin:			0;
	padding:		7px 0;
}

/* This div will contain the actual image used for the heading */
.content_box_main_bottom {
	height:			13px;
	background: 	url(images/main_content_box_bottom.gif) no-repeat top left;
	margin:			0;
	padding:		0;
}


/**********/
/* Footer */

#footer {
	padding:		14px 0 0 0;
	margin:			7px 0 0 0;
	height:			70px;
}

#footer_left {
	float:			left; 
	/*margin-left:	7px; */
	margin:			0 0 0 7px;
	width:			110px;
	padding:		0 0 0 7px;
	background-color: #3C7089;
}

#footer_middle {
	font-weight:	bold;
	text-align:		center;
	margin:			0 0 0 0;
	float:			left; 
	background-color: #3C7089;
	width:			520px;
}

#footer_middle p {
	margin-right: 	0;
}

#footer_right {
	float:			right; 
/*	margin-right:	7px; */
	margin:			0 0 0 0;
	width:			80px;
	background-color: #3C7089;
}

#footer_middle a {
	color:			#C4B071;
}

/****************/
/* Contact Form */

label.contact
{
width: 160px;
float: left;
text-align: right;
margin-right: 10px;
display: block
}


input.contact
{
margin-left: 170px;
}

/********************/
/* Artists side box */

#artists {
	padding:	2px 0 2px 18px;
}

.artistThumb {
	margin:		5px;
	border:		none;
/* This would have been sweet, but it breaks the CSS validation
	filter:		alpha(opacity=75);
	opacity: 	0.75;
	-moz-opacity:0.75; */
}
.artistThumb:hover {
/* This would have been sweet, but it breaks the CSS validation
	filter:		alpha(opacity=100);
	opacity: 	1.0;
	-moz-opacity:1.0; */
	border:		none;
}


.rightInlineImage {
	float:		right;
	margin:		5px;
}

p.justify {
	text-align:	justify;
}

li.imageBulletList {
	padding:		3px;
	vertical-align:	baseline;
	list-style-type: none; 
	margin-left:	-25px;
}

ul {
	margin-top: 0;
	margin-bottom: 0; 
	padding-top:	5px;
	
}