/*
      Theme Name: Whiteboardmedia
      Theme URI: www.whiteboardmedia.com
      Version: 1.0
      Author: Whiteboardmedia
      Author URI: www.whiteboardmedia.com
  */
* {
	margin: 0;
   padding: 0;
   border: none;
	font-size: 1em;
}
html{
   background: url(http://www.musicasacrany.com/wp-content/themes/whiteboardmedia/images/background-html.gif) top repeat-x;
}
body {
   background: url(http://www.musicasacrany.com/wp-content/themes/whiteboardmedia/images/background-body.gif) bottom repeat-x;
   font: 62.5% Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
#container{
   width: 960px;
   margin: 0 auto;
   background: url(http://www.musicasacrany.com/wp-content/themes/whiteboardmedia/images/background-container.gif) repeat-y;
}

#header{
   padding-top: 11px;/*25*/
   height: 126px;/*112*/
   background: url(http://www.musicasacrany.com/wp-content/themes/whiteboardmedia/images/background-header.gif) repeat-y;
}
#header h1{
   background: url(http://www.musicasacrany.com/wp-content/themes/whiteboardmedia/images/logo.gif) no-repeat;
   width: 242px;
   height: 60px;/*46*/
   margin: 0 0 17px 30px;/*0 0 17 30*/
}
#header h1 a {
	display: block;
   /* hide from IE Mac \*/
   text-indent: -999em;
   overflow: hidden;
   /* end hide */
}
* html>body #header h1 a {
   letter-spacing: -999em;	
}
#navigation{
   height: 50px;
   padding: 0 10px;
}

#navigation h2{
   /* hide from IE Mac \*/
   text-indent: -999em;
   overflow: hidden;
   /* end hide */
   height: 0;
}
#navigation ul{
   list-style: none;
   margin-left: 0px;
	margin-top: -1px;
}
#navigation ul li{
   float: left;
   /* hide from IE Mac \*/
   text-indent: -999em;
   overflow: hidden;
   /* end hide */
   height: 50px;
}
#navigation ul li a{
   height: 50px;
   display: block;
}
#navigation ul li a:hover, #navigation ul li a.active{
   background-position: 0 -50px;
}
li#home a{
   width: 130px;/*130px;*/
   background: url(http://www.musicasacrany.com/wp-content/themes/whiteboardmedia/images/nav-home.gif) top center no-repeat;
}
li#about a{
   width: 130px;/*118px;*/
   background: url(http://www.musicasacrany.com/wp-content/themes/whiteboardmedia/images/nav-about.gif) top center no-repeat;
}
#navigation ul li#about a:hover, #navigation ul li#about a.active{
   background-position: 6px -50px;
}
li#concerts a{
   width: 130px;/*133px;*/
   background: url(http://www.musicasacrany.com/wp-content/themes/whiteboardmedia/images/nav-concerts.gif) 3px 0px no-repeat;
}
#navigation ul li#concerts a:hover, #navigation ul li#concerts a.active{
   background-position: 3px -50px;
}
li#tickets a{
   width: 130px;/*150px;*/
   background: url(http://www.musicasacrany.com/wp-content/themes/whiteboardmedia/images/nav-tickets.gif) -10px 0px no-repeat;
}
#navigation ul li#tickets a:hover, #navigation ul li#tickets a.active{
   background-position: -10px -50px;
}
li#events a{
   width: 115px;/*115px;*/
   background: url(http://www.musicasacrany.com/wp-content/themes/whiteboardmedia/images/nav-events.gif) top center no-repeat;
}
li#support a{
   width: 129px;/*127px;*/
   background: url(http://www.musicasacrany.com/wp-content/themes/whiteboardmedia/images/nav-support.gif) top center no-repeat;
}
#navigation ul li#support a:hover, #navigation ul li#support a.active{
   background-position: 1px -50px;
}
li#news a{
   margin-left: 10px;
   width: 150px;/*150px;*/
   background: url(http://www.musicasacrany.com/wp-content/themes/whiteboardmedia/images/nav-news.gif) top center no-repeat;
}

