/* ----------------------------------- */
/* ---------->>> TABLE OF CONTENT <<<----------- */
/* ----------------------------------- */
/* |- TABLE OF CONTENT
/* |- COLOR REFERENCE
/* |
/* |- RESET
/* |- GLOBAL
/* |- LAYOUT
/* |  |- HEADER
/* |  |  |- PRIMENAV
/* |  |- CONTENT
/* |  |  |- BOXESh2
/* |  |  |- SEARCHBOX
/* |- CONTENT
/* |  |- NEWS
/* |  |- CONTENT
/* |  |- CONTACT
/* -----------------------------------*/

/* ----------------------------------- */
/* ---------->>> COLOR REFERENCE <<<----------- */
/* ----------------------------------- */
/*
/* -----------------------------------*/

/* ----------------------------------- */
/* ---------->>> RESET <<<----------- */
/* ----------------------------------- */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
/* http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */

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-color: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: 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; }
/* own additions */
img { border: 0; }

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

body {
  font-size: 70.00%;
  font-family: arial, sans-serif;
  margin: 0;
  padding: 0;
  color: #3a3a3a;
}

h1, h2, h3, h4, h5, h6 {}
h2 {}
h3 {}

a {
	color: #fff;
	text-decoration: none;
}
a:link {}
a:visited {}
a:active {}
a:hover {}

ul, ol, dl {
  line-height: 1.0em;
  margin: 0 0 1em 0em;
}

li {
  margin-left: 0em;
  line-height: 1.0em;
  list-style-type: none;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 0 1em 2em;
}

cite, blockquote {
  font-style: italic;
}

blockquote {
  margin: 0 0 1em 1.5em;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

pre, code {
  font-family: monospace;
  font-size: 1.1em;
}

acronym, abbr {
  letter-spacing: .07em;
  border-bottom: .1em dashed #ffcd00;
  cursor: help;
}

div.spacer {
  font-size: 0.08em;
  background: transparent;
  clear: both;
  width: 0;
  height: 0;
}

.invisible {
  position: absolute;
  left: -5000px;
}

.clear { clear: both; }

.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-table;
}

.clearfix {
  display: block;
}
input {
  font-size: 12px;
}

.pagination {
  text-align:  right;
  padding: 0;
  margin: 20px 0 0 0;
  font: bold 11px/120% Arial, sans-serif;
  text-transform: uppercase;
}
.pagination a {
  text-decoration: none;
  color: #666;
    padding: 2px 1px;
}
.pagination a:hover, .pagination a:active {
	color: #fff;
}
.pagination span.current {
  padding: 2px 1px;
  font-weight: bold;
  color: #fff;
}
.pagination span.disabled {
  color:  #333;
}

div.inverted_pagination .pagination a {
  color: #666666;
}

div.inverted_pagination .pagination span.disabled {
  color: #000;
}


/* -----------------------------------*/
/* ---------->>> LAYOUT <<<-----------*/
/* -----------------------------------*/

