/*Default Styles*/
html { font-size: 100%; }
body { margin: 0; font-family: Tahoma, Optima, Georgia; font-size: 62.5%; background: #000; color: #777;  text-align: center; }
img { border: none; }
a { margin: 0; padding: 0; outline: none; }

/*Top Navigation*/
#topcontainer { margin: 40px auto; width: 900px; background: #000; display: block; }
#header { background-image: url(./images/Mat-flugel3.jpg); background-repeat: no-repeat; background-position: 90% 10%; display: block; }
#header a, #header a:visited { color: #666; text-decoration: none; }
#header a:hover, #header a.foot:active { color: #be9070; text-decoration:none; }
#postable { text-align: left; }
td.mailtype { font-family: Tahoma, Optima, Georgia; font-size: 1.2em; letter-spacing: 1px; color: #464646; }

/*Middle Content*/
#midcontainer { margin: 0 auto; width: 900px; background: #000; display: block; }
#content { font-weight: normal; letter-spacing: .1px; line-height: 2.2em; text-align: left; }

/*Paragraph Styles*/
p { margin: 0 0 20px 0; font-size: 1.9em; }
p.cap { text-transform: uppercase; margin-bottom: 0; }
p.rhslink { font-size: 1.8em; text-align: right; color: #999; text-transform: uppercase; } 
p.lhslink { font-size: 1.8em; text-align: left; color: #999; text-transform: uppercase; }

/*Image Styles*/
.imgright { float: right; padding: 3px 0 17px 34px; }
.imgright img { float: left; border: 1px solid #666; padding: 3px; }
.imgleft { float: left; padding: 3px 27px 27px 0; }
.imgleft img { float: left; border: 1px solid #666; padding: 3px; }
#subheading { float: left; padding: 3px 0 27px 0; }
#subheading img { float: left; }

/*Photo Gallery Styles*/
.gallery { height: auto; width: auto; float: left; text-align: center; padding: 3px 27px 27px 0; }
.gallery img { display: inline; padding: 3px; border: 1px solid #464f5a; }
.gallery a:hover img { border: 1px solid #be9070; }

/*Link Styles*/
a, a:visited { color: #464f5a; text-decoration: none; font-weight: bold; /*background-position: 0 0; */ }
a:hover { color: #be9070; text-decoration: none; }

/*Feature Article*/
.featuretitle { margin: 0 0 20px 0; font-weight: bold; color: #999; text-align: center; font-size: 4.5em; letter-spacing: -0.1em; line-height: 150%; }
#feature p { font-size: 2.2em; }
#feature a { font-weight: bold; }

/*Header Styles*/
h2  { margin: 0 0 20px 0; font-weight: bold; color: #999; font-size: 4.2em; letter-spacing: -0.1em; line-height: 100%; }
h3  { margin: 0 0 20px 0; font-size: 2.3em; font-weight: bold; color: #999; letter-spacing: -0.1em; line-height: 100%; text-transform: uppercase; }
h4  { margin: 0 0 20px 0; font-size: 2.1em; font-weight: bold; color: #666; letter-spacing: -0.1em; line-height: 100%; text-transform: uppercase; }

/*Column Styles*/
.leftcol { float: left; width: 49%; margin-top: 10px; }
.rightcol { float: left; width: 49%; margin-top: 10px; }

/*Album Song Listing Style*/
.play { float: left; }
.play img { margin-right: 8px; padding: 2px 0; border: 0; }
.play a { color: #999; } 
.clear { clear: both; }
.list { font-size: 1.7em; margin: 0 0 3px 0; }

/*Impact Styles*/
span.imp { color: #464646; }
span.cap { font-size: 135%; font-weight: bold; color: #464646; }

/*Gig Listing Styles*/
table.gigs { }
table.gigs th { font-size: 1.8em; text-align: left; }
table.gigs td { vertical-align: top; background: #666; font-weight: bold; font-size: 1.5em; color: #ccc; padding: 10px; }
table.gigs td div.smaller { font-size: 90%; }
table.gigs td.details { background: #e5e5e5; color: #464646; }

/*Contact & Pre-Order Styles*/
#message { float:left; width: 340px; border-right: 1px solid #d7d7d7; margin: 30px 0 0 0; }
#message dt { margin: 10px 0 0 0; padding: 0; }
#message dd { margin: 5px 0 0 0; padding: 0; }
#message dl { font-size: 1.6em; font-weight: bold; margin: 0; padding: 0; }
#message textarea { border: 1px solid #be9070; padding: .15em .25em; background-color: #000; color: #be9070; }
#mailing { float: left; width: 340px; margin: 30px 0px 0 50px; }
#mailing dt { margin: 10px 0 0 0; padding: 0; }
#mailing dd { margin: 5px 0 0 0; padding: 0; }
#mailing dl { font-size: 1.6em; font-weight: bold; margin: 0; padding: 0; }
#preorder { font-size: 1.6em; float:left; width: 540px; border-right: 1px solid #d7d7d7; margin: 0; }
#preorder dt { margin: 10px 0 0 0; padding: 0; }
#preorder dd { margin: 5px 0 0 0; padding: 0; }
#preorder dl { font-weight: bold; margin: 0; padding: 0; }
#preorder textarea { border: 1px solid #be9070; padding: .15em .25em; background-color: #000; color: #be9070; }
input { background-color: #000; color: #be9070; border: 1px solid #be9070; }
input.btnhov { font-weight: bold; }
input.btn { font-weight: normal; }

/*Footer Styles*/
#footer { margin: 20px auto; width: 900px; text-align: center; font-family: Georgia, Arial; text-transform: uppercase; font-size: 1.1em; color: #777; display: block; }
#footernav ul li { list-style: none; display: inline; }
#footer a.foot, a.foot:visited { color: #464f5a; text-decoration: none; font-weight: bolder; font-size: 1em; letter-spacing: .1em; }
#footer a.foot:hover, a.foot:active { color: #be9070; text-decoration: none; }
#footer p { text-align: center; color: #666; }
#footer a.footmark, a.footmark:visited { color: #be9070; text-decoration: none; font-weight: bolder; font-size: 1.1em; letter-spacing: .1em; }
#footer a.footmark:hover, a.footmark:active { color: #be9070; text-decoration: none; }
#footer p { font-size: 1em; }