/*
      Theme Name: Whiteboardmedia for BCMF 
      Theme URI: www.whiteboardmedia.com
      Version: 1.0
      Author: Whiteboardmedia
      Author URI: www.whiteboardmedia.com
	  
	  This is a theme for BCMF developed by Whiteboardmedia
  */ 
/*-----------------------------------------------------------------------------
   CSS Code
----------------------------------------------------------------------------- */

* {
 margin: 0;
 padding: 0;
 border: none;
 font-size: 1em;
}

body{
 background-color:#ffffff;
 color:#5a5a5a;
 font:62.5% Arial, Helvetica,sans-serif;
}

/*-----------------------------------------------------------------------------
   Link
----------------------------------------------------------------------------- */

a, a:link, a:visited {
	color: #fffeff;
	text-decoration: none;
}

a {
 outline: none;
 outline-style: none;
}

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

/*-----------------------------------------------------------------------------
   Container
----------------------------------------------------------------------------- */

#container{
 width:950px;
 background:url(images/layout-body-shadow.png) repeat-y;
 background-color:#eaeaea;
 margin: 0 auto; 
 padding: 0 7px;
}

* html #container{
	background-image: none;
	background-color:#eaeaea;
	padding: 0px;
}

/*-----------------------------------------------------------------------------
    Header
----------------------------------------------------------------------------- */

#header{
 height:80px;
 background-color:#eaeaea;
 padding-top:25px;
 padding-left: 40px;
}

#header span{
	float: right;
	text-align: right;
	margin-right: 10px;
	font-size: 1.2em;
}

#header span a{
	color:#5a5a5a;	
}

#header h1{
 background: url(images/layout-header-logo.jpg) no-repeat;
 width:551px;
 height:56px;
}
#header h1 a{
/* background: url(../images_layout/layout-header-logo.jpg) no-repeat;*/
 width:551px;
 height:56px;
 display: block;
 /* hide from IE Mac \*/
 text-indent: -999em;
 overflow: hidden;
 /* end hide */
}
* html > body #header h1 a {
   letter-spacing: -999em;
}

/*-----------------------------------------------------------------------------
    Banner
----------------------------------------------------------------------------- */

#banner{
	height: 177px;	
	padding:0px;
	
}
#banner.generic{
	background-image: url(images/layout-banner-home.jpg);
	background-repeat: no-repeat;
}

#banner.home{
	background-image: url(images/layout-banner-home.jpg);
    background-repeat:	no-repeat;	
}

#banner.concert-season{
	background-image: url(images/layout-banner-concert-season.jpg);
    background-repeat: no-repeat;	
}
*html #container div.generic.concert-season{
	background-image: url(images/layout-banner-concert-season.jpg);
	background-repeat: no-repeat;	
}

#banner.special-events{
	background: url(images/layout-banner-special-events.jpg) no-repeat;	
}
*html #container div.generic.special-events{
	background-image: url(images/layout-banner-special-events.jpg);
	background-repeat: no-repeat;	
}
#banner.about{
	background: url(images/layout-banner-about.jpg) no-repeat;	
}
*html #container div.generic.about{
	background-image: url(images/layout-banner-about.jpg);
	background-repeat: no-repeat;	
}
#banner.support{
	background: url(images/layout-banner-support.jpg) no-repeat;	
}
*html #container div.generic.support{
	background-image: url(images/layout-banner-support.jpg);
	background-repeat: no-repeat;	
}
#banner.contact{
	background: url(images/layout-banner-contact.jpg) no-repeat;	
}
*html #container div.generic.contact{
	background-image: url(images/layout-banner-contact.jpg);
	background-repeat: no-repeat;	
}


#banner h1{
	width: 312px;
	height: 177px;
	float: right;
	
	text-indent: -999em;
	background: url(images/layout-banner-h1.jpg) no-repeat;		
}
/*-----------------------------------------------------------------------------
   Navigation
----------------------------------------------------------------------------- */

#navigation{
 display:block;
 height:30px;
 font-size:1.3em;
 background-color: #336799;
}

#navigation ul{
 list-style-type:none;
 width:auto;
 margin-left: 22px;
}

#navigation ul li{
 display:block;
 float:left;
 margin:0 1px 0 0;
}

