body {
	font-size: 100%;
	background: #000;
	color: #b4b4b4;
	margin: 12px 0;
	padding: 0;
}

#page {
  font: 0.813em/1.5 Verdana, Arial, Helvetica, sans-serif;
	min-width: 840px;
  max-width: 1024px;
  /*margin: 0 auto;*/
}

/* main page
------------------------------------------ */
html.js #intro-main div {opacity: 0;} /* see ie all */

#intro-main {
	font: italic 24px/1.5 Georgia, serif;
  letter-spacing: 1px;
	text-shadow: #000 0 0 1px;
	color: #a7a7a7;
  text-align: center;
  white-space: nowrap;
}

#intro-main .martop {margin-top: 1em;}

/*.trans {opacity: 0;}*/ /* see ie all */

/* general
------------------------------------------ */

a, a:visited {color: #66c; background: transparent;}
/*a:visited {color: #988;}*/
a:hover {color: #f00; text-decoration: none;}
a:active {color: #998; text-decoration: none;}

h1, h2, h3, h4 {
	font-family: Georgia, serif;
	font-style: italic;
	font-weight: normal;
	line-height: normal;
  color: #dadada;
	margin: 12px 0 6px;
}
h1, h2 {font-size: 23px;}
h3 {font-size: 19px;}
h4 {font-size: 15px;}

.mtop {margin-top: 0;}
.mbot {margin-bottom: 0;}
.mnot {margin-top: 0; margin-bottom: 0;}
.martop {margin-top: 12px;}
.martop6 {margin-top: 6px;}
.marbot {margin-bottom: 12px;}
.center {text-align: center;}
.inline {display: inline;}
.indent {margin-left: 24px;}
.alignleft {text-align: left;}
.alignright {text-align: right;}
.justify {text-align: justify;}
.i {font-style: italic;}
.bold {font-weight: bold;}
.sm {font-size: 0.85em;}
.small {font-size: 0.91em;}
.clear {clear: both;}
p {margin: 0 0 1em;}
a img {border: 0;}

ul, ol {
  margin: 0;
  padding-left: 40px;
}

dt {
  margin: 12px 0 0;
  padding: 0;
}

dd {
  margin: 0 0 0 40px;
  padding: 0;
}

.divider_sm {
  width: 273px;
  height: 11px;
  margin: 6px auto;
  background: url(/img/divider_sm.png) no-repeat;
}

.divider {
  width: 373px;
  height: 11px;
  margin: 25px auto;
  background: url(/img/divider.png) no-repeat;
}

.floatleft {float: left; margin: 0 22px 11px 0;}
.floatright {float: right; margin: 0 0 11px 22px;}
.nowrap {white-space: nowrap;}
.b {border: 1px solid #3e3e3e;}     /* change classname */

#shows h2 {margin-top: 0;}
#shows h4 {margin: 1.5em 0 0;}
.boxy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	border: 1px solid;
	padding: 1px 2px;
}

/* layout
------------------------------------------ */
#header {
	position: relative;
	height: 56px;
	margin: 0 12px 0 139px;
	background: url(/img/hor.gif) repeat-x 0 100%;
}
#header h1 {margin: 0;}
/* hide from IEmac \*/
#header h1 {overflow: hidden;}
/* end hide */
#header h1 a {
	display: block;
	width: 2304px;
	height: 56px;
	margin-left: -2000px;
	background: url(/img/pp_title.png) no-repeat right top;
}
#header h1 a:focus {outline: 0;}

#wrap {margin-left: 150px;}

#sidebar {
	position: relative;
	float: left;
	width: 150px;
	margin-left: -150px;
}
#main {
	float: right;
	width: 100%;
}
#content {
	margin: 20px;
	line-height: 1.5;
}
#homepg #content {
  margin-top: 40px;
}
#footer {
	clear: both;
	text-align: center;
	color: #666;
	margin-left: 150px;
	font-size: 0.85em;
	line-height: 1.5;
}
#cr {
  margin-top: 5px;
}

/* both navs
------------------------------------------ */
#nav, #navh {
  list-style: none;
  line-height: normal;
  margin: 0;
  padding: 0;
}

