/*
Lovingly hand-crafted by Citrus Tree Media.
http://www.citrustreemedia.com/
Please respect our copyright as we do yours...
*/

/* ---------------------
title: Pacific Band stylesheet
author: Tom Sears
created: 27/05/09
modified: 27/05/09
version: 1.0
--------------------- */

/* -----------------------------------------------------------------------------
   generic style */

* {
	margin: 0;
	border: 0;
	padding: 0;
}

body	{
	font-size: 80%;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	color: #fff;
	background: #060006 url(../images/body-bg.jpg) repeat-x;
}

.messages {
	border: 1px solid #ac2808;
	margin: 5px 0;
}

/* -----------------------------------------------------------------------------
   main layout style */
	
#wrapper {
	width: 960px;
	margin: 0 auto;
	border: 1px solid #2b2827;
	background: #000 url(../images/wrapper-bg.jpg) no-repeat top center;
	overflow: auto;
	margin-bottom: 35px;
}

#wrapper2 {
	background: url(../images/wrapper2-bg.jpg) no-repeat bottom center;
	padding-left: 18px;
	padding-right: 18px;
	overflow: auto;
}

/* -----------------------------------------------------------------------------
   text style */
	
h1 {
	color: #f1d676;
	padding-bottom: 10px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}	

h2 {
	padding-top: 20px;
	padding-bottom: 10px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #767070;
	font-size: 160%;
}

h2 a {
	cursor: pointer;
}

.subcontent h2 {
	padding-top: 0;
}

p {
	padding-bottom: 10px;
	line-height: 1.4em;
}
	
a {
	color: #fff;
}	
	
a:hover {
	color: #f1d676;
}	

dt {
	font-weight: bold;
	padding-bottom: 5px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #f1d676;
}

dd {
	padding-bottom: 20px;
}

#content ul {
	padding-left: 20px;
}

#content li {
	line-height: 1.4em;
}

#content img {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
	border: 1px solid #6a686a;
}

#content img.border-none {
	border: none;
}

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

#header {
	height: 165px;
}

#header img {
	float: left;
}

/* -----------------------------------------------------------------------------
  contact-details style */

#contact-details {
	float: right;
	padding-top: 20px;
	clear: right;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}

#contact-details li {
	float: left;
	margin-left: 10px;
	list-style: none;
}

#contact-details span {
	color: #be9f2f;
}

#contact-details a {
	color: #fff;
	text-decoration: none;
}

#contact-details a:hover {
	color: #be9f2f;
}

.contactnote {
	border: 1px solid white;
	text-align: center;
	padding: 5px 0;
	margin: 5px 0 20px;
}

/* -----------------------------------------------------------------------------
  nav style */

ul#nav {
	clear: right;
	width: 650px;
	float: right;
	padding-top: 50px;
	font-size: 120%;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}  
  
ul#nav li {
	float: left;
	padding-left: 10px;
	padding-right: 12px;
	background: url(../images/nav-seperator.png) no-repeat right center;
	list-style: none;
} 
  
ul#nav li.last {
	background: none;
}    
  
ul#nav li a {
	line-height: 44px;
	display: block;
	text-decoration: none;
} 
  
ul#nav li a.active {
	color: #f1d676;
} 

/* -----------------------------------------------------------------------------
  container style */
  
#container {
	overflow: hidden;
	padding-bottom: 20px;
	background: url(../images/container-images/drummer.jpg) no-repeat top left;
} 
  
#content-bg {
	padding: 15px;
	overflow: auto;
	background: url(../images/container-images/drummer1.jpg) no-repeat top left;
}

#container.business-card {
	background: url(../images/container-images/business-card.jpg) no-repeat top left;
}

#container.business-card #content-bg {
	background: url(../images/container-images/business-card1.jpg) no-repeat top left;
}

#container.singer {
	background: url(../images/container-images/singer.jpg) no-repeat top left;
}

#container.singer #content-bg {
	background: url(../images/container-images/singer1.jpg) no-repeat top left;
}
  
#container.index {
	background: url(../images/container-images/home-bg.jpg) no-repeat top left;
} 

#container.drummer {
	background: url(../images/container-images/drummer.jpg) no-repeat top left;
}

#container.drummer #content-bg {
	background: url(../images/container-images/drummer1.jpg) no-repeat top left;
} 

#container.full-band {
	background: url(../images/container-images/full-band.jpg) no-repeat top left;
}

#container.full-band #content-bg {
	background: url(../images/container-images/full-band1.jpg) no-repeat top left;
}

#container.band-playing {
	background: url(../images/container-images/band-playing.jpg) no-repeat top left;
}

#container.band-playing #content-bg {
	background: url(../images/container-images/band-playing1.jpg) no-repeat top left;
}

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

#content {
	float: right;
	width: 647px;
	background: url(../images/content-bg-repeat.jpg);
} 

.full-width #content {
	float: right;
	width: 100%;
	background: url(../images/content-bg-repeat.jpg);
} 

.full-width #content-bg {
	background: none;
} 

#sidebar {
	float: left;
	width: 235px;
	padding-top: 300px;
} 

.sidebar-content {
	margin-top: 20px;
	clear: left;
}

/* -----------------------------------------------------------------------------
	subcontent style */

.subcontent {
	float: right;
	width: 278px;
	border: 1px solid #2b2827;
	background: url(../images/subcontent-bg.jpg);
	padding: 15px;
	min-height: 370px;
	height: auto !important;
	height: 370px;
}

#left {
	float: left;
}

.subcontent dt {
	color: #a32709;
	font-weight: bold;
	padding-bottom: 2px;
}

.subcontent dt span {
	color: #aca9a9;
	font-weight: normal;
}

