/*-------------------------------------------
 *
 * Autor:          rivus-media.de,
 *                 Christoph Bach
 * Version:        1.3
 * letztes Update: 2010-02-02
 *
 *-----------------------------------------*/


/**
 *  Browser-Reset
 */

* { margin: 0; padding: 0; border: 0 }


/**
 * Font Face
 */

/** extra fuer IE */
@font-face { 
    font-family: 'MiasScribblings';
    src: url("../fonts/MiasScribblings.eot");
}

/** die guten nutzen gutes */
@font-face {
    font-family: 'MiasScribblings';
    src: url(../fonts/MiasScribblings.ttf) format('truetype');
}


/**
 * Elemente
 */

hr {
    height: 10px;
    margin: 5px 0;
    border: 0;
    background: url(../images/layout/bg-hr.png) top left no-repeat;
}


/**
 * Klassen
 */

.clr:after{clear:both;display:block;height:0;content:".";visibility:hidden}.clr{zoom:1}
.alignleft  { float: left  }
.alignright { float: right }


/**
 * Typografie
 */

body, textarea {
    font: 100.01%/1 Verdana, Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
#presse a {
    font-family: 'MiasScribblings', Helvetica, Arial, sans-serif;
    font-weight: normal;
}

h1 { font-size: 40px }
h2 { font-size: 32px; line-height: 125%; }
h3 { font-size: 24px }
h4, #presse a { font-size: 20px; line-height: 140%; }
h5 { font-size: 17px; line-height: 125%; }
h6 { font-size: 14px }

.article-nav li { font-size: 12px }

h2 a {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6, .receiptColWrapper {
    color: #00217b;
}


h2 a:hover {
    color: #3c8400;
}

a {
    color: #5ca420
}

a:hover {
    color: #3c8400;
}

.entry a {
    font-style: italic;
}

#content {
    font-size: 14px;
    line-height: 19px;
}

/**
 * Layout
 */

body, html {
    height: 100%;
}

body {
    background: url(../images/layout/bg-body.jpg);
}

p { margin: 0 0 1em; }

h2 { margin: 0 0 0.2em; padding-bottom: 0.2em; border-bottom: 1px dotted #c1c1c1; }
h3 { margin: 0 0 0.6em; }
h4, h5 { margin: 0 0 0.5em; }
h6 { margin: 0 0 0.5em;}

blockquote {
    width: 85%;
    margin: 0 auto 1em;;
    padding: 1em;
    background: #e1e1e1;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: -1px 2px 3px rgba(33,33,33,0.5);
    -webkit-box-shadow: -2px 2px 3px rgba(33,33,33,0.5);
    box-shadow: -2px 2px 3px rgba(33,33,33,0.5);
}

blockquote p:last-child {
    margin-bottom: 0.2em;
}


/** 100er heights **/
#outerWrapper, #innerWrapper, #site {
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}


/**
 * outer Wrapper
 * @section outerWrapper
 */

#outerWrapper {
    position: relative;
    width: 996px;
    margin: 0 auto;
    padding-bottom: 20px;
    background: url(../images/layout/bg-shadow.png) repeat-y;
}

#site {
    width: 958px;
    margin: 0 auto;
    background: url(../images/layout/bg-site.jpg) repeat-y;
}


/**
 * Header
 * @section header
 */

a#skipLink {
    position: absolute;
    height: 0;
    left: -9999px;
}

.header {
    width: 680px;
    height: 120px;
    margin: 0;
    background: url(../images/layout/bg-content-top.png) 15px bottom no-repeat;
}


/**
 * Navigation
 * @subsection nav
 */

#nav {
    position: absolute;
    list-style: none;
    margin: 0 0 0 1px;
}

#nav li {
    float: left;
    text-align: center;
}

#nav li a {
    display: block;
    height: 0;
    margin-right: 17px;
    line-height: 61px;
    padding-top: 61px;
    overflow: hidden;
    background: url(../images/layout/bg-navigation.jpg) no-repeat;
}

#nav li a:hover {}

/* :link */
#nav #li_blog a      { background-position:      0 -62px; width: 105px }
#nav #li_kkk a       { background-position: -122px -62px; width:  65px }
#nav #li_folgen a    { background-position: -204px -62px; width: 130px }
#nav #li_kuenstler a { background-position: -351px -62px; width: 164px }
#nav #li_kontakt a   { background-position: -532px -62px; width: 150px }

