/* --------------------------------------------------------------------
 * RESET
 * http://meyerweb.com/eric/tools/css/reset/
 * v1.0 - 2008/02/12 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}


/* --------------------------------------------------------------------
 * BASICS */
 
body {
 /* IE6 needs a %-based declaration to remain flexible (relative to 16px defaults) */
 font-size: 100%;
 line-height: 1.5em;
 
 font-family: 'Avant Garde', Avantgarde, 'Century Gothic', 'Levenim MT', 'URW Gothic L', sans-serif;
 text-align: center;
 color: #a19589;
 background-color: #fff;
}

/* Other browsers get specifics for greater precision */
html > body {
  font-size: 16px;
}

body #page { 
	margin: 24px auto; 
	width: 978px; 
	text-align: left;
	font-size: 0.875em; /* 14px */
	line-height: 1.5em; /* 21px */
}

#content { padding-top: 16px; }



/* --------------------------------------------------------------------
 * UTILITY */

/* Shortcut for basic float clearing */
.clear { clear: both; } 

/* 'hidden' elements are removed from the screen, but still accessible */
.hidden {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

.right { float: right; }
.left { float: left; }
.divider { clear: both; }
.bordertop { border-top: 1px solid #a19589; }
.halfwidth { width: 50%; }

/* Accessibility */
#skip a {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}
 
#skip a:focus {
	position: static;
	width: auto;
	height: auto;
}


/* --------------------------------------------------------------------
 * BASIC TYPOGRAPHY */

/* Headings */
h1 {
 font-size: 2em;	/* 28px */
 line-height: 1em;	/* 28px */
 margin-bottom: 13px;
}

h2 {
 color: #00af9e;
 font-size: 1.3em;	/* 18px */
 font-weight: bold;
 line-height: 1.11em;	/* 20px */
 margin-bottom: 13px;
}

h3 {
 color: #00af9e;
 font-size: 1.143em;	/* 16px */
 line-height: 1.125em;	/* 18px */
 margin-bottom: 13px;
}

h4 {
 color: #A19589;
 font-size: 1em;	/* 14px */
 line-height: 1.1429em;	/* 16px */
 margin-bottom: 13px;
}


/* Heading colourways */
h1.artistnetwork { color: #00af9e; }
h1.history { color: #9e005d; }
h1.whatson { color: #9e005d; }
h1.artistprofile { color: #00af9e; }

/*
span, p, h4, span.paragraph {
	font-size: 0.85em;
	line-height: 1.25em;
	padding-top: 6px;
	padding-bottom: 8px;
	/* max-width: 668px; *//*
	max-width: 98%;
}
*/

/*
.box ol, .box ul, 
.artistList ol, .artistList ul {
	list-style-type: none;
}
*/


/* Misc. */
.small {
 font-size: 0.8em;
 line-height: 1.3em;
}

.smaller { font-size: 0.7em; }

.bold { font-weight: bold; }



/* --------------------------------------------------------------------
 * LINKS */

a, a:link, a:visited {
 text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}

a.read-more {
	font-size: 0.8em;
	line-height: 1.25em;
	color: #ec008c;
}

/*
.col1 a {color: #c66aa0;}
.col1 a:hover {text-decoration: underline; }
.col1 a:visited {color: #c8a9bb;}
*/

a.logo { line-height: 2em; }
a.download_link { color: #00AF9E; }
a.box:hover, a.box:active { 
	text-decoration: none;
	background-color: #fafafa;
	cursor: pointer; 
}


/* --------------------------------------------------------------------
 * FORMS */

div#search input { margin-left: 8px; vertical-align: middle; }
div#search label { vertical-align: middle; padding-right: 8px; }

input, select, textarea {
 background-color: white; 
 color: #a19589; 
 border: 1px solid #a19589; 
 font-size: 0.75em; 
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}


/*DAVE-CHANGE - 22SEPT2010*/
.label_bold
{
font-style: strong;
}

/*DAVE-CHANGE - 22SEPT2010*/
.label_italics
{
font-size: 0.9em;
line-height: 1em;
font-style: italic;
color: #666;
}




input:focus, select:focus, textarea:focus { background-color: #eee; color: black; border-color: #222; }

/* Enhance things for capable browsers */
input[type="submit"] { 
	cursor: pointer;
}
input[type="submit"]:hover { text-decoration: underline; }



/* --------------------------------------------------------------------
 * MASTHEAD & TOP NAV */
 
#header { width: 100%; padding: 2px 0; }
#logo { float: left; clear: left; }
#tagline { float: left; clear: left; padding: 8px 0; }

#login { float: right; clear: right; padding: 6px 0; }
#topnav { float: right; clear: right; width: 460px; }
div#search { float: right; clear: right; padding-top: 6px; }

ul.topnav {
	float: right;
}

/* top nav */
ul.topnav li {
 display: inline;
 font-size: 1em;
 font-weight: bold;
 line-height: 1.25em;
 padding-left: 25px;
 padding-bottom: 6px;
 border: none;
}
.topnav span.grey { font-weight: normal; }

#login .topnav a { padding-left: 3px; font-weight: bold; }
#login .grey { padding-right: 3px; }


/* --------------------------------------------------------------------
 * LEFT NAVIGATION
 * this is actually more CSS than before, 
 * but is more consistent accross browsers */
 
ul.leftnav { line-height: 1.3em; } /* global styles for the nav */

ul.leftnav li {	/* first-level items */
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 1em;
	line-height: .75em; /* tuck the .small items up close */
}

ul.leftnav ul {	/* second-level block */
	margin-top: 6px;	
}

ul.leftnav ul li {	/* second-level items */
	font-size: 13px;
	font-weight: normal !important;
	color: #a19589;
	margin-bottom: 0;
	line-height: 1.5em; /* re-establish the correct line height */
}

ul.leftnav ul li a {	/* only the top-level links are coloured */
	color: #a19589 !important;
	font-size: 13px !important;
}

/* small type in the primary nav items;
 * these are set on a second line with <br /> tags; sorry */
ul.leftnav span.small { 
	font-size: 14px;
	/* color: #a19589; */
	padding: 0;
	margin: 0;
}

/* first-level colourways */
#nav_about a { color: #a19589; font-size: 18px; }
#nav_festival a { color: #f05133; }
#nav_artist a { color: #00af9e; }
#nav_education a { color: #7d0041; }
#nav_dialogue a { color: #003745; }
#nav_policy a { color: #00215b; }
#nav_whatson a { color: #9e005d; }

/* when nav items represent the current page */
.selected { color: black; font-weight: bold; }

/* by default, show none of the second-level nav... */
ul.leftnav ul { display: none; }

/* ...but *do* show the second-level links for the section of the site we're browsing */
body#about #nav_about ul,
body#festival #nav_festival ul,
body#artistnetwork #nav_artist ul,
body#education #nav_education ul,
body#debate #nav_dialogue ul,
body#policy #nav_policy ul,
body#whatson #nav_whatson ul { display: block }

/* temporary pages */
.temp_about #nav_about ul, 
.temp_fesitval # #nav_festival ul { display: block; }



/* --------------------------------------------------------------------
 * CONTENT */

/* Layout */
/* taken from http://matthewjamestaylor.com/blog/perfect-3-column.htm */

.threecol .col3 { 
	margin-top: 10px;
}

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;					/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	
	margin-top: 20px;
}

/* common column styles */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;	/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float: left;
	position: relative;
	padding: 0;	/* no left and right padding on columns, we just make them narrower instead; only padding top and bottom is included here, make it whatever value you need */
	overflow: hidden;
}

/* 3 Column settings */
.threecol {
	background:#fff;		/* right column background colour */
}

.threecol .colmid {
	right:25%;			/* width of the right column */
	background:#fff;		/* center column background colour */
}

.threecol .colleft {
	right:56%;			/* width of the middle column */
	background:#fff;	/* left column background colour */
}

.threecol .col1 {
	width:52%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
	padding-bottom: 2em;
}

.threecol .col2 {
	width:19%;			/* Width of left column content (column width minus padding on either side) */
	left:29%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	margin-top: 8px;
}

.threecol .col3 {
	width:26%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}


/* CONTENT COLUMN (.col1) */

/* Sub-Columns 
 * .sub2 and .sub3 are applied to the same div as .col1
 * .sub[n] means that .col1 will contain [n] equal-width columns
 * widths for the sub-cols are set with .sub-col */

.sub-col {
	margin-top: 2em;	/* Separate the multicolumn section from the section above. */
	overflow: hidden;
	float: left;
}

.sub2 .sub-col {
	width: 231px;
	margin-right: 30px;	/* set the gutter */
}

/* sub-col gutters are set with margin-right;
 * the right-most sub-col needs no gutter */
.sub-col.last {
	margin-right: 0 !important;
}


/* Correct font sizes */
.col1 p,
.col1 ul,
.col1 ol,
.col1 dl,
.col1 td {
	/* font-size: .93em; */ /* 13px; */
	font-size: 1em;
	line-height: 1.5em;
}


/* Lists */
.col1 ul {
	list-style: disc inside;
	margin-left: .2em;
}

.col1 ol {
	list-style: decimal inside;
}

.col1 ul, .col1 ol {
	clear: both;
	line-height: 1.3em;	
	margin-top: .75em;
	margin-bottom: .75em;
	padding-left: 1.1em;	/* tuck wrapping lines in from the margin */
	text-indent: -1em;
}

.col1 li {
	margin-bottom: .5em;
}


/* The large image below the main heading */
.hero-img, #carousel {
	margin: .25em 0 1em 0;
}

/* Leading paragraph slightly larger than those that follow
 * plus some extra space at the top */
p.lead { 
	font-size: 1.154em; /* 15px */
	margin-top: 26px;
	margin-bottom: 1.25em;
}
/*.col1 > p:first-of-type 
{	
/* a bleeding-edge way to do the same thing when we forget to add the .lead class */
	/*font-size: 1.154em;*/	/* 15px */
	/*margin-top: 26px;
	margin-bottom: 1.25em;
}*/

/* Content paragraphs */
.col1 p { 
	margin-bottom: 1em;
	/* overflow: hidden; */
}

/*DAVE-27_10_10*/
/* "Read On" Control for news items */
.read_on_container, .hide_container {
	color: #00AF9E;
	display: block;
	width: 290px;
	height: 15px;
	font-size: 13px;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* Right column pods */
.pod {
	width: 157px;
	padding: 10px;
	margin-left: 62px;
	margin-bottom: 1em;
	overflow: hidden;
	border: 2px solid #ec008c;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

.pod h3 {
	font-size: 1.3em; /* 18px */
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.pod h4 {
	margin-top: 1em;
}

.pod p, .artist-events.pod .event {
	font-size: .93em; /* 13px; */
	line-height: 1.25em; /* 16px */
}

.pod-thumbnail img { margin-bottom: .5em; }

.pod.artist-events {
	border-color: #a19589; 
	background-color: #E6F4F1;
}

.pod.artist-events .event {
	margin-top: .5em;
	margin-bottom: 1em;
	padding-top: 1em;
	border-top: 1px dotted #b4bfbd;
}

.pod.artist-events a.read-more { font-size: 1em; }


/* --------------------------------------------------------------------
 * GENERIC BOX
 * margins should be handled by the container element or declared for each situation;
 * widths need to be set based on context */

.alt-box, .box {
	background-color: #F2EFEC;
	border: 2px solid #a19589;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	padding: 10px;
	margin-bottom: 1em;
}

.alt-box ol, .alt-box ul, 
.box ul, .box ol  {
	list-style: none outside;
	margin: 0;
	padding: 0;
}

.alt-box li,
.box li {
	margin-left: 0;
	padding-left: 0;
	text-indent: 0px;
}


/* --------------------------------------------------------------------
 * TinyMCE EMBEDDED MEDIA */
 
a.autoEmbedFile {
	font-weight: bold;
	font-size: 1.154em; /* 15px */
}

.col1 .autoEmbedImg {
	float: right;
	width: 245px;
	overflow: hidden;
	margin: 1em 14px 1em 1em;
}

.col1 .autoEmbedImg img {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

.col1 .sub-col .autoEmbedImg {
	float: left;
	width: 215px;
	margin: 1em 1em 1em 0;
}

.col1 .sub-col .autoEmbedImg img {
	width: 100%;
	height: auto;
}

/* captions */
.autoEmbedImg span {
	display: block;
	width: auto;
	background: #e8e8e8;
	font-size: 0.85em;
	line-height: 1.3em;
	padding: 5px;
}
 
 
/* PAGE-SPECIFIC STYLES FOLLOW: */ 

/* --------------------------------------------------------------------
 * HOMEPAGE */
 
body#home .box {
	float: left;
	width: 175px;
	height: 288px;
	padding: 0;
	border-top: 2px solid #cfc9c3;
	border-bottom: 2px solid #cfc9c3;
	border-left: 1px solid #b8afa6;
	border-right: 1px solid #b8afa6;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	background-color: #feebe1;
	margin: 0 11px 20px 12px;
	color: #8A7967;
}

body#home .box.small {
	float: left;
	display: inline;
	clear: none;
	width: 175px;
	height: 205px;
	background-color: white;
}

body#home .box.small h3 {
	padding-top: 9px;
	padding: 6px 6px 0 8px;
	margin-bottom: .5em;
	font-size: 13px !important;
}
body#home .box.small h3 em {
	color: #304A79;
	font-style: normal;
}

body#home .heading-image img {
	padding: 0 !important;
	margin-bottom: 6px;
}

body#home .box.small .date {
	padding: 0 6px 0 8px;
	margin-bottom: .5em;
	color: #EC008C;
	font-weight: bold;
}

#basket { 
	margin-right: 0px !important;
	border: none !important;
	font-size: 1.175em;
}
.box.small#basket img { clear: left; float: left; }
.box.small#basket #details {
	float: left;
	padding-left: .5em;
}

