/*
      Theme Name: Whiteboardmedia for PCMS 
      Theme URI: www.whiteboardmedia.com
      Version: 1.0
      Author: Whiteboardmedia
      Author URI: www.whiteboardmedia.com
	  
	  This is a theme for PCMS developed by Whiteboardmedia
  */ 

body {
	font-family: Arial, Helvetica, sans-serif;
	background:#F0ECD7 url(images/bg.gif) repeat-x top left;
}

#wrap {
	margin:0 auto;
	width:955px;
}

/* header */
#header {
	position:relative;
	height:153px;
	background:url(images/header_bg.jpg) no-repeat bottom right;
}

#logo {
	position:absolute;
	top:38px;
	left:0;
	text-indent:-9000px;
	width:373px;
	height:69px;
	background:url(images/logo.jpg) no-repeat top left;
}

#top h3 {
	float:left;
	color:#fff;
	font-weight:normal;
	font-size:1.2em;
	padding:4px 0 3px 14px;
	background:url(images/top_arrow.gif) no-repeat 0 6px;
}

#top h3 span {
	text-transform:uppercase;
	padding-right:.8em;
}

/*New Header tool box*/


#top .tool {
	float: right;
	background: url(images/tool-bg.png) no-repeat;
	width: 296px;
	height: 69px;
}
#top .tool a {
	text-indent: -7777px;
}
#top .tool li {
	float: left;
	margin: 0 5px 0 0;
}
#top .tool_top {
	float: left;
	margin: 5px 0 0 15px;
	display:inline;
}
#top .tool ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.t_social a {
	display: block;
	width: 22px;
	height: 22px;
	margin: 2px 0 0 0;
}
.t_twitter a {
	background: url(images/tool-social.gif) no-repeat;
}
.t_twitter a:hover {
	background-position: 0 -22px;
}
.t_facebook a {
	background: url(images/tool-social.gif) -27px 0 no-repeat;
}
.t_facebook a:hover {
	background-position: -27px -22px;
}
.t_feed a {
	background: url(images/tool-social.gif) -54px 0 no-repeat;
}
.t_feed a:hover {
	background-position: -54px -22px;
}
.t_newsletter a {
	background: url(images/tool-email.gif) no-repeat;
	display: block;
	width: 20px;
	height: 16px;
	margin: 7px 0 0 3px;
}
.t_cart a {
	background: url(images/tool-cart.gif) no-repeat;
	display: block;
	width: 162px;
	height: 29px;
	margin-left: 0px;
}
.t_cart a:hover {
	background: url(images/tool-cart.gif) 0 -29px no-repeat;
}
.tool_bottom {
	background: url(images/tool-search.gif) no-repeat;
	width: 265px;
	height: 25px;
	float: left;
	clear: both;
	display: inline;
	margin: 0 0 0 15px;
	line-height: 2em;
}
.t_search {
	background: transparent;
	height: 20px;
	width: 230px;
	margin: 0 0 0 10px;
	border: none;
	line-height: 1.5em;
}

/*End New Header tool box*/


#top .secondary {
	float:right;
	text-align:right;
	padding-top:2px;
}

.secondary a {
	float:left;
}

.secondary a.cart {
	float:left;
	display:block;
	overflow:hidden;
	width:14px;
	height:14px;
	background:url(images/top_cart.gif) no-repeat top left;
}

.secondary a.cart span {
	display:none;
}

.secondary a.checkout {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	font-size:1.2em;
	padding:0 1.5em 0 .6em;
	position:relative;
	top:2px;
	text-transform:uppercase;
	text-decoration:none;
}

.secondary a.checkout:hover {
	text-decoration:underline;
}

.secondary form {
	float:left;
}

.secondary input#searchMe {
	position:relative;
	bottom:5px;
	padding:0 2px;
	font-size:.95em;
	border:1px solid #E5B53B;
	color:#666;
}

/* navigation */
ul#mainNav {
	position:absolute;
	bottom:0;
	right:0;
}

ul#mainNav a {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	font-size:1.3em;
	text-transform:uppercase;
	padding:0 1.2em;
	line-height:2em;
}

