/* 
-----------------------------------
-----------------------------------
Site:       www.aucklandtriennial.com
CSS author: Pauline Standen
Created:    15 December 2009
Updated by: Marla Loubser
-----------------------------------
-----------------------------------
*/

/* 
-----------------------------------
global
-----------------------------------
*/

body
{
	margin: 0;
	padding: 0;
	color: #fff;
	font: 81.25%/1.25 arial, helvetica, arial, sans-serif;
	/*background-color: #231f20*/
	background-color: #000;
}

a:link {text-decoration: underline;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active, a:focus {text-decoration: underline;}
li.current a {text-decoration: underline;}


img { border: none; }

h1, h2, h3, h4, h5, h6
{
	margin: 0 0 .5em;
	color: #fff;
}

h1
{
	font-size: 180%;
	font-family: "futura bold", "oblique rounded",  arial, helvetica, arial, sans-serif;

}

h2, h3, h4  
{
	text-transform: uppercase; 
	font-style: italic;
	font-family: "futura bold", "oblique rounded",  arial, helvetica, arial, sans-serif;
}

h5
{
	font: 120%/1.35 arial, helvetica, arial, sans-serif;
}


h2 {font-size: 115%;}
h3 {font-size: 115%;}
h4 {font-size: 90%;}
h6 {font-size: 90%; font-family: "futura bold", "oblique rounded",  arial, helvetica, arial, sans-serif;}

.clearBoth
{
	clear: both;
	height: 1px;
}

.caviat 
{
	font-size: 85%;
}

hr {color: #fff;}
/* 
-----------------------------------
wrapper
-----------------------------------
*/

#wrapper
{
	width: 980px;
	margin: 0 auto;
	background: #000 url(/images/template/tunnelpurple.jpg) no-repeat;
}



/* 
-----------------------------------
header
-----------------------------------
*/

#header { 
	height: 180px;
	width: 980px;
	
}

#header div.promo {
	float:left;
	width: 242px;
}

#header div.nav{
	float:left;
	width: 104px;
}

#header div.content{
	float: left;
	width: 375px;
	height:180px;
}
#header div.right{
	float: left;
	width: 250px;
	height: 180px;
	background: #000 url(/images/template/logo.jpg) no-repeat top right;
}

/*---------------------------------
header nav
----------------------------------
*/

#header div.nav ul{
	list-style: none;
	padding: 0;
	margin: 20px 0 0 0;
}
#header div.nav li{
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
}
#header div.nav li a{
	text-decoration: none;
}
#header div.nav li a:hover{
	text-decoration: underline;
}

/*---------------------------------
header other nav in content block
----------------------------------
*/
#header div.content ul{
	list-style: none;
	padding: 0;
	margin: 20px 0 0 0;
	width: 280px;

}
#header div.content li{
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
}
#header div.content li a{
	text-decoration: none;
}
#header div.content li a:hover{
	text-decoration: underline;
}
#header div.content img.signup {
	margin: 22px 160px 20px 20px;
}

/* 
-----------------------------------
logo
-----------------------------------
*/

#logo { 
	padding: 0; 
	float:left;
}

#printlogo {display: none;}


/* 
-----------------------------------
galleryStrip
-----------------------------------
*/

#gallerysrip{
	/*clear:both;*/
	width: 980px;
	padding: 0;
	margin: 0;
	overflow: hidden;	
}


/* 
-----------------------------------
bodyStrip
-----------------------------------
*/

#bodyStrip{
/*	clear:both;*/
	width: 980px;
	margin: 15px 0 0 0;
	overflow: hidden;
}

#bodyStrip div.promo 
{
	float:left;
	width: 217px;
	padding: 0 0 0 25px;
}

#bodyStrip div.promoHome 
{
	float:left;
	width: 300px;
	padding: 0 30px 0 0;
	margin: 0 10px 0 0;
}

#bodyStrip div.promo div.gallery 
{
	width: 190px;
	float: left;
	padding: 4px 4px 0 4px;
}

#bodyStrip div.nav
{
	float:left;
	width: 95px;
	margin: 0 10px 0 0;
}

#bodyStrip div.content
{
	float: left;
	width: 375px;
}	

#bodyStrip div.right
{
	float: left;
	width: 230px;
	padding: 0 0 0 20px;
}

#bodyStrip div.content div.SectionHeading
{
	width:105px;
	float:left;
	padding: 0 8px 0 0;
}

#bodyStrip div.content div.Text
{
	width:255px;
	float:left;
}

#bodyStrip div.content div.SponsorsLeft
{
	width:180px;
	float:left;
	padding: 0 15px 0 0;
}

#bodyStrip div.content div.SponsorsRight
{
	width:180px;
	float:left;
}

/* 
-----------------------------------
nav lists in bodyStrip
-----------------------------------
*/

#bodyStrip div.nav ul
{
	list-style: none;
	padding: 0;
	margin: 10px 0 0 0;
}