.subcontent dd {
	padding-bottom: 20px;
	line-height: 1.4em;
}

p.view-more a {
	color: #4d4e4c;
	text-decoration: none;
	font-weight: bold;
	clear: both;
	display: block;
	text-align: right;
}

p.view-more a:hover {
	color: #fff;
}

/* -----------------------------------------------------------------------------
	testimonials rotator on home page */	

 /* height of rotator affected by .subcontent above, also #scrollup and .headline below */
	
#scrollup {
   position: relative;
   overflow: hidden;
   height: 310px;
 }
 
.headline {
   position: absolute;
   display: block;
   padding-bottom: 10px;
   top: 330px;
}
  
.home-text p {
	padding-left: 50px;
	display: block;
} 

/* -----------------------------------------------------------------------------
	blockquote style */

blockquote {
	padding-left: 30px;
	background: url(../images/open-quote.gif) no-repeat top left;
	clear: left;
}

p.quote {
	padding-right: 15px;
}

p.author {
	background: url(../images/close-quote.gif) no-repeat top right;
	color: #ac2808;
	font-weight: bold;
}

p.author em {
	color: #4D4E4C;
	font-style: normal;
}

#sidebar p.author em {
	color: #868887;
	font-style: normal;
}

/* -----------------------------------------------------------------------------
 footer style */
 
#footer {
	clear: both;
	color: #696666;
	padding-top: 25px;
	padding-bottom: 30px;
	font-size: 85%;
} 

ul#footernav {
	text-align: center;
}

#footer a {
	text-decoration: none;
	color: #b6b2b2;
}

#footer a:hover {
	text-decoration: none;
	color: #fff;
}

ul#footernav li {
	display: inline;
}

/* -----------------------------------------------------------------------------
  home page style */  
  
.home-text {
	padding-right: 20px;
	min-height: 265px;
	height: auto !important;
	height: 265px;
}

#container.index h1 {
	font-size: 110%;
}

#container.index #content {
	background: none;
} 

#container.index #content-bg {
	background: none;
} 

/* -----------------------------------------------------------------------------
 gallery page style */
 
ul#gal {
	padding-top: 20px;
} 
 
ul#gal li {
	list-style: none;
	float: left;
	margin: 10px;
} 
 
ul#gal li img {
	border: none;
} 
 
#content ul#gal a img {
	border: 1px solid #6a686a;
	float: none;
	margin: 0;
	display: block;
} 
 
#content ul#gal a:hover img {
	border: 1px solid #fff;
}

/* -----------------------------------------------------------------------------
 testimonials page style */
 
 #content-bg blockquote {
 	padding-top: 10px;
	padding-bottom: 20px;
 }

/* -----------------------------------------------------------------------------
venues page style */

ul.venues {
	float: left;
	width: 275px;
	padding-top: 20px;
}

ul.venues li {
	padding-bottom: 3px;
}

/* -----------------------------------------------------------------------------
contact page style */

dl.contact dt {
	float: left;
	text-align: right;
	width: 150px;
}

dl.contact dd {
	padding-left: 170px;
}

form {
	padding-top: 30px;
}

label {
	float: left;
	text-align: right;
	width: 210px;
	margin-bottom: 10px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #f1d676;
	font-weight: bold;
	padding-right: 20px;
	clear: both;
}

input, textarea {
	width: 250px;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	clear: right;
	color: #fff;
	background:transparent url(../images/subcontent-bg.jpg) repeat scroll 0 0;
	border:1px solid #2B2827;
}

input#message {
	height: 100px;
}

input.form-submit {
	margin-left: 230px;
	width: 100px;
}

input.form-checkbox {
	width: auto;
	clear: right;
}

fieldset {
	border: 1px solid #b6b2b2;
}

fieldset div {
	clear: both;
	margin: 5px 0;
}

/* -----------------------------------------------------------------------------
set list page style */

#content .set h2:hover {
	cursor: pointer;
}

#content ul li span {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #f1d676;
	font-weight: bold;
}

ul.set li {
	list-style: none;
}

ul.set li a.title {
	padding-top: 5px;
	padding-bottom: 10px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #767070;
	font-size: 160%;
	font-weight: bold;
	list-style: none;
	display: block;
}

ul.set li a {
	color: #767070;
	text-decoration: none;
}

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

ul.set div {
	padding-left: 20px;
}

ul.set div p {
	padding-bottom: 2px;
}

/* -----------------------------------------------------------------------------
audio page style */

ul#audio li {
	background: url(../images/audio-li-bg.jpg);
	width: 263px;
	min-height: 16px;
	height: auto !important;
	height: 16px;
	list-style: none;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	color: #f1d676;
	border: 1px solid #1f1e1d;
	float: left;
	margin: 5px;
}

ul#audio li p {
	padding-bottom: 0;
}

ul#audio li strong {
	font-weight: normal;
	font-size: 125%;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	display: block;
	width: 220px;
	float: left;
	padding-top: 4px;
}

ul#audio li object {
	clear:right;
}

/* -----------------------------------------------------------------------------
set-list page */

.float-left {
	float: left;
	width: 46%;
}

.float-right {
	float: right;
	width: 46%;
}


/* -----------------------------------------------------------------------------
hidden div style */	

#hidden {
	display: none;
}


/* -----------------------------------------------------------------------------
Drupal Tabs */

body #content ul.primary li	{
	line-height: normal;
}

body #content ul.primary li a	{
	background: #000;
}

body #content ul.primary li a:hover	{
	background: #000;
}

body #content ul.primary li a.active	{
	background: #fff;
}

/* -----------------------------------------------------------------------------
end style.css */