#navigation ul li a{
 display:block;
 float:left;
 text-decoration:none;
 color:#fffeff;
 height:30px;
 padding:6px 20px 0px 20px;
}
* html #navigation ul li a{
	height: 20px;
}

#navigation ul li a:hover, ul li.current a{
 color:#fffeff;
 background: url(images/layout-button-over.jpg) top left no-repeat;
}



#navigation li ul {
	height: auto;
	position: absolute;
	top: 25px;
	left: 0;
	padding: 4px 0px 0px 0px!important;
	margin: 0;					
	display: none;
	background-color: #36689b;
}
#navigation li:hover ul,
#navigation li.over ul {
	display: block;
}

#navigation li {
	float: left;
	position: relative;
}
#navigation  ul li.upon:hover, #navigation ul li.upon.over {
    
	background: url(images/layout-button-over.jpg) top left no-repeat;
}
#navigation li li {
	float: none;
	background-color: #36689b;
	width:145px;
	height: 25px!important;
	padding: 0px !important;
	margin: 0px!important;
	border-top:1px solid #6187ae;
	text-transform:none;
	border-right:0px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	
}

#navigation li li a.over {
	background: none;
	color: #a5a7a4;
}

#navigation li li a {
    background: none;
	 line-height: 25px;
	 padding: 0 10px 0 10px!important;
	 display: block;
	 color: #FFFFFF!important;
	 height: 20px!important;
    margin: 0px;
	
	
}

#navigation li li a:hover {
    background: none;
    text-decoration:none;
	 color: #a5a7a4!important;
}

/*-----------------------------------------------------------------------------
    Content
----------------------------------------------------------------------------- */

#content{
 background-color:#eaeaea;
 width:930px;
 padding-left:12px;
 min-height: 600px;
 margin-bottom: 50px;	
}
* html #content{
	margin-bottom: 50px;	
}
#main-content{
 width:530px;
 float: left;
 margin-left:30px;
 margin-bottom: 50px;	
 padding-top:20px;
 padding-right: 75px;
 background:  url(images/layout-sidebar-border.jpg) top right no-repeat;
 min-height: 600px;
}
*html #main-content{
	width:500px;
	height: 500px;
}
#main-content h3{
 color:#525252;
 background:  url(images/layout-content-h2-underline.jpg) bottom left no-repeat;
 font-size:1.8em;
 padding-bottom: 8px;
 text-transform:uppercase;
}

#main-content h4{
 color:#376599;
 font-size:1.4em;
 text-transform:uppercase;
 margin-top:20px;
}

#main-content h5{
 font-size:1.4em;
 margin-top:15px;
}

#main-content h6{
 color:#376599;
 font-size:1.7em;
 text-transform:uppercase;
 margin-top:20px;
}

#main-content p{
 margin-top:18px;
 font-size:1.2em;
}

#main-content p a{
	 color:#376599;
	 text-decoration: underline;
}

#main-content p span{
	display: block;
}

#main-content img.signature{
	margin-top: 15px;
}

#main-content img.left{
	float: left;
	margin-top: 15px;
}
#main-content img.left span{
	display: block;
}

#main-content img.right{
	float: right;
	margin-left: 90px;
}
* html #main-content img.right{
	margin-left:70px;
}

#main-content img.left-border{
	float: left;
	margin: 20px 10px 5px 0px;
	border: 4px solid #ffffff;
}

#main-content img.right-border{
	float: right;
	margin: 20px 0px 5px 10px;
	border: 4px solid #ffffff;
}

#main-content div.blog{
	/*border-bottom: 1px solid #376599;*/
	background: url(images/layout-blogbar.jpg) left bottom no-repeat;
	margin: 5px;
	padding-bottom: 10px;
}

#main-content ul {
	margin-left: 20px;
	padding-top:10px;
	font-size:1.2em;
	list-style: circle inside lower-alpha;
}
#main-content ul li {
	margin: 2px 5px;
}
#main-content div.post p{
	
}
#main-content form{
	font-size: 1em;
	width: 300px;
	text-align: left;
	display:block;
	margin-bottom: 30px;
	margin-top: 10px;
	
	
}

