@import url("http://esophagus.com/css/reset.css");

/* ---[ =Global ]------------------------------- */

html {
  font-size:100%;
  height:100%;
  min-width:740px;
}

body {
  font:62.5%/1.5 Helvetica, Arial sans-serif;
  margin:0;
  padding:0;
  text-align:left;
}

html>body {
  font-size:11px;
}

#container {
  margin:20px;
  padding:0;
  width:740px;
}

#container:after {
  content:'[DO NOT LEAVE IT IS NOT REAL]';
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

#container {
  display:inline-block;
}

/**/
#container {
  display:block;
}
/* End easy clearing */

/* ---[ =Anchors ]------------------------------- */

a:link, 
a:visited {
  text-decoration:none;
}

a:hover, 
a:active {
  text-decoration:line-through;
}

/* ---[ =Colors ]------------------------------- */

body {
  background-color:#FFF;
  color:#888;
}

a:link, 
a:visited {
  background-color:transparent;
  color:#BF0000;
}

a:hover, 
a:active {
  background-color:transparent;
  color:#BF0000;
}

h1 {
  background-color:#FFF;
  color:#888;
}

h2 {
  background-color:#FFF;
  color:#BF0000;
}

h3 {
  background-color:#FFF;
  color:#888;
}

input {
  background-color:#FFF;
  color:#888;
}

input:focus, 
textarea:focus {
  background-color:#FFC;
  color:#666;
}

legend {
  background-color:#FFF;
  color:#888;
}

textarea {
  background-color:#FFF;
  color:#888;
}

tr:hover {
  background-color:#EEE;
  color:inherit;
}

thead tr:hover {
  background-color:transparent;
  color:inherit;
}

/* ---[ =Forms ]------------------------------- */

form {
  margin:0 0 1em 0;
  width:360px;
}

fieldset {
  margin:0 0 1.2em 0;
}

legend {
  font-size:1.2em;
  font-weight:normal;
  padding:0 0 1em 0;
}

label {
  display:block;
}

input {
  width:200px;
}

input.image {
  border:0;
  height:auto;
  width:auto;
}

input.submit {
  width:auto;
}

textarea {
  width:350px;
  height:150px;
}

label.error {
  color:#BF0000;
}

div.error {
  display:none;
}

/* ---[ =Headings ]------------------------------- */

h1 {
  font-size:2.4em;
  margin:0 0 1.4em 0;
}

h2 {
  font-size:1.3em;
  font-weight:bold;
  margin:0 0 1.2em 0;
  text-transform:uppercase;

}

h3 {
  font-size:1.2em;
  font-weight:bold;
  margin:0 0 1.2em 0;
}

/* ---[ =Images ]------------------------------- */

img.border {
  float:left;
  padding:0.5em;
  border:1px solid #EEE;
}

/* ---[ =Lists ]------------------------------- */

ul {
  margin:0 0 1em 0;
}

ul li {
  font-size:1.2em;
}

li.caption {
  font-size:1em;
  margin:0.5em 0 0 0;
}

ul.byline li {
  font-size:1em;
}

dl {
  margin:0;
}

dl dt {
  font-size:1.2em;
  font-weight:bold;
}

dl dd {
  margin:0 0 1.6em 0;
}

/* ---[ =Styles ]------------------------------- */

p {
  font-size:1.2em;
  margin:0 0 1em 0;
}

/* ---[ =Tables ]------------------------------- */

table {
  border-collapse:collapse;
  margin:2em 0 0 0;
  padding:0;
  width:100%;
}

caption {
  border-top:1px solid #888;
  font-size:0.9em;
  font-weight:normal;
  padding:0.9em 0;
  text-align:left;
  text-transform:uppercase;
}

thead {
  display:none;
}

th {
  border-top:1px solid #888;
  font-size:0.9em;
  font-weight:normal;
  padding:0.9em 0;
  text-align:left;
  text-transform:uppercase;
}

td {
  border-top:1px solid #DDD;
  font-size:1em;
  padding:0.8em 1.6em 0.8em 0;
  text-align:left;
}

#events table {
  border-collapse:collapse;
  margin:0 0 2em 0;
  padding:0;
  width:360px;
}

#events caption {
  font-size:1.1em;
  font-weight:normal;
  padding:0 0 0.9em 0;
  text-align:left;
}

#events td {
  border-top:1px solid #DDD;
  font-size:1em;
  padding:0.8em 1.6em 0.8em 0;
  text-align:left;
}

/* ---[ =Masthead ]------------------------------- */

#masthead {
  margin:0;
  padding:0;
  width:740px;
}

#masthead h1 {
  background:url(http://esophagus.com/images/menche/home.gif) no-repeat top left;
  height:32px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  width:180px;
}

