/* MASTER */
body {
    width:100%;
    height:101%;	
    min-width: 800px;
    min-height: 100%;
    overflow-x:hidden; 
    text-align:left;
    margin:0; padding:0; z-index:0;
    background:#171717 url(../img/nav/bg-top.jpg) repeat-x;
}
html { height:101%; margin-bottom:1px; }
* html { height:101%; }
object { outline:none; }
form, img, a, ul, li, h1, p, .hidden, * { margin:0; padding:0; border:0; }
a:focus { outline:0; }
a { font:13px Georgia, Times New Roman, serif; color:#fc9; position:relative; }
a:hover { color:#ff9; text-decoration:none; }
#pre { position:absolute; top:00; left:0; width:1px; height:1px }
#pre img { width:0px; height:0px; } 
img.b { border:1px solid #666; }
iframe { display:block; width:100%; height:88%; border:1px solid #333; }


/* HEADER */
#top {
	width: 100%;
	position: absolute; z-index: 2;
	top: 0px; left: 2px;
}
#logo {
	width: 802px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
	height: 121px;
	background: url(../img/nav/bg-logo.png) no-repeat top;
}
strong.logo {
	position: absolute; z-index: 5;
	top: 0px; left: 310px;
	margin: 0; padding: 0;
	text-indent: -9999px;
	overflow: hidden;
}
strong.logo a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 185px; height: 188px;
	background: url(../img/nav/logo.png) no-repeat;
}

#hdr { 
	position:relative;
	height:45px;
	margin:0 auto;
	margin-top: -62px;
	width:100%;
	z-index:5;
}
#nav {
	width: 100%;
	z-index: 4;
	padding: 0 1px 0 0;
	list-style: none;
	overflow: hidden;
	margin:0 auto;
}

#nav li { float:left; display:inline; padding-left:1px; }
#nav li a {
	display: block;
	height: 32px;
	width: 143px;
	margin-top: 10px;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
#nav li a.est { 
	width: 160px;
	margin-left: 0px;
	background-image: url(../img/nav/n-est.png); 
}
#nav li a.cal { 
	margin-left: 0px;
	background-image: url(../img/nav/n-cal.png); 
}
#nav li a.manf { 	
	margin-left: 0px;
	background-image: url(../img/nav/n-manf.png); 
}
#nav li a.menu { 	
	width: 111px;
	margin-left: 0px;
	background-image: url(../img/nav/n-menu.png); 
}
#nav li a:hover, #nav li a.active { background-position: 0 -47px; }
#nav li a.est:hover, #nav li a.est.active { background-position: 0 -50px; }
#nav li a.cal:hover, #nav li a.cal.active { background-position: 0 -51px; }
#nav li a.menu:hover, #nav li a.menu.active { background-position: 0 -38px; }

#nav li img.nL { padding: 0 10px 0 7px; }
#nav li.spc { width: 170px; }


#tag-l { 
	position:absolute; top:12px; left:37px;
	width:417px; height:35px; z-index:0;
	background: url(../img/nav/tag-l.jpg) no-repeat;
}
#tag-r { 
	position:absolute; top:12px; left:61%;
	width:332px; height:35px; z-index:0;
	background: url(../img/nav/tag-r.jpg) no-repeat;
}
#col-r { 
	position:relative;
	float:right; z-index:2;
	width:39px; height:77px; 
	background: url(../img/nav/col-r.png) no-repeat;
}
img#blg { float:right; padding: 7px 10px 0 0; z-index:4; }
img#col-l { position:absolute; top:0px; left:-2px; }


#sep {
	position: absolute; width: 100%;
	top: 122px; left: 0px; height:8px;
	background: url(../img/nav/bg-sep.jpg) repeat-x;
}

