/* MELBOURNE ART FAIR
   Master Styles
   Author: Jonathan Nicol (jonathan@f6design.com)
   
   Resources
   http://annevankesteren.nl/2005/03/clearing-floats
*****************************************************************/


/* Global 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 {
border:0pt none;
font-family:inherit;
font-size:100%;
margin:0pt;
outline-color:invert;
outline-style:none;
outline-width:0pt;
padding:0pt;
}
*:focus {
outline-color:invert;
outline-style:none;
outline-width:0pt;
}

/* HTML Elements
*****************************************************************/

html {
	font-size: 100%; /* for IE */
	height: 100%; /* force scrollbars in Mozilla */
	overflow-y: scroll; /* force scrolbars in Mozilla */ 
}

body  {
	font-family: Arial,sans-serif;
	font-size: 13px;
	font-weight: normal;
	height: 100%; /* force scrollbars in Mozilla */
	color: #333;
	background: #fff url(../img/bg_gradient_foundation.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	line-height: 1.3;
	text-align: center;
}
a, a:visited {color:#999; outline-style:none; text-decoration:underline; }
	a:hover { color:#000; text-decoration:underline; }
	a:active { color:#000; text-decoration:underline; }
	a.imglink, a.imglink:visited { border: none; }
	a[rel="external"]{
		background: transparent url(../img/external_link_icon.gif) no-repeat right center;
		padding-right:14px;
		}
blockquote {
	background:transparent url(../img/blockquote_bg.gif) left top no-repeat;
	font-style: italic;
	color: #000;
	min-height:1.5em; /* IE: fixes bg drop when blockquote next to floated image */
	padding:30px 10px 13px 18px;
	margin: 0 0 1em 0;
	overflow: auto; /* FF/Opera: fixes bg drop when blockquote next to floated image */
	}
	blockquote p {
		margin:0;
		}
		blockquote p.source {
			font-style:normal;
			color:#999;
			font-size:11px;
			}
img {
	border: none;
	display: block;
	}
h1 {
	color: #fff;
	width:760px;
	height:168px;
	margin:0;
	padding:0;
	font-size:120px;
	line-height: 0.7;
	letter-spacing: -2px;
	text-indent:-9999px;
	background:url(../img/logofoundation.png) no-repeat;
	overflow: hidden;
}
h2 {
	font-family: "Helvetica Neue", Helvetica, arial, sans-serif;
	color:#000;
	font-size:28px;
	height:40px;
	border-bottom:1px solid #e2e2e2;
	padding:0;
	margin:0 0 18px 0;
	}
h3 {
	color: #000;
	font-size: 20px;
	line-height: 1.1;
	margin: 0 0 10px 0;
	padding:10px 0 0 0;
	}
	h3.has-subtitle {
		margin: 0 0 3px 0 !important;
		}
h4 {
	color: #000;
	font-size: 16px;
	line-height: 1.2;
	margin: 0 0 7px 0;
	padding: 10px 0 0 0;
	}
h5 {
	color: #000;
	font-size:13px;
	margin: 0 0 7px 0;
	padding: 10px 0 0 0;
}
p {
	margin:0 0 1em 0;
}
small {
	font-size: 11px;
}

/* Common presentational elements
*****************************************************************/

.alignR {
	text-align: right;
}
.clr {
	clear: both;
}
.clearit {
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
}
.divider, hr {
	height:1px;
	overflow:hidden;
	text-indent:-9999px;
	background: #e2e2e2;
	clear: both;
	margin: 0 0 15px 0;
	}
.fileDownload {
    background: transparent url(../img/file_icon.gif) no-repeat left top;
    display: block;
    height: 35px;
    padding-left: 36px;
    margin-bottom: 1em;
	}
	.fileDownloadShortBottom {
		margin-bottom: 0.3em;
		}
.highlight-link {
	font-size: 13px;
	}
	.highlight-link a, .highlight-link a:visited {
		background: transparent url(../img/arrow_circle.gif) 0 50% no-repeat;
		font-weight: bold;
		padding: 1px 0 0 20px;
		color: #000;
		text-decoration: none;
		}
		.highlight-link a:hover {
			text-decoration: underline;
			}
.intro {
	color:#000;
	font-size:16px;
	line-height:1.2;
	padding:0 0 10px 0;	
	}
	.intro h3, .intro h4, .intro h5 {
		color: #000;
		font-size: 20px;
		line-height: 1.1;
		margin: 0 0 15px 0;
		}
.image-and-caption {
	padding: 1em 0 1em 0;
	position:relative;
	overflow:hidden;
	}
	.image-and-caption.no-caption {
		padding-bottom: 2em;
		}
	.image-and-caption .image-caption {
		margin: 8px 0 0 0;
		font-size: 11px;
		/* comment below here out if you don't want the caption aligned right of the image */
		/*background: #fff url(../img/caption_bg.gif) 0 0 no-repeat;
		width:100px;
		position:absolute;
		left:460px;
		bottom:10px;
		padding: 23px 10px 0px 10px;*/
		}
        #primary-content .image-and-caption .image-caption p {
            padding-right: 0;
            }
.imgLink {
	border: none;
	}
	.imgLink:visited {
		border: none;
	}
	.imgLink:hover {
		border: none;
	}
.large {
	font-size: 1.3em;
	line-height: 1.4;
}
.padT {
	margin-top: 1em;
}
.pullquote {
	color:#000;
	font-size:20px;
	font-weight:bold;
	line-height:1.1;
}
.noT {
	margin-top: 0;
}
.small {
	font-size: 0.85em;
}
.subtitle {
	font-size:16px;
	color:#666;
	font-weight:bold;
	margin:0 0 15px 0;
}

/* Page structure
*****************************************************************/

#container {
	margin: 0 auto;
	width: 950px;
	padding: 0 0 0 10px;
	text-align: left;
}
#header {
	background: #000;
	width: 950px;
	height: 220px;
	margin: 0 0 35px 0;
	position:relative;
	}
