/*
CSS for Musikgruppe Faranspil
Copyright © 2009. All rights reserved.

Webdesign & Programming by
       LaGARAFA Productions
       Lars Gatting Film- und Medienproduktionen
       Mail: media@lagarafa.de
       Web: www.lagarafa.de

Template based on ideas by http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/



* {
        margin: 0;
        padding: 0;
}

body {
        background: #9F0000 url(../vorlagen/faranspil_bg.jpg) repeat;
        font: normal small Arial, Helvetica, sans-serif;
        color: #000000;
}

h1, h2, h3, h4, h5, h6 {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #5F0000;
}

p, blockquote {
        margin-bottom: 1em;
        line-height: 180%;
}

ul, ol {
        line-height: 130%;
}

a:link {
        color: #5F0000;
}

a:active {
        color: #5F0000;
}

a:visited {
        color: #0000BF;
}

a:hover {
        text-decoration: underline;
        color: #00009F;
}

/* Post */

.latest-post {
        padding: 25px 60px 0px 80px;
}

.latest-post h1 {
        margin-bottom: .2em;
        text-align: right;
        font-size: 1.6em;
        color: #5F0000;
}

.latest-post h2 {
        margin-bottom: .5em;
        text-align: right;
        font-size: 1.2em;
        color: #5F0000;
}

.post {
        padding: 10px 20px 0px 40px;
        border-top: 0px solid #000000;
}

.post h3 {
        margin-bottom: .5em;
        font-size: 1.2em;
}

.file * {
        color: #4F4F4F;
        line-height: 130%;
}

.credits * {
        color: #5F5F5F;
        line-height: 130%;
}

img {
        border: none;
}

img.left {
        float: left;
        margin: 0 20px 10px 0;
}


/* Wrapper */

#wrapper {
        width: 700px;
        margin: 0 auto;

}

/* Header */

#header {
        height: 110px;
        padding: 10px 50px 0 0;
        color: #FFFFFF;
}

#logo {
        width: 640px;
        height: 107px;
        position: relative;
        background: url(../vorlagen/faranspil_logo.gif) no-repeat;
        background-position: top center;
}

#header * {
        text-transform: lowercase;
        text-decoration: none;
        text-align: right;
        color: #FFFFFF;
}

#header h1 {
        font-size: 2em;
        letter-spacing: -2px;
}

#header h2 {
        font-size: 1em;
}

/* Content */

#content {
        background: url(images/img3.jpg) repeat-y;
}

#colOne {
        float: right;
        width: 476px;
        padding: 0 0 0 0px;
        background: url(images/obenrechts.jpg) no-repeat;
}

#colOne ul {
        padding-left: .5em;
        list-style: disk;
        line-height: 130%;
        margin-left: 1.8em;
}

#colOne li {
        padding-bottom: 1.2em;
}

#colTwo {
        float: left;
        width: 180px;
        padding: 150px 20px 0 20px;
        background: url(images/photograph.gif) no-repeat;
}

#colTwo h3 {
        margin-bottom: 1em;
        font-size: 1em;
        padding-top: 1.9em;
}

#colTwo ul {
        padding-left: .5em;
        list-style: none;
}

#colTwo li {
        padding-bottom: 1.2em;
}

/* Menu */

#menu {
        height: 35px;
}

#menu ul {
        float: right;
        padding: 15px 0 0 0;
        list-style: none;
        line-height: normal;
}

#menu li {
        display: inline;
}

#menu a {
        padding-right: 15px;
        text-decoration: none;
        color: #FFFFFF;
}

#menu a:hover {
        text-decoration: underline;
        color: #FFFFFF;
}

#menu .active a {
        font-weight: bold;
        text-decoration: none;
        color: #FFFFFF;
}


/* Button CD bestellen */

#cdbestellen {
        width: 160px;
        height: 26px;
        margin: 0 auto;
}

#cdbestellen ul {
        margin: 0;
        padding: 0;
        list-style: none;
}

#cdbestellen li {
        display: inline;
}

#cdbestellen a {
        background: url(images/faranspil_cd_bestellen.jpg) no-repeat;
        width: 160px;
        height: 26px;
}

#cdbestellen a:hover {
        background: url(images/faranspil_cd_bestellen.jpg) no-repeat;
        width: 160px;
        height: 26px;
}


/* Footer */

#footer {
        background: url(images/unten.jpg) no-repeat;
}

#footer * {
        color: #FFFFFF;
}

#footer p {
        padding: 2em 0;
        text-align: center;
}