.box.small#basket #checkout-link {
	padding-top: 9px;
}
body#home .box.small#basket h3 {
	padding-left: 0;
}
body#home .box.small#basket a {
	color: #9E005D;
}

body#home .box#festival,
body#home .box#feature1  { background-color: #feebe1; margin-left: 0; }

body#home .box#artist,
body#home .box#feature2 { background-color: #e6f4f1; }

body#home .box#education,
body#home .box#feature3 { background-color: #f1e3e7; }

body#home .box#dialogue,
body#home .box#feature4 { background-color: #dae7ea; }

body#home .box#policy,
body#home .box#feature5 { background-color: #dddfeb; margin-right: 0; }

body#home .box a {color: #8A7967;}
body#home .box img { padding: 4px; }
body#home .box h2 {
	width: 174px;
	height: 46px;
	padding: 0;
	margin: 0 0 .3em 0;
	text-indent: -9999em;
}
body#home h2.festival { background-image: url("http://d844786.u50.ukisp.com/home_template/images/festival.png"); }
body#home h2.artist { background-image: url("http://d844786.u50.ukisp.com/home_template/images/artist.png"); }
body#home h2.education { background-image: url("http://d844786.u50.ukisp.com/home_template/images/education.png"); }
body#home h2.dialogue { background-image: url("http://d844786.u50.ukisp.com/home_template/images/dialogue.png"); }
body#home h2.policy { background-image: url("http://d844786.u50.ukisp.com/home_template/images/policy.png"); }

