/* WHOLE PAGE
 * There are some style elements common to the whole page, including title
 * bar, main content, and footer
 */
body { 
       font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
       background-color: white; 
       margin: 0px;
       margin-top: 10px;
 }

/* HEADER
 * This area contains the styles used to in the Jazzmaster
 * Workout header and navigation menu.
 */

/* Title "The Jazzmaster Workout"*/
.header h1 { font-size: 16px; 
     font-weight: 900;
     line-height: 16px;
     margin: 0px;
     }

.indexpage h1{font-size: 20px;
	      font-weight: 900; 
	      line-height: 24px;
	      top-margin: 20px;
	      bottom-margin: 20px;
	      color: #cb5329;
     }


/* Subtitle "An Improvizations Practice Method..."*/
.header h2 { font-size: 12px;  
     font-weight: 200;  
     line-height: 12px;
     margin: 0px;
     } 

.indexpage h2 { font-size: 15px;
     font-weight: 200; 
     line-height: 16px;
     bottom-margin: 10px;;
     }

.feastbay h2 {
  font-size: 11px;  
  font-weight: bold;  
  line-height: 14px;
  color: #5d6983
  margin: 0px;
}

/* Jazzmaster Workout in the East Bay */
.eastbayheader {
  font-size: 16px;
  font-weight: 900;
  color: white;
  margin: 0px;
  background:  #5d6983;
}

.eastbaywhite {
  font-size: 16px;
  font-weight: 900;
  margin: 0px;
  background: white;
}


.eastbay {
 background: #d1d7e4;
/* #e2cda7; */
}

.eastbayaddress {
  font-size: 13px;
  font-weight: bold;
  color: #5d6983;
  line-height: 15px;
  margin-bottom: 0px;
  margin-top: 0px;
}


/* Used for search engine target text on bottom of indexpage */
.subdued { font-size: smaller;
	   color: #919191;}
.subdued a:link, .subdued a:visited  {  text-decoration: none; 
					color: #919191; }
	   

.logo {
      vertical-align: top;
}

img {
    border: 0px;
    display: block;
}


/* Navagation item links */
a.navitem, a.localnavitem 
          { text-decoration: none; 
	    font-size: 11px; 
            font-weight: normal; 
            line-height: 14px; }


/* "Order Now" link, and "Shopping Cart" */
a.saleitem, a.cartitem 
	   { text-decoration: none; 
	     font-size: 12px; 
             font-weight: bold; 
             line-height: 15px; 
	   }

	   
/* Link Colors */
a.navitem:link, a.navitem:visited  { color: #919191; }
a.navitem:hover  { color: #cb5329; }

a.localnavitem:link, a.localnavitem:visited  { color: #5d6983; }
a.localnavitem:hover  { color: #cb5329; }

a.saleitem:link, a.saleitem:visited  { color: #87371b; }
a.saleitem:hover  { color: #cb5329; }

a.cartitem:link, a.cartitem:visited  { color: #919191; }
a.cartitem:hover  { color: #cb5329; }

/* Place in the <td> around a form to omit unwanted space below the image */
/* May not be used anymore... it was causing us to lose our text, 'Key:' */
.form-no-gap {font-size:0px;}

/* The borders visible on the page use the trick of being one pixel thick
   cells within a table. The background color is deifned here.
/* .header td.border { background-color=black; } */


/* CONTENT
 * This is the styling for any content within the page.
 */
h1 { 
     font-size: 18px; 
     font-weight: 600;
}

h2 { 
     font-size: 15px; 
     font-weight: bold;
}

h3 { 
     font-size: 14px; 
     font-weight: bold;
}

.verycompact {
     	  margin-bottom: 0px;
     	  margin-top: 0px;

}
.compact { 
	  margin-bottom: 0px;
}


.subtitle { 
	  margin-top: 0px;
}

.content { text-align: left; 
	   font-size: 14px; 
	   vertical-align: top;}

/* For nicer looking tables in most places, works best with cellspacing="0" */
.bordered {
	  border: 1px solid;
	}

.bordered td {border: 1px solid silver;
	      padding: 5px;
	      text-align: top;
}


/* The order page */
.orderbordered { border: thin solid grey;}
.description { color: #87371b;}
.grey { color: #919191;}

td.details{
  width: 650px;
  vertical-align: top;
}

td.thumbnail{
  width: 120px;
  vertical-align: center;
  text-align: left;
}

td.itemtitle{
  vertical-align: top;
  text-align: left;
}


/* The two different types of items */
.shippingitem td.thumbnail{
  height: 100px;
}

.shippingitem td.bordered {
  height: 100px;
  background-color: #EEEEEE;
}

.shippingitem h4 {
  font-size: 12px; 
  font-weight: bold;
}

.shippingitem .itemtitle { 
  color: #333333;
}

.shippingitem .description { 
  color: #333333;
  font-size: 12px;
}

.salesitem td.thumbnail,
.salesitem td.bordered {
  height: 120px;
}


/* 
 *For callouts on the endorsements page 
 */
.callouts{
  color: #87371b;  
  font-weight: bold;
}

}

/* 
 * Add an italic correction.
 */
cite {padding-right: 0.2em}


/* FOOTER
 * Style for the footer which points to the other Nightbird pages.
 */
.footer { 
          color: #919191; 
          font-size: 10px; 
          font-weight: normal; 
          line-height: 14px; 
          text-align: right;
          }