body {
  background: #CCCCCC url(/images/body-bg.jpg) repeat-x 0 0;
}
div#m7LogoPrint {
	display: none;
}
div#m7Logo {
	width: 785px;
	height: 70px;
	position: absolute;
	top: 55px;
	left: 65px;
}
#m7Swf {
	position: absolute;
	top: 55px;
	left: 65px;
}
div#m7Biennial {
	position: absolute;
	top: 95px;
	left: 65px;
	z-index: 10;
}
a#switchWhite,
a#switchBlack {
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	top: 5px;
	opacity: 0.8;
}
a#switchWhite {
	left: 952px;
	background: #fff;
}
a#switchBlack {
  left: 966px;
	background: #000;
}
/* ---------->>> LAYOUT / CONTAINER <<<-----------*/
div#container {
	position: absolute;
	float: none;
	left: 50px;
	width: 925px;
	top: 114px;
}
			
	/* ---------->>> LAYOUT / CONTAINER / LEFT-COLUMN <<<-----------*/
	div#container div#lcol {
		position: relative;
		width: 300px;
		margin: 0 5px 0 0;
		float: left;
	}
	div#container div#lcol div#primenav {
		background: transparent url(/images/primenav-bg.png) no-repeat 0 50px;
		padding: 50px 0 10px 0;
		margin: 0 0 5px 0;
		min-height: 100px;
	}
		div#container div#lcol div#primenav ul#lang {
			width: 270px;
			display: block;
			color: #fff;
			text-transform: capitalize;
			margin: 0 0 25px 0;
			padding: 28px 15px 0 15px;
}
			div#container div#lcol div#primenav ul#lang li {
				display: block;
				float: left;
				line-height: 1.2em;
			}
				div#container div#lcol div#primenav ul#lang li a {
					font: 11px arial, sans-serif;
					color: #fff;
					text-decoration: none;
				}
			div#container div#lcol div#primenav ul#lang li.it {
				width: 8px;
			}
			div#container div#lcol div#primenav ul#lang li a:hover,
			div#container div#lcol div#primenav ul#lang li a.active { font-weight: bold }
			div#container div#lcol div#primenav ul#nav {
				text-transform: uppercase;
				font: normal 20px Arial, sans-serif;
				list-style: none;
				margin-left: 0;
				padding: 0 5px 0 15px;
				line-height: 0.9em;
			}
			div#container div#lcol div#primenav ul#nav li {
        display: block;
				font: normal 20px/0.9em Arial, sans-serif;
				margin: 0;
				padding: 0;
				letter-spacing: -1px;
			}
      div#container div#lcol div#primenav ul#nav li a { display: block; }
			div#container div#lcol div#primenav ul#nav li a:hover {
				margin: 0;
				padding: 0;
				font: bold 20px/0.9em  Arial, sans-serif;
				letter-spacing: -1px;
			}
			div#container div#lcol div#primenav ul#nav li a.active {
				margin: 0;
				padding: 0;
				font: normal 20px/0.8em "Arial Black", Arial, sans-serif;
				letter-spacing: -1px;
			}
	div#container div#lcol div.box {
		width: 270px;
		background: transparent url(/images/pixel80.png) repeat 0 0;
		padding: 15px	;
		margin: 0 0 5px 0;
	}
	div#container div#lcol div.box.nopad {
		width:  300px;
		padding: 0;
	}
		div#container div#lcol div.box ul li a {
			font: bold 11px "Arial", sans-serif;
			color: #666666;
      text-transform: uppercase;
		}
		div#container div#lcol div.box ul li a:hover {
			color: #fff;
		}
		div#container div#lcol div.box ul li a.active {
			color: #fff;
		}
		div#container div#lcol div.box p.pagination {
			text-align: right;
		}
			div#container div#lcol div.box p.pagination a {
				font: normal 11px "Arial Black", sans-serif;
				color: #666666;
			}
			div#container div#lcol div.box p.pagination a:hover {
				color: #fff;
			}
		div#container div#lcol div.box ul.filter li a {
			font: normal 15px Arial, sans-serif;
		}

		
		div#container div#lcol div.box table#calendar {
			width: 160px;
			padding: 0;
			margin: 0 5px 0 0;
			text-align: center;
			font: 11px Arial, sans-serif;
			color: #666;
			float:  left;
		}
			div#container div#lcol div.box table#calendar th {
				font:10px "Arial Black", Arial, sans-serif;
				color:  #fff;
				height: 25px;
				padding:  0 5px 0 0;
			}
			div#container div#lcol div.box table#calendar td {
				width: 20px;
				height: 16px;
				text-align: center;
				font-weight:  bold;
			}
				div#container div#lcol div.box table#calendar td a {
					text-decoration: none;
					font-weight: bold;
					display: block;
				}
				div#container div#lcol div.box table#calendar td a:hover, td a:active {
					color: #fff;
				}
				div#container div#lcol div.box table#calendar td.today a {
					background:  #666;
					margin:  0 5px;
					padding:  1px;
				}
		div#container div#lcol div.box ul.months {
			text-transform: uppercase;
			height:  100px;
		}
		div#container div#lcol div.box ul.months li a {
			font-size: 8px;
			margin:  0;
			padding: 0;
		}
		div#container div#lcol div.box div.calendar-list {
			font:  11px Arial, sans-serif;
			text-transform: uppercase;
			color:  #fff;
			clear:  right;
		}
		div#container div#lcol div.box div.calendar-list h2 {
			color:  #878787;
			font:  11px "Arial Black", Arial, sans-serif;
			margin: 15px 0 0 0;
		}
			div#container div#lcol div.box div.calendar-list h2 span.date {
				color:  #fff;
			}
	div#container div#lcol div.box p.more {
		font:  11px "Arial Black", Arial, sans-serif;
		text-transform:  uppercase;
		text-align: right;
		margin:  15px 0 0 0;
	}
	div#container div#lcol div.box.search {
		width: 275px;
		padding:  10px 10px 10px 15px;
	}
	div#container div#lcol div.box.search input {
		background: #1E1E1E;
		border: #666666 1px solid;
		color:  #fff;
		width:  205px;
	}
	div#container div#lcol div.box.search input.submit {
		font: 11px "Arial Black", Arial, sans-serif;
		text-transform:  uppercase;
		background: transparent;
		border: none;
		color:  #fff;
		width: 66px;
		padding: 0 0 0 8px;
	}

	/* ---------->>> LAYOUT / CONTAINER / RIGHT-COLUMN <<<-----------*/
	div#container div#rcol {
		position: relative;
		float: left;
		width: 620px;
		margin: 0;
	}
		div#container div#rcol div#topBkg {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 620px; 
				height: 138px;
				background: transparent url(/images/rcol-header-bg.png) no-repeat 0 0;
		}
		div#container div#rcol div#breadcrumbs {
			position: relative;
			float: left;
			font: bold 11px Arial, sans-serif;
			color: #fff;
			text-transform: uppercase;
			width: 575px;
			height: 60px;
			padding: 78px 20px 0px 25px;
			text-align: right;
		}
		div#container div#rcol div.box,
		div#container div#rcol div.sponsor {
			float: left;
			background: transparent url(/images/pixel80.png) repeat 0 0;
			font: 14px/120% Arial, sans-serif;
			color: #fff;
			padding: 5px 20px 0px 25px;
			margin: 0 0 5px 0;
			width:  575px;
		}

		div#container div#rcol div.box.first {
			padding: 10px 20px 10px 25px;
			background: transparent url(/images/rcol-bg.png) repeat 0 0;
		}
		div#container div#rcol div.box.nopad {
			padding: 0;
		}
			div#container div#rcol div.box p {
				font: 13px/140% Arial, sans-serif;
				color: #c1c1c1;
				margin: 0 0 15px 0;
			}
			div#container div#rcol div.box a {
				font-weight:  normal;
				font-family: Arial, sans-serif;
				line-height: 0.9em;
			}
			div#container div#rcol div.box ul li {
				list-style-type: disc;
				list-style-position: inside;
				color:  #fff;
			}
			div#container div#rcol div.box ul.links li {
				list-style-type: none;
				list-style-position: outside;
			}
			div#container div#rcol div.box ul.links li a {
					font: normal 11px "Arial Black", sans-serif;
					text-transform: uppercase;
					color: #666;
				}
			div#container div#rcol div.box h1 {
				font: 20px/1em "Arial Black", sans-serif;
				text-transform: uppercase;
				color: #fff;
			}
			div#container div#rcol div.box h2 {
				font: 20px/1em Arial, sans-serif;
				text-transform: uppercase;
				color: #fff;
				margin: 0 0 5px 0;
			}
			div#container div#rcol div.box h2.artist-t0,
			div#container div#rcol div.box h2.artist-t1,
			div#container div#rcol div.box h2.artist-t2,
			div#container div#rcol div.box h2.artist-t3, 
			div#container div#rcol div.box h2.artist-t4 {
				font: bold 20px/1em Arial, sans-serif;
				text-transform: uppercase;
				color: #fff;
				margin: 0px;
			}
			div#container div#rcol div.box h2.artist-t0 {
				font: 20px/1em "Arial", sans-serif;
			}
			div#container div#rcol div.box h2.artist-t1,
			div#container div#rcol div.box h2.artist-t2,
			div#container div#rcol div.box h2.artist-t3 {
				font: 20px/1em "Arial Black", sans-serif;
			}
			div#container div#rcol div.box h2.artist-t2 {
				font-weight: normal;
  				font: bold 20px/1em Arial, sans-serif;
			}
			div#container div#rcol div.box h2.artist-t3 {
  				font: normal 20px/1em Arial, sans-serif;
			}
			div#container div#rcol div.box h2.artist-t4 {
				margin-bottom: 15px;
  				font: normal 14px/1em Arial, sans-serif;
			}			
			div#container div#rcol div.box h2.nopad {
				font: 20px/0.9em Arial, sans-serif;
				color: #fff;
				margin: 0 0 15px 0;
			}
				div#container div#rcol div.box h3 {
					font: 12px/1em "Arial Black", sans-serif;
					color: #fff;
					margin: 5px 0;
				}
				/* ---------->>> LAYOUT / CONTAINER / RIGHT-COLUMN / IMAGE-CONTAINER <<<-----------*/
				div#container div#rcol div.box img {
					margin:  0 0 5px 0;
				}
				div#container div#rcol div.box div.img {
					float: left;
					width: 185px;
					margin: 0 10px 2px 0;
				}
					div#container div#rcol div.box div.img p {
						font: 12px Arial, sans-serif;
						color: #666666;
						margin: 0 0 18px 0;
						padding: 0;
					}

