/* 
-----------------------------------
-----------------------------------
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-color: #645145;
}

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

h1, h2, h3, h4, h5, h6
{
	margin: 0 0 .5em;
	color: #080e5a;
	font-family: Arial, Helvetica, sans-serif;
	color: #392315;
}

h1
{
	font-size: 220%;
	font-weight: bold;
	font-family: "PTF NORDIC Rnd", "Arial Narrow", Arial, sans-serif;
	color: #c4161c;
}

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

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

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

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

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

#header { 
	position: relative;
	/*background: #02081e url(../images/design/header.jpg) repeat-x 100% 0;*/
	/*height: 192px;*/
	height: 192px;
 }

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

#logo { 
	padding: 0; 
	float:left;
}
/*#logo img { display: block; }*/

#printlogo {display: none;}

/* 
-----------------------------------
utilities
-----------------------------------
*/

#utilities
{
		/*display:inline;*/
		float: right;
		color: #7b7aa0;
		padding: 8px;
		font-size: 0.9em;
}
#utilities a{
	color: #7b7aa0;
	text-decoration: none;
}
#utilities a:hover{
	color: #7b7aa0;
	text-decoration: underline;
}
#utilities a.current{
	color: #7b7aa0;
	text-decoration: underline;
}

/* 
-----------------------------------
navigation
-----------------------------------
*/

#navigation {	background-image: url(/images/template/navcnr-lt.jpg);
	background-position : left;
	background-repeat : no-repeat;}

#navigation ul{
	margin: 0;
	padding: 0px 0 6px 0px;
	float: left;
	width: 725px;
   background: #392315 url(/images/template/navcnr-rt.jpg) no-repeat top right;	
}
#navigation ul div {
	background-image: url(/images/template/navcnr-lt.jpg);
	background-position : left;
	background-repeat : no-repeat;
	height: 9px;
	width: 14px;
}
#navigation ul li{
	display: inline;
	list-style-type: none;
}
#navigation ul li.first span{
	padding-left: 30px;
}
#navigation ul li a{
	float: left;
	display: block;
	color: #fff;
	text-decoration: none; 
	margin: 0 3px 0 0;
	text-transform: uppercase;
	font-family: "Lucida sans", helvetica, arial, sans-serif;
}

#navigation ul li a:hover{
	color: #bf622c;
}

#navigation ul li a span{
	display: block;
	padding: 5px 15px;
}

#navigation ul li.current a{
	color: #bf622c;
}

#navigation ul li.current a:hover{
	color: #fff;
}

#navigation ul li.current a span {  }

#navigation ul li.language a{
	background: none;
	padding-top: 6px;
	padding-left: 25px;
	color: #fff;
}
#navigation ul li.language2 a{
	background: none;
	padding-top: 6px;
	padding-right: 35px;
	color: #fff;
}

/*
----------------------------------
corners
----------------------------------
*/

.roundedcornr_box {
   background: #d4d3e0;
}
.roundedcornr_top div {
   background: url(/images/design/tl.png) no-repeat top left;
}
.roundedcornr_top {
   background: url(/images/design/tr.png) no-repeat top right;
}
.roundedcornr_bottom div {
   background: url(/images/design/bl.png) no-repeat bottom left;
}
.roundedcornr_bottom {
   background: url(/images/design/br.png) no-repeat bottom right;
}

.roundedcornrnav_box {
   background: #3b2314;
}
.roundedcornrnav_top div {
   background: url(/images/template/navcnr-lt.png) no-repeat top left;
}
.roundedcornrnav_top {
   background: url(/images/template/navcnr-rt.png) no-repeat top right;
}
.roundedcornrnav_content{
	 margin: 0; padding: 6px; position:relative;width:670px; 
}

.roundedcornr_top div, .roundedcornr_top, 
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.roundedcornr_content { margin: 0 10px; padding: 6px; position:relative;width:670px;}
 
/*--------*/

.roundedcornrppl_top div, .roundedcornr_top, 
.roundedcornrppl_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.roundedcornrppl_content { margin: 0 10px; padding: 6px;}

.roundedcornrppl_box {
   background: #bf622c;
}
.roundedcornrppl_top div {
   /*background: url(/images/design/tl.png) no-repeat top left;*/
}
.roundedcornrppl_top {
   background: url(/images/template/findcnr.jpg) no-repeat top right;
}
.roundedcornrppl_bottom div {
   /*background: url(/images/design/bl.png) no-repeat bottom left;*/
}
.roundedcornrppl_bottom {
  /* background: url(/images/design/crnpurplebr.jpg) no-repeat bottom right;*/
}