#content-wrap {
	overflow: hidden; /* instead of overflow:auto which causes slimbox/lightbox to flicker in FF */
	width: 940px;
	}
	#content-wrap #content {
		width:760px;
		float:left;
		overflow: hidden; /* instead of overflow:auto which causes slimbox/lightbox to flicker in FF */
		}
		#content-wrap.has-contextual-menu #content {
			width:580px;
			}
		#content-wrap #content #primary-content {
			width:580px;
			float: left;
			}
			#primary-content p, #primary-content h3, #primary-content h4, #primary-content h5 {
				/*width:450px;*/
				padding-right:130px;
				}
			#primary-content ul, #primary-content ol {
				/*width:450px;*/
				padding-right:130px;
				}
			#primary-content blockquote * {
				/*width:100% !important;*/
				}
			#content-wrap #content #primary-content.has-secondary-content {
				width:500px;
				}
				#primary-content.has-secondary-content p, #primary-content.has-secondary-content h3, #primary-content.has-secondary-content h4, #primary-content.has-secondary-content h5 {
					padding-right:50px;
					}
				#primary-content.has-secondary-content ul, #primary-content.has-secondary-content ol {
					padding-right:130px;
					}
        	#content-wrap #content #primary-content.has-wide-secondary-content {
				width:320px;
				}
   	            #primary-content.has-wide-secondary-content p, #primary-content.has-wide-secondary-content h3, #primary-content.has-wide-secondary-content h4, #primary-content.has-wide-secondary-content h5 {
					padding-right:0;
					}
				#primary-content.has-wide-secondary-content ul, #primary-content.has-wide-secondary-content ol {
					padding-right:0;
					}
		#content-wrap #content #secondary-content {
			width:220px;
			float: left;
			margin-left:40px;
			}
			#content-wrap #content #secondary-content.R {
				float:right;
				margin:0;
				}
        #content-wrap #content #secondary-content-wide {
            width:420px;
			float: right;
			margin-left:0px;
			}
	#content-wrap #contextual-menu {
		width:180px;
		float:left;
		}
	#content-wrap #sidebar {
		width: 160px;
		float: right;
		}