/* -----------------------------------*/
/* ---------->>> HOME <<<-----------*/
/* -----------------------------------*/
div#container div#rcol div.box div.item {
	padding: 0 0 30px 0;
}
	div#container div#rcol div.box div.item span.date {
		font: 20px/0.8em "Arial Black", sans-serif;
		color: #fff;
	}
	div#container div#rcol div.box div.item h2 {
		font: 20px/0.9em Arial, sans-serif;
		color: #fff;
		margin: 0 0 10px 0;
	}

/* -----------------------------------------------*/
/* ---------->>> PROGRAM / LOCATION <<<-----------*/
/* -----------------------------------------------*/
div#container div#rcol div.program-list,
div#container div#rcol div.location-list {
	padding: 10px 20px 10px 25px;
}
	div#container div#rcol div.program-list h2 {
		color:  #fff;
		font:  bold 12px Arial, sans-serif;
		margin: 0;
	}
  div#container div#rcol div.location-list h2 {
		font: 20px/1em Arial, sans-serif;
		color: #fff;
		margin: 0 0 10px 0;
  }
  div#container div#rcol div.location-list h2.location {
		margin: 0px;
  }
  div#container div#rcol div.location-list h3 {
		font: 14px/120% Arial, sans-serif;
		color: #fff;
		margin: 0 0 15px 0;
    text-transform: uppercase;
    font-weight: normal;
  }
		div#container div#rcol div.program-list h2 span.location {
			color:  #878787;
			font:  bold 12px Arial, sans-serif;
			margin: 0;
		}
		div#container div#rcol div.program-list h2 span.date {
			font:  bold 12px Arial, sans-serif;
			color:  #fff;
		}
		div#container div#rcol div.program-list h2 span.presstitle {
			font:  12px "Arial Black", Arial, sans-serif;
			color:  #fff;
		}
		div#container div#rcol div.program-list p,
    div#container div#rcol div.location-list p {
  		margin: 0;
		}
    div#container div#rcol div.location-list p {
  		margin: 0 0 15px 0;
		}
		a.more {
			font: 12px/120% "Arial Black", Arial, sans-serif;
			text-transform: uppercase;
			color: #878787;
			margin: 0;
		}
		a.back {
			font: 12px/120% "Arial Black", Arial, sans-serif;
			text-transform: uppercase;
			color: #878787;
			margin: 0;
		}
		a.more:hover, a.back:hover {
			color: #fff;
		}
        