/* MAIN */
.colbox p {
	font-size:16px;
	line-height:20px;
	margin:15px;
	padding:0px 15px 5px 15px;
	color:#aeaeae;
	overflow:hidden;
	text-align:left;
	letter-spacing:0.01em;
}
h2.ittl { 
	font-size:22px; font-style:italic; font-weight:500;
	margin:0 auto; color:#fff; text-align:left; 
}
h6 { text-align:center; }
.txtsm { font:12px Times New Roman, Georgia, serif; color:#ccc; }
.txtbrn { color:#bb5400; font-size:12px; }
a.grn { color:#990; }
a.grn:hover { color:#ff0; }

.box1 {
	position:relative; width:100%;
        padding:0 10px 0 -10px;
	background-color:#000; 
	border:1px solid #232323;
	border-top:2px dotted #232323;
	border-bottom:1px dashed #232323;
	margin-bottom:20px;
	text-align:center;
}
.box1 h1 { font-size:35px; color:#fff; font-weight:500; margin:10px 0 10px 0; }
.box1 h2.ittl { width:65%; margin-top:-10px; font-size:19px; }
.box1 span { text-align:center; font-size:11px; }
span.date { color:#60605f; letter-spacing:2px; }
span.credit { color:#ccc; }
span.cap {
	color:#fff;
	float:left;
	font-size:44px;
	letter-spacing:1px;
	line-height:40px;
	margin:0 8px 0 0px;
}

.box2 {
	position:relative; width:93%;
        padding:0 10px 0 -10px;
}
.box2 h2.ittl { margin-left:20px; }
.box2 p { margin-left:20px; padding:0px 5px 5px 15px; }

.box2 ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-bottom:0px;
}
.box2 ul li { width:100%; }
.box2 ul strong {
	position:relative; color:#000;
	width:33px; height:28px;
	display:block; float:left;
	font-size:23px; font-style:italic; font-weight:bold;
	line-height:29px;
	margin-left:0px;
	margin-right:5px;
	padding:8px 0 0 0;
	text-align:center;
	text-transform:uppercase;
	background:#fff url(../img/pop.gif) no-repeat;
}
.box2 .inr {
	background-color:#282828; 
	border:4px double #000;
	margin-left:10px;
	width:100%;
}
.box2 .inr strong { margin-left:-13px; }

.box3 {
	position:relative; 
	width:100%;
        padding:8px 0 0 0;
}
.box3 p {
	margin-left:-12px;
}
.box3 .inr {
	background-color:#ddd; 
	border:4px double #000;
	margin:0 -10px 0 0;
	width:90%;
	padding:10px;
}

#drnk.pic { 
	position:relative; 
	float:left; display:block; 
	width:130px; height:168px; 
	margin:0 30px 0 0; 
}
#drnk.rcp { margin-left:165px; }
#drnk.rcp img { margin-bottom:10px; }
#drnk.rcp ul, #drnk.rcp ol { margin-bottom:15px; font-size:12px; }

/* EVENTS */
#gig { 
    position:relative;
    width:435px; height:385px;
    padding:0px; margin:0px;
    background:#171717 url(../img/evbg-top.jpg) no-repeat scroll 0 0;
}
#gigsub { height:127px; }
#gigsub.bot1 {
    background:#171717 url(../img/evbg-bot1.jpg) no-repeat scroll 0 0;
}
#gigsub.bot2 {
    background:#171717 url(../img/evbg-bot2.jpg) no-repeat scroll 0 0;
}
#gig.below { 
    background:#171717 url(../img/evbg-top-cln.jpg) no-repeat scroll 0 0;
}
#evbox {
    position:relative;
    width:95%;
    background-color:#101010;
    border:1px solid #333;
    margin: 0 auto;
    z-index:15;
    overflow:visible;
}
img#log1p { margin:-10px 0 0 -10px; }
img#ttl1p { margin:12px 10px 0 8px; }
table#event td.evdesc { 
    font:10px Georgia, Times New Roman, serif; color:#ccc;
    border-left:1px dashed #fff;
    padding:7px; 
}
#dets {
    float:left; display:inline; 
    text-align:right;
    margin-right:7px;
    font:20px Georgia, Times New Roman, serif; color:#cf0;
}
#dets span { font:12px Georgia, Times New Roman, serif; color:#ccc; }
#dets p { font:11px Georgia, Times New Roman, serif; color:#fff; text-align:right; margin:20px -12px 0 0; }
#ppl {
    float:left; display:inline; 
    margin-right:7px;
    font:16px Georgia, Times New Roman, serif; color:#c60;
}
#ppl span { font:11px Georgia, Times New Roman, serif; color:#ccc; }
#dvr1 {
    float:left; display:inline;
    width:14px; height:53px;
    margin-right:7px;
    background:url(../img/cont/dvr-1.gif) no-repeat;
}
table#event td.drop { 
    font:11px Georgia, Times New Roman, serif; color:#fff;
    padding:5px; 
}
table#event td.drop span { padding-right:5px; }
#rtgrp {
    float:left; display:inline;
    font:10px Georgia, Times New Roman, serif; color:#ccc;
    border-left:1px solid #333;
    padding:7px; 
    margin-left:7px; 
}
#rtgrp p { font:16px Georgia, Times New Roman, serif; color:#c60; margin:0px; }
#rtgrp span { font:10px Georgia, Times New Roman, serif; color:#660; line-height:22px; }
#rtgrp h5 { font:10px Georgia, Times New Roman, serif; color:#ccc; text-align:right; line-height:22px; }

