/* Theme name: Waweu Theme Editors: Bernhard Näther Version: 1.0 */ body { background:url(images/bg.jpg) top repeat-x; background-color:#471111; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; } /*--- LINK STYLES ---*/ a { color:#F6AC00;} a:hover { color:#000;} a img { border:4px solid #BDBDBD;} #box { width:1080px; height:auto; margin:auto;} #header { width:630px; height:171px; padding: 10px 50px 20px 400px; background:url(images/header1.jpg);} #twitter { width:360px; height:auto; float:right; color:#666; font-size:12px;} #twitter ul li { list-style:none; padding-bottom:5px;} #navi { float:left; width:auto; margin-top:120px; position:absolute; font-size:20px;} #navi ul { padding:0; list-style-type:none;} #navi ul li { list-style:none; padding-right:20px; display:inline;} .current-cat a { color:#171717; text-decoration:none;} .current_page_item a { color:#171717; text-decoration:none;} #frame { width:1080px; padding:0; height:auto; background:url(images/contentbg.png);} #hallo { width:800px; height:100px; float:left; background:url(images/contentbg.png); overflow:visible;} #spacer {} #contentframe { width:720px; min-height:300px; padding:10px 10px 10px 70px; float:left; background:url(images/spacer.jpg) no-repeat top; } #contentframe_start { width:720px; min-height:300px; padding:10px 10px 10px 70px; float:left; } .entry { width:530px; float:right; margin-bottom:50px;} .meta { width:170px; padding-right:20px; float:left; font-size:12px; margin-bottom:50px;} .postdate { padding:10px; margin-top:15px; border:1px dotted #D4D4D4; color:#7E7E7E;} .postmetadata { padding:10px; margin-top:15px; border:1px dotted #D4D4D4; color:#7E7E7E;} #3boxes { width:720px; height:auto;} #work {width:220px; height:auto; float:left; padding-right:20px;} #life {width:220px; height:auto; float:left; padding-right:20px;} #undsonst {width:220px; height:auto; float:left; padding-right:20px;} #accordion1, #accordion2, #accordion3 {} #accordion1 a, #accordion2 a, #accordion3 a { cursor:pointer;} #accordion1 .weiter, #accordion2 .weiter, #accordion3 .weiter { text-align:left; padding-right:10px; margin-top:7px;} #accordion1 .weiter a, #accordion2 .weiter a, #accordion3 .weiter a {background:#663E3D; padding:5px; border:1px dotted #000; text-decoration:none;} #accordion1 .weiter a:hover, #accordion2 .weiter a:hover, #accordion3 .weiter a:hover {background: none; padding:5px; border:1px dotted #000;} #accordion1 .comment, #accordion2 .comment, #accordion3 .comment { text-align:left; margin-top:7px; font-size:11px; } #accordion1 .comment a, #accordion2 .comment a , #accordion3 .comment a {background:#none; padding:5px 0; border:none;} #accordion1 .comment a:hover, #accordion2 .comment a:hover , #accordion3 .comment a:hover {background: none; padding:5px 0; border:none;} .acc_content { height:auto!important; background:#E1DAD8; padding:8px; color:#666;} .acc_content p { margin:0;} .clear { clear:both;} #sidebar { width:215px; padding:2px 50px 10px 10px; height:auto; float:right;} #social a img { float:left; margin:1px 5px 6px; border: 2px solid #ccc;} #social { margin-left:10px; float:right; width:200px; padding:2px 56px 0 10px;} #widgets { border-left:3px solid #ccc; margin: 20px 0 0 0 ; padding: 0 0 0 14px;} #widgets img { border:none; text-align:left; padding: 20px 0 7px 0; } #widgets ul { list-style:none; margin:0 0 0 0; padding:0;} #widget ul li {} #footer { width:580px; min-height:100px; padding:20px 400px 10px 100px ; color:#6B6B6B; font-size:11px; background:url(images/logo_footer.png) no-repeat 700px 0;} #footer p { text-align:right; margin:0;} #footer a { color: #A9A9A9;} /*--- ALLGEMEINE STYLE ELEMENTE p header listen*/ p { padding:0 0 5px 0;} h1 { margin:10px 0 5px 0; padding:0; font-size:28px; color:#333; font-weight:normal;} h2 { margin:10px 0 5px 0; padding:0; font-size:26px; color:#999; font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} h3 { margin:10px 0 5px 0; padding:0; font-size:20px; color:#333; font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} h4 { margin:10px 0 5px 0; padding:0; font-size:16px; color:#333; font-weight:normal;} #accordion1 h3,#accordion2 h3,#accordion3 h3 { margin:10px 0 5px 0; padding:0; font-size:14px!important; color:#333; font-weight:normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom:3px solid #999; cursor:pointer;} #widgets h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#A5A5A5; font-size:16px;} /*--- SONSTIGES PLUGINS ---*/ .sldrlink { display:none!important;} .screen-reader-text { display:none;} #searchsubmit { display:none;} /* anythingSlider v1.2 By Chris Coyier: http://css-tricks.com with major improvements by Doug Neiner: http://pixelgraphics.us/ based on work by Remy Sharp: http://jqueryfordesigners.com/ */ .anythingSlider { width: 700px; height: 230px; position: relative; margin: 0 0 30px; } .anythingSlider .wrapper { width: 608px; overflow: hidden; height: 227px; margin: 0 46px; position: absolute; top: 0; left: 0; border-bottom:3px solid #ccc;} /* Width below is max for Opera */ .anythingSlider .wrapper ul { width: 3000px; list-style: none; position: absolute; top: 0; left: -40px; background: #eee; border-top: 3px solid #CCC; border-bottom: 3px solid #CCC; margin: 0; } .anythingSlider ul li { display: block; float: left; padding: 0; height: 224px; width: 680px; margin: 0; } .anythingSlider .arrow { display: block; height: 200px; width: 67px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 20px; cursor: pointer; } .anythingSlider .forward { background-position: 0 0; right: -20px; } .anythingSlider .back { background-position: -67px 0; left: -20px; } .anythingSlider .forward:hover { background-position: 0 -200px; } .anythingSlider .back:hover { background-position: -67px -200px; } #thumbNav { position: relative; top: 230px; text-align: center; } #thumbNav a { color: #999; font: 11px/18px Arial, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #E1E1E1 repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; text-decoration:none; } #thumbNav a:hover { background-image: none; } #thumbNav a.cur { background: #D2D2D2; } #start-stop { display: none; background:#999 ; background-image: url(images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 230px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } #start-stop.playing { background-color: ; } #start-stop:hover { background-image: none; } /* Prevents */ .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } .anythingSlider p {margin:0; padding:0;} .anythingSlider a img {border:none;} /* SLIDER CSS ENDE*/ /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } .aligncenter { display: block; margin-left: auto; margin-right: auto;} /* End Images */