#foundation.home #header, #fair.home #header {
	margin-bottom:25px;
}

/* Secondary nav
*****************************************************************/

#secondary-menu {
		position:absolute;
		left:780px;
		top:200px;
		list-style:none;
		margin:0;
		padding:0;
		width:170px;
		font-size:12px;
		}
		#secondary-menu li {
			background:none;
			border-right:1px solid #4a4b4c;
   			border-color:rgba(147, 149, 152, 0.5); /* css3 for modern browsers */
			float:left;
			padding:0 6px;
			}
			#secondary-menu li.first {
				padding-left: 0;
				}
			#secondary-menu li.last {
				padding-right: 0;
				border: none;
				}
			#secondary-menu li a {
				text-decoration:none;
				color:#939598;
				}
				#secondary-menu li a:hover {
					color:#fff;
					}

/* Search
*****************************************************************/

#header form {
    /*display:none;*/
	position:absolute;
	left:720px;
	top:20px;
	}
	#header form label {
		position:absolute;
		left: -9999px;
	}
	#header form input, #header form button {
		border:0;
		float: left; /* keeps input and button lined up */
		}
	#header form input {
		width:195px;
		height:17px;
	    background:#fff url(../img/search_bg.gif) no-repeat 0 0;
	    padding:3px 2px 2px 5px;
	    margin:0;
	    color:#505050;
	    font-size:12px;
		line-height: 1.4;
		}
	#header form button {
		width: 28px;
		height: 22px;
		background: #fff url(../img/search_submit.gif) no-repeat 0 0;
		cursor: pointer;
		text-indent: -9999px;	
		}
							
/* Home
*****************************************************************/

#home-rotator {
	width: 760px;
	height: 325px;
	margin: 0 0 15px 0;
}

/* Teasers
*****************************************************************/

ul#teasers {
	list-style: none;
	padding: 0;
	margin: 0 0 0 0;
	width:760px;
	overflow:auto;
	}
	ul#teasers li {
		background:none;
		width:240px;
		float:left;
		margin:0 20px 15px 0;
		padding:0;
		}
		ul#teasers li.last {
			margin-right:0;
			}
		ul#teasers li.divider {
			float:none;
			width:auto;
			background:#e2e2e2;
			margin-right: 0;
			overflow:hidden !important;
			}
		ul#teasers li img {
			margin:0 0 11px 0;
			}
		ul#teasers h3 {
			padding:6px 0 0 0;
			margin: 0 0 6px 0;
			}
		ul#teasers h3 a, ul#teasers h3 a:visited {
				color:#000;
				text-decoration:none;
				}
				ul#teasers h3 a:hover {
					text-decoration:underline;
					}
	ul#teasers .highlight-link {
		margin:0;
		}
	ul#teasers.stacked, #primary-content ul#teasers.stacked {
		width:580px;
		}
		ul#teasers.stacked li {
			width:580px;
			float:none;
			overflow:auto;
			margin-right:0;
			}
			ul#teasers.stacked li img {
				float:right;
				margin: 0 0 1em 20px;
				}
	ul#teasers .subtitle {
		margin-bottom:6px;
		}
	#primary-content #teasers.stacked h3 {
		padding-right:130px;
	}
	/* in stacked teasers the paragraphs etc need to be narrow, unless they have no image */
	/*#primary-content #teasers.stacked p, #primary-content #teasers.stacked h3, #primary-content #teasers.stacked h4, #primary-content #teasers.stacked h5 {
		width:320px;
		}
		#primary-content #teasers.stacked .no-image p, #primary-content #teasers.stacked .no-image h3, #primary-content #teasers.stacked .no-image h4, #primary-content #teasers.stacked .no-image h5 {
			width:450px;
			}*/

/* News item
*****************************************************************/

.newsitem .image-and-caption {
	float:right;
	margin: 0 0 0 20px;
	width:240px;
	}
	.newsitem .image-and-caption img {
		float:none !important;
		margin:0 0 1em 0 !important;
		}
	.newsitem .image-and-caption.no-caption {
		padding:0;
		}
