body {
  font-family: Arial, sans-serif;
  /*background: url(http://bearfacedrecords.com/img/guitar-web-ns.jpg)  no-repeat top left;*/
  background: url(http://bearfacedrecords.com/guitarimg/stickerbg-corded.jpg);
  background-repeat:repeat-y;
  color:#ffffff;
  background-color:#000000;
  margin:0px;
}

table.highlight {
  width:100%;
}

table.highlight tr:hover {
  background-color:#333344;
}


#headerleft {
  position:absolute;
  top:61px;
  left:277px;
}

#headerright {
  position:absolute;
  right:0px;
  top:0px;
}

.rsslink {
  margin-top:0px;
  padding-top:0px;
}

/*
img, div {
  behavior: url(iepngfix.htc);
}
*/

.dontshow {
  display: none;
}

.case {
  position: absolute;
  cursor: pointer;
}

.note {
  width: 22px;
  height: 21px;
  padding-left:10px;
  padding-right:10px;
  background-image: url("http://bearfacedrecords.com/images/icons/note.gif");
}

.fav {
  width: 22px;
  height: 21px;
  padding-left:10px;
  padding-right:10px;
  background-image: url("http://bearfacedrecords.com/images/icons/fav.gif");
  cursor: pointer;
}

.nfav {
  width: 22px;
  height: 21px;
  padding-left:10px;
  padding-right:10px;
  background-image: url("http://bearfacedrecords.com/images/icons/nfav.gif");
  cursor: pointer;
}

.guitarString {
  position: absolute;
  z-index:100;
}

#js {
  background-color:black;
  display:none;
}

#mediaplayer {
  z-index: 1000;
}

#mediaplayer {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; left: 20px; bottom: 10px;
}
body > div#mediaplayer {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}


.logo {
  position: absolute;
  left:20px;
  top:20px;
}

a img {
  border: 0px;
}

a {
  color: #8e9295;
  text-decoration: none;
}

a:hover, a:active {
  color: #ffffff;
}

#bfletters {
  text-align:center;
  position:absolute;
  left: 150px;
  top: 10px;
  width: 70%;
  z-index:0;
}

#headerband {
  background: url(./img/celticband.jpg)  no-repeat top left;
  position: absolute;
  left: 400px;
  top: 20px;
  width: 500px;
  height: 80px;
}

#maincol {
  position:absolute;
  left: 300px;
  top: 50px;
  width: 640px;
  margin:0px;
  padding:0px;
}

#mainmenu {
  width: 640px;
  margin-left: 15px;
  margin-right: 15px;
}

#sitebody {
  width: 580px;
  padding: 15px 30px 15px 30px;
  z-index:200;
}

#sitebody p {
  text-align: justify;
}

#sitebody .rsslink {
  position: absolute;
  top:165px;
  right:0px;
}


#inkcanvas {
  position: absolute;
  left: 0px;
  top: 600px;
  z-index:100;
}

#tc {
  /*position:absolute;*/
  /*z-index:1000;*/
}

/* Album Listing */
/* -------------------------------------------*/
.disc {
  width:100%;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  border-style:solid;
  border-color:#888888;
  border-width:thick;
  background-color:#666666;
  color:white;
  padding-top:5px;
  filter:alpha (opacity=90);
  -moz-opacity:0.9;
  opacity:0.9;
  margin-bottom:10px;  
}

.disc td {
  vertical-align:top;
  padding-left:5px;
  padding-right:5px;
}

.disc .artist{
  width:100%;
  font-size:large;
}

.disc .title {
  color:#ddddff;
}

.disc .buy {
  margin-left:10px;
  margin-right:10px;
  font-size:1.4em;
  font-weight:bold;
}

.disc .buy a {
  color:#cc5555;
}

.disc .buy a:hover, a:active {
  color:#ff0000;
}

.disc .price {
  font-size:1.2em;
  color:#ddddff;
}

/* Notice */
/* -------------------------------------------*/
#notice {
  display:none;
  text-align:center;
  position:absolute;
  margin:25%;
  padding:50px 150px 50px 150px;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  border-style:solid;
  border-color:#888888;
  border-width:thick;
  background-color:#666666;
  color:white;
  filter:alpha (opacity=95);
  -moz-opacity:0.95;
  opacity:0.95;
  z-index:10000;
  font-size:1.4em;
}

body > div#notice {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

/* Quotes */
/* -------------------------------------------*/
.quote {
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  border-style:solid;
  border-color:#333333;
  border-width:thick;
  margin: 15px;
  padding: 15px;
  filter:alpha (opacity=95);
  -moz-opacity:0.95;
  opacity:0.95;
  background-color:#222222;
}
.quotename {
  margin-top: 10px;
  text-align: right;
}

/* Calender */
/* -------------------------------------------*/
table.calender {
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  border-style:solid;
  border-color:#333333;
  background-color:#222222;
  
  border-width:thick;

  text-align:center;
  padding:5px;
  margin: 5px;
  /*margin: 0em 10px 20px 10px;*/
}

table.calender th {
}

table.calender tr.CalMonth {
  color:#ffffff;
  background:#333333;
  padding:0;
  margin:5px;
}
table.calender th.CalWeek {
  padding:0;
  margin:0;
}