#banner{
   height: 195px;
/*   background: url(http://www.musicasacrany.com/wp-content/themes/whiteboardmedia/images/banner.jpg) center no-repeat;
   text-indent: -1000em;*/
	padding-left: 10px;
}


#content{
   overflow: hidden;
   padding: 10px 15px 30px;
}
#menu{
   width: 275px;
   float: left;
   padding-bottom: 30px;
}
#menu a{
   color:#000;
}
#menu a:hover{
   color:#A30001;
}
#menu a img{
   margin: 20px 0 0px 12px;
}
#menu ul li a{
	font-size: 1em;
	list-style: none;
}
#menu ul li ul li a{
	font-size: 1em;
	height:auto;
	list-style: none;
	list-style-type:none;
}
.spotlight{
   width: 220px;
   height: 200px;
   background: url(http://www.musicasacrany.com/wp-content/themes/whiteboardmedia/images/background-spotlight.gif) no-repeat;
   padding: 25px;
}
.side_feature{
   width: 250px;
   height: 188px;
   background: url(http://www.musicasacrany.com/wp-content/themes/whiteboardmedia/images/StudyTourAd.jpg) no-repeat;
   margin-left: 15px;
   margin-top: 25px;
   padding: 25px;
   text-indent: -999px;
}
.spotlight h3{
   font: 2.2em "Times New Roman", Georgia, serif;
   color: #A30001;
   border-bottom: 1px dashed #A30001;
   padding-bottom: 3px;
   margin-bottom: 15px;
}
.spotlight img{
   border: 1px solid #000;
   float: left;
   margin: 0 5px 5px 0;
}
.spotlight div{
   width: 160px;
   float: left;
   margin-left: 5px;
   font-size: 1.2em;
}
.spotlight div h4{
   font-weight: normal!important;
   margin-bottom: 5px!important;
}
.spotlight div p{
   color: #333333;
   margin-bottom: 5px;
}
.spotlight div p a{
   color: #A30001;
}
#menu .menu-button{
   margin: 15px 0 15px 25px;
}
#main-content{
   width: 640px;
   float: left;
   margin-left: 10px;
}
#main-content .aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;

}

#main-content .alignleft {
	float: left;
	margin-right:10px;
}

#main-content .alignright {
	float: right;
	margin-left:10px;
}

#main-content img {
	clear: both;
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding: 4px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	/* optional rounded corners for browsers that support it */
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#main-content img a{
	clear: both;
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding: 4px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	/* optional rounded corners for browsers that support it */
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#main-content .sig{
	border: none;
	padding: 0;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
}

#main-content .content-button{
   float: right;
}
#main-content h2{
   font: 2.4em "Times New Roman", Georgia, serif;
   color: #A30001;
   clear: both;
}
#main-content p{
   font-size: 1.2em;
   color: #333333;
   margin: 12px 0;
}
#main-content h3{
   font: 1.9em "Times New Roman", Georgia, serif;
   margin: 5px 0 5px;
}
#main-content ul{
	list-style:disc;
	font-size: 1.1em;
	color: #555;
	margin-left: 25px;
	line-height: 15px;
}
#main-content div.concert{
   width: 80%;
   margin: 10px 0 20px;
   clear: both;
   overflow: hidden;
}
#main-content div.concert h4, #main-content h4{
   font-size: 1.2em;
   font-weight: normal;
   color: #A30001;
   margin-top: 5px;
}
#main-content div.concert h5{
   font-size: 1.2em;
   font-weight: normal;
   margin-bottom: 5px;
}
#main-content div.concert p{
   margin: 0;
}
#main-content div.concert div.details{
   margin-top: 10px;
}
#main-content div.concert div.details p, #main-content div.concert div.details p a{
   color: #A30001;
}
#main-content div.concert div.details p{
   float: left;
   margin-right: 5px;
}
#main-content div.concert div.details p.tickets{
   text-indent: -1000em;
}
#main-content div.concert div.details p.tickets a{
   width: 25px;
   height: 12px;
   background: url(http://www.musicasacrany.com/wp-content/themes/whiteboardmedia/images/tickets-icon.gif) no-repeat;
   display: block;
}
/* #main-content p strong{
	color: #265593;
}*/