.newsitem .date {
	color:#666;
	margin-bottom:10px;
	font-size:11px;
	}
.newsitem h3 {
	padding-top:6px;
}
.newsitem h3 a, .newsitem h3 a:visited {
	color:#000;
	text-decoration:none;
	}
	.newsitem h3 a:hover {
		text-decoration:underline;
		}

/* Contextual menus
*****************************************************************/

#contextual-menu h4 {
	height:28px;
	border-bottom:1px solid #e2e2e2;
	padding:12px 0 0 0;
	margin:0 0 0 20px;
	font-size:16px;
}
#contextual-menu ul {
	list-style:none;
	padding:0;
	margin:0;
	}
	#contextual-menu li {
		background:none;
		padding:0 0 0 20px;
		font-weight:bold;
		}
		#contextual-menu ul a {
			display:block;
			text-decoration:none;
			color:#666;
			border-bottom:1px solid #e2e2e2;
			padding:8px 0;
			}
	 		#contextual-menu ul a:hover  {
				color:#000;
				}
			#contextual-menu ul a.has-submenu {
				border:none;
				padding-bottom:0;
				}
		#contextual-menu li.current {
			background:transparent url(../img/contextual_menu_arrow.gif) 0 12px no-repeat;
			}
			#contextual-menu li.current a {
				color:#000;
				}
		#contextual-menu li ul {
			border-bottom:1px solid #e2e2e2;
			padding: 2px 0 8px 0;
			}
			#contextual-menu li li {
				padding:0;
				font-weight:normal;
				}
				#contextual-menu li li a {
					padding:2px 0;
					border:none;
					}
				#contextual-menu li.current li a {
					color:#666;
					}
					#contextual-menu li li.current {
						background:none;
						}
						#contextual-menu li li.current a {
						color:#000;
						}
	

/* Sidebar modules
*****************************************************************/

#sidebar {
	margin-top:40px;
	/*
	border-top:1px solid #e2e2e2;
	padding-top:15px;
	*/
	}
	#sidebar h4 {
		padding:0;
		}
#foundation.home #sidebar, #fair.home #sidebar {
	margin-top:0;
	border:none;
	padding-top:0;
}
#sidebar #module-supporters {
	padding:2px 0 10px 0;
	}
	#sidebar #module-supporters h4 {
		margin-bottom:10px;
		}
	#sidebar #module-supporters a[rel="external"]{
		background: none;
		padding-right:0;
		}
		#sidebar #module-supporters a:hover img{
			border:1px solid #F78F1E;
			}
		#sidebar #module-supporters img {
			border:1px solid #e2e2e2;
			margin: 0 0 10px 0;
			}	
#sidebar #module-artlovers, #sidebar #module-donors, , #sidebar #module-vernissage {
	padding: 6px 0;
	}
	#sidebar #module-artlovers h4 {
		background:transparent url(../img/logo_artlovers.gif) 0 0 no-repeat;
		text-indent:-999px;
		height:47px;
		overflow:hidden;
		}
    #sidebar #module-donors h4 {
		background:transparent url(../img/logo_donors.gif) 0 0 no-repeat;
		text-indent:-999px;
		height:30px;
		overflow:hidden;
		}
	#sidebar #module-vernissage h4 {
		background:transparent url(../img/head_vernissage_tickets.png) 0 0 no-repeat;
		text-indent:-999px;
		height:47px;
		overflow:hidden;
		}
	#sidebar #module-artlovers .highlight-link a, #sidebar #module-donors .highlight-link a {
			background-image: url(../img/arrow_circle_artlovers.gif);
			color: #e81818;
			}
	#sidebar #module-vernissage .highlight-link a {
			background-image: url(../img/arrow_circle_fair.gif);
			color: #f78f1e;
			}
#sidebar #module-home-intro {
	height:340px;
	}
	#sidebar #module-home-intro .highlight-link {
		font-size:13px;
		margin:0;
		}
