/*
Title: Bruce Pearson Music
Copyright: (c) 2008
Author: Dennis J. Fesemyer
Company: Fezlab
Description: Main Site Controls
*/

/* basics
-------------------------------------------------------- */

a  {
   color: #5869ba;
   text-decoration: none;
   }

   a:hover {
      color: #5869ba;
      text-decoration: underline;
      }

      a:visited {
      	color: #5869ba;
         text-decoration: underline;
         }
         
       a:visited:hover {
         text-decoration: none;
         }

p {
   margin: 0 0 15px 0;
   }
   
table {
	border-collapse:collapse;
	border-spacing:0;
   }

strong {
   font-weight: bold;
   }
   
ul,ol {
	padding: 0px 15px;
	margin: 5px 0 20px 0;
	}
	 
ul.nospace {
	padding: 0; margin: 5px 0 20px 0;
	list-style-type: none;
	}
	
li {
	margin-bottom: 3px;	
	}

ul.songlist {
	border-top: 1px solid #666;
	margin: 0 0 20px 0;
	padding-top: 5px;
	}
	
ul.songlist li {
	vertical-align: top;
	padding: 0;
	padding: 5px 0;
	border-bottom: 1px solid #efefef;
	}

blockquote {
	font-style: italic;
	font-size: 110%;
	line-height: 130%;
	margin: 20px 10px 0 10px;
	padding: 10px;
	border-top: 1px dotted #ccc;
	color: #666;
	}
	
	.credit {
		display: block;
		margin: 10px 0 0 0;
		font: bold 10px/13px georgia, serif; color: #333;
		text-transform: uppercase;
		letter-spacing: .05em;
		}
		

em {
   font-style: italic;
   }

img {
   border: 0;
   display: block;
   }

hr {
   border: 0; border-top: 1px solid #ccc;
   display: block;
   height: 1px;
	width: 100%;
   }
   
h1 {
   font: normal 24px/24px georgia, times, serif; color: #333366;
   margin: 30px 0 0 0;
   padding-bottom: 5px;
   width: 760px;
   }
   
h2 {
   font: bold 18px/24px helvetica, arial, sans-serif; color: #333;
   margin: 0 0 20px 0;
   padding: 0;
   }
   
h3 {
   font: bold 14px/18px helvetica, arial, sans-serif; color: #333;
   margin: 0 0 10px 0; padding: 0;
   clear: both;
   }
   
h4 {
   font: bold 12px/17px arial, helvetica, sans-serif; color: #333366;
   margin:0;
   padding: 0;
   }

/* layout
-------------------------------------------------------- */


body {
   background: #ead9bc url(/images/bpm-bg.gif) top left repeat-x;
   font: normal 10px/14px arial, verdana, sans-serif; color: #333;    
   margin: 0; padding: 0;
   text-align: center;
   width: 100%;
   }

#container {
   background-color: #fff;
   margin: 0 auto;
   padding: 0;
   text-align: left;
   width: 780px;
   }


/* float clearing
-------------------------------------------------------- */

.clearfix:after {
   content: ".";
   clear: both;
   display: block;
   height: 0;
   visibility: hidden;
   }


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

#bpm-header {
   display: block;
   background: transparent url(/images/header-bg.gif) top left no-repeat;
   margin: 0;
   padding: 0;
   width: 780px;
   height: 123px;
   }
   
   #logo {
      float: left;
      font-size: 1em;
      height: 123px;
      margin: 0;
      padding: 0;
      width: 352px;
      }
      
   #logo a {
      background: url(/images/bpm-logo.gif) top left no-repeat;
      color: #fff;
      display: block;
      height: 123px;
      outline: none;
      text-decoration: none;
      text-indent: -9999px;
      width: 352px;
      }

      #logo a:hover {
         text-decoration: none;
         }

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

#container2 {
   margin: 0;
   padding: 0 10px 20px 10px;
   text-align: left;
   width: 780px;
   width/**/:/**/ 760px;
   background-color: #fff;
   }
   
   #content {
      border-top: 1px solid #333366;
      font: 12px/17px georgia, serif;
      float: left;
      width: 510px;
      padding: 5px 0 0 0;
      }
      
      .breadcrumb {
         font: normal 11px/11px arial, sans-serif; color: #666;
         display: block;
         margin: 0 0 30px 0;
         }
         
         .breadcrumb a,
         .breadcrumb a:visited {
            font-style: italic; color: #ccc;
            text-decoration: none;
            }
                  
            .breadcrumb a:hover {
               text-decoration: underline;
               color: #ccc;
               }
               
   .left-float {
   	clear: both;
   	float: left;
   	margin: 5px 15px 15px 0;
   	}
   	
   .right-float {
   	clear: both;
   	float: right;
   	margin: 5px 0 15px 15px;
   	}
   	

   #sidebar {
      border-top: 1px solid #333366;
      float: right;
      width: 240px;
      margin: 0; padding: 0;
      }
      
      body.articles #sidebar,
      body.contact #sidebar,
      body.about #sidebar {
         border: none;
         float: right;
         width: 240px;
         margin: 0; padding: 0;
         }