ul#mainNav a:hover {
	color:#E5B53A;
}

body#home li#navHome a, body#home li#navHome a:hover, body#concerts li#navConcerts a, body#concerts li#navConcerts a:hover, body#subscriptions li#navSubs a, body#subscriptions li#navSubs a:hover, body#about li#navAbout a, body#about li#navAbout a:hover, body#support li#navSupport a, body#support li#navSupport a:hover, body#blog li#navBlog a, body#blog li#navBlog a:hover, body#contact li#navContact a, body#contact li#navContact a:hover {
	color:#fff;
	background:#093E65 url(images/nav_active.gif) repeat-x top left;
}

/* content area */
#contentArea {
	padding:1.5em 0 3.5em 0;
}

#content {
	float:left;
	width:741px;
	background:url(images/content_bg.gif) repeat-y top left;
}

#content h1, #sidebar h1 {
	color:#78241C;
	font-size:1.6em;
	text-transform:uppercase;
	padding:.8em 1em 0 1em;
	background:url(images/content_top.gif) no-repeat top left;
}

#sidebar h1 {
	font-size:1.4em;
	line-height:1.2em;
	background:url(images/sb_top.gif) no-repeat top left;
}

body#home #content {
	position:relative;
	width:594px;
	bottom:1em;
	background:none;
}
#contentWrap {
	width:741px;
	padding:0 0 2.2em 0;
	/*background:url(images/content_btm.gif) no-repeat bottom left;*/
}

#contentWrap p, #contentWrap h2, #contentWrap h3, #contentWrap h4 {
	padding:0 20px;
}

/********************************************************************
                              Blog
********************************************************************/

#contentWrap p {
	margin-top: 10px;
}

#contentWrap h3 {
	font-size: 24px;
	color: #06365a;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	margin: 8px 0 0 0;	
}

#contentWrap h2{
	font-size: 19px;
	color: #82191c;
	text-transform: uppercase;
	width: 300px;
	margin: 0 0 0 18px;
}

#contentWrap h4 {
	font-size: 13px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;	
	margin: 5px 0 0 0;	
}

#contentWrap .blogpost{
	padding-top: 5px;
	width: 700px;
}
#contentWrap .blogpost .post{
	background: url(images/post-decoration.jpg) no-repeat bottom;
	padding-bottom: 30px;
	margin-bottom: 20px;
	width: 540px;
	float: left;
	margin-left: 0px;
}
#contentWrap .blogpost .post h2,
#contentWrap .blogpost .post h3,
#contentWrap .blogpost .post h4,
#contentWrap .blogpost .post p{
	padding: 0px;
}
#contentWrap .blogpost .post a{
	text-decoration: none;
}
#contentWrap .blogpost .postinside{
	border-bottom: 1px solid #000000;
	padding-bottom: 30px;
	margin-bottom: 20px;
	margin-left: 15px;
	margin-right: 15px;
}
#contentWrap .metapost {
	margin-top: 3px;
	color: #666666;
	margin-left: 0px;
}
#contentWrap .metapost a{
	color: #666666;
	text-decoration: none;
}
#contentWrap .metapost a:hover{
	text-decoration: underline;
}
#contentWrap .blogpost .photo{
	margin-top: 5px;
	margin-right: 5px;
	padding-bottom: 0px;
	width: 140px;
	height: 148px;
	padding-left: 10px;
	float: left;
	text-align: center;
}
#contentWrap .blogpost .photo img{
	width: 100px;
	height: 100px;
	margin-left: 13px;
	margin-bottom: 5px;
}
#contentWrap .blogpost .photo h3{
	font-size: 10px;
	margin-top: 5px;
	padding: 0;
}
#contentWrap .blogpost .photo h4{
	font-size: 10px;
	font-style: italic;
	color: #666666;
	margin-top: 5px;	
	padding: 0;
}
#contentWrap .blogpost ul{
	padding-left: 15px;
}
#contentWrap .blogpost ol{
	padding-left: 15px;
}
#contentWrap .blogpost p span{
	font-weight: bold;
}


