/*-------------------------------------------------

  Tender Loving Empire Stylesheet

  Written by Jeff Feazell

  http://www.jkfeazell.com/

-------------------------------------------------*/



/*  Document Properties */



body {background: url(images/cardboard_bg2.jpg); font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif; font-size: 11px; margin: 0; line-height: 15px;}

p {margin: .7em 0;}

img {border: 0; margin: 0;}

form {margin: 0;}

h1,h2,h3,h4,h5,h6 {font-family: arial black, Arial, sans-serif; font-weight: normal; margin: 0;}

a:link, a:visited {color: #635D45; text-decoration: none;}

a:hover, a:active {color: black;}



/* Layout Components */



#logo {position: absolute; top: 0; left: 15px; width: 960px; height: 126px; background: url(images/tle_header2.gif) no-repeat center;}

#logo a {background: url(images/tle_header2.gif) no-repeat; display: block; width: 960px; height: 126px;}

#sidemenu {position: absolute; left: 15px; top: 131px; width: 273px; height: 647px; background: url(images/menu_bg.gif) no-repeat; padding: 70px 0 0 0; text-align: center;}

#sidemenu img {clear: both; margin: 1px 0;}

#tourdates {position: absolute; left: 21px; top: 780px; width: 250px; background: url(images/parchment.jpg) repeat; text-align: center; padding: 5px 5px 60px 5px;}

#latest1 {position: absolute; left: 290px; top: 130px; width: 228px; height: 168px; background: url(images/brand_new2.gif) no-repeat; text-align: center; padding: 2px;}

#latest2 {position: absolute; left: 520px; top: 130px; width: 228px; height: 168px; background: url(images/brand_new2.gif) no-repeat; text-align: center; padding: 2px;}

#latest3 {position: absolute; left: 750px; top: 130px; width: 228px; height: 168px; background: url(images/brand_new2.gif) no-repeat; text-align: center; padding: 2px;}

table.topboxmain {width: 100%; text-align: center; border: 0;}

#body {position: absolute; top: 310px; left: 293px; width: 662px; background: url(images/parchment.jpg) repeat; padding: 10px 10px 60px 10px;}

#altbody {position: absolute; top: 130px; left: 293px; width: 662px; background: url(images/parchment.jpg) repeat; padding: 10px 10px 90px 10px;}

#footer {position: fixed; bottom: 0; width: 100%; height: 6px; padding: 20px 0; background: url(images/footer_bg.jpg) repeat-x top; font: 14px arial black; color: white; text-align: center;}



/* Body Components */



#altheader {width: 647px; height: 35px; background: url(images/h1_gear.jpg) repeat-x top transparent; padding: 3px 0 0 15px;}

#bodyleft {width: 295px; float: left; border-right: 1px dashed black; background: url(images/h1_bg.jpg) no-repeat top center; margin-bottom: 7px; padding: 3px 10px 0 28px;}

#bodyleft a {color: #630D00; font-weight: bold;} #bodyleft a:hover {color: black; font-weight: bold;}

#bodyright {width: 302px; float: right; background: url(images/h1_bg.jpg) no-repeat top center; margin-bottom: 7px; padding: 3px 0 0 23px;}

#bodyright a {color: #630D00; font-weight: bold;} #bodyright a:hover {color: black; font-weight: bold;}

span.newsdate {font: 11px arial black; color: maroon;}

span.eventname {font-weight: bold; font-size: 16px;} span.eventname a {color: maroon;} span.eventname a:hover {color: black;}

span.sectionheading {font: 16px arial black; color: white;}

.frontnewsitem {border-bottom: 1px dotted black; padding: 5px 0; line-height: 20px; color: black; font-size: 12px; font-family: arial;}



/* Archive Styles */



#archiveheader {height: 32px; background: url(images/h1_bg.jpg) no-repeat top left; font: 16px arial black; color: white; padding-left: 10px; margin-bottom: 10px;}

.archiveitem {padding: 3px 0; border-bottom: 1px dotted black;}



/* Item Page Styles */



span.itemtitle {font-size: 16px; font-family: arial black; color: maroon;}



/* Inline Images */



.leftbox {float: left; margin: 3px 3px 3px 0; display: inline; }

.rightbox {float: right; margin: 3px 0 3px 3px; display: inline;}



/* Tour Dates on Main Page */



#ontourheader {height: 32px; background: url(images/h1_bg.jpg) repeat-x top center; font: 16px arial black; color: white; padding: 3px 0; margin-bottom: 40px;}

.tourdateblock {margin: 10px 0;}

span.tourdate {font-weight: bold; color: orange;}



/* Form Styles */



input.oneline {width: 200px;}

input.phone {width: 80px;}

textarea.multiline {width: 200px; height: 50px; overflow-y: scroll;}



/* Store Styles */



#storelatest1 {position: absolute; left: 290px; top: 130px; width: 228px; height: 168px; background: url(images/brand_new2.gif) no-repeat; text-align: center;}

#storelatest2 {position: absolute; left: 520px; top: 130px; width: 228px; height: 168px; background: url(images/brand_new2.gif) no-repeat; text-align: center;}

#storelatest3 {position: absolute; left: 750px; top: 130px; width: 228px; height: 168px; background: url(images/brand_new2.gif) no-repeat; text-align: center;}

#productheader {width: 647px; height: 35px; background: url(images/h1_gear.jpg) repeat-x top transparent; padding: 3px 0 0 15px; font: bold 13px arial black; color: #fff; margin-bottom: 10px;}

#productheader a {color: white;} #productheader a:visited {color: white;} #productheader a: hover {color: white;}

#productleft {float: left; width: 49%;}

#productright {float: right; width: 49%;}

#productright a {color: #630D00; font-weight: bold;} #productright a:hover {color: black; font-weight: bold;}

#productbottom {clear: both; margin-top: 30px; width: 100%; text-align: center;} #productbottom img {margin: 10px;}

#pricebox {width: 300px; text-align: center;}

#playerbox {width: 300px; text-align: center; margin: 10px 0;}

#storenav {line-height: 20px; font-size: 16px; font-weight: bold;}

#checkoutlink {margin-top: 10px; font-size: 14px; font-weight: bold;}

table.browsetable {width: 100%;}

table.featuredtable {width: 100%; text-align: center;}

table.snapshot {width: 100%; text-align: center; border: 0;}

span.productpagename {font-size: 14px; font-weight: bold;}

span.storeerror {color: red; font-weight: bold; font-size: 15px;}

span.price {font-size: 14px;}

img.thumb {border: 0; width: 100px; height: 100px;}

img.albumcover {border: 0; width: 300px; height: 300px;}

img.listalbumcover {border: 0; width: 200px; height: 200px;}

img.extraimages {border: 0; max-width: 642px;}

input.orderbutton {margin: 5px 0 10px 0;}