/* Global definitions */

* {padding: 0px; margin: 0px; border: none; text-decoration: none;}
body {background-color: #fff8f0;}
a {color: black;}
a:hover {background-color: #ff8cc8;}
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: #a72267; 
  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_couple.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: 80px; left: 170px;}
div.shhhh {position: absolute; top: 0px; left: 0px;}
div.shhhh a:hover {background-color: transparent;}
/* 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: 20px; margin-left: 47px; font-size: 10px; color: black; letter-spacing: -0.2px; text-transform: uppercase; padding-bottom: 33px;}
span.menu {border-bottom: 1px solid #a72267; 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: #a72267; letter-spacing: .01em;}
div.frontcontent img {margin-bottom: 2px;}
a.bestoflink {color:#a72267; 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: 423px; padding-left: 50px; padding-bottom: 20px;}
div.vendorlist p {line-height: 25px; padding-left: 73px; font-size: 12px;}
div.vendorlist p strong {font-size: 14px; font-weight: normal;}
div.vendorlist img {margin-left: 73px;}
div.vendorlist img#logo {padding-top: 25px;}
div.vendor {background-color: #a72267; height: 35px; width: 1px; margin-top: 20px; margin-bottom: 20px; margin-left: 238px; line-height: 0px; font-size: 12px; color: black; font-family: Helvetica, Trebuchet, Verdana, Arial;}
div.vendorname {position: absolute; height: 35px; width: 200px; left: 10px; top: 2px; line-height: 15px;}
div.vendorname:hover {background-color: #ff8cc8;}
p.BizName {font-weight: bold;}
div.vendorlogo {position: absolute; height: 40px; width: 200px; right: 10px; top: 0px; text-align: right;
  background-repeat: no-repeat; background-position: right top;}
div.vendorlogo:hover {border-bottom: 1px solid #a72267;}
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;}
div.spotlight {height: 185px; width: 290px; border: solid 1px #a72267; margin-top: 40px; margin-bottom: 50px;}
div.spotlight img {border-right: solid 1px #a72267;}
div.spotlightwords {position: absolute; top: 0px; right: 0px; width: 165px; text-align: center; font-size: 14px; text-transform: uppercase; color: white; background-color: #a72267; padding-top: 5px; padding-bottom: 5px;}
div.spotlightinfo {position: absolute; top: 34px; left: 135px;}
p.businessname {color: #a72267; font-size: 16px; font-weight: normal; padding-bottom: 10px;}
p.webaddress a {color: #a72267;}
div.spotlightinfo a {color: #a72267;}
/*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;}
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: #a72267;}
ol.splitfloat li {float: left;}
ol.halfcol {width: 360px; float: left; padding-bottom: 10px;}

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

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

/*Secret Discounts Page */
div.frontcontent#secret {width: 720px;}
p.center#header {font-size: 20px;}
div.clear#secrets {height: 20px;}
div.secretleft {float: left; width: 360px;}
div.secretright {float: right; width: 360px;}
div.secretleft p {padding-top: 10px; padding-bottom: 10px;}
div.secretleft p a {color:#a72267; font-size: 12px;}
div.secretleft p.center a {font-weight: bold; font-size: 14px; color: black;}
div.secretright p {padding-top: 10px; padding-bottom: 10px;}
div.secretright p a {color:#a72267; font-size: 12px;}
div.secretright p.center a {font-weight: bold; font-size: 14px; color: black;}