#contentWrap ol.commentlist {
	padding-top: 10px;
	margin-left: 15px;
	margin-bottom: 20px;
	width: 695px;
	border-bottom: 1px solid #000000;
	list-style: none;
}

#contentWrap ol.commentlist li {
	width: 630px;
	padding-bottom: 10px;
}
#contentWrap small a{
	text-decoration: none;
}
#contentWrap ol.commentlist li p{
	margin: 10px 0 20px 0;
	padding: 0;
}
#contentWrap ol.commentlist li img {
	width: 50px!important;
	height: 50px!important;
	float: left;
	padding-right: 6px;
}

#contentWrap form label{
	font-size: 14px;
	padding: 3px 0;
	float: left;
	width: 100px;
	margin-top: 20px;
}
#contentWrap form input{
    width: 500px;
    height: 22px;
    padding: 4px 0 0 2px; 
	 border: 1px solid #bbbaaf;
	 margin-top: 20px;
 }
#contentWrap form textarea {
	width: 500px;
	height: 210px;
   padding: 4px 0 0 2px; 
	border: 1px solid #bbbaaf;
	margin-top: 20px;	
 }
#submit {
   background: url(images/button-submit.jpg) no-repeat;
	border: none!important;
	width: 109px!important;
	height: 30px!important;
 	display: block;
	margin-left: 496px;
	margin-top: 20px;	
	color: #ffffff;
	text-transform: uppercase;
	padding: 0 0 5px 0!important;
 }

/******************** Sidebar ************************/

.roundedBox {
	width:325px;
	padding:0 0 22px 0;
	background:url(images/sb_box_btm.gif) no-repeat bottom left;
}
.roundedBox h2 {
	margin-bottom:0;
	padding:10px 12px 6px 12px;
	color:#8F1915;
	font-size:1.5em;
	text-transform:uppercase;
	background:url(images/sb_box_top.gif) no-repeat top left;
}

#sidebar {
	float:right;
	width:202px;
	padding:0;
}

body#home #sidebar {
	width:328px;
	padding-top:.5em;
	background:none;
}

#sidebar .sbWrap {
	background:url(images/sb_bg.gif) repeat-y top left;
	/*overflow:hidden;*/
	height: auto;
}
#sidebar .sbWrapBtm {
	width:202px;
	height:31px;
	background:url(images/sb_btm.gif) no-repeat top left;
}
#sidebar .sbWrap .wrapContainer{
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}
#sidebar .sbWrap .wrapContainer a {
	color: #777777;	
	text-decoration: none;
	margin: 0 2px;
}
#sidebar .sbWrap .wrapContainer a:hover {
	text-decoration: underline;
}
#sidebar .sbWrapBtmTag {
	width:200px;
	height:35px;
	margin-left: 1px;
	background:url(images/sb_btm_tag.gif) no-repeat top left;
}

#sidebar h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-transform:uppercase;
	font-size:1.2em;
	font-weight:normal;
	padding:0 0 .2em 1.2em;
	margin:0;
}
#sidebar ul {
	list-style:none;
	margin:0;
	padding:0 0 1.5em 0;
}
#sidebar ul li {
	margin:0;
	text-indent:-14px;
	padding:0 1em 0 30px;

}
#sidebar ul li a {
	text-decoration:none;
}
#sidebar ul li.active a {
	color:#79241C;
}
#sidebar ul li a:hover {
	text-decoration:underline;
}

#sidebar ul.categories {
	font-size: 14px;
}

#sidebar ul.categories li {
	margin-bottom: 5px;
}

#sidebar ul.blogroll {
	font-size: 13px;
	margin: 0;
}

#sidebar ul.blogroll li {
	text-decoration: underline;
}

#sidebar ul.events {
	list-style:none;
	margin:0 12px;
	padding-bottom:0;
}
#sidebar ul.events li {
	margin:0;
	padding:12px 0 12px 5px;
	border-bottom:1px dashed #CCCFB4;
	background:#fff;
	text-indent:0;
}
#sidebar ul.events li img {
	float:left;
}
#sidebar ul.events li .desc {
	margin-left:30px;
}
#sidebar ul.events li .desc a{
	font-weight: bold;
}
#sidebar ul.events li .desc p{
	font-size: 11.5px;
	color: #999999;
}
#sidebar ul.events p {
	color:#343434;
	margin-bottom:0;
	line-height:1.3em;
}
#sidebar ul.events p strong {
	color:#0C223A;
	text-transform:uppercase;
}

