/*
    CSS 2.0 stylesheet for metalvisions
*/

/* degradation */

hr, .hidden {
    display:none;
}

/* overall layout */

.left {
    float:left;
}

.right {
    float:right;
}

.clear {
    clear:both;
}

img {
    border:none;
}

body {
    background-color:#000000;
    margin:0px;
    padding:0px;
    font-family:Helvetica, sans-serif;
}

body, #nav a[href], .listing a[href], h1 a[href], h1 a[href]:visited {
    color:#333333;
}

a[href], h1 a[href]:hover, h1 a[href]:focus {
    color:#000099;
}

a[href]:visited {
    color:#000000;
}

a[href]:hover, a[href]:focus {
    color:#0000ff;
}

.stripe a[href] {
    color:#cccccc;
}

a.images-pending[href] {
    color:#999999;
}

#header {
    background-image:url('/lib/bg.png'),url('/lib/bgr.png');
    background-position:left,right;
    background-repeat:no-repeat;
}

/* top and bottom stripes */

.stripe {
    border-width:2px;
    border-color:#666666;
    text-align:center;
    font-size:80%;
}

.stripe a {
    text-decoration:none;
}

.stripe ul, .stripe li {
    padding:0px;
    margin:0px;
}

.stripe li {
    display:inline-block;
}

#headline {
    margin:0px;
    padding:10px;
    min-height:50px;
    font-size:18px;
    font-weight:normal;
    text-transform:uppercase;
    color:#f6f6f6;
}

#headline, #headline span {
    letter-spacing:0.15em;
}

#headline span {
    font-size:36px;
    font-family:Palatino, Georgia, serif;
}

#headline span span {
    letter-spacing:0.06em;
}

#nav {
    border-bottom-style:solid;
}

#nav a {
    display:inline-block;
    background-color:#f6f6f6;
    padding:15px;
    padding-top:2px;
    padding-bottom:2px;
}

#bottom {
    clear:both;
    padding:20px;
    border-top-style:solid;
}

#bottom li {
    padding-left:15px;
    padding-right:15px;
    padding-bottom:15px;
}

#main {
    background-color:#f6f6f6;
    min-height:350px;
    padding:45px;
    padding-left:10px;
    padding-right:10px;
    line-height:1.6em;
    text-align:justify;
}

/* main content */

h1 {
    text-align:center;
    font-size:144%;
    margin-top:0px;
    margin-bottom:1em;
}

h1 a {
    text-decoration:none;
}

h2 {
    text-align:center;
    font-size:120%;
}

ul, ol {
    padding-left:2.5em;
}

li, dd {
    margin-bottom:0.4em;
}

.text, .listings, .gallery {
    margin:auto;
    padding-top:30px;
    position:relative;
}

.text {
    max-width:40em;
}

.listings, .link-bar {
    max-width:80em;
    text-align:center;
}

.gallery {
    width:630px; /* Bildbreite + 2*10 Pixel Rand */
    background:#999999; /* galleria.mv.css: .galleria-container anpassen */
}

.gallery h1 {
    margin-left:10px;
    margin-right:10px;
}

.gallery a[href] {
    text-decoration:none;
}

.listing {
    display:inline-block;
    width:28%;
    vertical-align:top;
    margin-left:2%;
    margin-right:2%;
    text-align:center;
}

.twocol .listing {
    width:40%;
}

.onecol .listing {
    width:88%;
}

.listing ul, ul.listing {
    padding:0px;
    margin-bottom:1.6em;
}

.listing li {
    display:block;
}

.listing a[href] {
    display:block;
    text-decoration:none;
}

.listing a[href]:hover, .listing a[href]:focus {
    background-color:#666666;
    color:#cccccc;
}

.hero-unit {
    width:95%;
    background-color:#cccccc;
    margin-top:-4ex;
    margin-bottom:4ex;
    font-size:80%;
}

.hero-unit ul {
    margin-bottom:2ex;
    line-height:120%;
}

.hero-unit a[href].img-link {
     display:block;
     height:200px;
     background-color:transparent;
}

ul.index-block {
    min-height:13.2em;
    margin-top:1.5em;
    margin-bottom:1.5em;
}

ul.index-block li {
    line-height:2.2em;
    margin-bottom:0px;
}

ul.band-block li {
    display:inline-block;
}

ul.band-block a[href] {
    padding-left:0.3em;
    padding-right:0.2em;
}

ul.band-block li a[href]:after {
    content:', ';
}

ul.band-block li:last-child a[href]:after {
    content:'';
}

#ss-control, #gallery-band-link, #gallery-event-link {
    font-size:80%;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
}

#ss-control {
    text-align:center;
}

#ss-control a {
    color:#dddddd;
}

#gallery-band-link {
    float:left;
}

#gallery-event-link {
    float:right;
}

#gallery-band-link a, #gallery-event-link a {
    color:#333333;
}

/* RSS listing on the front page */

.rss, .gallery-rss, .twitter, .px500 {
    background-repeat:no-repeat;
    padding-left:30px;
    padding-right:30px;
}

.rss, .gallery-rss {
    background-image:url('/lib/rss.png');
    border-top: 1px solid #999999;
}

.gallery-rss {
    margin-left:25%;
    margin-right:25%;
    margin-top:2ex;
    padding-bottom:2ex;
    text-align:center;
    border-color:#666666;
    font-size:80%;
}

.twitter {
    background-image:url('/lib/twitter.png');
}

.px500 {
    background-image:url('/lib/500px.png');
}