/* :hover */
#nav #li_blog a:hover      { background-position:      0 0 }
#nav #li_kkk a:hover       { background-position: -122px 0 }
#nav #li_folgen a:hover    { background-position: -204px 0 }
#nav #li_kuenstler a:hover { background-position: -351px 0 }
#nav #li_kontakt a:hover   { background-position: -532px 0 }

/* :active */
#nav #li_blog a:active      { background-position:      0 -124px }
#nav #li_kkk a:active       { background-position: -122px -124px }
#nav #li_folgen a:active    { background-position: -204px -124px }
#nav #li_kuenstler a:active { background-position: -351px -124px }
#nav #li_kontakt a:active   { background-position: -532px -124px }

/* current */
#blog #nav #li_blog a,
.blogpost #nav #li_blog a       { background-position:      0 -186px }
#was-sind-konspirative-kuechenkonzerte #nav #li_kkk a
						  		{ background-position: -122px -186px }
#folgen #nav #li_folgen a       { background-position: -204px -186px }
#kuenstler #nav #li_kuenstler a { background-position: -351px -186px }
#kontakt #nav #li_kontakt a     { background-position: -532px -186px }


/**
 * inner Wrapper
 * @section innerWrapper
 */

#innerWrapper {
    padding: 0 0 544px 0;
    background: url(../images/layout/bg-content.png) 15px 0 repeat-y;
}


/**
 * Content
 * @section content
 */

#content {
    position: relative;
    float: left;
    width: 575px;
    margin: 0 0 0 16px;
    padding: 10px 45px;
}

/**
 * Article
 * @section article
 */

.article {
    margin-bottom: 2em;
}

.article ul,
.article ol,
.article dl {
    margin: 0 0 1em 30px;
}

.article li {
    margin: 0 0 0.3em;
}

.article p + h3  { margin: 1.2em 0 0.5em }
.article p + h4  { margin: 1em 0 0.3em }
.article p + h5  { margin: 1em 0 0.2em }
.article h3 + h4 { margin: 0.6em 0 0.2em }

.article-nav {
    list-style: none;
    border: 1px dotted #c1c1c1;
    border-width: 1px 0;
}

.article-nav li {
    margin: 8px 0;
}

.article .colWrapper ul {
    margin-bottom: 25px;
}


.article .col-01, .article .col-02 {
    float: left;
    width: 48%;
}

.article .col-01 {
    margin: 0 2% 0 0;
}

#post-social {
    margin: 12px 0 0 0;
    list-style: none;
}

#post-social li {
    display: inline;
    margin: 0 5px 0 0;
}

#post-social li a {
    display: block;
    float: left;
    width: 32px;
    height: 0;
    padding-top: 32px;
    margin-right: 5px;
    overflow: hidden;
    background: url(../images/icons/sprite-social-icons.png) no-repeat;
    -moz-opacity: 0.8;
    -webit-opacity: 0.8;
    opacity: 0.8;
}

#post-social li a:hover {
    -moz-opacity: 1;
    -webit-opacity: 1;
    opacity: 1;
}

#post-social li a#twitter   { background-position: 0  -42px; }
#post-social li a#delicious { background-position: 0  -84px; }
#post-social li a#google    { background-position: 0  -126px; }
#post-social li a#stumble   { background-position: 0  -168px; }

#post-social li img {
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;;
}


/**
 * Inhaltsbilder
 * @subsection img
 */

.article img {
    margin-bottom: 15px;
    -moz-box-shadow: 0 1px 5px #222;
    -webkit-box-shadow: 0 1px 5px #222;
    box-shadow: 0 1px 5px #222;
}

#unterstuetzer .article img {
    margin-right: 15px;
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}

.article img.size-thumbnail {}

.article img.alignleft {
    margin-right: 15px;
}

.article img.alignright {
    margin-left: 15px;
}

/**
 * Archiv
 * @subsection archive
 */

.archive h2 {
    margin: 0 0 15px;
}


/**
 * Aside
 * @section aside
 */

.aside {
    float: left;
    width: 275px;
    margin: -120px 0 20px;
}

.aside ul {
    list-style: none;
}

.aside #presse li {
    font-size: 20px;
    text-align: center;
}

#logo a, #social, #suche, #social li a:hover, #rss, #rss a:hover, #suche input[type=submit]:hover {
    background: url(../images/layout/bg-aside-combo.png) no-repeat;
}

#logo a {
    display: block;
    width: 275px;
    height: 0;
    padding-top: 230px;
    overflow: hidden;
    line-height: 1.1;
}

#social {
    height: 237px;
    padding: 10px 0 12px;
    background-position: 0 -230px;
}

#social ul {
    width: 185px;
    margin: 0 0 0 39px;
}