#footer{
   height: 120px;
   clear: both;
   background: url(http://www.musicasacrany.com/wp-content/themes/whiteboardmedia/images/background-footer.gif) bottom no-repeat;
   padding: 10px 15px;
}
#footer ul{
   list-style: none;
   height: 25px;
   width: 410px;
   margin: 0 auto;
}
#footer ul li{
   float: left;
   font-size: 1.2em;
   color: #fff;
   margin-left: 5px;
}
#footer ul li a, #footer p a{
   color: #fff;
   text-decoration: none;
}
#footer p{
   font-size: 1.2em;
   color: #fff;
   text-align: center;
   border-top: 1px dashed #fff;
   padding: 5px 0;
}
#footer p.photo{
	padding-bottom: 0;
	padding-top: 10px;
	border: 0;
}
#footer div#powered{
   height: 30px;
   width: 290px;
   margin: 0 auto;
}
#footer div#powered p{
   border: 0;
   margin-top: 10px;
   padding-top: 3px;
   float: left;
   margin-right: 5px;
}
#footer div#powered p.footer-logo{
   text-indent: -1000em;
   padding: 0;
}
#footer div#powered p.footer-logo a{
   width: 128px;
   height: 22px;
   display: block;
   background: url(http://www.musicasacrany.com/wp-content/themes/whiteboardmedia/images/wbmedia-logo.gif) no-repeat;  
}


/* About */
#menu ul{
   list-style: none;
   margin: 5px 0 25px;
   padding: 0 15px;
}
#menu ul li{
   font-size: 1.2em;
   /*border-bottom: 1px dashed #999;*/
   padding: 0 0 5px 5px;
   margin-bottom: 5px;
}
#menu ul li.active{
   font-weight: bold;
}
#menu ul li a{
	color: #000000;
	text-decoration: none;
}
#menu ul li.current_page_item a{
   text-decoration: none;
   color: #A30001;
}
#menu ul li ul{
	margin: 5px 0 -5px 25px;
	padding: 0px;
}
#menu ul li ul li{
	font-size: 0.9em;
	/*border-bottom: none;*/
	list-style: disc;
	padding: 0px 0px 5px 0px;
	margin-bottom: 0px;
	
}
/* Contact */
.contact-box{
   margin: 15px 0 25px;
   clear: both;
}
.contact-box h4{
   font-size: 1.2em;
   font-weight: normal;
   color: #A30001;
   margin-bottom: 10px;
}
.contact-box p{
   margin: 0!important;
}
.contact-box p span, .contact-box p a{
   color: #000;
}
.contact-box h3{
   font-size: 2em!important;
   color: #A30001;
   border-bottom: 1px dashed #A30001;
   padding-bottom: 3px;
}
.contact-box form{
   margin: 15px 0;
   width: 380px;
}
.contact-box form p{
   height: 1%;
   overflow: hidden;
   margin-bottom: 5px!important;  
}
.contact-box form p label{
   width: 65px;
   float: left;
   text-align: right;
   padding-right: 10px;
   color: #000;
}
.contact-box form p input, .contact-box form p textarea{
   border: 1px solid #999;
   width: 180px;
   float: left;
}
.contact-box form p.button{
   padding-top: 10px;
   width: 255px;
}
.contact-box form p.button input{
   border: 0;
   width: auto;
   float: right;
}