#masthead h1 a:link, 
#masthead h1 a:visited {
  background:url(http://esophagus.com/images/menche/home.gif) no-repeat top left;
  border:0;
  display:block;
  height:32px;
  margin:0;
  padding:0;
  text-decoration:none;
  text-indent:-9999px;
  width:180px;
}

#masthead h1 a:hover {
  background:url(http://esophagus.com/images/menche/home.gif) no-repeat top right;
  border:0;
  display:block;
  height:32px;
  margin:0;
  padding:0;
  text-decoration:none;
  text-indent:-9999px;
  width:180px;
}

#masthead-1 {
  float:left;
  margin-left:0;
  width:360px;
}

* html #masthead-1 {
  display:inline;
}

#masthead-2 {
  float:left;
  margin-left:20px;
  width:360px;
}

/* ---[ =Navbar ]------------------------------- */

#nav {
  margin:0 0 4em 0;
}

#nav ul {
  height:128px;
  list-style-type:none;
  margin:0;
  padding:0;
}

#nav li {
  display:inline;
  list-style-type:none;
  margin:0;
  padding:0;
}

#nbiography a:link, 
#nbiography a:visited {
  background:url(http://esophagus.com/images/menche/biography.gif) no-repeat top left;
  border:0;
  display:block;
  height:32px;
  margin:0;
  padding:0;
  text-decoration:none;
  text-indent:-9999px;
  width:180px;
}

#nbiography a:hover {
  background:url(http://esophagus.com/images/menche/biography.gif) no-repeat top right;
  border:0;
  display:block;
  height:32px;
  margin:0;
  padding:0;
  text-decoration:none;
  text-indent:-9999px;
  width:180px;
}

#ndiscography a:link, 
#ndiscography a:visited {
  background:url(http://esophagus.com/images/menche/discography.gif) no-repeat top left;
  border:0;
  display:block;
  height:32px;
  margin:0;
  padding:0;
  text-decoration:none;
  text-indent:-9999px;
  width:180px;
}

#ndiscography a:hover {
  background:url(http://esophagus.com/images/menche/discography.gif) no-repeat top right;
  border:0;
  display:block;
  height:32px;
  margin:0;
  padding:0;
  text-decoration:none;
  text-indent:-9999px;
  width:180px;
}

#narchive a:link, 
#narchive a:visited {
  background:url(http://esophagus.com/images/menche/archive.gif) no-repeat top left;
  border:0;
  display:block;
  height:32px;
  margin:0;
  padding:0;
  text-decoration:none;
  text-indent:-9999px;
  width:180px;
}

#narchive a:hover {
  background:url(http://esophagus.com/images/menche/archive.gif) no-repeat top right;
  border:0;
  display:block;
  height:32px;
  margin:0;
  padding:0;
  text-decoration:none;
  text-indent:-9999px;
  width:180px;
}

#ncontact a:link, 
#ncontact a:visited {
  background:url(http://esophagus.com/images/menche/contact.gif) no-repeat top left;
  border:0;
  display:block;
  height:32px;
  margin:0;
  padding:0;
  text-decoration:none;
  text-indent:-9999px;
  width:180px;
}

#ncontact a:hover {
  background:url(http://esophagus.com/images/menche/contact.gif) no-repeat top right;
  border:0;
  display:block;
  height:32px;
  margin:0;
  padding:0;
  text-decoration:none;
  text-indent:-9999px;
  width:180px;
}

/* ---[ =Headline ]------------------------------- */

#headline {
  clear:both;
  margin:20px 0 0 0;
  padding:0;
  width:740px;
}

#headline-1 {
  float:left;
  margin-left:0;
  width:360px;
}

* html #headline-1 {
  display:inline;
}

#headline-2 {
  float:left;
  margin-left:20px;
  width:360px;
}

#headline h3 {
  float:left;
  height:80px;
  margin:0;
  overflow:hidden;
  padding:0;
  width:740px;
}

#headline select {
  margin-bottom:1em;
}

/* ---[ =Content ]------------------------------- */

#content {
  clear:both;
  margin:0;
  padding:0;
  width:740px;
}

#col-1 {
  float:left;
  margin-left:0;
  width:360px;
}

* html #col-1 {
  display:inline;
}

#col-2 {
  float:left;
  margin-left:20px;
  width:360px;
}

/* ---[ =Footer ]------------------------------- */

#footer {
  border-top:1px solid #888;
  clear:both;
  height:1%;
  margin:20px 0;
  padding:0;
}

* html #footer {
  position:relative;
}

#footer-1 {
  float:left;
  margin:10px 16px 0 0;
  text-align:left;
  width:236px;
}

* html #footer-1 {
  display:inline;
}

#footer-2 {
  float:left;
  margin:10px 0 0 0;
  text-align:center;
  width:236px;
}

#footer-3 {
  float:left;
  margin:10px 0 0 16px;
  text-align:right;
  width:236px;
}