#social li {
    width: 185px;
    margin-left: 10px;
}

#social li.vimeo     { background-position: 0 -240px; }
#social li.youtube   { background-position: 0 -271px; }
#social li.sevenload { background-position: 0 -313px; }
#social li.itunes    { background-position: 0 -344px; }
#social li.facebook  { background-position: 0 -375px; }
#social li.myspace   { background-position: 0 -406px; }
#social li.twitter   { background-position: 0 -440px; }

#social li a {
    display: block;
    height: 0;
    overflow: hidden;
}

#social li.vimeo a     { padding-top: 31px; }
#social li.youtube a   { padding-top: 42px; }
#social li.sevenload a { padding-top: 31px; }
#social li.itunes a    { padding-top: 32px; }
#social li.facebook a  { padding-top: 31px; }
#social li.myspace a   { padding-top: 37px; }
#social li.twitter a   { padding-top: 31px; }

#social li.vimeo a:hover     { background-position: -319px -240px; }
#social li.youtube a:hover   { background-position: -319px -271px; }
#social li.sevenload a:hover { background-position: -319px -313px; }
#social li.itunes a:hover    { background-position: -319px -344px; }
#social li.facebook a:hover  { background-position: -319px -375px; }
#social li.myspace a:hover   { background-position: -319px -406px; }
#social li.twitter a:hover   { background-position: -319px -440px; }

#suche {
    height: 27px;
    padding: 25px 0 0 41px;
    background-position: 0 -487px;
}

#suche form {
    width: 180px;
    margin: 0 0 40px;
}

#suche label, #suche legend {
    position: absolute;
    margin-left: -9999px;
}

#suche input {
    float: left;
}

#suche input[type=text] {
    width: 133px;
    background: transparent;
    font: 14px/1em Chalkboard, "Comic Sans MS", sans-serif;
}

#suche input[type=submit] {
    width: 30px;
    height: 0;
    margin: -3px 0 0 10px;
    padding-top: 25px;
    overflow: hidden;
    background-color: transparent;
}

#suche input[type=submit]:hover {
    cursor: pointer;
    background-position: -454px -509px;
}

#rss {
    height: 54px;
    padding-top: 10px;
    background-position: 0 -539px;	
}

#rss a {
    display: block;
    width: 120px;
    height: 0;
    margin: 0 0 0 83px;
    padding-top: 26px; 
    overflow: hidden;
}

#rss a:hover {
    background-position: -353px -549px;
}

#presse {
    height: 295px;
    margin: 5px 0 0;
    padding: 255px 0 0;
    background: url(../images/layout/bg-aside-presse.png) no-repeat;
}

#presse ul {
    width: 175px;
    margin: 0 0 0 55px;
}

#presse li {
    margin: 0 0 0.6em;
}

#presse li p {}

#presse a {
    color: #00319b;
}

#twitterstream {
    font-size: 65%;
    line-height: 130%;
}

#twitterstream h3,
#twitterstream li {
    background: url(../images/layout/bg-twitterteig.png) no-repeat;
}

#twitterstream h3 {
    height: 0;
    margin: 0;
    padding-top: 60px;
    overflow: hidden;
    line-height: 1.5;
}

#twitterstream li {
    height: 69px;
    margin: 0;
    padding: 8px 15px;
    background-position: 0 -61px;
    color: #77490d;
}

#twitterstream li.twitter-item-05 {
    width: 237px;
    height: 160px;
    padding-right: 45px;
    background-position: -1px -146px;
}

#twitterstream .twitter-timestamp {
    font-style: italic;
}

#twitterstream a {
    color: #00319b;
}

#twitterstream p {
    position: absolute;
    margin: -90px 0 0 20px;
}

#twitterstream p a {
    display: block;
    height: 0;
    width: 95px;
    padding-top: 25px;
    overflow: hidden;
}

/** Player */

#bytefmPlayer {
    font-size: 65%;
    margin: 0 0 45px;
    padding: 0 10px;
}

#bytefmPlayer h3 { line-height: 120%; }
#bytefmPlayer p  { line-height: 130%; }


#formspring {
    padding: 0 10px;
}

#formspring iframe {
    position: relative;
    margin: 0 auto;
}

#bytefmPlayer h3,
#formspring h3 {
    margin-bottom: 0.1em;
}


/**
 * Artikelmetadaten
 * @section post-metadata
 */