body#home .box p {
	padding: 0 6px 0 8px;
	margin-bottom: 1em;
	/* height: 52px; */
	font-size: 11px;
	line-height: 13px;
}

body#home #infotext { 
	float: left;
	clear: left;
	width: 378px;
	margin-right: 10px;
	font-size: 21px; /* 21px */
	line-height: 24px; /* 24px */
}
body#home #infotext p { 
	padding-top: 0;
	margin-bottom: .5em;
	color: #9E005D;
	font-weight: bold;
}

 
 
/* --------------------------------------------------------------------
 * NEWS LISTS - applies to the following pages:
 * http://d844786.u50.ukisp.com/about_us/news
 * http://d844786.u50.ukisp.com/whats_on
 * http://d844786.u50.ukisp.com/artist_network/resources */
 

.news-item {	/* includes fixes for IE; for convenience we'll let other browsers have these too */
	background-color: #f2efec;
	border-left: 2px solid #a19589;
	border-right: 2px solid #a19589;
	border-top: none;
	border-bottom: none;
	width: 484px;
	padding: 0 10px;
	margin-bottom: 0;
	overflow: hidden;
}

.news-item h2 {	/* title */
	color: #8A7967;
	margin-bottom: 0.25em;
}

.news-item .thumb {
	float: left;
	width: 104px;
	height: auto;
	margin: 0 1em 1em 0;
}

.news-item .date {
	color: #EC008C;
	font-weight: bold;
	font-size: .9em;
	margin-bottom: 1.5em;
}

.description {
	font-size: 14px;
	line-height: 1.5em;
	width: 290px;
	float: left;
}

/*DAVE-27_10_10*/
.news-item .description {
	margin-top: 1em;
	font-size: 13px;
	line-height: 1.5em;
}

/*DAVE-27_10_10*/
.general11
{
width: 290px;
/*border: solid red 1px;*/
}

.top-border,
.bottom-border {
	width: 100%;
	height: 12px;
}

