/* 
-----------------------------------
-----------------------------------
Site:       www.musicinparks.co.nz
Print stylesheet
CSS author: Pauline Standen
Created:    17 December 2009
Updated by: 
-----------------------------------
-----------------------------------
*/


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

body
{
 margin: 0;
 padding: 0;
 /*font: 81.25%/1.25 Arial, Helvetica, sans-serif;*/
 font: 75%/1.4 Arial, Helvetica, sans-serif;
 color: #333;
/* background-color: #fff;*/
background-color: #f9f9f9;
}

a:link { color: #6fb344; text-decoration:none;}
a:visited { color: #6fb344;  text-decoration:none;}
a:hover { color: #196533; text-decoration:underline; }
a:active, a:focus { color: #6fb344; text-decoration:none;}

img { border: none; }

h1.home{
 margin: 0 0 .5em;
 color: #fff;
 background-color:#196533;
 display: block;
 font-size:115%;
 padding:2px 20px 2px 0;
}
h1{
 margin: 0 0 1px;
 color: #fff;
 background-color:#6fb344;
 display: block;
 font-size:115%;
 padding:2px 20px 2px 0;
}
h2{
 margin: 0 0 .5em;
 color: #fff;
 background-color:#196533;
 display: block;
 font-size:110%;

 clear:left;
}
h3{
 font-size:110%;

}
h4, h5{
 font-size:100%;

 font-weight: bold;
}
h5{
 margin-bottom: 0;
}
.clearBoth{
 clear: both;
 height: 1px;
}
p {padding-bottom: .5em}

#accesskeys{
	display:none;
}
/* 
-----------------------------------
wrapper
-----------------------------------
*/

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

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

#header { 
 position: relative;
 height: 144px;
 width: 650px;
 padding:0;
 margin:0;
 background-color: #fff;
 
 }
 
 /* 
-----------------------------------
Navigation
-----------------------------------
*/
#navigation {
 display: none;
}
*/
 /* 
-----------------------------------
Breadcrumbs
-----------------------------------
*/
#breadcrumbs {
 clear:both;
width: 680px;
 padding:4px 2px 1px 20px;
 font-size: 80%;
}

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

#content
{
 float: left;
 width: 685px;
 min-height: 700px;
 margin: 5px 0;
 /*padding: 15px 20px 0 20px;*/
 background: #fff;
 overflow:hidden;
}

#content p, #content ul{
 margin: 4px 0 4px 0px;
}

#content div.homeTwitter{
	float: left;
	width: 300px;
	background-color: #fff;
	margin:0;
	padding:0
}

#content div.homeFeature p, #content div.homeFeature ul {
 padding-right: 10px;

}
#content div.homeNews {
	float: left;
	width: 358px;
	margin: 0 2px 0 0;
	/*background-color: #d1e6f7;*/
	background-color: #fff;
}

#content div.featuredEvents {
 width: 680px;
  background-color: #fff;

}
#content div.searchResults {
 width: 680px;
  background-color: #fff;
}

#content div.searchResults div.listing {
 width: 680px;
 min-height: 120px;
 border-bottom: 3px solid #6fb344;
 margin-bottom: 8px;
 padding-bottom: 6px;
 margin-left: 12px;
 clear:both;
 overflow: auto;
 padding-right: 0;
 position: relative;
}
#content div.searchResults div.jazzattherotunda{
	 border-bottom: 3px solid #006899;
} 
#content div.searchResults div.summersounds{
	 border-bottom: 3px solid #ce5027;
} 
#content div.searchResults div.theculturegarden{
	 border-bottom: 3px solid #dcb406;
} 
#content div.searchResults div.moviesinparks{
	 border-bottom: 3px solid #852d69;
} 
#content div.searchResults div.image {
 float: left;
 width: 110px;
 margin: 2px 0 2px 0;
}
#content div.searchResults div.details {
 float: left;
 width: 400px;
 margin: 2px 2px 2px 0;
 padding-left: 0;
}
#content div.searchResults div.details h4{
	color:#196533;
}
#content div.searchResults div.details p.moreLink a.jazzattherotunda{
	color:#004c6c;
}
#content div.searchResults div.details p.moreLink a.summersounds{
	color:#a63011;
}
#content div.searchResults div.details p.moreLink a.theculturegarden{
	color:#ae8306;
}
#content div.searchResults div.details p.moreLink a.moviesinparks{
	color:#4d3363;
}
#content div.searchResults div.details h4.jazzattherotunda{
	color:#004c6c;
}
#content div.searchResults div.details h4.summersounds{
	color:#a63011;
}
#content div.searchResults div.details h4.theculturegarden{
	color:#ae8306;
}
#content div.searchResults div.details h4.moviesinparks{
	color:#4d3363;
}

#content div.searchResults div.buttons {
 float: right;
 width: 138px;
 margin: 2px 0 2px 0;
 text-align: right;
 padding: 0;
 position: absolute;
 right: 0px;
 bottom: 2px;
}