ul.post-metadata {
    position: relative;
    margin: 0 0 10px;
    padding: 5px 10px;
    font-size: 80%;
    list-style: none;
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNYtWqVBAAGFwIXYik83wAAAABJRU5ErkJggg==') repeat;
    *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19aaaaaa, endColorstr=#19aaaaaa) /* won't validate, CSS hack, a method for alpha color backgrounds, http://tinyurl.com/ly6rj2 */;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0 1px 2px #bbb;
    -webkit-box-shadow: 0 1px 2px #bbb;
    box-shadow: 0 1px 2px #bbb;
}


/**
 * Bewertung
 */

li.ratingElement {
    position: absolute;
    top: 0;
    right: 10px;
}

li.ratingElement .ratingtext {
    font-size: 90%;
    text-align: center;
}

li.ratingElement .ratepost {
    position: relative;
    margin: 0 auto;
}

li.ratingElement .ratepost {
    margin: 0 auto;
}

li.ratingElement .loaderinner {
    display: none
}

li.ratingElement .circle {
    background-position: center center;
}


/*
 * Kommentare
 * @section commentbox
 */

#commentbox {
    margin: 50px 0;
}

#commentbox ul,
#commentbox ol {
    list-style: none;
}

#commentbox h3 {
    margin-bottom: 0.2em;
}

ul.comment-meta {
    margin: 0 0 15px;
    font-size: 12px;
}

ul.comment-meta li {
    display: inline;
    padding: 0 6px 0 2px;
    border-right: 1px solid #c1c1c1;
}

ul.comment-meta li:first-child {
    padding-left: 0;
}


ul.comment-meta li:last-child {
    border-right: 0;
}

/**
 * Einzelkommentar
 * @subsection commentlist li
 */

#commentlist {
    padding: 10px 0;
}

#commentlist li {
    margin: 0 0 25px;
    padding: 10px 15px;
    background: #f0f0f0;
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWP48OHDaQAJQAOc96tqSQAAAABJRU5ErkJggg==') repeat;
    *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccf0f0f0, endColorstr=#ccf0f0f0);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#commentlist li img.avatar {
    display: block;
    float: left;
    margin: 0 15px 10px 0;
    border: 1px solid #444;
}

#commentlist p.comment-number {
    position: absolute;
    right: 55px;
    color: #444;
    font-family: monospace;
    font-size: 30px;
    text-align: right;
    opacity: 0.4;
    filter:Alpha(opacity=40);
}

#commentlist ul li {
    border: none;
    margin-bottom: 0.5em;
    padding: 0;
    font-size: 12px;
    background: none;
}

#commentlist p:last-child {
    margin-bottom: 0;
}


/**
 * Kommentarformular
 * @subsection commentform
 */

#commentform {
    margin: 40px 0 0;
    padding-top: 40px;
    border-top: 2px dotted #e1e1e1;
}

#commentform label {
	font-size: 12px;
}

#commentform input {}

#commentform input,
#commentform textarea {
    padding: 5px;
    margin: 3px 0 10px 0;
    border: 1px solid #00217b;
    font-size: 14px;
    -moz-border-radius: 10px;
}


/**
 * Footer
 * @section footer
 */

.footer {
    position: absolute;
    bottom: 0;
    width: 958px;
    height: 544px;
    margin: 0 0 0 19px;
    background: url(../images/layout/bg-footer.jpg) no-repeat;
}


/**
 * Footer
 * @subsection footer
 * css-for (footer)
 */

#rezeptebuechlein {
    position: absolute;
    width: 420px;
    height: 315px;
    margin: 0 0 0 500px;
    font-size: 80%;
}

.nojs {
    background: url(../images/layout/bg-rezeptebuechlein-nojs.png) 5px 130px no-repeat;
}

.nojs #receiptNav,
.nojs #receiptSlider,
.nojs #printLink {
    display: none !important;
}

#receiptNav {
    margin: 7px 0 15px;
    font-family: MiasScribblings;
}

#receiptNav li {
    display: inline;
}

#receiptNav li.receiptPrev,
#receiptNav li.receiptNext {
    display: block;
    width: 110px;
}

#receiptNav li.receiptPrev {
    float: left;
    margin-left: 80px;
}

#receiptNav li.receiptNext {
    float: right;
}

#receiptNav li a {
    text-decoration: none;
}

#receiptNav li a:active,
#receiptNav li a:hover {
    outline: none;
    cursor: pointer;
}

#receiptSlider {}

.receiptColWrapper {
    position: relative;
    font-size: 80%;
}

.receiptCol-1, .receiptCol-2 {
    float: left;
}

.receiptCol-1 {
    width: 195px;
    margin-right: 20px;
}

.receiptCol-1 ul {
    margin-left: 20px;
}

.receiptCol-1 ul li {
    line-height: 130%;
}

