/*
Theme Name: Vespertales
Theme URI: http://www.vespertales.de
Description: Vespertales Theme
Version: 1.0
Author: Starfiend
*/

body {
        background: #000;
        color: #000;
        font-family: Arial, Helvetica, sans-serif;
        font-size:10pt;
}

td {
        font-size:10pt;
}

/* Haupt-Layout */

/* Header */

    #header {
      background: url('images/vtheader_spring.jpg') no-repeat top left;
      height: 133px;
      margin:0;
    }

    #header a {
        color: #fff;
    }

    #linkleiste {
        text-align: right;
        padding-top: 3px;
        margin-right: 5px;
        height: 20px;
    }

    #linkleiste .irc {
        vertical-align:top;
        margin-right:20px;
        color: #fff;
        font-size: 11px;
        text-align: right;
    }

    #linkleiste .umfrage {
        vertical-align:top;
        margin-right:20px;
        color: #fff;
        font-size: 11px;
        text-align: right;
    }

    #linkleiste .online {
        vertical-align:top;
        margin-right:15px;
        color: #fff;
        font-size: 11px;
        text-align: right;
    }

    #linkleiste .datum {
        vertical-align:top;
        margin-right:15px;
        color: #fff;
        font-size: 11px;
    }


/*----------*/

    #nav {
     	list-style: none;
     	position: absolute;
     	right: 20px;
     	padding: 0;
     	margin: 0;

    }

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

    #nav a {
     	display: block;
     	width:87px;
    }

    #nav li {
     	float: left;
     	width:87px;
     	margin-right:20px;
    }

    #nav li ul {
      text-align: center;
      position: absolute;
      width:87px;
      left: -999em;
      bottom:30px;
    }

    #nav li:hover ul {
	    left: auto;
    }

    /* die menuebuttons */
    #nav li div {
      padding-top:80px;
      padding-bottom:3px;
      background: url('images/paperbutton.gif') no-repeat bottom left;
      text-align: center;

    }

     #nav li div a {
      color: #fff;
      font-size:12px;
      font-weight: bold;
      text-decoration: none;
    }

    #nav li ul li a {
        font-size:11px;
        font-weight: bold;
    }

    /* IE fix */
    #nav li:hover ul, #nav li.sfhover ul {
	    left: auto;
    }



/*---------*/






/*
    div#sponsor {
            padding-top:2px;
            height :86px;
            text-align: right;
    }
*/



/* Sidebar */

#sidebar * {
    font-size: 10pt;
    font-weight: normal;
    padding:0 0 0 0;
}

#sidebar ul {
    list-style: none;
    padding:0;
    margin:0 0 20px 0;
}

#sidebar li {
    background: url('images/li.gif') no-repeat left;
    padding:0 0 0 15px;
    margin:0;
}

#sidebar li:hover {
    background: url('images/li_hi.gif') no-repeat left;
}


#sidebar a {
    color: #000;
    text-decoration: none;
}

#sidebar a:hover {
    text-decoration: none;
    color: #fff;
}

#sidebar span.importantlink {
    font-weight: bold;
}



/* Spieltipps */

#tipp-text { border:0px solid; float: right;width:70%;  height:100%}
#tipps-liste { width:250px; margin-right:10px;}
#tipps-liste img { padding-top:3px; padding-right:5px;}
#tipps-liste a { font-size:10pt; text-decoration:none;}










/* Content */

  #content {
        padding-top: 10px;
        margin-right: 175px;
        padding-left: 20px;
        font-size: 10px;
}








/* Linkstyle */

a {
    color: #b44;
    font-weight: bold;
    text-decoration: underline;
}


a:hover {
    color: #fff;
}


a img {
    border:0px;
}


/* Stil diverser Elemente */

blockquote {
    border-left: 5px solid #ccc;
    margin-left: 1.5em;
    padding-left: 5px;
}


code {
    font-weight: bold;
}


/* mit tollem siegelwachs */
h1 {
    background: url('images/siegel.gif') no-repeat top left;
    height: 30px;
    padding-top:10px;
    padding-left:77px;
    font-weight: bold;
    font-style: italic;
    font-size:12px;
    border: 0px solid;
}

h1.siegel_breit {
    background: url('images/siegel_breit.gif') no-repeat top left;
}


/* mit weniger pompösem siegelwachs */
h4 {
    background: url('images/siegel2.gif') no-repeat top left;
    height: 30px;
    padding-top:10px;
    padding-left:77px;
    font-weight: bold;
    font-style: italic;
    font-size:12px;
    border: 0px solid;
    margin-bottom:2px;
}


h2 {
    font-weight: bold;
    font-size: 13px;
}

h3 {
    font-weight: bold;
    font-size: 13px;
}


/* Markierung wichtiger Texte */
.important {
    color:#ff0000;
}

/* Freiwillige Angaben */
.optional {
    background: #cec;
}

.success {
    color: #04b;
    font-weight: bold;
}




/* Einzelne Inhalts-Schriftrollen */
.post {
    margin-bottom: 25px;
}


/* Posting Ueberschrift */
.storytitle {
    margin: 0;
}

.storytitle a {
    color: #000;
    text-decoration: none;
}




.newstrenner {
    background: url('images/band.gif') repeat-x top left;
    width: 100%;
}

.newsfunktionen {
}

.googlesearch {
    padding-left: 80px;
}


.newsarchiv {
    padding-left: 80px;
}













.bild-right {
    float: right;
    padding-left: 20px;
}

.bild-left {
    float: left;
    padding-right: 20px;
}

.scroll {
    clear: both;
}


.contentlist {
    padding-top: 10px
}

.contentlist li p {
    margin: 5px 0 15px 15px;
}


.vesperpedialink {
	background: url('images/vp-icon.png') no-repeat top left;
	display:inline-block;
	text-decoration:none;
	height:16px;
	width:25px;	
}

.vesperpedialink:hover {
	background: url('images/vp-icon_onmouseover.png') no-repeat top left;
}