/* Homepage 
-------------------------------------------------------- */
      #homecontent {
         font: 12px/17px georgia, serif; color: #333;
         float: left;
         width: 510px;
         padding: 0;
         }
         
      #homesidebar {
         float: right;
         width: 240px;
         margin: 0; padding: 0;
         }
         
      #branding {
         margin: 10px 0 20px 0;
         padding: 0;
         display: block;
         width: 760px;
         height: 153px;
         overflow: hidden;
         }
         
      #hp-body {
         height: 1%; /* hollyhack */
         background: #fff url(/images/hp-body-bg.gif) top left repeat-y;
         }



/* Promos
-------------------------------------------------------- */

#hp-promos {
   width: 500px;
   display: block;
   margin: 20px 0 0 0; padding: 0;
   background: #fff url(/images/hp-promos-bg.gif) top left repeat-y;
   }
   
   .promo-left {
      width: 240px;
      float: left;
      margin-right: 20px;
      }
      
   .promo-right {
      width: 240px;
      float: right;
      }


#ipawebsite,
#bp-clinics,
#latestreleases {
   display: block;
   background-color: #f3eee6;
   margin: 0 0 10px 0; padding: 0;
   font: normal 11px/13px arial, sans-serif; color: #333;
   }
   
  
.promo-module {
	display: block;
   background-color: #f3eee6;
   margin: 0 0 10px 0; padding: 0;
   font: normal 11px/13px arial, sans-serif; color: #333;
   }
  
   
   #ipawebsite p, 
   #bp-clinics p,
   #latestreleases p,
   .promo-module p   {
      padding: 5px 8px;
      }
      
      .promo-thumb {
         float:right;
         margin: 8px;
         padding: 0;
         }

#interactive {
   background-color: #40509d;
   display: block;
   margin: 0 0 10px 0;
   font: normal 11px/13px arial, sans-serif; color: #fff;
   }  
   
   #interactive .text {
      padding: 10px;
      }
      
           

#purchaseall {
   border-top: 1px solid #333366;
   border-bottom: 1px solid #333366;
   background-color: #40509d;
   display: block;
   padding: 10px;
   margin: 0 0 10px 0;
   }
   
   #interactive h2, 
   #purchaseall h2 {
      font: normal 16px/18px georgia, serif; color: #FC0;
      padding: 0; margin: 0 0 5px 0;
      }
   
   #interactive a,
   #interactive a.visited,
   #purchaseall a,
   #purchaseall a.visited {
         color: #FC0;
         text-decoration: none;
         }
         
         #interactive a:hover,
         #purchaseall a:hover {
            color: #FC0;
            text-decoration: underline;
            }
            
.title {
	display: -moz-inline-box; /* Fixes Firefox */
	display: inline-block;
	font: normal 11px/13px arial, sans-serif;
	margin-right: 10px;
	padding-right: 10px;
	width: 220px;
	width/**/:/**/ 210px;
	}

.hearview {	
	background: #fff url(/images/hearview.gif) 0 0px no-repeat;
	padding: 2px 0 2px 20px;
	height: 25px;
	margin-right: 5px;
	font: normal 10px/18px arial, sans-serif;
	}
	
.hear {	
	background: #fff url(/images/hear.gif) top left no-repeat;
	padding: 2px 0 2px 20px;
	height: 25px;
	margin-right: 5px;
	font: normal 10px/18px arial, sans-serif;
	}




/* form
-------------------------------------------------------- */

			
dl { 
	padding: 0; 
	margin: 0;
	clear: both;
}

dt { 
	width: 460px;
	text-align: left;
	float: left; 
	padding: 0px; margin: 0px;
}

dd { 
	width: 460px;
	text-align:left;
	margin: 0px;
	padding: 0 0 10px 0;
}

dd input.text, dd textarea {
   padding: 5px; 
	text-align:left;
   vertical-align:top;
	width: 460px;
	width/**/:/**/ 442px;
	background: #fff url(/images/form-bg.gif) top left repeat-x;
	border: 3px double #ccc;
	font: normal 12px/15px Arial, Verdana, sans-serif; color:  #333366; 
}

dd input.image {
	float: right;
   vertical-align:top;
}

.required {
	font-weight: bold;
	color: #C00;
	}


/* footer
-------------------------------------------------------- */

#footer {
   background: #333366 url(/images/footer-cap.gif) bottom left no-repeat;
   clear: both;
   font: normal 10px/45px arial, verdana, sans-serif; color: #FC0;
   padding-left: 10px;
   text-align: left; 
   }


#footer a {
   color: #FC0;
   text-decoration: underline;
   }

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