img#volcano { position:absolute; top:550px; left:450px; }
img#rsvp { position:absolute; top:-360px; left:440px; }

/* column container */
.colbox {
	margin-left:-30px;
	margin-top:35px;
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	display:block; 
	width:102%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 column settings */
.trecol {
	background:#171717;		/* right column background colour */
}
.trecol .colmid {
	right:36%;			/* width of the right column */
	background:#171717;		/* center column background colour */
}
.trecol .colleft {
	right:28%;			/* width of the middle column */
	background:#171717;	        /* left column background colour */
}
.trecol .col1 {
	margin-top:47px;
	width:26%;			/* width of center column content (column width minus padding on either side) */
	left:101%;			/* 100% plus left padding of center column */
}
.trecol .col2 {
	margin-top:7px;
	width:30%;			/* Width of left column content (column width minus padding on either side) */
	left:43%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.trecol .col3 {
	width:35%;			/* Width of right column content (column width minus padding on either side) */
	left:73%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}


/* FOOT */
#crn-l {
	text-align:left; 
	margin:0 0 -20px 6px;
}
#crn-r {
	text-align:right; 
	margin:0 10px -20px 0;
}
#crn-l img, #crn-r img { margin-bottom:-37px; }

#foot { width:100%; }
#embl {
	text-align:center; 
	width:100%;
}
#embl img { margin-bottom:-40px; }

table#foot { 
	width:100%;
	background-color:#000; 
	text-align:center; 
	height:100px;
}
table#foot td.ext { 
	padding:10px;
}
img.ext { margin:10px 30px 10px 30px; }
h4.ft-tile { 
	width:100%; height:4px;
	background:url(../img/ft-tile.jpg) repeat-x 50% 0;
	margin-top:0px;
	z-index:8;
}
.archa { 
	position:relative;
	width:85px; height:85px;
	margin:-20px 0px 0px 40%;
	text-align:center; 
	z-index:11;
}