.receiptCol-2 {
    width: 180px;
    margin: 0 5px;
}

.receiptCol-2 p {

    line-height: 140%;
}

.receiptCol-1 ul li, .receiptCol-2 p {
    font-family: "Comic Sans MS", Helvetica, Arial, sans-serif;
}

#printLink {
    margin: 12px 0 0 38px
}

#printLink input {
    padding: 2px 5px;
    font-family: MiasScribblings;
    color: #5ca420;
    cursor: pointer;
    background: transparent;
}


/**
 * Einzelseiten
 */

#kuenstler h2 {
    margin-bottom: 0.5em;
}

#kuenstler h3,
#kuenstler h4 {
    margin-bottom: 0.7em;
}

#kuenstler .article ul {
    margin: 0 0 2.5em 30px;
}


/**
 * Calendar
 */

.calendar-table {
    width: 100%;
    border-spacing: 0;
    border-bottom: 1px solid #ddd;
}

.calendar-heading {
    font-family: 'MiasScribblings', Helvetica, Arial, sans-serif;
    text-align: center;
}

.calendar-table td {
    height: 40px;
    padding-left: 5px;
    border-bottom: 0 !important;
}

.calendar-table td.heading,
.calendar-table td.heading td {
    height: auto;
    padding: 0 !important;
}

.calendar-table span.dayNumber {
    opacity: 0.5;
    
}

.calendar-next, .calendar-prev {
    width:25%;
}

.calendar-month {
    width: 50%;
    color: #00217b;
}

.normal-day-heading, .weekend-heading, .day-with-date,
.calendar-date-switcher, .calendar-date-switcher input, .calendar-date-switcher select, .cat-key {
    border: 1px #ddd solid;
}

.current-day {
    border: 1px #bbb solid;
    border-top-color: #ddd;
}

.normal-day-heading,
.weekend-heading {
text-align: center;
    width: 25px;
    height: 25px;
    font-size: 0.8em;
    background: #ebf2ea;
}

.weekend-heading {
    color:#666;
}

.day-with-date {
    vertical-align:text-top;
    text-align:left;
    width:60px;
}

.no-events {}

.day-without-date {
    width:60px;
    border:1px solid #E9F0E8;
}

span.weekend {
    color:#666;
}
.current-day {
    width: 60px;
    vertical-align: text-top;
    text-align: left;
    background:#e4ebe3;
}

span.event {
    font-size:0.75em;
    line-height: 140%;
}


/**
 * Event
 */

.event-title,
.event-title-break,
.event-content-break,
.calendar-date-switcher {
    text-align: center;
}

.event-title {
    font-weight: bold;
    font-size: 1.2em;
}

.event-title-break, .event-content-break {
    width: 96%;
    height: 10px;
    margin: 5px 2%;
    background: url(../images/layout/bg-hr.png) bottom left no-repeat;
}

.event-content-break {}

.calendar-date-switcher {
    height: 25px;
    background:#e4ebe3;
}

.calendar-date-switcher form {}
.calendar-date-switcher input {}
.calendar-date-switcher select {}

.cat-key {
    width: 100%;
    margin-top: 10px;
    padding: 5px;
}

.calnk {}

.calnk a {
    display: block;
    margin: 0 3px 5px 0;
    padding: 0 2px;
    text-decoration: none; 
    color: #000; 
    /* border-bottom: 1px dotted #000; */
    background: #f0f0f0;

}

.calnk a:hover {
    background-position: 0 0;
    /* border-bottom: 1px solid #000; */
 }
 
.calnk a:visited {}

.calnk a span { 
    display:none; 
}

.calnk a:hover span {
    z-index: 100;
    display: block;
    position: absolute;
    width: 150px;
    margin-top: 1px; 
    padding: 5px;
    color: #333; 
    background: #f6f79b; 
    -moz-box-shadow: 0 2px 5px #444;
    -webkit-box-shadow: 0 2px 5px #444;
    box-shadow: 0 2px 5px #444;
}

.calnk .event-title {
    font-family: 'MiasScribblings';
    color: #00217b;
}


/**
 * Safari Hack
 */
 
@media screen and (-webkit-min-device-pixel-ratio:0){
    body {
        /* font-size: 120%; */ /* woops */
    }
}

/**
 * Bugfixing IE
 * Und alle so: Yeaahh
 */

.ie6 .article,
.ie7 .article {
    padding-top: 10px;
}

.ie6 .receiptCol-2,
.ie7 .receiptCol-2,
.ie8 .receiptCol-2 {
    width: 175px;
}

/**
 * Teller leer.
 */