.top-border {
	line-height: 0;	/* for IE */
	font-size: 0;	/* for IE */
	background: transparent url("http://d844786.u50.ukisp.com/home_template/images/news-item-box-top-border.png") no-repeat top left; 
}
.bottom-border {
	line-height: 0;
	font-size: 0;
	margin-bottom: 20px;
	background: transparent url("http://d844786.u50.ukisp.com/home_template/images/news-item-box-bottom-border.png") no-repeat top left; 
}



/* --------------------------------------------------------------------
 * SITE MAP - http://d844786.u50.ukisp.com/sitemap */
 
.sitemap {
	margin-top: 3em !important;
}

.sitemap br { display: none; }

.sitemap li, 
.sitemap .small, 
.sitemap #nav_about a{
	font-size: 18px;
	list-style-type: none;
	font-weight: bold;
}

.sitemap li ul {
	margin-top: .5em;
}

.sitemap li ul li,
.sitemap #nav_about ul a {
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 0;
}

.sitemap #nav_about,
.sitemap #nav_festival,
.sitemap #nav_artist,
.sitemap #nav_education,
.sitemap #nav_dialogue,
.sitemap #nav_policy,
.sitemap #nav_whatson {
	margin-bottom: 1em;
}



/* --------------------------------------------------------------------
 * ARTIST NETWORK RESOURCES - http://d844786.u50.ukisp.com/artist_network/resources */
 
.resource {
	background-color: #E6F4F1;
	border-left: 2px solid #a19589;
	border-right: 2px solid #a19589;
	border-top: none;
	border-bottom: none;
	width: 484px;
	padding: 0 10px;
	margin-bottom: 0;
	overflow: hidden;
}

.resource .description {
	margin-bottom: 1em;
	font-size: 13px;
	line-height: 1.5em;
}

ul.resource-downloads {
	margin-top: 1em;
	line-height: 1.1em;
}

.artistnet-resources .top-border,
.artistnet-resources .bottom-border {
	width: 100%;
	height: 12px;
}

.artistnet-resources .top-border {
	line-height: 0;	/* for IE */
	font-size: 0;	/* for IE */
	background: transparent url("http://d844786.u50.ukisp.com/home_template/images/resources-box-top-border.png") no-repeat top left; 
}
.artistnet-resources .bottom-border {
	line-height: 0;
	font-size: 0;
	margin-bottom: 20px;
	background: transparent url("http://d844786.u50.ukisp.com/home_template/images/resources-box-bottom-border.png") no-repeat top left; 
}


/* --------------------------------------------------------------------
 * ARTIST NETWORK LANDING PAGE */

.artistnet-landing .box {
	border-top: 2px solid #CFC9C3;
	border-bottom: 2px solid #CFC9C3;
	border-left: 1px solid #B8AFA6;
	border-right: 1px solid #B8AFA6;
	background-color: white;
	color: #9E005D;
	float: left;
	margin: 0 11px 20px 0;
	padding: 4px;
	width: 489px;
/* 	height: 244px; */
	overflow: hidden;
}

.artistnet-landing .box h2 {
	color: #EC008C;
}

.artistnet-landing .box img {
	float: left;
	margin-right: 1em;
}

.artistnet-landing .sub3 {
	margin-top: 2em;
}

/*
.artistnet-landing .sub3 .box {
	width: 145px !important;
}

.sub2 .box {
	width: 228px !important;
}
*/

.artistnet-landing .col1 .box span.heading {
	text-indent: 0;
	text-align: left;
	font-size: 1em;
	display: block;
	padding: 6px 4px 8px 4px;
}

/* span.paragraph looks weird, I know; used because <p> and other block-level elements won't validate inside of an <a> */
.artistnet-landing span.paragraph {
	display: block;
	text-align: left;
	padding: 6px 4px 0px 4px;
	margin-bottom: 8px;
	color: #8A7967;
	line-height: 1.25em;
	/* max-height: 4.7272em; */ /* 4 lines of type @ 11px font-size/13px leading = 13/11 *4 em */
	overflow: hidden; /* enforce limit of 4 line of type */
}



/* --------------------------------------------------------------------
 * ORIGINAL CSS */


/* -------- homepage boxes --------------- */
/* .box h2 { text-indent: -9999em; padding: 0; width: 174px; height: 46px; } */


/* Begin what's on box styles */
/*
.wide.box h2 {
 text-indent: 0;
 text-align: left;
 color: #9e005d;
 width: 50%; 
 height: auto;
 float: left;
}
*/
/* End what's on box styles */

/* news on boxes */
/*
.news.box h2 {
 text-indent: 0;
 text-align: left;
 color: #8a7967;
 height: auto;
 float: left;
}
*/



/* Begin what's on page artist search form */

/* what's on vertical dropdowns */
.vertical { display: inline-block; width: 30%; padding: 10px 0 20px 0; }
.vertical label { display: block; }
.vertical label { font-size: 0.95em; font-weight: bold; }

#artistsearch  span { display: block; float: left; width: 50%; }
#artistsearch  span label { float: left; width: 40%; padding-top: 5px; }
#artistsearch  span input { float: right; width: 44.1%; margin-right: 8%; font-size: 1em; }
#artistsearch  span select { float: right; width: 45%; margin-right: 8%; font-size: 1em; }
#artistsearch .submit { width: 100%; }
#artistsearch .submit input { 
 background-color:#FFFFFF;
 border:0 none;
 color:#00af9e;
 float:left;
 font-size:1.8em;
 font-weight:bold;
 margin:0;
 padding:0;
 text-align:left;
}
/* End what's on page artist search form */


/* Begin header horizontal navigation styles */
/* End header horizontal navigation styles */

/*
*/

/* Begin general box styles - used on every page */
/* The generic box as used on the homepage */
/*
.box { 
 width: 175px;
 min-height: 288px;
 float: left;
 clear: none;
 margin: 0 11px 20px 12px;
 border-top: 2px solid #cfc9c3;
 border-right: 1px solid #b8afa6;
 border-bottom: 2px solid #cfc9c3;
 border-left: 1px solid #b8afa6;
 text-align: center;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 border-radius: 7px;
}
*/

