/* Basic CSS */
body { background: #ffffff url(http://www.hilarykingman.com/images/bk_transparency.png) no-repeat top left fixed; width: 100%; margin: 0; padding: 0; font-size: 1em; font-family: Arial, Verdana, Georgia, san-serif; }

/* Index Navigation */
.nav { display: inline; padding: 25px; margin: 0 0 0 1em; font-family: "Comic Sans", "Comic Sans MS", cursive; font-weight: bold;  font-size: 200%; }
#navbio { position: absolute; left: 550px;  top: 25px;  }
#navmusic  { position: absolute; left:600px; top: 125px;  }
#navnews { position: absolute; left: 650px; top: 225px;  }
#navcontact  { position: absolute; left: 600px; top: 325px;}
#navhome    { position: absolute; left: 550px; top: 425px; }

/* Positioning */
#content {position: absolute; left: 400px;  top: 50px; background: transparent; color: inherit; width: 60%;  }
.main {width: 60%; position: relative;  padding: 10px; }
.center { text-align: center; }

/* Heading */
.title {text-align: center; margin-right: auto; margin-left: auto; font-family:  "Lucida Calligraphy", "Comic Sans", "Comic Sans MS", cursive; font-weight: bold;  font-size: 200%; color: #006600; background: transparent; top: 70px; padding: 30px;}

/* Font Styles */
p {font-size: .90em; }
p.bio { line-height: 1.53em; margin:0 0 .769em; padding: 10px; font-weight: 500;}
p.first  { text-indent: 20px; text-align: justify;  }
p.first:first-letter {color:#006600; font-size: 250%; font-family: "Lucida Calligraphy", "Viner Hand ITC", Herculanum, "Handwriting-Dakota", "Apple Chancery", cursive;}
.small {font-size: 90%;}
.h4 { color: #aa77aa; font-size: 115%; font-weight: bold; margin-bottom: 0;}

/* Navigation */
#navbar { position: relative; height: auto; top: 10px; left: 450px; display:inline; white-space: nowrap; font-family: "Comic Sans", "Comic Sans MS", cursive; font-size: 1.20em; font-weight: bold;  }
#navbar ul  {  display: inline;   white-space: nowrap;   }
#navbar li  {  display: inline;  white-space: nowrap;  padding-left: 20px;}
#navbar a:link {color: #bdbdbd; background: transparent; }
#navbar a:hover {color: #000000; background: transparent; }

/* Bio Expanding Pics */
#rightpics  { top: 0; position: relative; float: right; padding-right: 20px; }
.biopics { padding: 10px 0; }
#bio {width:325px;height:325px;position:absolute; top: 50px; left: 125px;  padding-top:7px;padding-left:5px;display:none;opacity:1.0;}

/* Cart Styles */
#mainbody { width: 80%; }
.cartmain {width: 100%; position: relative;  float: right;  }
.songatrib { font-size: 80%; font-style: italic; }
p.lyrics { font-size: 90%; text-align: center; background: transparent; color: #aa77aa;}
.lyrictitle { color: #bdbdbd; background: transparent; }
.lyrics_link, .lyrics_link a:link, .lyrics_link a:visited, .lyrics_link a:hover { color: #000000; background: transparent; font-size: 70%; text-align: center;}
#content .item_title {text-align: center; margin-right: auto; margin-left: auto; font-family:  "Comic Sans", "Comic Sans MS","Lucida Calligraphy",  cursive; font-weight: bold;  font-size: 90%;  color: #006600; background: transparent;   }
.thumbnailimage { width: 150px; height: 150px; border: 0; border-collapse: collapse; vertical-align: top;}
.cd_title, .item_title { text-align: center; margin-right: auto; margin-left: auto; font-family:  "Comic Sans", "Comic Sans MS","Lucida Calligraphy",  cursive; font-weight: bold;  font-size: 115%; color: #006600; /* background: #aa77aa; */ border-top: 3px groove #aa77aa; border-bottom: 3px groove #aa77aa; }
.cover img { border: 10px solid #aa77aa; }
.cover { padding: 0 0 20px 0; }
p.songlist  { font-size: 90%; font-weight: bold; padding: 5px 10px; margin: 0; white-space: nowrap;}
.songtitle {text-align: center; margin-right: auto; margin-left: auto; }
.breadcrumb { }
.songtitle, .breadcrumb {font-family:  "Comic Sans", "Comic Sans MS","Lucida Calligraphy",  cursive; font-weight: bold;  font-size: 1em;  color: #006600; background: transparent;   }
p.songlist_later { display: none; }
.songlisttd { width: 350px;  border-collapse: collapse; vertical-align: top;}
.img_cell { width: 80px; border-collapse: collapse; vertical-align: top;}
.add2cart {vertical-align: top; }
.listen, .listen a:link, .listen a:visited { font-weight: bold; font-size: 70%; padding-left: 10px; }
.runtime { color: #bdbdbd; background: transparent; font-size: 90%; padding-left: 20px; text-align: right; }
a img { border: 0; }
.price { text-align: center; padding-bottom: 20px;}
.price_detail { }
.price, .price_detail { font-size: 80%; font-weight: bold; color: #006600; background: transparent; }
.content_table {  border-spacing: 0; border-collapse: collapse; width: 550px; margin-right: 50px;  background: transparent; position: relative; }
.content_outline { float: right;   }
.cart_summary { float: right; top: 0; padding: 0; margin: 0; border-collapse: collapse; border-spacing: 0; }
.cart_detail {text-align: left; border: 0; border-collapse: collapse; border-spacing: 0;}
.cart_cell { width: 10px; }
.top { vertical-align: top;}
.paypalgif { text-align: center; margin-right: auto; margin-left: auto; border: 0; border-collapse: collapse; padding: 10px;}
#navigation {	float: right; width: 190px; margin-top: 35px;	margin-left: 4px; margin-bottom: 12px;}
#navigation ul {	list-style: none; margin: 0; padding: 0; border: none;}
#navigation li {	width: 180px; border-bottom: 2px solid #ffffff; margin: 0; padding: 0;	font-size: 80%; vertical-align: bottom; background-color: #606072;}
#navigation a:link, #navigation a:visited {	display: block; text-decoration: none; font-family: Verdana,	Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;	padding: 4px 3px 5px 9px;}
#navigation a:hover {	background-color: #9c9cec; color: #000000;}
#navigation .cart_summary {	font-size:80%; font-weight: bold; padding: 5px; margin: 5px;}
#navigation .mostpopular {	font-size:80%; font-weight:bold; padding-right: 5px; padding-left: 5px;}
#navigation .subnav {	margin-left:10px; font-size:70%;}
#navigation .inputbox {	color : #000000; background : #FFFFFF; border-color : #000000; border-top :	1px solid; border-bottom : 1px solid; border-left : 1px solid; border-right	: 1px solid; width:100px;}
#navigation .search_query, #navigation .cart_summary {	padding-left:10px;}
.cart_td {width: 170px; }
.fieldset {margin: 0; padding: 0; border: none; vertical-align: top;}
.pageno { display: none; }
.checkouttext { font-size: 80%; font-weight: bold; width: 80%; margin-left: 30px;}

/* Footer */
#footer { clear: both;  position: relative; padding: 20px 0 30px 0; text-align: right; }
#footer ul, #footer li { display: inline; white-space: nowrap; list-style-type: none; }
#footer li { padding: 5px 5px; }
.dandyid { position: relative; float:right; padding-bottom: 10px;}
.copyright { color: #bdbdbd; background: transparent;  font-size: .75em; padding: 0 10px;}
.copyright a:link { color: #bdbdbd; background: transparent;}
.copyright a:visited { color: #aa77aa; background: transparent;}
.copyright a:hover { color: #000000; background: transparent;}

/* contact links (Social Media Links) */
.contactlinks { float: right; top: 0;  width: 20%; margin-left: 20px;}
.contactlinks img {border: 0;  }

/* contact form */
#contactwrapper {width:600px;margin:0 auto; }
.message {background:#aa77aa; color:#000000; border: 1px solid #000000; display:none;width:375px;padding:10px;}
.contact {text-align:right; width: 80%;}
.contact ul {list-style-type:none;width:390px;}
.contact li {list-style-type:none; padding-bottom: 30px;}
.contact li.special {display:none;}
.submitbutton a:active, .submitbutton a:focus { outline: none; }
.contact input {width:260px;}
.contact textarea {width:260px;}
p.contact {text-align: center; }
#contactForm { padding-right: 30px; font-family: "Comic Sans", "Comic Sans MS", cursive; font-size: 1.0em;  }

/* Artist Credits */
.credittitle { font-weight: bold; font-size: 1.15em; color: #006600; padding: 0;}
.credittitle_lrg {font-size: 1.50em; color: #aa77aa; }

/* Colors */

/* Clearfix */
.clearfix:after { content: ".";  display: block;  height: 0;  clear: both; visibility: hidden;}
.clearfix { display: block;}
html[xmlns] .clearfix { display: block;}
* html .clearfix {height: 1%;} /* Hides from IE-mac \*/
.clear {clear:both; }

/* Links */
a:link {text-decoration: none; color: #bdbdbd; background: transparent; }
a:visited {text-decoration: none; color: #aa77aa; background: transparent; }
a:hover { color: #000000; text-decoration: none; background: transparent; }
a:active, a:focus { outline: none; }
a img { border: none; outline: none; }