table.calender td.day {
  background:#F8F8FF;
  color:#000080;
}
table.calender td.highlight {
  background:#4682B4;
  color:#000080;
}
table.calender td.today {
  background:#FA8072;
  color:#000080;
}
table.calender td.event {
  background:#FFFA91;
  color:#000080;
}

/* Form Elements */
/* -------------------------------------------*/
.box {
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  border-style:solid;
  border-color:#333333;
  border-width:thick;
  margin: 15px;
  padding: 15px;
  filter:alpha (opacity=95);
  -moz-opacity:0.95;
  opacity:0.95;
  background-color:#222222;
  color:#ffffff;
}

.socialbox {
  text-align:right;
  margin: 0px 16px 0px 15px;
  /*padding: 0px 15px 0px 15px;*/
}

.compactbox {
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  border-style:solid;
  border-color:#333333;
  border-width:thick;
  margin: 3px 15px 3px 15px;
  padding: 5px 15px 3px 15px;
  filter:alpha (opacity=95);
  -moz-opacity:0.95;
  opacity:0.95;
  background-color:#222222;
  color:#ffffff;
}

.compactbox .title {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  text-align:center;
  font-weight:bold;
  font-size:1.0em;
  background:#333333;
}

.compactbox .footer{
  margin-bottom:2px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  background:#303030;
}

.compactbox .buy {
  text-align:right;
  font-weight:bold;
  padding-left:10px;
  padding-right:10px;
}

.compactbox .buy a {
  color:#cc5555;
}

.compactbox .buy a:hover, a:active {
  color:#ff0000;
}

.compactbox .price {
  color:#ddddff;
}

.compactbox .artist {
  color:#8e9295;
  text-align:right;
}

.compactbox .detail {
  padding-top:5px;
  padding-bottom:5px;
}

.box .detail {
  padding-top:10px;
  padding-bottom:10px;
}

.lightbox {
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  border-style:solid;
  border-color:#111111;
  border-width:thick;
  margin: 15px;
  padding: 15px;
  filter:alpha (opacity=90);
  -moz-opacity:0.90;
  opacity:0.90;
  background-color:#050505;
  color:#ffffff;
}

.box .title {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  margin-bottom:10px;
  padding: 5px;
  text-align:center;
  font-weight:bold;
  font-size:1.1em;
  background:#333333;
}

.box .footer{
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  background:#303030;
  padding: 3px;
  padding-right: 5px;
  padding-left: 5px;
}

.footer select {
	width: 50px;
	margin-right: 10px;
	margin-left: 10px;
}

.box .formitem {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  margin-bottom:10px;
  padding: 10px;
  background:#444444;
}

.box .formitem .name{
  font-weight:bold;
}

.box .formitem .detail{
  color:#dddddd;
  width:90%;
  text-align:justify;
  margin-left:15px;
}

.box .formitem input, textarea, select {
  width:90%;
  margin-left:15px;
  margin-top:5px;
}

.box .buy {
  text-align:right;
  font-size:1.4em;
  font-weight:bold;
  padding-left:10px;
  padding-right:10px;
}

.box .buy a {
  color:#cc5555;
}

.box .buy a:hover, a:active {
  color:#ff0000;
}

.box .price {
  font-size:1.2em;
  color:#ddddff;
}

.box .disc-type {
  font-size:1.1em;
  color:#eeeeee;
  margin-left:20px;
}

.commentbox {
  margin :0px 0px 0px 15px;
  padding:0px 0px 0px 15px;
  border-left: thick solid #ffffff;
}

/* Photoshop Guitar CSS */
/* -------------------------------------------*/

#logo {
	position:absolute;
	left:0px;
	top:0px;
	width:192px;
	height:220px;
}

#head {
	position:absolute;
	left:192px;
	top:0px;
	width:125px;
	height:146px;
}

#grassyknoll {
	position:absolute;
	left:317px;
	top:78px;
	width:631px;
	height:68px;
}

#neck {
	position:absolute;
	left:192px;
	top:146px;
	width:86px;
	height:1212px;
}

#base-left {
	position:absolute;
	left:0px;
	top:614px;
	width:192px;
	height:744px;
}

#base-right {
	position:absolute;
	left:278px;
	top:614px;
	width:177px;
	height:744px;
}

#base-far-right {
	position:absolute;
	left:455px;
	top:940px;
	width:72px;
	height:418px;
}

#cable {
	position:absolute;
	left:228px;
	top:1358px;
	width:33px;
	height:165px;
}

.chekhovbox {
	background: url(http://www.bearfacedrecords.com/chekhov/img/banner.jpg);
  background-repeat:no-repeat;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  margin: 15px;
  padding: 15px;
  padding-left: 30px;
  padding-top:116px;
  filter:alpha (opacity=90);
  -moz-opacity:0.90;
  opacity:0.90;
  background-color:#e4c6a4;
  color:#000000;
}

.ebmbox {
	background: url(http://www.bearfacedrecords.com/images/bfimg/full/20100517WebsiteBanner_NewIdeaTest.jpg);
  background-repeat:no-repeat;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  margin: 15px;
  padding: 15px;
  padding-left: 30px;
  padding-top:116px;
  filter:alpha (opacity=90);
  -moz-opacity:0.90;
  opacity:0.90;
  background-color:#c7d0cd;
  color:#000000;
}