/* A smaller box, used on the second row of boxes on the homepage */
/* .box.small { min-height: 194px; background-color: #ffffff; } */

/* this is for the jquery corner rounding weirdness */
/* .box.small.pink { background-color: transparent; } */

/* Styling the image inside a box... */
/* .box img { padding: 0; text-align: right; } */

/* ...and when it's the very first element within its parent box */
/*
.box img:first-child {
 margin: 0 auto;
 padding: 4px 4px 0 4px;
 text-align: center;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
*/

/* A bit less left-padding for an image inside a small box */
/*
.box.small img { 
 padding: 4px 4px 0 3px;
}
*/

/* A wide box as used on the what's on page */
/*
.box.wide { width: 97%; background-color: #f5eeef; text-align: left; min-height: 0; height: 100%; margin-left: 0; margin-right: 0;}
.box.wide div { float: left; width: 50% }
.box.wide div div { width: 50%; }
.box.wide img:first-child { float: left; }
.box.wide p { float: right; width: 90%; }
*/

/*intro column box SL added*/
/*
.box.contentcolum.right 
{ 
min-height: 100px;
border: 2px solid #a19589; 
background-color: #FFFFFF;
text-align: left; 
padding-left: 8px; 
padding-right: 6px;
padding-top: 6px;
padding-bottom: 10px;
width: 215px;
float: right; 
line-height: 0.5em;
margin: 0;
}
*/

/*intro column box SL added*/
/*
.box.contentcolum.left 
{ 
min-height: 100px;
border: 2px solid #a19589; 
background-color: #FFFFFF;
text-align: left; 
padding-left: 8px; 
padding-right: 6px;
padding-top: 6px;
padding-bottom: 10px;
width: 215px;
float: left; 
clear: right;
line-height: 0.5em;
margin: 0;

}
*/

/* Superceded. See below.
.box.news { 
	width: 97%; 
	background-color: #f3eded; 
	text-align: left; 
	min-height: 0; 
	height: 100%; 
	margin-left: 0; 
	margin-right: 0;
}
.box.news div { float: }
*/

/*News box*/
/*
.box.news  
{ 
min-height: 100px;
border: 2px solid #a19589; 
background-color: #F2EFEC;
text-align: left; 
padding-left: 8px; 
padding-right: 6px;
padding-top: 6px;
padding-bottom: 10px;
margin: 0 10px 0 0;
width: 160px;
float: right; 
clear: right;
line-height: 0.5em;
}
.box.news div div { width: 50%; }
.box.news img:first-child { float: left; }
*/

/* A right-floated box - as used for the 'pods' */
/* .box.right { float: right; } */

/* A box with a pink border */
/* .box.pink  { border: 2px solid #ec008c; } */

/* .smaller { border: 0 !important } */ /* thanks IE! */

/* Layout of text elements inside a box */
/*
.box p, .box h3 { 
 text-align: left; 
 padding-left: 8px; 
 padding-right: 6px; 
}

.box h3, .box h3 span { padding-bottom: 0; }
.box h3 span.bright.pink { padding-top: 0; }
*/

/*--- Only needed for temporary home page remove after site live <-- R.F.: REALLY?? ---- */
/*--- Better check that ---  */


/* Begin shopping basket box styles */
/* End shopping basket box styles */

/*
#feature1 { background-color: #feebe1; margin-left: 0; }
#feature2 { background-color: #e6f4f1; }
#feature3 { background-color: #f1e3e7; }
#feature4 { background-color: #dae7ea; }
#feature5 { background-color: #dddfeb; margin-right: 0; }
#basket { margin-right: 0; text-align: left; border: 0; }
*/

/* ------------------ End general box styles - used on every page ------------------- */

/* Footer area elements */
#footer { text-align: center; border: none;}
.footertext { padding-top: 12px; border: none;}
.footertext span { padding: 6px; border: none;}
.footertext span a { padding: 0 6px; border: none;}
.socialbuttons { padding: 18px 0; }
.socialbuttons span { vertical-align: middle; }
.socialbuttons span img { vertical-align: middle; padding: 4px;}
.socialbuttons span a { padding: 8px; }


/*--- Artist Network search box ---*/
.box_search { 
 /* width: 494px; */
 width: 469px;
 min-height: 100px;
 float: left;
 clear: none;
 margin: 0 11px 20px 0px;
 padding: 10px;
 border-top: 2px solid #cfc9c3;
 border-right: 1px solid #b8afa6;
 border-bottom: 2px solid #cfc9c3;
 border-left: 1px solid #b8afa6;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 border-radius: 7px;
}
.box_search label { text-align: right; }

/*artist network submit button*/
#artistsearch_submit {
	width: 477px;
	height: auto;
	text-align: right;
	color: #ec008c;
}


#ArtistDatabaseForm .input.select,
#ArtistDatabaseForm .input.text {
	float: left;
	width: 47%;
	padding-right: 3%;
	margin-bottom: 1em;
}

#ArtistDatabaseForm .input.select label,
#ArtistDatabaseForm .input.text label {
	float: left;
	width: 45%;
	padding-right: 5%;
	margin-right: 0;
	text-align: right;
	padding-top: 5px;
	font-size: .9em;
	line-height: 1em;
}

#ArtistDatabaseForm .input.select select {
	float: left;
	width: 110px;
}

#ArtistDatabaseForm .input.text input {
	float: left;
	width: 105px;
}

#ArtistDatabaseForm .submit {
	clear: both;
	float: none;
	padding-right: 14px;
}

#ArtistDatabaseForm .submit input {
	float: right;
}


/* #artistsearch_submit input { margin-right: 20px; margin-bottom: 1em; } */
/* OLD STYLES ?
#artistsearch_submit 
{
 width: 494px;
 height: 20px;
 text-align: center;
}
*/