#bodyStrip div.nav li 
{
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
	font-style: italic;
	padding: 10px 0 0 0;
}


#bodyStrip div.nav li a
{
	text-decoration: none;
}

#bodyStrip div.nav li a:hover
{
	text-decoration: underline;
}


#bodyStrip div.content ul
{
	list-style: none;
	padding: 0;
	margin: 10px 0 0 0;

}

#bodyStrip div.content li 
{
	font-size: 85%;
	padding: 2px 0 0 0;
}


#bodyStrip div.content li a
{
	text-decoration: underline;
}

#bodyStrip div.content li a:hover
{
	text-decoration: underline;
}

#bodyStrip div.content div.Showing
{
	font-size: 85%;
}


/* 
-----------------------------------
promo
-----------------------------------
*/

#promo{ margin: 20px 0 0 0 }

#promo div.signup{
	float: left;
	width: 520px;
}

#promo div.download{
	float: left;
	margin-left: 20px;
}

#promo div.facebook{
	float: right;
	margin-left: 20px;
}
#promo div.signup form input{
	margin: 0 6px 0 0;
}

#promo div.signup form input.confirm {
	margin: 0 4px 0 0 ;
}

#promo div.signup form{
	padding: 0;
	margin: 0;
}

/* 
-----------------------------------
footer
-----------------------------------
*/

#footer
{
	clear: both;
	color: #808080;
	padding: 0 3px 5px 3px;
	background: #000;
	margin: 10px 0 10px 0;
	font-size: .85em;
}

#footer div
{
	width: 200px;
	display: inline;
}

#footer social
{
	margin: 0 20px 0 20px;
	height: 41px;
}

.aaglogo
{
	padding: 0 20px 0 0;
	float: left;
}

.social
{
	display: inline;
	padding: 0 10px 0 10px;
}


#footer a
{
	color: #808080;
}

/* 
-----------------------------------
events search
-----------------------------------


.roundedcornrgreen_top div, .roundedcornrgreen_top, 
.roundedcornrgreen_bottom div, .roundedcornrgreen_bottom 
{
   width: 100%;
   height: 10px;
   font-size: 1px;
}

.roundedcornrgreen_content 
{ 
	margin: 1px; 
	padding: 5px;
}

.roundedcornrgreen_box 
{
   background: #8aa63b;
}

.roundedcornrgreen_top div 
{
   background: url(/images/design/crnbluetl.png) no-repeat top left;
}

.roundedcornrgreen_top 
{
   background: url(/images/design/crnbluetr.png) no-repeat top right;
}

.roundedcornrgreen_bottom div 
{
   background: url(/images/design/crnbluebl.png) no-repeat bottom left;
}

.roundedcornrgreen_bottom 
{
   background: url(/images/design/crnbluebr.png) no-repeat bottom right;
}
*/
div.featureItem
{
	padding: 5px 0;
}

div.featureItem
{
	font-size: 0.85em;
	width: 100%;
	margin: 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #000;	
	position: relative;
}

div.listingImg
{
	float: left;
	width: 70px;
}

div.listingDetails
{
	float: left;
	width: 80%;
}

div.contentFeature
{
	float: left;
	width: 100%;
	margin: 0 10px 0 0;
}

div.searchBox{
	margin: 0 0 10px 0;
	/*padding: 8px;
	border: 1px solid #8aa63b;*/
}

div.searchBox fieldset {border: 1px solid #8aa63b; padding: 8px; width: 370px;}
div.searchBox fieldset legend {color: #8aa63b; text-transform: uppercase; font-style: italic; font-weight: bold; font-family: "futura bold", "oblique rounded",  arial, helvetica, arial, sans-serif;}

div.searchBox input, div.searchBox select {width: 140px; border:1px solid #8aa63b;padding: 0;}
div.searchBox input#keyword{width: 260px;}
div.searchBox input.searchbtn {width: 120px; background-color: #8aa63b;padding:3px; color:#fff;font-weight:bold;}
#bodyStrip div.content div.searchBox ul{

	list-style: disc;
	padding: 0 10px 0 10px;
	margin: 10px 0 0 10px;

}
div.searchBox ul li {padding-left: 6px;}
div.searchResults {
  width: 370px;
}
div.searchResults div.listing {
 width: 370px;
 min-height: 90px;
 border-bottom: 2px solid #8aa63b;
 margin-bottom: 8px;
 padding-bottom: 6px;
 clear:both;
 overflow: auto;
 padding-right: 0;
 position: relative;
}

div.searchResults div.image {
 float: left;
 width: 70px;
 margin: 2px 0 2px 0;
}

div.searchResults div.details {
 float: left;
 width:290px;
 margin: 2px 2px 2px 0;
 padding-left: 0;
}
div.searchResults div.details h4{
	color:#8aa63b;
	padding-bottom: 0;
	margin-bottom: 0;
}
div.searchResults p{margin-top: 2px; padding-top:0;}