/*
 * PRESS RELEASE FORM
 */        
input, textarea {
  background: #1E1E1E none repeat scroll 0%;
  border: 1px solid #666666;
  color: #FFFFFF;  
} 

label {
	display: block;
	font: bold 10px arial, sans-serif;
	color: #666666;
	text-transform: uppercase;
}

div.fieldWithErrors label,
div.edit_s div.fieldWithErrors label,
div.edit_m div.fieldWithErrors label,
div.edit_l div.fieldWithErrors label,
div.edit_xl div.fieldWithErrors label {
/*  border-bottom: 4px solid red;*/
  color: red;
}
div.edit_s div.fieldWithErrors input,
div.edit_m div.fieldWithErrors input,
div.edit_l div.fieldWithErrors input,
div.edit_xl div.fieldWithErrors input,
div.edit_s div.fieldWithErrors textarea,
div.edit_m div.fieldWithErrors textarea,
div.edit_l div.fieldWithErrors textarea,
div.edit_xl div.fieldWithErrors textarea {
  border: 1px solid red;
}

div#container div#rcol #errorExplanation {
  border: 1px solid red;
  padding: 4px;
}
div#container div#rcol #errorExplanation h2 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 8px 0;
}
div#container div#rcol #errorExplanation ul {
  margin: 8px 10px;
}
div#container div#rcol #errorExplanation li {
  margin: 0 5px;
  list-style: disc;
}