/********************************************************************/

p.all {
	text-align:right;
	text-transform:uppercase;
	padding-bottom:1em;
	margin:1em 1em 0 0;
}

p.all a {
	padding:4px 32px 2px 0;
	color:#EDA718;
	text-decoration:none;
	background:url(images/all_arrow.gif) no-repeat top right;
}

p.all a:hover {
	text-decoration:underline;
}

/* series details */
form#seriesSelect {
	padding:0 20px;
}

form#seriesSelect h4 {
	font-family:Arial, Helvetica, sans-serif;
	padding-left:26px;
}

form#seriesSelect h4.one {
	float:left;
	background:url(images/one.gif) no-repeat top left;
}

form#seriesSelect h4.two {
	clear:both;
	margin-bottom:0;
	background:url(images/two.gif) no-repeat top left;
}

form#seriesSelect h4.three {
	float:left;
	background:url(images/three.gif) no-repeat top left;
}

form#seriesSelect p.note {
	padding-left:26px;
	font-style:italic;
}

form#seriesSelect label {
	display:block;
	padding-left:30px;
}

form#seriesSelect input.checkbox {
	position:relative;
	top:3px;
}

form#seriesSelect label span {
	display:block;
	color:#535353;
	font-weight:normal;
	padding:5px 0 1.5em 25px;
}

form#seriesSelect select#ticketQuantity {
	float:left;
	display:inline;
	margin-right:1.5em;
}

fieldset.donation {
	margin-bottom:1.5em;
}

fieldset.donation input#amount, fieldset.donation input#startDate, fieldset.donation input#bzip, fieldset.donation input#securityCode {
	width:80px;
}

fieldset.donation label span {
	font-weight:bold;
	color:red;
}

fieldset.donation img.cal {
	position:relative;
	top:3px;
}

fieldset.donation input#submitBtn {
	margin-left:175px;
}

/* sidebar home */



form#findArtist {
	float:left;
}

form#findArtist select#artist {
	border:1px solid #EDA718;
	padding:1px;
	color:#333;
	font-size:.95em;
	position:relative;
	top:12px;
	left:12px;
	width:120px;
}

#specialOffers {
	width:325px;
	height:124px;
	margin:1em 0;
	background:url(images/offers_bg.gif) no-repeat top left;
}

#specialOffers h2 {
	display:none;
}

#specialOffers form {
	padding:60px 0 0 140px;
}

#specialOffers form input#email {
	font-size:.95em;
	padding:1px;
	color:#666;
	border:1px solid #ccc;
}

#specialOffers p.all {
	margin-top:.2em;
}

#sbFeatured {
	width:325px;
	padding-bottom:8px;
	background:url(images/sb_featured_btm.gif) no-repeat bottom left;
}

#sbFeatured img {
	padding:13px 12px 5px 12px;
	background:url(images/sb_featured_top.gif) no-repeat top left;
}

#sbFeatured a {
	color:#EDA718;
	text-decoration:none;
	text-transform:uppercase;
	padding:4px 0;
}

#sbFeatured a:hover {
	text-decoration:underline;
}

#sbFeatured a.prev {
	float:left;
	padding-left:38px;
	background:url(images/sb_featured_prev.gif) no-repeat 12px 0;
}

#sbFeatured a.next {
	float:right;
	padding-right:38px;
	background:url(images/sb_featured_next.gif) no-repeat 38px 0;
}

#newsBox {
	position:relative;
	margin-top:1.5em;
}

#sidebar #newsBox ul.nav {
	margin-left:3px;
	padding-bottom:0;
	background:#F0ECD7;
}

#sidebar #newsBox ul.nav a {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#16354F;
	text-transform:uppercase;
	padding:0 1em;
	line-height:2.5em;
	font-size:1.1em;
}