/* Tickets */
h4.checkout{
   font-size: 1.2em;
   color: #A30001;
   letter-spacing: 0.09em;
   margin: 15px 0 5px;
}
div.concert-tickets{
   width: 570px;
   margin-bottom: 25px; 
}
div.concert-tickets table{
   font-size: 1.2em;
   background: #E6E6E6;
   width: 100%;
}
div.concert-tickets table thead tr td{
   background: #A20000;
   padding: 5px 20px;
   color: #fff;
}
div.concert-tickets table thead tr td span, div.concert-tickets table tbody tr.heading td{
   font-weight: bold;
}

div.concert-tickets table tbody tr td{
   padding: 5px 20px;
}
div.concert-tickets table tbody tr td input{
   border: 1px solid #999;
   margin-left: 15px;
}
div.concert-tickets table#membership tbody tr td input{
   border: 0;
}
div.concert-tickets table#contribution tbody tr.heading td{
   text-align: right;
   padding-right: 50px;
}
div.concert-tickets #continue-button{
   margin: 15px 0;
}



/* Ticket Checkout*/
#ticketCheckout #total_total{
   margin: 10px 0;
}
#ticketCheckout #total_total span.linetotal{
   color: #770E1C;
   font-weight: bold;
}
#ticketCheckout #invoice ul{
   list-style: none;
}
#ticketCheckout .req{
   color: #B22222;
}
#ticketCheckout fieldset{
   margin-top: 15px;
   margin-bottom: 5px;
}
#ticketCheckout fieldset legend{
   font-size: 1.2em;
   color: #B22222;
   font-weight: bold;
   margin-bottom: 15px;
}
#ticketCheckout label{
   width: 160px;
}
#ticketCheckout p.code{
   font-size: 1em;
   padding-left: 170px;  
}
#ticketCheckout input#ship_same_as_bill{
   border: 0;
   margin-top: 10px;
}
#ticketCheckout select{
   border: 1px solid #999;
   width: 180px;
}
#ticketCheckout input#submit{
   float: right;
   margin: 15px 30px 0 0;
}
ul.IndentedList{
   margin: 15px 20px;
   color: #808080;
}


#volunteerForm fieldset.checkBoxes{
   margin: 15px 0 20px;
}
#volunteerForm fieldset.checkBoxes p{
   margin-bottom: 5px;
}
#volunteerForm fieldset.checkBoxes input{
   width: auto;
   margin-right: 5px;
}
#volunteerForm fieldset.checkBoxes label{
   font-size: 0.95em!important;
}
#volunteerForm fieldset.checkBoxes label, #volunteerForm form{
   width: auto;
}
#volunteerForm fieldset input#cfContact{
   margin-left: 75px;
   margin-top: 10px;
}


/* Images on Main Content*/
#main-content p img{
	padding: 0 10px 10px; 
}

#main-content img#feature1{
	padding-right: 5px;
	padding-top: 20px;
	float: left;
	width: 197px;
}
#main-content a img#feature2{
	padding-right: 5px;
	padding-top: 20px;
	float: left;
	width: 197px;
}

#main-content a img#feature3{
	padding-right: 5px;
	padding-top: 20px;
	float: left;
	width: 197px;
}

#main-content a img{
	border: none;
}

#main-content div.sub_total ul{
	list-style: none;
	font-size: 1.2em;
	margin: 10px 0 10px;
	color: #770E1C;
}
#main-content div.sub_total ul li{
	margin-bottom: 5px;
}


/* Process Checkout */
div#order-details, div#contact-info{
	width: 290px;
	float: left;
	border: 1px solid #A00000;
	margin: 10px;
}
div#order-details h4, div#contact-info h4{
	font-weight: bold;
	color: #fff;
	background: #A00000;
	padding: 5px;
	margin: 0;
	margin-bottom: 10px;
}
div#order-details p strong, div#order-details p span, div#contact-info p strong, p span.important{
	color: #A00000;
	font-weight: bold;
}
div#order-details p, div#contact-info p{
	padding-top: 10px;
	margin-left: 5px;
}
div#order-details ul{
	margin: 10px 10px 10px 20px;
	color: #696969;
}
div#order-details ul li{
	font-size: 1.2em;
	margin-bottom: 10px;
}