@charset "UTF-8";
/* CSS Document */

@font-face {
font-family: 'Carto';
src: url('CartoGothicStd-Book.otf');
}
 @font-face {
font-family: 'Carto';
font-style: italic;
src: url('CartoGothicStd-Italic.otf');
}
 @font-face {
font-family: 'Carto';
font-weight: bold;
src: url('CartoGothicStd-Bold.otf');
}
 @font-face {
font-family: 'Carto';
font-weight: bold;
font-style: italic;
src: url('CartoGothicStd-BoldItalic.otf');
}
@font-face {
font-family: 'Umbrage';
src: url('umbrage.ttf');
}
/* REDEFINED TAGS */ 

body {
	background:#511610;
	border:0;
	font-family:'Carto', Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	font-size:0.9em;
	margin:0;
	padding:0;
	text-align:center;
}
hr {
	border:none;
	border-top:1px dotted #D67433;
	background:#FFF;
	margin:10px 10px 10px 0;
	padding:0;
	height:auto;
}
h1, h1 a, .block1 h1 a {
	color: #FFF;
	font-family:'Umbrage', Impact, Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	font-size:2em;
	font-weight:normal;
	line-height:110%;
	margin:0 0 10px 0;
	text-align: center;
}
h2, h2 a, .block1 h2 a {
	color: #D67433;
	font-family:'Carto', Impact, Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	font-size:1.8em;
	font-weight:normal;
	line-height:130%;
	margin:0 0 3px 0;
	text-align: center;
}
h3, h3 a, .block1 h3 a {
	color: #FC3;
	font-family:'Umbrage', Impact, Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	font-size:1.5em;
	font-weight:normal;
	line-height:130%;
	margin:0 0 3px 0;
	text-transform:uppercase;
	letter-spacing:.05em;
}
h4, h4 a, .block1 h4 a {
	color: #D67433;
	font-size:1.4em;
	font-family:'Umbrage', Impact, Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	line-height:140%;
	margin:0 0 3px 0;
}
h1 a, h2 a, h3 a, h4 a, .block1 h1 a, .block1 h2 a, .block1 h3 a, .block1 h4 a {
	text-decoration:none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	text-decoration:underline;
}
/* admin titles */
h5 {
	border:0;
	color: #D67433;
	font-family:'Umbrage', Impact, Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	font-size:1em;
	font-weight:normal;
	line-height:180%;
	margin:0 0 6px 0;
	padding:6px 0 0 0;
}
iframe {
	border:1px solid #FFF;
}
p {
	color:#FFF;
	font-size:.9em;
	line-height:150%;
	margin:0 8px 8px 0;
	padding:0;
}
p a {
	color:#FFF;
}
p a:hover {
	color: #D67433;
}
/* IDS */