form.edit_content {
	margin-top: 10px;
}
form.edit_content input,
form.edit_content textarea,
form.edit_content select {
	font: normal 12px Arial, sans-serif;
	border: 1px solid #999999;
	margin: 0;
	padding: 2px 4px;
	background: #FFFFFF;
	line-height: 115%;
}
form label {
	padding: 0;
	height: 12px;
	color: #666666;
/*	border-bottom: 4px solid #999999;*/
	background: transparent;
}
div.checkboxes label {
  border-bottom: 0;
}
div.checkboxes input {
  padding: 0px;
}

div.gap_v_s { float: left; width: 10px; height: 10px;}
div.gap_v_m { float: left; width: 20px; height: 10px;}
div.gap_v_l { float: left; width: 30px; height: 10px;}

div.edit_s,
div.edit_m,
div.edit_l,
div.edit_xl {
	float: left;
	margin: 0 0 10px 0;
	/*background: #999999;*/
}
div.edit_s  { float: left; width: 230px; }
div.edit_m  { float: left; width: 460px; }
div.edit_l  { float: left; width: 460px; }
div.edit_xl { float: left; width: 620px; }

div.edit_s input  { float: left; width: 220px; }
div.edit_m input  { float: left; width: 450px; }
div.edit_l input  { float: left; width: 450px; }
div.edit_xl input { float: left; width: 610px; }

/*
div.edit_s,
div.edit_m,
div.edit_l,
div.edit_xl {
	float: none;
}*/

/* make input fields clickable in IE6 */
form#accreditation_form { float: left; }

div.edit_date_s input { width: 114px; }
div.edit_date_m input { width: 274px; }

div.edit_s select  { float: left; width: 224px; }
div.edit_m select  { float: left; width: 340px; }
div.edit_l select  { float: left; width: 460px; }
div.edit_xl select { float: left; width: 620px; }

div.edit_s textarea   { float: left; width: 130px; height: 37px; }
div.edit_m textarea   { float: left; width: 290px; height: 106px; }
div.edit_l textarea   { float: left; width: 450px; height: 298px; }
div.edit_xl textarea  { float: left; width: 610px; height: 498px; }

div.checkboxes {
  margin-bottom: 10px;
}
.checkboxes label {
  display: inline;
}
.checkboxes input {
  margin-bottom: 2px;
}
div.checkboxes div.fieldWithErrors input {
  border: 1px solid red;
}

div#container div#rcol div.box h2.form_label {
  font-size: 12px;
}
span.asterisk {
  color: Red;
}
/*
 * PRESS RELEASE FORM -- END
 */        

 
/* 
 * sponsors 
 */
div#container div#rcol div.sponsor {
	float: left;
	background: #fff;
	opacity: 0.7;
	padding-bottom: 5px;
}
div#container div#rcol div.sponsor h3,
.primary {
	display: block;
  	float: left;
	width: 250px;
	font-size: 11px;
	color: #747474;
	text-transform: uppercase;
}
div#container div#rcol div.sponsor .secondary {
	display: block;
	float: left;
	margin-left: 46px;
	width: 270px;
}
div.sponsor .s1,
div.sponsor .s2,
div.sponsor .s3,
div.sponsor .s4 {
	float: left;	
	display: block;
	width: 138px;
	margin: 0px 0px 0px 0px;

}
div.sponsor .s4 {
	margin: 0px 0 0px 0;
}

div.sponsor img {
	padding: 0;
}
div.sponsor span {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	color: #747474;
}
div#container div#rcol div.sponsor img {
	display: block;
	float: left;
	margin: 0;
	padding: 0; 
	border: 0;
}
 
/*
 * Grants Organisations
 */
div#container div#rcol div.box.grants_org {
	padding-left: 10px;
	width: 590px;
	background: #ffffff;
	background-image: none;
	opacity: 0.7;

}
div#container div#rcol div.box.grants_org h1 {
	margin-left: 10px;
}
div#container div#rcol div.grants_org img {
	display: block;
	float: left;
	margin: 0;
	padding: 0; 
	border: 0;
}
div#container div#rcol div.box.grants_org h3 {
	display: block;
  float: left;
	width: 250px;
	margin-left:10px;
	font: bold 11px Arial, sans-serif;
	color: #747474;
	text-transform: uppercase;
}