/* 
-----------------------------------
-----------------------------------
Site:       www.matarikifestival.org.nz
CSS author: Pauline Standen
Created:    11 May 2009
Updated by: 
-----------------------------------
-----------------------------------
*/

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

body
{
	margin: 0;
	padding: 0;
	font: 81.25%/1.25 verdana, helvetica, arial, sans-serif;
	color: #333;
	/*background: #02081e url(../images/backstars.jpg) repeat-x;*/
}

a:link { color: #2c89d9; }
a:visited { color: #2c89d9; }
a:hover { color: #000; }
a:active, a:focus { color: #2c89d9; }
img { border: none; }

h1, h2, h3, h4, h5, h6
{
	margin: 0 0 .5em;
	color: #080e5a;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1
{
	font-size: 180%;
	font-weight: bold;
}

h2 { font-size: 150%; }
h3 { font-size: 125%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }

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


/* 
-----------------------------------
wrapper
-----------------------------------
*/

#wrapper
{
	width: 680px;
	/*padding: 10px 25px;*/
	margin: 0 auto;
	/*background: #fff;*/

}
#logo{ display :none;}


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

#header { 
	position: relative;
	background: #fff url(/images/design/header2.jpg) repeat-x 100% 0;
	height: 192px;
	content: url(/images/design/header2.jpg);
 }
#logo img { display: none;
	
}
/* 
-----------------------------------
navigation
-----------------------------------
*/

#navigation {display: none;}


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

#promo{
	display:none;
}

/* 
-----------------------------------
logos for sponsors
-----------------------------------
*/

div.logos {
	color: #808080;
	font-size: 0.9em;
}

div.logos div{
	float: left;
	padding: 0 16px 0 0;
	margin: 0 0 10px 0;

}

/* 
-----------------------------------
content
-----------------------------------
*/


#content
{
	float: left;
	width: 650px;
	margin: 5px 0;
	padding: 15px 20px 0 0;
	background: #fff;
	border-right: 4px solid #7b7aa0;
}

#content div.homeContent {
	float: left;
	width: 380px;
	margin: 0 20px 0 0;
	
}

#content div.contentFeature{
	float: left;
	width: 320px;
	margin: 0 10px 0 0;
}


#content div.homeNews {
	float: left;
	width: 280px;
	/*background-color: #d1e6f7;*/
}

#content div.homeNews div {
	float: left;
}

#content div.homeNews div img {
	margin-right: 14px;
}
#content div.homeNews div p{
	margin: 0 0 4px 0;
	padding: 0;
	font-size: .8em;

}
#content div.homeNews h4{
	margin: 0 0 4px 0;
	padding: 0;
	font-size: .85em;
	font-weight: bold;
	font-family: Verdana, Arial, helvetica;
	color: #000;
}
#content div.newsItem, #content div.featureItem{
	padding: 8px 0;
}
div.featureItem{
	font-size: 0.85em;
	width: 320px;
	margin:0;
	padding: 0 0 6px 0;
	border-bottom: 1px dotted #000;	
	position: relative;
}

#content div.homeNews div.listingImg{
	float: left;
	width: 70px;

}
#content div.newsItem div.listingDetails{
	float: left;
	width: 175px;
}

.dottedBottom {
	border-bottom: 1px dotted #fff;
}

.searchResults{
	width: 650px;
	font-size: 0.85em;
	margin:0;
	padding: 0 0 6px 0;
	position: relative;
	border-bottom: 1px dotted #000;
	
}
div.searchResults h3, 
div.featureItem h3{
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}
div.searchResults p, div.featureItem p{
	margin:0;
	padding:0;
}
div.searchResults div.listingImg,  div.featureItem div.listingImg{
	float: left;
	width: 90px;
	
}
div.searchResults div.listingDetails{
	float: left;
	width: 545px;
}

div.featureItem div.listingDetails{
	float: left;
	width: 220px;
}

#content div.mainEventImg {
	float: left;
	width: 300px;
	
}
#content div.mainEventDetails{
	float: left;
	width: 340px;
}
#content div.mainEventDetails p{

}
#content div.mainEventGallery{
	width: 340px;

}


#content div.mainEventGallery a img {
	padding: 1px;
}
#content div.mainEventGallery a:hover img {
	border: 1px solid #333;
	padding: 0;
}

p.caption {
	margin: 6px;
	font-style: italic;
	font-size: .9em;
}

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

#footer
{
	display: none;
}