/* Global definitions */

* {padding: 0px; margin: 0px; border: none; text-decoration: none;}
body {background-color: #fff8f0;}
a {color: black;}
a:hover {background-color: #cfecd4;}
div {position: relative;}
div.clear {clear: both;}

/* Wrapper definitions - the main bounding box of the page */
div.wrapper {margin-top: 5px; width: 820px; margin-left: auto; margin-right: auto; background-color: #ffffff; color: #11651f; 
  font-family: "Helvetica LT 65 Medium", "Helvetica Neue", Helvetica, "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif; border: 1px solid black;
  }
div.wrapper#frontpage {background-image: url("../images/faded_film.jpg");
  background-repeat: no-repeat;
  background-position: right top; line-height: 0px;}
  
div.wrapper#biopage {background-image: url("../images/biobg.jpg");
  background-repeat: no-repeat;
  background-position: left bottom; }
  
img.quote {position: absolute; top: 55px; left: 120px;}
  
/* Menu and heading definitions */

div.mainheading {margin-top: 65px; margin-left: 47px;}
div.mainheading a:hover {background-color: transparent;}
div.wrapper#frontpage div.mainheading {margin-top: 185px;}
div.menu {margin-bottom: 10px;margin-top: 11px; margin-left: 47px; font-size: 10px; color: black; letter-spacing: -0.2px; text-transform: uppercase; padding-bottom: 33px;}
span.menu {border-bottom: 1px solid #11651f; padding-bottom: 3px;}
span.menu span {margin-left: 4px; margin-right: 3px;}


/* Front page content */
div.frontcontent {margin-left: 47px; width: 300px; float: left; font-size: 12px; line-height: 14px; color: black; font-family: Helvetica, Trebuchet, Verdana, Arial;}
div.frontcontent#songlist {width: 720px;}
div.frontcontent p {margin-bottom: 7px; margin-right: 20px; }
div.frontcontent strong {font-size: 14px; color: #11651f; letter-spacing: .01em;}
div.frontcontent img {margin-bottom: 2px;}
a.bestoflink {color:#11651f; font-size: 11px; font-weight: bold; line-height: 12px;}
a.bestoflink:hover {background-color: transparent; text-decoration: underline;}


/* Vendor List */

div.vendorlist {float: right; width: 473px;}
div.vendorlist img#vendors {margin-left: 153px;}
div.vendor {margin-top: 20px; margin-bottom: 20px; line-height: 0px; font-size: 12px; color: black; font-family: Helvetica, Trebuchet, Verdana, Arial; width: 473px; min-height: 40px;}
div.vendorbar {background-color: #11651f; height: 100%; width: 1px; position: absolute; top: 0px; left: 238px;}
div.vendorname {position: relative; width: 200px; margin-left: 248px; line-height: 15px; padding-top: 5px; padding-bottom: 5px;}
div.vendorname:hover {background-color: #cfecd4;}
p.BizName {font-weight: bold;}
div.vendorlogo {position: absolute; height: 100%; width: 200px; right: 245px; text-align: right; top: 0px;
  background-repeat: no-repeat; background-position: 100% 50%;}
div.vendorlogo:hover {border-bottom: 1px solid #11651f;}
div.vendorlogo a:hover {background-color: transparent;}
div.vendorlogo a {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2;}

/*Bio Page */
div.biowrapper {margin-left: 100px;font-family: Helvetica, Trebuchet, Verdana, Arial;}
div.logoim a:hover {background-color: transparent;}
div.spotlightname {font-size: 25px; margin-top: 15px; font-weight: normal; margin-right: 100px;}
div.spotlightinfo {color: black; margin-top: 5px; font-size: 12px; font-weight: bold; letter-spacing: .02em;}
div.spotlightinfo span {margin-left: 6px; margin-right: 5px;}
div.bio {margin-top: 20px; padding-bottom: 45px; color: black; margin-right: 100px; font-size: 12px;}
div.bio img {float: left; border: 1px solid black; margin-right: 10px; margin-bottom: 10px;}
div.bio p {margin-bottom: 5px;}

/*Song List Page */
p.center {text-align: center;}
div.frontcontent#songlist li {width: 360px;}
div.frontcontent#songlist ol {padding-bottom: 10px;}
div.frontcontent#songlist {float: none;}
div.frontcontent#songlist p.center {font-weight: bold; color: #11651f;}
ol.splitfloat li {float: left;}
ol.halfcol {width: 360px; float: left; padding-bottom: 10px;}

/*Planning Page */
div.frontcontent#planning a{color: #11651f;}

/*Availability Page */
div.frontcontent#availability {float: none; width: 720px;}
form {text-align: left; font-style: normal;}
form fieldset {background: #cfecd4; padding-top: 10px; padding-right: 10px; padding-left: 10px; width: 430px; margin-bottom: 10px; border: 1px solid #11651f;}
form fieldset legend {font-size: 12px; color: #11651f; text-transform: uppercase; background: #dbfbe0; border: 1px solid #11651f; padding: 5px;}
form input {width: 430px; background: white; margin-bottom: 10px; border: 1px solid #64a16e;}
form textarea {width: 430px; bacgkround: white; margin-bottom: 10px; border: 1px solid #64a16e;}
input#submit{width: 160px; border: 3px double #11651f;font-size: 18px; text-transform: uppercase; background: #dbfbe0; color: #11651f;}
label {display: block; padding-bottom: 5px;}