/* --------------------------------------------------------------------
 * ARTIST PROFILE SINGLE */
 
/*green box*/
/*
.box.small.green  { 
border: 2px solid #a19589; 
background-color: #E6F4F1;
text-align: left; 
padding-left: 8px; 
padding-right: 6px;
padding-top: 6px;
padding-bottom: 10px;
width: 160px;
clear: right;
}
*/

/*text inside the green box*/
/*
.greenbox_title
{
color: #00AF9E;
font-weight: bold;
}
.greenbox_bold
{
color: #a19589;
font-weight: bold;
}
.greenbox_normal
{
color: #a19589;
}
*/

#central {
	padding-right: 20px;
	margin-top: 2em;
}

/*DAVE-27_10_10*/
#central .box {
	margin-left: 20px;
}

/*
#central .description p {
	font-size: 14px;
}
*/

.col1 .box.artist-card {
	float: right;
	clear: right;
	width: 152px;
	background-color: #E6F4F1;
}

.col1 .box.news {
	float: right;
	clear: right;
	width: 152px;
	/*border:1px solid red;*/
}


/* jCarousel */
ul#carousel {
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style-type: none;
}

#carousel li {
	margin: 0;
	padding: 0;
}

#artist_group_title_area {
	width: 490px;
	margin: .75em 0 1.5em 0;
	overflow: hidden;
}

h2.artistgroupname {
	float: left;
	width: 270px;
	color: #00af9e;
	font-size: 1.3em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.image_gallery_controls {
	float: right;
	width: 200px
	margin-left: 20px;
	text-align: right;
}

#image_gallery_label {
	color: #00AF9E;
	padding-right: 1em;
}

#carousel-prev, #carousel-next {
	padding: 0 3px;
	margin: 0;
}

#image_gallery_control_numbers {
	color: #8A7A67;
	padding: 0 .3em;
}


/*soundcloud area*/
#soundcloud { width: 490px; }

#soundcloud,
.soundcloud {
	height: auto;
	overflow: hidden;
	background-color: #e8e8e8;
}

.soundcloud {
	margin-bottom: 1em;
}
.soundcloud p {
	margin-bottom: 0;
}

.soundcloud span {
	padding: .25em 0;
}

#soundcloud span {
	padding: .25em .5em;
}

.soundcloud {
	margin-top: 1em;
}

.soundcloud span {
	display: block;
	margin-top: .35em;
}

/*
#central 
{
float: left;
width: 500px;
margin-top: 20px;
}
*/

#social_network_links {
	width: 160px;
	float: left;
	margin: 1em 0 0 0;
	padding: 0;
}

#social_network_links a img {
	padding: 0 5px 10px 0;
}

/*News box*/
/*
.box.small.news  
{ 
min-height: 100px;
border: 2px solid #a19589; 
background-color: #F2EFEC;
text-align: left; 
padding-left: 8px; 
padding-right: 6px;
padding-top: 6px;
padding-bottom: 10px;
width: 160px;
float: right; 
clear: right;
line-height: 0.5em;
}
*/

.news_title
{
color: #00AF9E;
font-weight: bold;
font-size: 0.85em;/*DAVE-CHANGE*/
}

.news_copy
{
color: #a19589;
/*font-size: 0.75em;*/
font-size: 1em;/*DAVE-CHANGE*/

}


/* Additional Form Styles ---------------- */

.input {
	margin-bottom: 1em;
	/* overflow: hidden; */
}

.input.text label,
.input.password label {
	margin-right: .5em;
}

.submit-form .instructions {
	margin-bottom: 0;
}

.submit-form legend {
	font-size: 1.125em;
	font-weight: bold;
	padding: 0 .5em;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: white;
}

.submit-form .sub-col fieldset { 
	display: block;
	margin-bottom: 1.5em; 
	padding: 10px; 
	border: 1px solid #dfdfdf;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color: #f9f9f9;
	width: 224px; 
}

.submit-form fieldset#booking-info 
{
	clear: both;
	margin-bottom: 1.5em; 
	padding: 10px; 
	border: 1px solid #dfdfdf;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color: #f9f9f9;
	width: 480px; 
}

fieldset#booking-info .input.text 
{
	float: left;
	width: 230px;
	margin-right: 10px;
}

fieldset#your-info select
{
	margin-top: 5px;
	height: 130px;
}

/*DAVE-CHANGE-22SEPT2010*/
fieldset#your-info .input.text label
{
	font-style: bold;
	font-size: 0.9em;
	color: #666;
}

fieldset#place-and-time { min-height: 326px; }

.submit-form .sub-col { width: 246px; margin-right: 10px; }
.submit-form .sub-col.last { margin-right: 0; }

.submit-form label { display: block; margin-top: .75em; }
.submit-form fieldset div label { font-size: .8em; margin-top: 0; }

/*DAVE-CHANGE-22SEPT2010*/
.submit-form fieldset div label 
{ 
font-size: 0.9em;
color: #666; 
margin-top: 5px; 
}

/*DAVE-CHANGE-22SEPT2010*/
/*fieldset#be-found .input.select label,
fieldset#be-found .input.text label {
	clear: left;
	float: left;
	width: 90px;
	margin-right: .5em;
}

/*DAVE-CHANGE-22SEPT2010*/
fieldset#be-found .input.select label,
fieldset#be-found .input.text label {
	clear: left;
	float: left;
	width: 230px;
	margin-right: .5em;
}


fieldset#be-found .input {
	overflow: hidden;
}

/*DAVE-CHANGE-22SEPT2010*/
/*fieldset#be-found .input.text label {
	width: 55px !important;
	text-align: right;
}*/
fieldset#be-found .input.text label {
	width: 200px !important;
	text-align: left;
}
/*DAVE-CHANGE-22SEPT2010*/
fieldset#be-found .input.select {
	margin-bottom: 0;
}
fieldset#be-found .input.select select {
	float: left;
	width: 126px;
}
/*fieldset#be-found .input.text input {
	float: left;
	width: 155px;
}*/
/*DAVE-CHANGE-22SEPT2010*/
fieldset#be-found .input.text input {
	float: left;
	width: 200px;
	margin-top: 5px;
}