/* SUBS */
#main { padding:40px 20px 20px 40px; height:540px; width:95%; height:90%; }
td.desc { color:#ccc; font:italic 13px Georgia, Times New Roman, serif; line-height:18px; word-spacing:1px; }
td.desc p { width:90%; }
td.desc ul { font:12px Georgia, Times New Roman, serif; }
td.desc li { margin:10px 70px 10px 20px; }
#instr {
	position:relative;
	margin:60px 0 50px 80px; 
	width:300px; height:391px;
	background:url(../img/listbg.jpg) no-repeat;
	font:13px Georgia, Times New Roman, serif;
	color:#ffc;
	padding:20px 15px 10px 15px;
}
#instr.b, #instr.c { margin:20px 0 50px 40px; }
#instr p, #instr.b p, #instr.c p { color:#c60; text-transform:uppercase; }
#instr.b span, #instr.c span {
	font:12px Georgia, Times New Roman, serif;
	color:#eddccb;
}
#instr.c span span {
	color:#77adff;
	font-style:italic;
}
#instr.c span h4 {
	color:#ccc;
	font-size:13px;
	font-weight:normal;
}
#instr.b span li, #instr.c span li { margin:10px 20px 10px 30px; }
#instr.c { 
	width:436px; height:512px;
	padding:20px 45px 10px 25px;
	background:url(../img/listbg-2.jpg) no-repeat;
}
#instr.c span h3.it { 
	margin:15px 0 5px 0px; 
	color:#77adff;
	font-weight:normal;
	font-style:italic;
}
#bmenu {
	position:relative;
	margin:0px 15px 0px 20px; 
	border:3px double #333; 
	width:415px; height:auto;
	background:url(../img/menubg.jpg) repeat-y;
	font:italic 12px Gill Sans, Georgia, Times New Roman, serif;
	color:#000;
	padding:20px 15px 20px 20px; 
	clear:both;
	display:block;
}
#bmenu p {
	font:14px Georgia, Times New Roman, serif;
}
#bmenu span {
	font:11px Georgia, Times New Roman, serif;
	color:#630;
}