#sidebar #module-facebook {
	padding: 6px 0;
	}
	#sidebar #module-facebook .facebook-link {
		background: transparent url(/img/facebook_32x32.png) 0 0 no-repeat;
		padding:0 0 0 43px;
		line-height:1.25;
		min-height:32px;
		}
		#sidebar #module-facebook .facebook-link a, #sidebar #module-facebook .facebook-link a:visited {
			color:#3b5998;
			font-weight:bold;
			background:none;
			padding:0;
			text-decoration:none;
			}
			#sidebar #module-facebook .facebook-link a:hover {
				color:#000;
				text-decoration:underline;
				}
#sidebar #module-news {
	padding: 3px 0 4px 0;
	}
	#sidebar #module-news h4 {
		margin-bottom:15px;	
		}
	#sidebar #module-news ul {
		list-style:none;
		margin:0;
		padding:0;
		}
		#sidebar #module-news li {
			background:none;
			padding:0;
			}
		#sidebar #module-news a {
			color:#000;
			text-decoration: none;
			}
			#sidebar #module-news a:hover {
				color:#000;
				text-decoration:underline;
				}
	#sidebar #module-news .date {
		font-style:italic;
		}
#sidebar #module-quotes {
	padding: 0 0 6px 0;
	}

/* Gallery details / Project details
*****************************************************************/

.galleries-subnav {
	/*text-align:center;*/
	/*font-weight:bold;*/
	color:#e2e2e2;
	margin:0 0 1em 0;
	}
	.galleries-subnav a, .galleries-subnav a:visited {
		color:#666;
		text-decoration:none;
		}
		.galleries-subnav a:hover {
			color:#000;
			}
	.galleries-subnav span {
		color:#bbb;
		}
h3.project-name {
	margin-bottom:15px;
	}
	h3.project-name-with-subtitle {
		margin-bottom:3px;
		}
#project-details {
	}
	#project-details blockquote {
		width:250px;
		}
#project-images {
	float:right;
	width:280px;
	margin:0 0 0 20px;
	}
	#primary-content #project-images p, #primary-content #project-images h3, #primary-content #project-images h4, #primary-content #project-images h5 {
			width:auto;
			}
	#project-images .image-details {
		overflow: hidden; /* instead of overflow:auto which causes slimbox/lightbox to flicker in FF */
		width:280px;
		padding:8px 0 12px 0;
		}
		#project-images .image-details .desc {
			width:250px;
			float:left;
			font-size:11px;
			}
			
		#project-images .image-details a {
			float:right;
			}
#videos h4 {
	margin-bottom:12px;
	}
#videos object,#videos embed, .video object, .video embed {
	margin-bottom:1em;
	}
h4.files {
	margin-bottom:15px;
	}
	
/* Lectures and Forums
*****************************************************************/

object.audio-player + p {
	margin:0.5em 0;
}
h3.lecture {
	margin-bottom:15px !important;
}
h5.audio-player {
	margin:0 0 12px 0;
	padding:0;
}
.lecture-date {
	margin:0 0 1em 0;
	padding:0;
}
.participants {
	color:#666;
	font-size:12px;
	}
	.participants ul {
		margin-left:0;
		width:280px;
		}
		.participants li {
			width:auto !important;
			margin:0 !important;
			padding:2px 0 !important;
			border-bottom:1px solid #dddccc;
			}
			.participants li:last-child {
				border:none;
				}

/* Shop
*****************************************************************/

#order-form {
	padding-left: 20px;
	margin: 20px 0 0 0;
	}
	#order-form h4 {
		margin: 0 0 12px 0;
		border:none;
		overflow:auto;
		height:auto;
		}
ul#teasers.stacked.shop li img {
	margin-bottom:0;
	}
ul#teasers.stacked.shop .price {
	margin-bottom:1.25em;
	}
	
/* Photo credits
*****************************************************************/

#photo-credits {
	clear:both;
	width:760px;
	padding:40px 0 0 0;
	font-size:11px;
	color:#666;
	}
	#photo-credits h5 {
		font-size:11px;
		color:#666;
		margin:0;
		padding:0;
		}

