/* township records css */

/* global style */
a:link,
a:visited {
  color: gray;
}
a:active {
  color: white;
}
.center {
  text-align: center;
}
.noborder {
  border: none;
}
.nolinkline {
  text-decoration: none;
}
/* global layout */
.fltleft 	{ float: left; }
.fltright 	{ float: right; }
.clrleft 	{ clear: left; }
.clrright	{ clear: right; }
.clrboth	{ clear: both; }
.nowrap		{ white-space: nowrap; }
/* document style */
body {
  text-align: center;
  background-color: #000;
  color: #432f30;
}
/* masthead banner */
div#this_iz_it {
  margin: 3.33em auto 1.33em auto;
}
/* nav menu */
div#what_it_iz {
  margin: 0 auto 2em auto;
  width: 769px;
  text-align: left;
}
div#what_it_iz ul {
  font-family: sans-serif;
  font-size: large; 
  padding: 0;
}
div#what_it_iz ul li {
  display: inline;
  padding: 7px 13px;
  margin: 7px;
}
div#what_it_iz ul li.selected {
  border: 1px solid #231f20;
}
/* main page content */
div.content {
  margin: 0.33em;
  font-family: verdana;
/*	  border: 1px dotted blue; */
}
.townbox {
  border: 1px solid #231F20;
  color: gray;
}
.townbox h2 {
  background-color: #332f30;
  padding: 0.33em 0 0 0.33em;
  font-size: medium;
  margin: 0;
}
/* home */
div#arrival {
  margin: 0 auto;
  width: 769px;
  text-align: left;
}
div#spotlight {
  width: 401px;
}
div#spotlight p.spot {
  font-weight: bold;
  margin: 0.66em;
}
div#spotlight img {
  padding-top: 0.33em;
}
div#sxsw {
  margin-bottom: 0.66em;
}
div#sxsw,
div#news {
  width: 333px;
  font-size: small;
}
div#sxsw p,
div#news p {
  margin: 0.66em;
}
/* contact */
div#holla {
  width: 333px;
  margin: 0 auto;
}
/* downloads */
div#downloads {
  width: 769px;
  margin: 0 auto;
}
div#downloads img {
  border: 0;
}
/* artist roster */
div#artists {
/*
  padding-left: 1.33em;
  width: 91%;
*/
  padding: 0 1.33em;
  width: 100%;
  margin: 0 auto;
}
/*
div#artists div#artists-2 {
  padding-left: 126px;
  padding-top: 1.33em;
}
*/
div#artists div.artist-bio {
/*  background-color: #231F20; */
  background-color: #332f30;
  margin: 1%;
  width: 189px;
  display: inline-block;
/*  float: left;*/
/*	  border: 1px solid white; */
}
div#artists div.artist-bio p.artist-name {
  font-weight: bold;
  margin: 0;
  padding: 0;
  font-size: medium;
/*  height: 3em; */
  height: 85px;
  border-bottom: 3px double black;
  margin-bottom: 0.66em;
}
div#artists div.artist-bio img {
  margin: 0.33em;
  border: 0;
}
div#artists div.artist-bio p.artist-info {
  font-size: smaller;
  color: gray;
}
/* artist feature */
div#artist-bio {
  width: 749px;
  margin: 0 auto;
  font-family: verdana, sans-serif;
  text-align: right;
}
div#artist-bio .bio {
/*  background-color: #231F20; */
  background-color: #332f30;
  width: 100%;
  color: gray;
  text-align: auto;
  border: 1px solid #231F20;
}
div#artist-bio .bio .artist-header {
  padding: 0 0.66em;
  border-bottom: 3px double black;
}
div#artist-bio .bio .artist-header .artist-menu {
  display: block;
  margin-top: 1.33em;
  font-size: x-small;
  font-family: monospace;
}
div#artist-bio .bio .artist-header p.artist-name {
  float: left;
  text-align: left;
  font-weight: bold;
  margin: 0;
  padding-right: 0.66em;
  font-size: large;
  color: gray;
}
div#artist-bio .bio .artist-header p.artist-links {
  font-family: monospace;
  font-size: x-small;
/*  margin-top: 0.66em;
  padding: 0 0.66em 0.66em 0; */
}
div#artist-bio .bio div.artist-info img {
  margin: 1.66em;
}
div#artist-bio .bio div.artist-info {
  text-align: left;
  margin-top: 1px;
  padding-left: 1.33em;
  color: gray;
/*  border: 1px dotted green; */
}
div#artist-bio .bio div.artist-info p {
  margin-top: 1.66em;
}
/* web shop */
/* div#shop { } */
div#shop div#catalog {
  width: 666px;
  margin: 0 auto;
  color: gray;
  text-align: left;
  font-size: smaller;
}
div#shop div#catalog div.product {
  clear: left;
  height: 108px;
/*  border: 1px dotted green; */
}
div#shop div#catalog div.product img {
  padding: 3px;
  float: left;
}
div#shop div#catalog div.product div.artist {
/*  border: 1px dotted red; */
}
div#shop div#catalog div.product div.title {
  font-style: italics;