#background2 {
	background: #511610 url(../images/bg_int.jpg) no-repeat top center fixed;
}
#blogmenu {
	background:url(../admin/images/button.jpg);
	border:1px solid #363C52;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding:4px;
	text-decoration:none;
	cursor:hand;
	cursor:pointer;
}
#content1 {
	float:left;
	display:inline;
	display:block;
	padding:0;
	margin:170px 0 0 0;
	min-height:500px;
	position:relative;
	text-align:left;
	width:850px;
	z-index:6;
}
#content2 {
	float:right;
	height:483px;
	overflow:auto;
	margin:0;
	padding:16px 0 0 0;
	width:410px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#content3 {
	clear:both;
	float:none;
	padding:0 20px 20px 20px;
	margin:170px 0 0 0;
	min-height:380px;
	position:relative;
	text-align:left;
	width:800px;
	z-index:6;
}
#container {
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
	z-index:1;
}
#copyright {
	clear:both;
	color: #995604;
	margin:30px 10px 0 10px;
}
#copyright a {
	color:#995604;
	text-decoration: none;
	padding: 0 4px;
}
#copyright a:hover {
	background:#300;
	color:#FFF;
	text-decoration:none;
}
#features {
	margin:0 0 10px 0;
	padding:0;
	width:380px;
}
#features h2 {
	color:#D67433;
	font-size:0.8em;
	letter-spacing:0.1em;
	text-transform:uppercase;
	padding:0 0 0 6px;
}
#footer {
	font-size:.8em;
	height:120px;
	left:50%;
	margin:4px 0 0 -425px;
	padding:0;
	position:absolute;
	width:850px;
	text-align:left;
}
#footer2 {
	height:120px;
	margin:0;
	left:50%;
	margin:-3px 0 0 -425px;
	padding:0;
	position:absolute;
	width:850px;
}
#header {
	left:50%;
	margin:0 0 0 -398px;
	padding:0;
	position:absolute;
	top:12px;
	z-index:80;
}
#object1 {
	left:50%;
	margin:0;
	position:absolute;
	top:6px;
	z-index:70;
	width:465px;
}
#navbar {
	font-size:11px;
	font-weight:bold;
	height:38px;
	left:50%;
	letter-spacing:.025em;
	margin:0 0 0 -440px;
	padding:0;
	position:absolute;
	top:140px;
	text-transform:uppercase;
	width:870px;
	z-index:40;
}
#navbar2 {
	height:38px;
	left:50%;
	margin:0 0 0 -425px;
	padding:0;
	position:absolute;
	top:140px;
	width:850px;
	z-index:30;
}
#pagetitle {
	color: #D4AD62;
	font-size:1em;
	letter-spacing:0.1em;
	text-transform:uppercase;
	margin:0px 16px 16px 0;
	text-align:right;
}
.homeFB {
	background:white;
	width:210px;
	padding:4px;
	margin:0 auto;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
/* TRANSPARENT AREA */ 

#main {
	clear:both;
	float:none;
	padding:0;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	text-align:left;
	width: 850px; /* remember to set a width */
}
#main ul {
	margin:0 12px;
	padding:0;
}
#main li {
	list-style-image:url(../images/bullet.gif);
	margin:4px;
	padding:0;
}
.overlay {
	position: absolute;
	top:177px; /* These positions makes sure that the overlay */
	bottom: 0;  /* will cover the entire parent */
	left: 10px;
	margin:0;
	padding:0;
	width: 830px;
	background: #000 url(../images/main.jpg) no-repeat center top fixed;
	opacity: 0.75;
	-moz-opacity: 0.75; /* older Gecko-based browsers */
	filter:alpha(opacity=80); /* For IE6&7 */
	z-index:3;
}
/* Lets use the * html hack so only IE6 reads the rule */
* html #main .overlay {
 height: expression(document.getElementById("main").offsetHeight);
}
/* BLOCKS */
.block0 {
	font-size:.9em;
	width:350px;
	margin:0;
}
.block0 div {
	margin:0 16px;
}
.block0 div p {
	line-height:140%;
	margin:0;
	padding:0;
}
.block0 hr {
	margin:16px;
}
.block1 {
	margin:0;
	padding:16px;
	line-height:150%;
}
.block1 p {
	padding:0 0 10px 0;
}
.block1 li {
	margin: 8px 0;
	list-style-image:url(../images/bullet.gif);
}
.block0 a:link, .block0 a:visited, .block0 a:active, .block1 a, .block2 a {
	text-decoration:underline;
}
.block0 a:hover, .block1 a:hover, .block2 a:hover {
	color:#C60;
	text-decoration:underline;
}
/* CLASSES */
.dice, .block1 .dice, .block2 .dice {
	background:#FFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.dice input {
	margin:6px 0 0 0;
	text-align:center;
}
.feature {
	background:#000;
	border:1px dotted #995604;
	cursor:pointer;
	cursor:hand;
	display:block;
	font-size:0.9em;
	text-align:left;
	margin:6px 0 0 0;
	padding:6px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.feature_block {
	position:absolute;
	width:350px;
	height:80px;
}
.feature:hover {
	background:#322100;
	border:1px dotted #995604;
	text-decoration:none;
}
.feature h3, .feature p {
	margin:0;
}
.feature a, .feature a:hover {
	color: #D67433;
	text-decoration:none;
}
.featurephoto, #column1 .featurephoto {
	background:#FFF;
	border:3px solid #FFF;
	margin:0 10px 0 0;
	width:100px;
}
.insetphoto, .block1 div .insetphoto, .block2 div .insetphoto, .photo {
	/* float:right; */
	margin:16px 0 4px 10px;
}
.insetphoto img, .photo img {
	border:3px solid #FFF;
}
#content2 .insetphoto {
	/* float:none; */
	margin:0;
	border:none;
}
.pad {
	padding:30px 30px 30px 10px;
}
.scroller27 {
	height:350px;
	width:auto;
	padding:0 20px 0 0;
	overflow:auto;
}
/* --------------- STORE STYLES ----------------- */ 
#store {
	position:relative;
	padding:0;
}
#store, #store a {
	color: #FFF;
	font-weight:bold;
}
#store .link a:hover {
	color: #D67433;
}
#store h1 {
	font-size:1.8em;
	font-weight:normal;
}
#store h2 {
	font-size:1.6em;
	font-weight:normal;
}
#store h4 {
}
#store h3 {
	color:#FFF;
	font-weight:normal;
}
#store .button {
	border:1px solid #FFF;
}
#store .button_small {
	border:1px solid #D67433;
	padding:1px 5px;
}
#cartButton {
	padding:10px 0;/*position:absolute;
left:420px;
top:0px;
width:340px;*/
}
#checkOutTitle {
	background:url(../images/title_checkOut.gif) no-repeat;
	width:181px;
	height:47px;
	text-indent:-999em;
	margin:0 auto;
	text-align:center;
}
h1#shopTitle {
	font-size:48px;
}
h1#breadcrumbs {
	color:#FFF;
	font-size:36px;
	margin:10px auto 20px auto;
}
h1#breadcrumbs a {
	color:#FC3;
	text-decoration:underline;
	font-size:36px;
}
h1#breadcrumbs a:hover {
	color: #FF6;
}
h1#breadcrumbs span, h1#breadcrumbs span a {
	font-size:20px;
}
/* SHOPPING CART */
#musicBag {
	background:#000 url(../images/shoppingCart.gif) no-repeat;
	padding:10px 20px 20px 200px;
	margin:20px auto;
	border:3px solid #F90;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	width:507px;
}
#musicBag h4 {
font-family:'Carto', Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	font-size:14px;
	color:#BBB;
}
#musicBag table {
	width:100%;
	margin:10px auto;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
}
#musicBag table td {
	padding:4px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
}
/* porduct listings and detail*/
#prodTable {
	width:100%;
	margin:10px auto;
	background:#000;
}
#prodTable td {
	padding:8px;
	border-bottom: 1px dotted #FC3;
}
#store table#prodTable td h3 {
	font-size:18px;
}
#prodTable img, #prod .prodImg {
	border:1px solid #FFF;
	margin-right:15px;
}
#prod {
	margin:10px auto;
	background:#000;
	border:2px solid #600;
	padding:20px;
	width:700px;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
}
#store #prod table h1#breadcrumbs {
	text-align:left;
}
/* PRODUCT CATEGORIES */
.prodCat {
	font-size:60px;
	font-family:'Umbrage', Impact, Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	text-transform:uppercase;
	width:200px;
	height:200px;
	float:left;
	margin:30px 0 0 30px;
}
.prodCat a, #store .prodCat a {
	color:#FC3;
	text-decoration:none;
	display:block;
	background:#000;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border:2px solid #600;
	text-align:center;
}
.prodCat a:hover, #store .prodCat a:hover {
	background:#600;
	color:#FFF;
}
.musicTable {
	background:#000;
	margin:20px 0 0 0;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.musicTable td {
	padding:8px;
}
.cartButton {
	margin:0 auto;
	padding:10px;
background:;
}
h2#cartTitle {
	display:none;
}