/*--------*/

.roundedcornrblue_top div, .roundedcornrblue_top, 
.roundedcornrblue_bottom div, .roundedcornrblue_bottom {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.roundedcornrsearch_content { margin: 0 10px; padding: 6px;}

.roundedcornrsearch_box {
   background: #e1dedc;
}
.roundedcornrsearch_top div {
   background: url(/images/template/crnsearchtl.png) no-repeat top left;
}
.roundedcornrsearch_top {
   background: url(/images/template/crnsearchtr.png) no-repeat top right;
}
.roundedcornrsearch_bottom div {
   background: url(/images/template/crnsearchbl.png) no-repeat bottom left;
}
.roundedcornrsearch_bottom {
background: url(/images/template/crnsearchbr.png) no-repeat bottom right;
}



/*
-----------------------------------
subnav
-----------------------------------
*/
#subnav{
	float: left; 
	width: 160px;
	margin: 5px;
	color: #fff;
}
#subnav ul{
	margin: 6px 0 16px 0;
	padding-left: 18px;
}

#subnav ul li{
	margin-bottom: 4px;
}
#subnav ul li a{
	color: #fff;
}

#subnav div.sponsors {
	margin-top: 10px;
	background-color: #fff;
	text-align: center;
}

#subnav div.links {
	background-color: #fff;
}
#subnav div.links ul{
	margin: 6px 0 16px 0;
	padding-left: 0;
	border-top: 1px dotted #333;
	padding-top: 2px;

}
#subnav div.links ul li{
	display: block;
	margin-bottom: 4px;
	border-bottom: 1px dotted #333;
	padding-bottom:2px;
}
#subnav div.links ul li a{
	color: #000;
	text-decoration: none;
}
/* 
-----------------------------------
content
-----------------------------------
*/


#content
{
	float: left;
	width: 685px;
	min-height: 700px;
	margin: 0;
	padding: 15px 20px 0 20px;
	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: 260px;
	background-color: #e1dedc;
	padding: 10px;
}

#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: 184px;
}

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

.searchResults{
	width: 670px;
	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: 575px;
}

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: .85em;
}

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

#promo{
	float: left;
	width: 255px;
	margin: 25px 0 5px 0 ;
	background-color: #392315;
	height: 100%;
	min-height: 675px;
}
#promo h3{
	font-family: "PTF NORDIC Rnd", "Arial Narrow", Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 155%;
	color: #fff;
	letter-spacing: 1px;
}

#promo div.sideEventSearch{
	background-color: #bf622c;
	padding: 0;
}
.topMargin{
		margin-top: 26px;
}

#promo div.sideEventSearch span{
	margin: 0 0 4px 0;
	font-size: 0.85em;
	float: right;
	
}
#promo div.sideEventSearch span a {
	color: #f6eae3;
}

#promo div.sideArtists{
	padding: 0 16px;
	border-bottom: 1px solid #fff;
	background-color: #392315;
}

#promo div.sideArtists h3 {
	margin-top: 16px;
	margin-bottom: 0;
	padding-bottom: 0;
}

#promo div.sideArtists p{
	padding: 16px 16px 16px 0;
	color: #fff;
}
#promo div.sideArtists a{
	padding: 16px 16px 16px 0;
	color: #bf622c;
}

#promo div.sideArtists img{
	padding: 16px 16px 0 0;
	float: left;
}

#promo div.sideFollow {
	padding: 0 16px;
}

#promo div.sideFollow h3{
	margin-top: 50px;
	margin-bottom: 0;
	padding-bottom: 0;
}

#promo div.sideFollow ul{
	display: block;
	list-style-type: none;
}

#promo div.sideFollow a{
	color: #2c89d9;
}


/* 
-----------------------------------
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;
}
div.logos div img{
	margin-right: 20px;
}
div.sideTwitter{
	margin-top: 30px;
}
div.sideTwitter img{
	margin: 0 16px;
	padding: 0
}

div#twitter_div ul
{
list-style-type: none;
margin-left: 0px;
padding: 0px 2px 2px 2px;
}
 
div#twitter_div ul li
{
list-style-type: none;
margin-left: 0px;
padding: 6px 16px;
border-bottom: 1px solid #fff;
color: #fff;
}
div#twitter_div a:link {
	color: #bf622c;
}

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

#footer
{
	clear: both;
	color: #e1dedc;
	padding: 5px 3px;
	margin: 10px 0;
	font-size: .85em;
	padding: 8px;
}
#footer a{
	color: #e1dedc;
}