h4 {
	font:italic 20px Georgia, Times New Roman, serif;
	color:#fc3;
	margin:0px 0 13px 0px; 
}
h4 span {
	font:italic 30px Georgia, Times New Roman, serif;
}
h5 {
	font:16px Georgia, Times New Roman, serif;
	color:#fc3;
	margin:0px 0 13px 0px; 
}
table#cal {
	width:90%;
	padding:10px;
	font:13px Georgia, Times New Roman, serif;
	color:#ffc;
	background-color:#000; 
	border:1px solid #333; 
	height:480px;
	background:#000 url(../img/dvbg.jpg) repeat;
}
table#cal table td {
	width:10%;
	padding:2px;
	background-color:#2a2a2a; 
	border:1px solid #000; 
	text-align:center;  
}
table#cal table td span {
	float:right;
	display:inline;
	font-weight:bold;
	margin:0 1px;
	color:#cf0;
}
table#cal table td.oz span {
	color:#c00;
}
table#cal th {
	padding:5px 0 5px 20px;
	font:bold 15px Georgia, Times New Roman, serif;
	color:#000;
	background-color:#ccc; 
}
table#cal table thead tr.day {
	color:#fc0;
	background-color:#ccc; 
}
table#cal table thead tr.day td { padding:5px; height:20px; }
table#cal table td { height:70px; font:10px Georgia, Times New Roman, serif; }
table#cal table tr { vertical-align:top; }
table#cal table td p { font:10px Georgia, Times New Roman, serif; }
table#cal table td.on { background-color:#585858; }
table#cal table td.oz { background-color:#ffffae; color:#000; }
table#cal table td.on:hover { background-color:#ccc; cursor:pointer; color:#000; }
table#cal table td.on:hover p b { color:#c00; }
table#cal table td.oz:hover { background-color:#fc3; cursor:pointer; }
div.hol { color:#fc9; }
div.hol span { color:#fc0; }
table#cal img { margin-right:7px; }
div.o { width:100%; height:100%; margin:0px; font:10px Georgia, Times New Roman, serif; cursor:pointer; }
a.o { color:#fff; text-decoration:none; font:10px Georgia, Times New Roman, serif; }
a.x { color:#000; text-decoration:none; }
a.o:hover, a.x:hover { color:#000; }

table#lt {
	padding:10px;
	background-color:#000; 
	border:1px solid #333; 
}
p.imgsub {
	font:10px Georgia, Times New Roman, serif;
	color:#ccc;
	text-align:left;
}
div.sm { font:bold 11px Tahoma, Verdana, sans-serif; color:#ccc;	width:200px; }
a.more { color:#cf0; font-size:12px; font-style:italic; }
a.more:hover { color:#fc0; text-decoration:none; }

#hitmenu h1 { text-indent:-9999px; background:#fff url('../img/cont/btn-menu.jpg') no-repeat; width:105px; height:106px; 
	z-index:11; position:absolute; top:260px; left:720px; }
#hitmenu h1 a { width:105px; height:106px; display:block; } #hitmenu h1:hover { background-position:0px -107px; }
#rsvp h1 { text-indent:-9999px; background:#fff url('../img/cont/btn-rsvp.jpg') no-repeat; width:71px; height:72px; 
	z-index:11; position:absolute; top:360px; left:800px; }
#rsvp h1 a { width:71px; height:72px; display:block; } #rsvp h1:hover { background-position:0px -72px; }
img#ssflier { margin:30px 0 100px 20px; border:1px solid #666; z-index:5; }
div.sushi { font:11px Georgia, Times New Roman, serif; color:#000; width:350px; background-color:#f4f4f4; 
	padding:5px 5px 5px 10px; border:3px double #999; background:transparent url(../img/bg-note.gif) repeat-y; }
a.hit { color:#369; font-size:11px; } a.hit:hover { color:#3c0; }

img#harvest { margin:20px; border:10px solid #fff; }
.rsvp-hrv { margin:30px 0 0 280px; padding:20px; }
#tmform .hrv label { width:200px; }
#tmform .hrv button { margin-left:205px; }
#harve h1 { background:#000 url('../img/cont/btn-hrvmenu.jpg') no-repeat; width:118px; height:34px; top:232px; left:690px; 
	position:absolute; text-indent:-9999px; cursor:pointer; z-index:11; }
#harve h1 a { width:118px; height:34px; display:block; cursor:pointer; } #harve h1:hover { background-position:0px -36px; }

.overlay {
	display:none; z-index:10000; background-color:#f4f4f4; width:auto;	min-height:100px; border:2px solid #fff;
	-moz-box-shadow:0 0 40px 5px #000; -webkit-box-shadow: 0 0 40px #000;	
}
.overlay .close {
	position:absolute; right:-15px; top:-15px; height:35px; width:35px;
	background-image:url('../img/close.png'); cursor:pointer;
}

/* FORM */
p.req {
	font:12px Georgia, Times New Roman, serif;
	color:#f90;
	margin:0 0 10px 150px; 
}
#tmform {
	position:absolute;
	left:370px; top:210px;
    width:650px; 
}
#tmform label { 
	text-align:right; 
	width:300px; 
	padding-right:5px; 
	float:left; 
	font:13px Georgia, Times New Roman, serif; 
	color:#ccc; 
	line-height:30px;
}
#tmform label span { 
	font:16px Georgia, Times New Roman, serif; 
	color:#ccc; 
}
#tmform label span.req { 
	font:16px Georgia, Times New Roman, serif; 
	color:#f90; 
}
#tmform form input { 
	border:1px solid #333; 
	font:13px Georgia, Times New Roman, serif; 
	color:#ff6; 
	width:220px; 
	background-color:#000; 
	padding:2px 0 0 2px; 
	margin-top:6px; 
	height:20px;
}
#tmform form input.radio { width:22px; border:0px; background-color:transparent; }
span.radio { font:12px Georgia, Times New Roman, serif; color:#ccc; }
#tmform form select { width:171px; background-color:#333; 
	font:13px Georgia, Times New Roman, serif; margin-bottom:1px; }
#tmform form textarea { background-color:#000; padding-left:2px; border:#333 1px solid; 
	font:13px Georgia, Times New Roman, serif; color:#ff6;
	margin-top:7px; width:250px; height:50px; }
form fieldset { clear:both; border:1px solid #333; padding:10px; }
button { margin:7px 0px 0px 300px; cursor:pointer; height:25px; width:80px; border:2px groove #630; background-color:#630; }
button:hover { background-color:#c60; }
button span { font:bold 14px Georgia, Times New Roman, serif; color:#fff; }
button span:hover { color:#000; }
.tshow { display:block; }
.thide { display:none; }
.error { font:bold 12px Georgia, Times New Roman, serif; color:#06f; 
	margin:13px 0px 3px 130px; display:block; clear:both; }