#content div.homeNews h2{
 padding-left: 12px;
}


#content div.homeNews div.listing, #content div.featuredEvents div.listing {
 width: 310px;
 min-height: 120px;
 border-bottom: 3px solid #6fb344;
 margin-bottom: 8px;
 margin-left: 8px;
 padding-bottom: 6px;

}
#content div.homeNews div.listing {
 width: 350px;
  margin-left: 0px;

}
#content div.featuredEvents div.listing {float: left; margin-left: 12px;}


#content div.homeNews div.noBorder, #content div.featuredEvents div.noBorder{ border-bottom: 0 solid #6fb344; padding-bottom: 2px;}

#content div.homeNews div.listing img, #content div.featuredEvents div.listing img, #content div.searchResults div.listing img {
 border: 1px solid #196533;
 margin: 2px 8px 2px 0px;
 float: left;
} 
#content div.searchResults div.buttons img{border:none; margin-right:0; padding-right:0; float:right;}

#content div.homeNews div.listing h4, #content div.featuredEvents div.listing h4{
 margin: 0 4px 2px 14px;
}
#content div.searchResults div.details h4 {margin: 0 4px 2px 0}

#content div.homeNews div.listing p, #content div.featuredEvents div.listing p, #content div.searchResults div.listing p{
 margin-top: 2px;
 margin-bottom: 2px;

}
p.moreLink{
 text-align: right;
 font-weight: bold;
 margin-right: 6px;
 padding-bottom: 0;
}

#content div.eventDetails{
 width: 680px;
 margin-bottom: 2px;
 padding-bottom: 2px;
 margin-left: 0px;
clear: both;
 overflow: auto;
 padding-right: 0;
/*position: relative;*/
}
#content div.eventDetails div.galleryImages{
	width: 340px;
	float: left;
	 margin: 2px 4px 2px 0;
	
	
}
#content div.eventDetails div.listingdetails{
		width: 330px;
	   float: left;
	    margin: 2px 2px 0 0;
}
#content div.tiles {
	margin: 0 0 0 0px;
}
#content div.tiles img {
	border: none;
	margin: 1px;
}
#content img.mainImg {
	margin-left: 6px;
	margin-bottom: 6px;
}
 /* 
-----------------------------------
search 
-----------------------------------
*/
/*div.searchBox{width:680px;}*/

div.searchBox form{
	margin: 0 0 8px 0px;
	padding: 2px;
	background-color: #dcdcdc;
	border: 1px solid #b9b868;
	
}



 /* 
-----------------------------------
Promo column
-----------------------------------
*/

#promo{
display: none;
 
}

 /* 
-----------------------------------
Footer
-----------------------------------
*/

#footer {
 display: none;
}




 /* 
-----------------------------------
Misc
-----------------------------------
*/

div.noBorder{border: 0px}
p, ul{
	font-weight: normal;
}

div#twitter_div ul
{
list-style-type: none;
margin-left: 0px;
padding: 2px 2px 2px 2px;
}
 
div#twitter_div ul li
{
list-style-type: none;
margin-left: 0px;
padding: 6px 0;
border-bottom: 3px solid #6fb344;
}
/*
--------------------------------------
email to a friend page
--------------------------------------
*/
#wrapperEmail{
	 width: 400px;
 /*padding: 10px 25px;*/
 padding: 0;
 margin: 0 auto;
 background: #fff;
}
#email{
	 float: left;
     width: 400px;
      min-height: 480px;
      margin: 5px 0;
	background-color:#ffffff; 
	border:1px solid #6fb344;
}

#email form{
	border: none;
	padding: 20px;
}

#email form input{
	width: 350px;
}
#email form input.chkBox{
	width: 20px;
}
#email form textarea {
	width: 350px;
}
#email form input.btnSubmit{
   width: 120px;
   float: right;
   margin-right: 4px;
	
}

.missing{
	background-color: #ecdbb4;
}

.important {
	color: #f00;
}

div.message{
	margin: 20px  20px 0  0px;
}
.userdata {
	color: #6fb344;
}

#content div.youTubeLeft{
  margin-left: 0px; 
}

#content div.youTubeRight{
  float:right;
  margin-left: 20px; 
  width: 340px;
}

/*maps*/

 .directions-form-container  h2 {
	border-bottom: 3px solid #6fb344;
}

.directions-form-container input, .directions-form-container select {
	border: 1px solid #196533;
}

.directions-output {
	border-top: 3px solid #6fb344;
}

 /*Logos*/
div.logos h5, div.logos p, div.logos img{
 padding-left: 0px;
}

#content div.logos p{
 margin-left: 0;
}
div.logos{

}
div.logosleft{width:130px;margin-left:0px; float:left;}
div.logosmiddle{width:300px; float:left; margin-left:5px;}
div.logosright{width:198px; float:left;margin-left:5px;}