/* Theme Name: LooTheme URI: http://wordpress.org/ Description: The default WordPress theme based on the famous Kubrick.Version: 1.6Author: LoomconceptAuthor URI: http://binarybonsai.com/Tags: blue, custom header, fixed width, two columns, widgetsKubrick v1.5 http://binarybonsai.com/kubrick/This theme was designed and built by Michael Heilemann,whose blog you will find at http://binarybonsai.com/The CSS, XHTML and design is released under GPL:http://www.opensource.org/licenses/gpl-license.php*//* Begin Typography & Colors */ body {font-size: 62.5%; /* Resets 1em to 10px */font-family: Trebuchet MS;background: #F0EDDA url(images/bodybg.jpg) top center no-repeat;text-align: center; margin:0em;} #page {text-align: left;} #header {} #headerimg {margin: 7px 9px 0;height: 192px;width: 740px;background: url(images/headerbgcenter.png) no-repeat bottom center;} #headerimg h1{width:242px; text-align:left;} #headerimg h1 a{background-image:url(images/loosavanna_illustration.png); width:321px; height:339px;padding:0em; top:101px; position:absolute; text-indent:135%; overflow:hidden; white-space:nowrap;} #page {padding: 0;} #header { margin:auto; padding: 0;height: 286px; background-image:url(images/headerbg.gif); background-position:center top; margin-bottom:16em;} #headerimg {margin: auto;height: 286px;width: 943px;} #content {font-size: 1.2em;} #body{ width:851px; margin:auto} #sidebar{padding: 20px 0 10px 0;width: 190px;} #sidebar form {margin: 0;} #footer { margin:auto; padding: 0;height: 60px; background-image:url(images/headerbg.gif); background-position:center top; clear:both; overflow:hidden; margin-bottom:0em; color:white;} #footer a{color:white;} #footer p {margin: auto;height: 286px;width: 943px; background-image:url(images/headerbgcenter.png); text-align:center;height: 60px; padding-top:1em; margin-top:0px;} #radio{position:absolute; top:35px; margin-left:459px; color:white; width:200px;} #events-calendar h2, #radio h2{color:white; border-bottom:white solid 1px} #events-calendar{position:absolute; top:35px; color:white; width:200px;} #events-calendar h2{color:white; border-bottom:white solid 1px} #events-calendar dl{margin-top:1em; margin-left:0em; padding-left:0em;} #events-calendar dl a{color:#FFF;} #events-calendar dl a:hover{color:#000;} #events-calendar dt{font-weight:normal;} #events-calendar span:hover{color:black; cursor:pointer;} #ngg-widget-1 h2.widgettitle{ color:#7D8971; border-bottom:#7D8971 1px solid;} .widget_links h2.widgettitle{ color:#DABA08; border-bottom:#DABA08 1px solid;} #get-recent-comments h2.widgettitle{ color:#DA6B61; border-bottom:#DA6B61 1px solid;} #tooltip{padding:1em;} #tooltip h4{ font-size:1.5em; margin-top:0em;} .widget_pages{ position:absolute; top:218px; margin-left:-375px; font-family:Impact; font-size:28px; text-transform:uppercase; } .widget_pages h2{display:none;} .widget_pages ul{position:relative; width:480px; height:174px; padding:0em; margin-top:0em;} .widget_pages li{margin:0em; padding:0em;} .widget_pages a{position:absolute;} .widget_pages a:hover{ text-decoration:none; color:white;} .page-item-22 a{ top:3px; left:4px; font-size:61px; color:#6A7C86;} .page-item-22 a:hover{color:#042068;} .page-item-15 a{ top:108px; left:416px; font-size:28px; color:#DABA08;} .page-item-15 a:hover{color:#CC3300} .page-item-14 a{ top:133px; left:357px; font-size:24px; color:#DA6B61;} .page-item-14 a:hover{color:#993366} .page-item-13 a{ top:133px; left:179px; font-size:53px; color:#D09831;} .page-item-13 a:hover{color:#660000} .page-item-12 a{ top:89px; left:252px; font-size:48px; color:#7D8971;} .page-item-12 a:hover{color:#666600} .page-item-11 a{ top:135px; left:91px; font-size:40px; color:#D15F7C;} .page-item-11 a:hover{color:#330066;} .page-item-10 a{ top:48px; left:20px; font-size:90px; color:#A5A241;} .page-item-10 a:hover{color:#2E730D;} .page-item-9 a{ top:0px; left:0px; font-size:61px; color:#6A7D86;} .widecolumn .entry p {font-size: 1.05em;} .page-item-9 ul, .page-item-10 ul, .page-item-11 ul, .page-item-12 ul, .page-item-13 ul, .page-item-14 ul, .page-item-15 ul, .page-item-22 ul{display:none;} small.date{float:right; color:#D09831;} .widgettitle, .post h2{color:#D09831; border-bottom:#D09831 solid 1px; margin-bottom:1em;} #get_recent_comments_wrap a{color:#D09831;} .post h2{margin-top:0.9em;} .post h2 a, .post h3{color:Inherit;} #content{ width:600px; float:left} #content dl dt{float:none;} #content dl dd{display:block; margin-left:1em; } #content dl dd ul{margin-left:0em; padding-left:0em;} #content dl dd ul li{text-indent:0em;} .ngg-widget .thumb{ display:block; background-image:url(images/bildergallerie.png); padding-left:6px; padding-top:6px; padding-right:8px; padding-bottom:18px; width:80px; float:left; overflow:hidden; height:80px; margin-right:8px; margin-bottom:8px;} .ngg-widget .footer{clear:both;} #calendar_wrapLarge{background-image:url(images/calenderbg.png); padding-top:46px; padding-left:12px; padding-right:17px; padding-bottom:28px ; height:466px; overflow:hidden;} #calendar_wrapLarge h3{margin:0em; font-size:23px; font-weight:bold; text-align:right;} #wp-calendarLarge{ width:390px;} #wp-calendarLarge thead{ overflow:hidden;} #wp-calendarLarge tr.header{} #wp-calendarLarge th{ font-size:18px; color:black; text-align:right; padding:0em; overflow:hidden; margin:0em;} #wp-calendarLarge td{ background-image:url(images/calendertd.jpg); background-repeat:no-repeat; width:53px; height:65px;} #wp-calendarLarge td { vertical-align: top;} #wp-calendarLarge a{ display:block; background-color:red; width:30px; height:30px; overflow:hidden; text-indent:100%; white-space:nowrap;} #wp-calendarLarge a:hover{background-color:#0000FF;} #wp-calendarLarge .dayHead { color: white; font-weight: bold; text-align:right; font-size:14px; padding-right:3px;} #get-recent-comments, #ctc, .commentlist, .postmetadata{} #tooltip { position: absolute; z-index: 3000; background-color: #eee; opacity: 1; width: 200px; text-align:left; } #tooltip h3, #tooltip div { margin: 0; font-size:12px; font-weight:normal; color: #000;} #tooltip ul { padding: 0; } #tooltip li { margin: 0 10px; } .narrowcolumn .entry, .widecolumn .entry {line-height: 1.4em;} .widecolumn {line-height: 1.6em;} .narrowcolumn .postmetadata {text-align: center;} .alt {background-color: #f8f8f8;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;} small {font-family: Arial, Helvetica, Sans-Serif;font-size: 0.9em;line-height: 1.5em;} h1, h2, h3 {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;font-weight: bold;} h1 {font-size: 4em;text-align: center;} #headerimg .description {font-size: 1.2em;text-align: center;} h2 {font-size: 1.6em;} h2.pagetitle {font-size: 1.6em;} h3 {font-size: 1.3em;} h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none;color: white;} h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #333;} h2, h2 a, h2 a:hover, h3, h3 a, h3 a:hover, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;} h2 a:visited, h3 a:visited { color:#D09831} .entry p a:visited {color: #b85b5a;} .commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;} .commentlist li {font-weight: bold;} .commentlist li .avatar { float: right;border: 1px solid #eee;padding: 2px;background: #fff;} .commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;} .commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;} #commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;} .commentmetadata {font-weight: normal;} #sidebar {font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; width:204px; float:right;} small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777;} code {font: 1.1em 'Courier New', Courier, Fixed;} acronym, abbr, span.caps{font-size: 0.9em;letter-spacing: .07em;} a, h2 a:hover, h3 a:hover {color: #AAA;text-decoration: none; } a:hover {color: #147;text-decoration: underline;} #wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;} #wp-calendar a {text-decoration: none;} #wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align: center;} #wp-calendar th {font-style: normal;text-transform: capitalize;} /* End Typography & Colors *//* Begin Structure */body {margin: 0 0 0px 0;padding: 0;} .narrowcolumn {float: left;padding: 0 0 20px 45px;margin: 0px 0 0;width: 450px;} .widecolumn {padding: 10px 0 20px 0;margin: 5px 0 0 150px;width: 450px;} .post {text-align: justify; clear:both;} .post hr {display: block;} .widecolumn .post {margin: 0;} .narrowcolumn .postmetadata {padding-top: 5px;} .widecolumn .postmetadata {margin: 30px 0;} .widecolumn .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;} .widecolumn .attachment {text-align: center;margin: 5px 0px;} .postmetadata {clear: left;} .clear {clear: both;} /* End Structure *//*Begin Headers */h1 {padding-top: 70px;margin: 0;} h2 { margin-top:0em;} h2.pagetitle {margin-top: 30px;text-align: center;} #sidebar h2 {padding: 0;} h3 {padding: 0;margin: 30px 0 0;} h3.comments {padding: 0;margin: 40px auto 20px ;} /* End Headers *//* Begin Images */p img {padding: 0;max-width: 100%;} /*Using 'class="alignright"' on an image will (who would'vethought?!) align the image to the right. And using 'class="centered',will of course center the image. This is much better than usingalign="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} /* End Images *//* Begin ListsSpecial stylized non-IE bulletsDo not work in Internet Explorer, which merely default to normal bullets. */html>body .entry ul {margin-left: 0px;padding: 0 0 0 30px;list-style: none;padding-left: 10px;text-indent: -10px;} html>body .entry li {margin: 7px 0 8px 10px;} /*.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";}*/ .entry ol {padding: 0 0 0 35px;margin: 0;} .entry ol li {margin: 0;padding: 0;} .postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;} #sidebar ul, #sidebar ul ol {margin: 0;padding: 0;} #sidebar ul li {list-style-type: none;list-style-image: none;margin-bottom: 15px;} #sidebar ul p, #sidebar ul select {margin: 5px 0 8px;} #sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;} #sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;} ol li, #sidebar ul ol li {list-style: decimal outside;} #sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0;padding: 0;} /* End Entry Lists *//* Begin Form Elements */#searchform {margin: 10px auto;padding: 5px 3px;text-align: center;} #sidebar #searchform #s {width: 108px;padding: 2px;} #sidebar #searchsubmit {padding: 1px;} .entry form { /* This is mainly for password protected posts, makes them look better. */} select {width: 130px;} #commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;} #commentform textarea {width: 100%;padding: 2px;} #commentform #submit {margin: 0;float: right;} /* End Form Elements *//* Begin Comments*/.alt {margin: 0;padding: 10px;} .commentlist {padding: 0;text-align: justify;} .commentlist li {margin: 15px 0 3px;padding: 5px 10px 3px;list-style: none;} .commentlist p {margin: 10px 5px 10px 0;} #commentform p {margin: 5px 0;} .nocomments {text-align: center;margin: 0;padding: 0;} .commentmetadata {margin: 0;display: block;} /* End Comments *//* Begin Sidebar */ /* End Sidebar *//* Begin Calendar */ #wp-calendar {empty-cells: show;margin: 10px auto 0;width: 155px;} #wp-calendar #next a {padding-right: 10px;text-align: right;} #wp-calendar #prev a {padding-left: 10px;text-align: left;} #wp-calendar a {display: block;} #wp-calendar caption {text-align: center;width: 100%;} #wp-calendar td {padding: 3px 0;text-align: center;} #wp-calendar td.pad:hover { /* Doesn't work in IE */background-color: #fff; } /* End Calendar *//* Begin Various Tags & Classes */acronym, abbr, span.caps {cursor: help;} acronym, abbr {border-bottom: 1px dashed #999;} blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;} blockquote cite {margin: 5px 0 0;display: block;} .center {text-align: center;} hr {display: none;} a img {border: none;} .navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;} #box {margin: 0pt auto;width: 100px;height: 70px;background: #4f8096;border: 1px solid #7199ab;} #start {text-align: center;margin: .5em 0;} dl.glossar { margin: 2em 0; } dt { float: left; /*width: 15em;*/ padding-bottom: 0.6em; font-weight: bold; line-height: 1.3em; } dd { margin-left: 4em; padding-bottom: 0.6em; line-height: 1.3em; } span.submit input{ background-color:#FFFFFF; font-family:Trebuchet MS; color:#D09831;} .wpcf7-form{ text-align:left; font-size: 15px;} .wpcf7-form input{ width:100%; border:solid 1px #D09831;} .wpcf7-form textarea{width:100%;resize: none; border:solid 1px #D09831;} div#loom { background-image:url(images/loom.png); height:15px; left:1em; overflow:hidden; position:absolute; top:1em; width:20px; } div#loom p { margin-left:37px; } div#loom a { height:27px; left:0em; position:absolute; top:0em; width:37px; } .postavatar { float: left; padding-right: 1em; padding-bottom:1em; } .postavatar img { border: 5px solid white; } a.pa { border: none; } /* CSS for admin pages. Please do not edit below here /* still a lot to do... */ fieldset#postavatarfield { } fieldset#postavatarfield h3.dbx-handle { } body#pageid_22 #header { background-image:url(images/pages/musik-headerbg.gif); } body#pageid_22 #headerimg {background-image:url(images/pages/musik-header.png); } body#pageid_22 #footer { background-image:url(images/pages/musik-headerbg.gif); } body#pageid_22 #footer p{background-image:url(images/pages/musik-header.png); } body#pageid_10 #header, body#pageid_28 #header, body#pageid_29 #header, body#pageid_30 #header, body#pageid_31 #header, body#pageid_32 #header{ background-image:url(images/pages/band-headerbg.gif); } body#pageid_10 #headerimg, body#pageid_28 #headerimg, body#pageid_29 #headerimg, body#pageid_30 #headerimg, body#pageid_31 #headerimg, body#pageid_32 #headerimg{background-image:url(images/pages/band-header.png); } body#pageid_10 #footer, body#pageid_28 #footer, body#pageid_29 #footer, body#pageid_30 #footer, body#pageid_31 #footer, body#pageid_32 #footer{ background-image:url(images/pages/band-headerbg.gif); } body#pageid_10 #footer p, body#pageid_28 #footer p, body#pageid_29 #footer p, body#pageid_30 #footer p, body#pageid_31 #footer p, body#pageid_32 #footer p{background-image:url(images/pages/band-header.png); } body#pageid_11 #header, body#pageid_33 #header { background-image:url(images/pages/gigs-headerbg.gif); } body#pageid_11 #headerimg, body#pageid_33 #headerimg {background-image: url(images/pages/gigs-header.png); } body#pageid_11 #footer, body#pageid_33 #footer { background-image:url(images/pages/gigs-headerbg.gif); } body#pageid_11 #footer p, body#pageid_33 #footer p {background-image: url(images/pages/gigs-header.png); } body#pageid_13 #header { background-image:url(images/pages/merch-headerbg.gif); } body#pageid_13 #headerimg {background-image: url(images/pages/merch-header.png); } body#pageid_13 #footer { background-image:url(images/pages/merch-headerbg.gif); } body#pageid_13 #footer p {background-image: url(images/pages/merch-header.png); } body#pageid_12 #header { background-image:url(images/pages/bilder-headerbg.gif); } body#pageid_12 #headerimg {background-image: url(images/pages/bilder-header.png); } body#pageid_12 #footer { background-image:url(images/pages/bilder-headerbg.gif); } body#pageid_12 #footer p {background-image: url(images/pages/bilder-header.png); } body#pageid_14 #header { background-image:url(images/pages/kontakt-headerbg.gif); } body#pageid_14 #headerimg {background-image: url(images/pages/kontakt-header.png); } body#pageid_14 #footer { background-image:url(images/pages/kontakt-headerbg.gif); } body#pageid_14 #footer p {background-image: url(images/pages/kontakt-header.png); } body#pageid_15 #header { background-image:url(images/pages/links-headerbg.gif); } body#pageid_15 #headerimg {background-image: url(images/pages/links-header.png); } body#pageid_15 #footer { background-image:url(images/pages/links-headerbg.gif); } body#pageid_15 #footer p {background-image: url(images/pages/links-header.png); } .ctc{ font-family:Impact; text-transform:uppercase; } .ctc a{text-decoration:none;} #bandimages{ margin-right:10px; } #bandimages a{ width:0px; height:150px; float:left; padding-left:95px; overflow:hidden;} #bandimages a:hover{width:95px; padding-left:0em;} a#anke{background-image:url(images/band/anke.png);} a#elli{background-image:url(images/band/elli.png);} a#katja{background-image:url(images/band/katja.png);} a#marie{background-image:url(images/band/marie.png);} a#benno{background-image:url(images/band/benno.png);} /* End Various Tags & Classes*//* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.It won't be a stylish marriage, I can't afford a carriage.But you'll look sweet upon the seat of a bicycle built for two." */ .inline-sample-content{padding:1em; font-size:1.5em;} #radio *{outline:none !Important;} #shadowbox_content{color:white;} #shadowbox_content h4{display:none;}