/*  border: 1px dotted blue; */
}
div#shop div#catalog div.product div.sku span.row-menu {
  float: right;
  font-family: monospace;
  font-size: x-small;
}
div#shop div#catalog div.product div.sku {
  float: right;
  margin-top: 1.66em;
  font-size: xx-small;
  font-weight: bold;
  font-family: sans-serif;
/*  border: 1px dotted gray; */
}
div#shop div#catalog div.product div.price {
  clear: right;
  float: right;
/*  border: 1px dotted gray; */
}
/* shopping cart overview/controls */
div#cart-ctl {
  border: 1px solid gray;
  clear: right;
  float: right;
  margin: 0;
  padding: 3px 7px 7px 7px;
  background-color: #cdcdcd;
  background-image: url(/images-app/shopping-basket.png);
  background-repeat: no-repeat;
  background-position: 5px 50%;
  width: 184px;
  height: 31px;
  text-align: right;
  color: black;
  font-size: 9pt;
  font-family: arial, sans-serif;
}
div#cart-ctl div#cart-val {
  float: left;
  font-weight: bold;
  font-size: larger;
  padding: 0 0 0 41px;
}
div#cart-ctl span.ctl {
  display: inline-block;
  margin-top: 3px;
}
/* shopping cart */
div#order-cart div.form {
  width: 666px;
  margin: 0 auto;
  font-size: smaller;
  color: gray;
  text-align: left;
}
div#order-cart div.form form {
  padding-top: 0.66em;
}
div#order-cart div.form div.button {
  float: right;
  margin-left: 1.33em;
}
div#order-cart table.cart {
  width: 100%;
  margin-top: 1.33em;
  padding: 0;
  border-collapse: collapse;
/*  border: 1px dotted green; */
}
div#order-cart table.cart tr.cart-row:hover {
/*  background-color: #231f20; */
  background-color: #332f30;
}
div#order-cart table.cart tr td {
  vertical-align: top;
  padding-top: 3px;
}
div#order-cart table.cart tr td.row-ctl .hover a:link,
div#order-cart table.cart tr td.row-ctl .hover a:visited {
  visibility: hidden;
}
div#order-cart table.cart tr.cart-row:hover td.row-ctl .hover a {
  visibility: visible;
  color: gray;
  text-decoration: underline;
  font-family: monospace;
  font-size: x-small;
}
div#order-cart table.cart tr .col1 {
  text-align: center;
  width: 69px;
}
div#order-cart table.cart tr .col2 {
  text-align: left;
}
div#order-cart table.cart tr .col3,
div#order-cart table.cart tr .col4,
div#order-cart table.cart tr .col5 {
  width: 76px;
  text-align: right;
}
div#order-cart table.cart tr .col3 input[type="text"] {
  text-align: right;
}
/* order form */
div#order-form div.form {
  width: 485px;
  margin: 0 auto;
  color: gray;
  text-align: left;
  font-size: smaller;
}
div.form fieldset legend {
  font-size: 14px;
  font-weight: bold;
}
div.form fieldset p {
  margin-top: 0;
  margin-bottom: 0;
}
div.form fieldset p label {
  display: inline-block;
  width: 132px;
  text-align: right;
  margin-right: 0.33em;
}
div.form fieldset p input,
div.form fieldset p select {
  margin-top: 1px;
}
div.order-form fieldset p .fldhelp {
  font-size: x-small;
}
/* form footer */
div.form p#form-base {
  text-align: center;
}
/* footer */
div#foot {
  padding-top: 3.618em;
  text-align: center;
  font-size: x-small;
  font-family: monospace;
  clear: both;
  color: gray;
}
/* buttons */
div.button {
	padding-top: 5px;
	display: inline-block;
	width: 127px;
	height: 19px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background-color: #332f30;
	border: 1px outset #231f20;
}
/* apps */
.ctl {
  font-family: geneva, arial, sans-serif;
  font-size: x-small;
}
div.msg {
/*  border: 1px solid blue;
  background-color: #b4d1ec; */
  border: 1px solid gray;
  background-color: #cdcdcd;
  color: black;
  margin: 0.33em;
  padding: 0.33em 1.33em;
}
div.err {
  margin-top: 0.33em;
  border: 1px solid red;
  background-color: #ffffe6;
  padding: 0.33em 1.33em;
  font-size: small;
}
div.err img {
  padding-right: 0.66em;
}
.flderr {
  border: 2px groove red;
}
.staticval {
  color: gray;
  font-size: smaller;
}
.staticval strong {
  color: gray;
  font-size: small;
}
/* dev helpers */
.debug {
	text-align: left;
	font-family: monospace;
	font-size: small;
	color: #3c3c3c;
}
pre.debug {
	padding: 0.66em;
	background-color: #efefef;
	white-space: pre-wrap;
}
p#debug-template {
	text-align: center;
}