.submit-form textarea,
.submit-form input[type="text"],
.submit-form input[type="url"] { 
	width: 220px;
	max-width: 220px; /* Safari allows textarea resizing, but only allow it on the y axis */
	padding: 2px 1px;
	/* margin-bottom: .75em; */
}
.submit-form input[type="file"] {
	width: 220px; padding: 3px 2px;
	margin-bottom: 2em;
	background: transparent;
	border: none;
}
.submit-form select { max-width: 220px; }


.submit-form h3 { color: #a19589; font-weight: normal; font-size: 100%; }

#startDate, #endDate { clear: both; overflow: hidden; }
#startDate fieldset, #endDate fieldset { float: left; border: none; padding: 0; }

fieldset.day, #startDay, #endDay { width: 2em; margin-right: .5em; }
fieldset.month { width: auto; margin-right: .5em; }
fieldset.year, #startYear, #endYear { width: 3.25em; margin-right: 0; }

.submit-form select { margin-bottom: 4px; }

.submit-form input[type="submit"] { float: right; margin-right: 8px; }
.submit-form .sub-col input[type="submit"] { float: right; margin-right: 0; }


#authMessage {
	border: 2px solid #ffad43;
	background-color: #ffddb1;
	color: #b44800;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 10px;
	margin: 30px auto 10px auto;
	width: 484px;
}

#flashMessage {
	border: 2px solid #ffad43;
	background-color: #ffddb1;
	color: #b44800;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 484px;
	padding: 10px;
	margin: 30px auto 10px auto;
}


/* News List page ---------------- */
/*
.news-list .news.box,
.search-results .news.box {
	width: 488px;
	padding: 8px 8px 2px 8px;
	border: 2px solid;
	margin: 0 0 1em 0;
}
*/

/* .news-list img.thumb { float: left; padding: 0; margin-right: 1em; margin-bottom: 0.5em; } */

/*
.news-list .news.box h2 {
	width: auto;
	float: none;
}
*/

/* .news-list .description { width: 100% !important; }  */
/* .news-list p { padding-left: 0; } */
/* .news-list .date { margin-top: 0.5em; margin-bottom: 1em; } */

/* About Intro page ------------------ */

.about_title /* from TYPE.CSS */
{
color: #9E005D;
font-weight: bold;
}

/*
.about-intro .sub2 div.sub-col {
	width: 238px;
	margin-top: 1em;
}

.about-intro .sub2 .box {
	width: 218px !important;
	padding: 8px 8px 0 8px;
}

.about-intro .box h2 {
	text-indent: 0;
	height: auto;
	width: auto;
	float: none;
	text-align: left;
	margin-bottom: 1em;
}

.about-intro .box p {
	padding: 0;
	margin-bottom: 1em;
	font-size: 13px;
	line-height: 16px;
}
*/


/* --------------------------------------------------------------------
 * FM LANDING AND SINGLE */
 
/*.fm .current-show, .single-show 
{
	float: left;
	width: 325px;
	margin-right: 20px;
}DAVE-CHANGES*/

.fm .current-show, .single-show {
	float: left;
	width: 480px;
	margin-right: 20px;
}

.fm .aside-group 
{
	float: left;
}

.aside-group p
{
	line-height: 14px;
	margin-bottom: 6px;
}

.fm .alt-box {
	/*width: 118px;*/
	width: 230px;/*DAVE-CHANGE*/
	clear:both;
	float: right;
	margin-right: 30px;
}

.fm .alt-box#archive/*DAVE-CHANGE*/
{
	width: 480px;
}

/*.fm #assoc-artists.alt-box
{
	width: 230px;
	clear:both;
	float: right;
	margin-top: -100px;
	margin-left: 225px;
}*/

/*#assoc-artists .alt-box/*DAVE-CHANGE
{
	width: 230px;
	float: left;
	margin-top: 20px;
	/*margin-left: 225px;
	border: 1px solid red;
}*/

.fm .single-show .aside-group
{
	width: 230px;
	font-size: .85em;
	margin-right: 0;
}

.fm .single-show .aside-group .alt-box 
{
	width:230px;
	float: left;
}


.fm .show-title, .fm h4 
{
	margin-bottom: .5em;
}

.fm .aside-group p,
.fm .aside-group ol,
.fm .aside-group ul /*DAVE CHANGES*/
{
	font-style: italic;
	font-size: 13px;
}

.fm .aside-group li {
	/*margin-bottom: 0.5em;*/
	margin-bottom: 0.5em;/*DAVE CHANGES*/
}

.fm .single-show h2 {
	padding-top: 0;
	padding-bottom: 0;
}

.fm h4 {
	font-size: 13px;
	line-height: 18px;
}

.fm .single-show .description {
	float: left;
	width: 205px;
	margin-right: 20px;
}

.fm .single-show .meta {
	float: left;
	width: 100px;
	font-size: .85em;
}

.fm .single-show .meta h4 {
	margin-bottom: 0;
}

.fm .single-show .date,
.fm .single-show .time {
	margin-bottom: 1em;
}

.fm .single-show .date p 
{ 
padding-top: -5px;
}

.prev-shows ul li a/*DAVE*/
{
font-style: bold;
}


/* --------------------------------------------------------------------
 * ABOUT INTRO */
 
.about-intro .alt-box {
	width: 209px;
}

.about-intro .sub-col {
	margin-right: 16px;
}

.about-intro .alt-box h2 {
	margin-top: 10px;
	padding-top: 0;
}


/* --------------------------------------------------------------------
 * FESTIVAL SINGLE */
	