#main-content input{
	width: 100px;
	float: left;
	
	
	
}
#main-content select{
	/*width: 300px;*/
	/*float: left;*/
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1em;
	color:#376599;
	
}
#subscribe-button{
   background: #376599;
   width: 55px!important;
   cursor: pointer;
   color: #FFFFFF;
}
#main-content div.post form{
	font-size: 1.2em;
	width: 300px;
	text-align: left;
	display:block;
	margin-bottom: 30px;
	margin-top: 10px;
	
	
}

#main-content div.post input{
	width: 100px;
	float: left;
	
	
	
}
#main-content div.post select{
	/*width: 300px;*/
	/*float: left;*/
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1em;
	color:#376599;
	
}
/*-----------------------------------------------------------------------------
    SideBar
----------------------------------------------------------------------------- */

#sidebar{
	width: 270px;
   float: left;
   padding-left: 10px;
}

#sidebar h3{
 color:#525252;
 margin-top:20px;
 background:  url(images/layout-sidebar-h2-underline.jpg) bottom left no-repeat;
 font-size:1.8em;
 padding-bottom: 8px;
 text-transform:uppercase;
}
#sidebar div.textwidget p{
 margin: 5px;
 font-size: 1.2em;
}
#sidebar div.textwidget a{
  /*margin: 5px;*/
 /*font-size: 1.2em;*/
 /*text-decoration: none;
	color: #777777;*/
	 color:#376599;
	 text-decoration: underline;
}

#sidebar div.post{
	margin: 15px 0px 45px 0px;
}
#sidebar div.post h4{
	font-weight: bold;
	font-size:1.2em;
	padding: 12px 0px;
}
#sidebar div.post p{
	padding-bottom: 12px;
	font-size:1.2em;
}

#sidebar div.post p span{
	display: block;
}

#sidebar div.post a{
	 color:#376599;
	 text-decoration: underline;
}

#sidebar ul{
	font-size: 1.3em;
}
#sidebar ul li{
	list-style: none;
	background: url(images/layout-sidebar-ul-li.jpg) 0px 3px no-repeat;
	border-bottom: 1px solid #bcc8d4;
	padding-left: 15px;
	margin-top: 8px;
	padding-bottom: 8px;
}
#sidebar ul li a{
	text-decoration: none;
	color: #777777;
}

#sidebar img{
	border: 3px solid #ffffff;	
	float: left;
	margin: 0px 7px 0px 0px;
}

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

#footer{
 background-color:#336799;
 height:120px;
 clear:both;
 font-size:1.2em;
 color:#fffeff;
 text-align:center;
}

#footer ul {
	padding-top:20px;
	padding-bottom:10px;
}
#footer ul li {
	list-style: none;
	display: inline;
}

#footer ul li a{
 text-decoration: none;
 color:#fffeff;
}

/*#footer ul li.menuline1 a {
	padding:0px 10px;
	border-right: 1px solid #32322d;
}

#footer ul li.menuline2 a {
	padding:0px 10px;
}
*/
#footer ul li:before { color: #fffeff; content: "|  "; padding: 0px 2px 0px 2px;}
#footer ul li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
*:first-child+html #footer ul li
{
border-left: 1px solid #fffeff;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}
*:first-child+html #footer ul li:first-child { border-left: 0; border-left: none; }
*html #footer ul li
{
border-left: 1px solid #fffeff;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
*html #footer ul { height: 1%; }

/*End hide*/
/*Mac IE 5*/
*html #footer ul li:first-child { border-left: 0; border-left: none; }
*html #footer ul li.first{
	border: none;
}
#footer img{
	margin-top:5px;
}

/* Misc */
.ddsg-wrapper{
 
}
.ddsg-wrapper h2{
  font-size: 1.4em;
}
.ddsg-wrapper a:hover {
	color:#CACACA;
	text-decoration:none;
}
.ddsg-wrapper a, a:link, a:visited {
	color:#858585;
	text-decoration:none;
}
.ddsg-wrapper ul li ul{
   font-size: 1.1em;
}
.ddsg-wrapper ul li ul li{
  font-size: .9em;
}
.ddsg-pagenav{
 font-size: 1.1em;
 text-align: right;
 margin-right: 20px;
}