/* Media
*****************************************************************/

h4.media-release-title {
	padding-top:0;
}
#primary-content h4.media-download-title {
	padding:0;
    clear:both;
}
h4.media-download-title.has-credit {
	margin-bottom:3px;
}
.media-release-date {
	color:#666;
	margin-bottom:2px;
	font-size:11px;
}
a.media-release-file {
	margin-bottom:2em;
}
.media-download-credit {
    color:#666;
	font-size:11px;
    margin-bottom:8px;
}
h3.media-download-category-heading {
	margin: 0 0 20px 0;
    clear:both;
	}
    h3.media-download-category-heading.first {
        padding-top: 20px;
        }
img.media-download-thumb {
    float:left;
    margin-right:7px;
    margin-bottom:2em;
    text-decoration:none;
}
#primary-content ul.accordion {
	list-style:none;
	padding:0;
	margin:3em 0 0 0;
	}
	ul.accordion li {
		background-image:none;
		padding:0;
		border-bottom:1px solid #fff;
		}
		ul.accordion li .media-download-category-heading {
			padding:7px 15px;
			background: #000 url(../img/accordion_arrow.gif) right 13px no-repeat;
			color:#fff;
			display:block;
			text-decoration:none;
			font-size:20px;
			}
			ul.accordion li .media-download-category-heading:hover {
				background-color: #666;
				}
			ul.accordion li .media-download-category-heading.active {
				background: #666 url(../img/accordion_arrow.gif) right -76px no-repeat;
				}	
			ul.accordion li .acitem {
				border:15px solid #fff;
				overflow:auto;
				}

/* Partners
*****************************************************************/

#content.partners h3 {
	clear:both;
}
#content.partners h4 {
	margin-bottom:2em;
	clear:both;
	color:#666;
}
#content.partners p {
	clear:both;
}
#content.partners .divider {
	margin-top:2em;
}
#content.partners a[rel="external"]{
	padding:0;
	background:none;
}
.partner-logo {
	margin:0 30px 30px 0;
	float:left;
}
.partner-logo-govt {
	margin:30px 30px 10px 0;
}
.partner-caption-govt p {
	font-size:10px;
	margin-bottom:30px;
}
/* overwrite bg image that is automatically applied to external links */
a.partnerlink[rel="external"]{
	background: none;
	padding-right:0;
}

/* FAQ
*****************************************************************/

.divider.faq {
    margin-top:2em;
}
ul.faq {
    margin: 0 0 2em 0;
    }
    ul.faq li {
        padding:0;
        background:none;
        }
p.faq-top {
    font-size: 11px;
    }
		
/* Lists
*****************************************************************/

ul {
	margin: 0 0 1em 20px;
	}
	li {
		background:transparent url(../img/list_bullet.gif) no-repeat 0em 0.5em;
		list-style-type:none;
		padding:1px 0pt 0.05em 15px;
		}

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

#footer {
	border-top:5px solid #000;
	clear:both;
	margin:40px 0 0 0;
	padding:15px 0 0 0;
	color:#393939;
	}
	#footer ul {
		float:left;
		list-style:none;
		margin:0 0 10px 0;
		padding:0;
		width:580px;
		font-size:12px;
		}
		#footer li {
			background:none;
			border-right:1px solid #ccc;
			float:left;
			padding:0 10px;
			min-height:16px; /* for facebook icon */
			}
			#footer li.first {
				padding-left: 0;
				}
			#footer li.last {
				padding-right: 0;
				border: none;
				}
			#footer li.facebook-link {
				background: transparent url(/img/facebook_16x16.png) 10px 0 no-repeat;
				padding:0 0 0 33px;
				}
				#footer li.facebook-link a, #footer li.facebook-link a:visited {
					color:#3b5998;
					background:none;
					padding:0;
					}
					#footer li.facebook-link a:hover {
						color:#000;
						}
	#footer #sponsors {
		float:right;
		width:340px;
		font-size:11px;
		text-align:right;
		padding: 3px 0 30px 0;
		}