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

/*=====================================================================
 *
 * Filename: pagestyle.css
 * Website: www.activeagency.co.uk
 * Author: www.jackbmedia.co.uk
 * Date Created: 21/8/2008
 * Media: Screen
 *
 *=====================================================================*/


/*---------- RESET ----------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*---------- PAGE LAYOUT ----------*/

body	{
	background:url(../layout/bg_temp.jpg) top center repeat-x scroll #0f3f53;
	}

#pagecenter	{
	width:720px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	}
	
#header	{
	width:720px;
	height:215px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	}
	
#header_wide	{
	width:100%;
	background:url(../layout/header_bg.jpg) top center repeat-x #ffffff;
	}
	
#header_top	{
	width:720px;
	height:34px;
	background:url(../layout/header_top.jpg);
	}
		
#header_mid	{
	width:720px;
	background:#fff;
	}
	
#header_bottom	{
	float:left;
	width:720px;
	height:38px;
	background: url(../layout/header_bottom.jpg) no-repeat;
	}
	
#content	{
	float:left;
	width:720px;
	min-height:500px;
	margin-top:20px;
	background:url(../layout/content_top.jpg) top center no-repeat #fff;
	text-align:left;
	}
	
#single_col	{
	float:left;
	width:680px;
	padding:18px 20px;
	}
	
#left_col	{
	float:left;
	width:470px;
	padding:18px 20px;
	}
	
#spacer_col	{
	float:left;
	width:1px;
	height:480px;
	margin-top:20px;
	background:url(../layout/spacer.jpg);
	}
	
#right_col	{
	float:left;
	width:170px;
	padding:30px 20px 24px 19px;
	}
	
#content_bottom	{
	float:left;
	width:720px;
	height:36px;
	background:url(../layout/content_bottom.jpg);
	}
	
#footer	{
	float:left;
	width:716px;
	height:20px;
	padding-top:6px;
	}

	
/*---------- ITEM LAYOUT ----------*/

#menu	{
	float:right;
	}
	
.box, .box_wide	{
	padding:10px;
	margin-top:10px;
	background-color:#ecf4f6;
	border:#ced2d5 solid 1px;
	display:block;
	}
	
.box	{
	width:448px;
	float:left;
	}
	
.box_wide	{
	float:left;
	width:658px;
	}
		
.artists_photo	{
	float:left;
	width:180px;
	margin-left:10px;
	text-align:center;
	}
	
.img_rss	{
	float:left;
	margin-top:3px;
	}
	
.artists_text	{
	float:left;
	width:258px;
	}
	
.artists_text_wide	{
	float:left;
	}



/*---------- TEXT ----------*/

body, p, .title, .input_search, li, textarea, input	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0b3344;
	line-height:14px;
	}
	
a, .title a	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0b3344;
	line-height:14px;
	text-decoration:underline;
	}

a:hover, .title a:hover	{
	color:#999966;
	text-decoration:underline;
	}
	
#right_col a{
	text-decoration:none;
	}

.title, .title a	{
	font-size:16px;
	font-weight:bold;
	color:#0b3344;
	line-height:20px;
	}
	
.title	{
	display:block;
	}
		
.date	{
	font-size:10px;
	color:#68828d;
	}
	
.title a	{
	margin-bottom:10px;
	}
	
.footer_text	{
	font-size:10px;
	color:#6d838c;
	}
	
.footer_text a, .footer_text a:hover	{
	font-size:10px;
	color:#6d838c;
	text-decoration:underline;
	}
	
.footer_text a:hover	{
	color:#7f949d;
	}
	
.bold_big	{
	font-size:14px;
	font-weight:bold;
	}
	
.bold	{
	font-size:12px;
	font-weight:bold;
	}

.indent	{
	padding-left:20px;
	}
	
.tenpxtop	{
	margin-top:10px;
	}
	
.sixpxtop	{
	margin-top:6px;
	}
	
/*---------- IMAGES ----------*/

.img_layout	{
	float:left;
	display:inline;
	border:0px;
	}
	
.img_menu	{
	border:0px;
	float:left;
	}
	
.img_title	{
	margin-bottom:6px;
	}
	
.img_profile	{
	width:440px;
	margin:10px 0px 10px 3px;
	border:#ced2d5 solid 1px;
	}
	
.img_thumb	{
	border:#ced2d5 solid 1px;
	}
	
.icon	{
	margin-left:10px;
	}


/*---------- MISC ----------*/

	
.event_text_left	{
	float:left;
	width:488px;
	}

.event_text_right	{
	float:left;
	width:160px;
	margin-left:10px;
	}
	
.event_text_left_2	{
	float:left;
	width:288px;
	}

.event_text_right	_2{
	float:left;
	width:160px;
	margin-left:10px;
	}
	
.row	{
	width:500px;
	padding:5px 0px 5px 0px;
	}
	
.input_title	{
	width:140px;
	padding-right:10px;
	text-align:right;
	float:left;
	padding-top:4px;
	display:block;
	}
	
.inputs	{
	text-align:left;
	display:block;
	}
	
.input_area	{
	width:280px;
	padding:2px;
	}
	
.red	{
	color:#720b0b;
	}
	
.contact	{
	width:200px;
	padding-right:10px;
	text-align:left;
	float:left;
	padding-top:4px;
	display:block;
	}