#sidebar #newsBox ul.nav li {
	padding:0;
	text-indent:0;
}

#newsBox ul.nav li.active a {
	padding-right:1.5em;
	background:url(images/news_active.gif) no-repeat top right;
}

#newsBox .feed {
	position:absolute;
	top:5px;
	right:12px;
}

#newsBox ul.events {
	padding-top:.5em;
	background:#fff;
}

#newsBox ul.events li .desc {
	margin-left:36px;
}

#newsBox ul.events li a {
	color:#16354F;
	text-transform:uppercase;
	text-decoration:none;
}

#newsBox ul.events li a:hover {
	text-decoration:underline;
}

#newsBox ul.events p.item {
	color:#878787;
	font-size:.95em;
}

/* sidebar concerts */
form#sbFindArtist {
	padding-bottom:1.2em;
}

form#sbFindArtist select {
	width:170px;
	font-size:.95em;
	color:#535353;
	margin-left:1.2em;
	border:1px solid #DAA833;
}

img.ad {
	padding-top:1em;
}

ul#recommended li {
	padding:.5em 0 .5em 27px;
}

ul#recommended li p.artist {
	font-size:1.1em;
	text-transform:uppercase;
	margin-bottom:.2em;
}

ul#recommended li p.artist a {
	color:#000;
}

ul#recommended li p.date {
	color:#757575;
	margin-bottom:.5em;
}

/* footer */
#footer {
	width:100%;
	text-align:center;
	padding:2em 0 3em 0;
	background:#0A2037 url(images/footer_bg.gif) repeat-x top left;
}

#footContent {
	width:960px;
	margin:0 auto;
	text-align:left;
}

#footContent .col {
	float:left;
	width:252px;
	padding-right:40px;
}

#footContent .colRt {
	float:right;
	width:319px;
}

#footContent .col h2 {
	color:#DAA833;
	text-transform:uppercase;
	font-size:1.4em;
	padding-bottom:.3em;
	border-bottom:1px solid #20201C;
}

#footContent .col a.logo {
	display:block;
	padding:.5em 0;
}

#footContent .col p {
	color:#fff;
}

#footContent .col p.all a {
	background:url(images/foot_arrow.gif) no-repeat top right;
}

#toolbox {
	width:299px;
	height:81px;
	padding:8px 10px;
	background:url(images/tb_bg.gif) no-repeat top left;
}

#toolbox h3 {
	color:#DAA833;
	text-transform:uppercase;
	font-size:1em;
	font-weight:normal;
}

#toolbox ul {
	list-style:none;
	margin:0;
	padding-top:16px;
}

#toolbox li {
	float:left;
	padding-right:1.8em;
}

#toolbox li.give {
	padding-right:0;
}

#toolbox li a {
	padding:32px 0 0 0;
	color:#fff;
	font-size:.9em;
	text-decoration:none;
	text-transform:uppercase;
}

#toolbox li a:hover {
	text-decoration:underline;
}

#toolbox li.email a {
	background:url(images/tb_email.gif) no-repeat top center;
}

#toolbox li.share a {
	background:url(images/tb_share.gif) no-repeat top center;
}

#toolbox li.venues a {
	background:url(images/tb_venues.gif) no-repeat top center;
}

#toolbox li.community a {
	background:url(images/tb_community.gif) no-repeat top center;
}

#toolbox li.give a {
	background:url(images/tb_give.gif) no-repeat top center;
}

#footContent ul.nav {
	float:right;
	display:inline;
	margin:2em 0;
}

#footContent ul.nav a {
	font-size:.95em;
	color:#fff;
	text-transform:uppercase;
	padding:0 .4em;
	line-height:1em;
	border-right:1px solid;
}

#footContent ul.nav li.noBdr a {
	padding-right:0;
	border-right:0;
}

#footContent p.copy {
	clear:both;
	text-align:right;
	color:#868689;
	font-size:.95em;
}

#footContent p.copy a {
	color:#868689;
	text-decoration:none;
}

#footContent p.copy a:hover {
	text-decoration:underline;
}

#footContent a.w3c {
	float:right;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}