.artistList.alt-box {
	border-color: #cfc9c3;
	background-color: #feebe1
}

.artistList a {	color: #c66aa0; }
.artistList h2 { color: #f05133; }


/* --------------------------------------------------------------------
 * ARTIST NETWORK LIST */
 
/*green box wide*/
.box.wide.green  
{ 
border: 2px solid #a19589; 
background-color: #E6F4F1;
text-align: left; 
padding-left: 8px; 
padding-right: 6px;
padding-top: 6px;
padding-bottom: 10px;
width: 94%;
clear: right;
}

.box.wide.green .thumb {
	float: left;
	width: 104px;
	height: auto;
	margin: 0 1em 1em 0;

}

#artist-list {
	line-height: 1.5em;
	margin-bottom: 2em;
	padding: 0 13px 0 0;
	text-indent: 0;
}

#artist-list li {
	font-size: 1em;
	padding: 0 1em 0 0;
}

.pagination
{
/* width: 97%; */
/* height: 20px; */
/* margin: 5px 0 10px 0; */
}

.pagination li {
	display: inline;
	list-style-type: none;
	padding: 0 7px 0 0;
	color: #a19589;
	font-size: 0.8em;
}

/*pod links boxes*/
/*
.box.pink.links
{
min-height: 1.5em;
text-align: left;
}
*/

/* pod links*/
/*
a.pod_link
{
float: left;
color: #00af9e;
font-weight: bold;
font-size: 1em;
line-height: 1.5em;
padding: 0 0 0 5px;
}
*/



/*---- Get involved: landing page ----*/
h1.getinvolved {
 color: #9e005d;
 height:54px;
 padding-top:8px;
 font-size: 2em;
}

/*
.box.text
{
float: left;
text-align: left;
width: 225px;
padding: 5px;
margin: 10px 15px 0 0;
}
*/

/* pod links*/
a.pod_link_purple
{
color: #9e005d;
font-weight: bold;
font-size: 1em;
line-height: 1.5em;
padding: 0 0 0 5px;
}


/*---- Artist network - resource list ----*/

/*
p.wide.description
{
float: left;
width: 100%;
padding: 3px 0 0 0;
margin: 0;
}
*/

/*
a.download_link
{
float: left;
padding: 2px 0 0 0;
font-size: 0.8em;
color: #00AF9E;
margin: 0;
clear: both;
}
*/

.pod_img {
	float: left;
	margin-top: 8px;
}

.rss_text {
	font-weight: bold;
	float: left;
	width: 120px;
	padding: 0 0 0 10px;
}

/*---- Media page ----*/

h1.sectiontitle {
 color: #00af9e;
 height:54px;
 padding-top: 8px;
 font-size: 2em;
}

h2.media_title 
{
float: left;
color: #00af9e;
height:30px;
padding-top: 8px;
font-size: 1.3em;
font-weight: bold;
}

.image_gallery
{
float: right;
width: 300px;
height: 30px;
/*border: 1px solid red;*/
}

/* END LAYOUT.CSS ----------------------------- */



/* CONTENT CONSOLIDATED FROM THREECOL.CSS */

/* END THREECOL.CSS ----------------------------- */

/* .heroImage {margin-bottom: 12px;} */

.colmid p {font-family: helvetica, arial, sans-serif;}

/*
#colmid_LeftCol,
#colmid_RightCol {float:left;}
#colmid_LeftCol {
	width: 310px;
	}
#colmid_RightCol {
	width: 178px;
	}
*/
	




/* CONSOLIDATED FROM QUARANTINE/TYPE.CSS */


/* end R.F. edits ------------------------------ */


/* The text colours used on the site */
a, .pink { color: #9e005d; }
.bright.pink { color: #ec008c; }
.grey, .grey a { color: #a19589; }
.blue { color: #304a79; }


/* Header font sizes */
/*
#tagline { font-size: 0.9em; }
#tagline span { font-size: 1.05em; }
#searchform label { font-size: 0.9em; }
#artistsearch span { font-size: 0.75em; }
#infotext p { line-height: 1.15em; font-size: 1.34em; font-weight: bold; }
*/

/* Text in basket box */
#basket a { font-weight: bold; }
#basket * { font-size: 1em; }

/* Box fonts */
/*
.box { font-family: arial, helvetica, sans-serif; }
.box.small { font-size: 1.15em; padding-top: 4px; }
.box p, .box span.paragraph {
 font-size: 0.7em; 
 line-height: 1.2em; 
}
.box h3 {
 font-size: 0.75em; 
 line-height: 1.25em; 
}
.box h3 span { font-size: 1em; }
*/
/*end*/


/* --------------------------------------------------------------------
 * SEARCH RESULTS PAGE */

body#search #utilityDiv {
	margin-top: 2em;
}

body#search #utilityDiv p {
	display: inline;
	padding-right: .5em;
}

body#search #utilityDiv ul {
	margin-top: 0.25em;
	margin-left: -6px;
}

body#search #utilityDiv li {
	display: inline;
	
}

body#search #utilityDiv a,
body#search #utilityDiv strong {
	padding: 2px 6px;
}

body#search #results {
	margin-top: 2em;
}

body#search #results h4 {
	margin-bottom: 1em;
	font-size: 1.25em;
}

#results .item {
	border: 2px solid #a19589;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 10px 10px 0 10px;
	margin-bottom: 1em;
}

#results .item h5 { margin-bottom: .5em; }
#results .item h5 strong { display: none; }

/* end search results ------------------- */



.statementOfMission p {
	font-weight: bold;
	font-size: 1em;
	}


.nomaxwidth { max-width: 100%; } /* Full width */



/*------ Artist network - Update Your Profile - required fields - 6oct2010---------*/

.required 
{
color: #EC008C;
}

.input.text label.required 
{
color: #EC008C;
}

.submit-form fieldset div label.required 
{
color: #EC008C;
}