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


/* REDEFINED TAGS */ 

body {
	background:#511610;
	border:0;
	font-family:"Gotham-Light", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka", Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	font-size:0.8em;
	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:impact, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka", Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	font-size:1.9em;
	font-weight:normal;
	line-height:110%;
	margin:0 0 10px 0;
	text-align: center;
}

h2, h2 a,.block1 h2 a {
	color: #D67433;
	font-family:impact, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka", Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	font-size:1.6em;
	font-weight:normal;
	line-height:1.8em;
	margin:0 0 3px 0;
	text-align: center;
}

h3, h3 a, .block1 h3 a {
	color: #511610;
	font-family:impact, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka", Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	line-height:1.3em;
	margin:0 0 3px 0;
	text-transform:uppercase;
	letter-spacing:.05em;
}



h4, h4 a, .block1 h4 a {
	color: #D67433;
	font-size:1em;
	line-height:1.3em;
	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:impact, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka", 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: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 0 0 100px;
	position:absolute;
	top:6px;
	z-index:70;
}

#navbar {
	font-size:9px;
	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:16px 0;
	text-align:right;
}




/* 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;
	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, #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;
}