#nav li a:focus, #navh li a:focus {outline: 0;}

/* vertical nav
------------------------------------------ */
#curve {
	margin: 0 0 0 136px;
	width: 20px;
	height: 17px;
	background-image: url(/img/curve.png);
}

#nav {
	text-align: center;
	width: 150px;
	background: url(/img/ver.gif) repeat-y 100% 0;
}
#nav li a, #nav li span {
	display: block;
	padding: 9px 0;
	text-decoration: none;
}
#nav li a,
#nav li a:visited,
#navh li a,
#navh li a:visited {
	color: #a7a7a7;
}

#nav li a:hover, #nav li a.active, #nav li span {
	display: block;
	color: #fff;
	background: url(/img/ver_on.png) no-repeat 100% 50%;
}
#capver {
	background: url(/img/ver_cap.png) no-repeat 100% 100%;
	height: 11px;
}

/* horizontal nav
------------------------------------------ */
#navh {
	position: absolute;
	bottom: 18px;
	right: 7px;
	white-space: nowrap;
}
#navh li {
	float: left;
	width:  auto;
}
#navh li a, #navh li span {
	position: relative;
	padding: 0 11px 18px;
	text-decoration: none;
}

#navh li a:hover, #navh li span {
	color: #fff;
	background: url(/img/hor_on.png) no-repeat 50% 100%;
}
#caphor {
	position: absolute;
	top: 40px;
	right: 0;
	width: 11px;
	height: 16px;
	background: url(/img/hor_cap.png) no-repeat 0 0;
}

/* gallery intros
------------------------------------------ */
h2#intro {
  font: italic 18px/1.4em Georgia, serif;
  text-align: center;
  margin: 0 0 12px;
  white-space: nowrap;
}
h2#intro .q {
	font-size: 30px;
	font-style: normal;
	line-height: 0;
  position: relative;
  top: 0.2em;
}

/* centered floats (photobooth thumbs)
------------------------------------------ */
.outer {
  float:left;
  width:100%;
  overflow:hidden;
  position:relative;
}

.inner {
  clear:left;
  float:left;
  position:relative;
  left:50%;
  text-align:center;
}

.floaters {
  float:left;
  position:relative;
  right:50%;
  margin: 0 12px;
}

/* misc page specific
------------------------------------------ */
.lst {margin-top: 0 margin-bottom: 0;}
.lst li {margin-bottom: 20px;}

#trk {margin-left: -50px;}

.pb-link {width: 600px; margin: 0 auto;}

.pb {
  width: 600px;
  height: 500px;
  margin: 0 auto;
}

.studiolist {
	padding-left: 24px;
}

.studiolist li {
	list-style-type: none;
}

/* links page (not used)
------------------------------------------ */
#lnk {margin-left: 24px; line-height: 1.6;}
#lnk a {text-decoration: none;}
#lnk a:hover {text-decoration: underline;}
#lnk dt {
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 1.25em;
	margin-bottom: 5px;
	margin-top: 12px;
}

.c1, .c2 {float: left; width: 49%; white-space: nowrap;}

/* contact form
------------------------------------------ */
form {margin: 0; padding: 0;}

label {
	clear: left;
	float: left;
	width: 7em;
	margin: 6px 0.5em 0 0;
	text-align: right;
	white-space: nowrap;
}
input, textarea {
	font-size: 1em;
  color: #303030;
	width: 40%;
	margin: 6px 0 0;
	padding: 1px;
	border: 0;
  background: #cdcdcd;
}

input#submit {
  font-weight: bold;
	width: auto;
	padding: 1px 3px;
	margin-left: 7.5em;
}

.req {font-weight: bold; color: #f00;}
.valid {margin-left: 3px;}
.error {color: #f00; font-size: 11px;}

/* signup form
------------------------------------------ */
#dadapg label {
  float: none;
  width: auto;
  margin: 0;
  text-align: left;
}

.signup input, #dadapg input {
  width: auto;
  margin: 0;
}

.radio {background: transparent;}
.signup input#submit, #dadapg input#submit {margin-left: 0;}