/*  
Theme Name: ShiftHappens
Description: Ein Theme für das Online-Magazin SHIFTHAPPENS.
Version: 1
Author: Daniel Ehniss
Author URI: http://depone.danielehniss.de 

Screendesign: Denis Holzmüller // http://denisholzmueller.com

*/

/* Grundstruktur */

body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 62.5%; /* Macht 1em so gross wie 10px */
    color: #666;
    margin: 0 !important;
    }

#page {
    background: url(/wp-content/themes/shift/img/bg.jpg) no-repeat;
    width: 900px;
    margin: 0 auto;
    }

#container {
    width: 830px;
    margin-left: 34px;
    }

/* Ende der Grundstruktur */


/* Header */

#header {
    background: url(/wp-content/themes/shift/img/header.jpg) no-repeat;
    width: 830px;
    height: 135px;
    margin-left: 34px;
    }

.logo {
    margin: 28px 0 0 75px;
    border: none;
    float: left;
    }

.description {
    margin: 80px 0 0 -122px;
    font-size: 1.1em;
    float: left;
    color: #aaa296; 
    }

.headerfeed {
    background: url(/wp-content/themes/shift/img/feed.jpg) no-repeat;
    float: right;
    margin: 22px 62px 0 0;
    padding: 5px 0 0 22px;
    height: 20px;
    position: relative;
    }

/* Navigation */

#navi {
    clear: both;
    font-size: 1.1em;
    width: 430px;
    height: 20px;
    margin: 119px 0 0 185px;
    position: absolute;
    }

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

#navi ul li {
    list-style: none;
    margin: 0;
    padding: 0 5px 0 0px;
    display: inline;
    }

#navi .current_page_item {
    /* position: relative !important; */
    margin: 0 !important;
    } 

#navi .current_page_item a {
    background: url(/wp-content/themes/shift/img/bg_cpi_l.jpg) no-repeat top left !important;
    color: #fff;
    height: 20px;
    padding: 6px 0px 4px 5px;
    }

#navi .current_page_item a span {
    background: url(/wp-content/themes/shift/img/bg_cpi_r.jpg) no-repeat top right !important;
    color: #fff;
    height: 20px;
    padding: 6px 10px 4px 5px;
    }

#navi .current_page_item a span:hover {
    color: #666 !important;
    text-decoration: none !important;
    }

#navi .page_item a {
    background: url(/wp-content/themes/shift/img/bg_pi_l.jpg) no-repeat top left;
    color: #fff;
    height: 20px;
    padding: 6px 0px 4px 5px;
    }

#navi .page_item a span {
    background: url(/wp-content/themes/shift/img/bg_pi_r.jpg) no-repeat top right;
    color: #fff;
    height: 20px;
    padding: 6px 10px 4px 5px;
    }

#navi .page_item a span:hover, #navi .page_item a:hover {
    color: #fc6;
    text-decoration: none !important;
    }

/* Ende des Headerbereichs inkl. Navigation */

/* Infobar - links */

#infobar {
    float: left;
    width: 160px;
    padding: 21px 0 0 15px;
    }

#infobar h2 {
    font-size: 1.2em;
    text-transform: none;
    font-weight: normal;
    color: #f90;
    font-style: italic;
    }

.autor {
    margin: 17px 0 5px 0;
    padding: 0 5px 0 0;
    }

.autor img {    
    display: block;
    margin-bottom: 5px;
    }

.autor a {
    color: #666;
    }

#maren, #marcus {
    display: none;
    margin: 5px 0;
    }

#maren a, #marcus a {
    color: #f90;
    }

#maren span, #marcus span {
    color: #666;
    }

.rsswidget img {
    float: right;
    display: inline;
    }

#infobar ul .medien {
    margin: 20px 0;
    }

p.maren:hover, p.marcus:hover, p.medienteaser:hover {
    text-decoration: underline;
    }
    
.medienliste {
    display: none;
    }

/* Ende der Infobar */


/* Inhaltsbereich - mitte */

#content {
    float: left;
    width: 430px;
    padding: 20px 10px;
    font-size: 1.2em;
    }

.post {
    margin-bottom: 50px;
    }

.entry {
    line-height: 1.4em;
    }

a {
    color: #f90;
    text-decoration: none;
    }

a:hover {
    text-decoration: underline;
    }

span {
    color: #f90;
    }

span.grau {
    color: #666 !important;
    }

span.gs {
    color: #666;
    float: left;
    margin-right: 5px;
    }

span.ks {
    display: none;
    }

h1, h2, h3, h4 {
    text-transform: uppercase;
    }

#content h1, #content h2 {
    font-size: 1.1em;
    font-weight: normal;
    }

#content h3, #content h4 {
    font-size: 1.0em;
    font-weight: normal;
    margin-top: 20px;
    }

code {
    font-size: 1.0em;
    color: #666;
    line-height: 1.4em;
    }

.postmetadata, .navigation {
    font-size: 0.9em;
    line-height: 1.1em;
    }

.postmeta1 {
    float: left;
    }

.sociable {
    display: inline !important;
    margin: 0 important;
    }

.sociable_tagline { 
    color: #f90;
    }

.sociable_tagline:hover {
    text-decoration: underline;
    }

/* Hier beginnen die Kommentare */

#comments {
    margin-top: 25px;
    }

ol.commentlist {
    list-style: none;
    margin: 0;
    padding: 0;
    }

ol.commentlist li {
    border-bottom: 1px solid #efefef;
    margin-bottom: 15px;
    }

.avatar {
    float: left;
    border: 1px solid #ccc;
    margin: 0 10px 5px 0;
    }

.fn {
    margin: 3px 3px 0 0;
    text-transform: uppercase;
    font-style: normal !important;
    float: left;
    }

.fn:after {
    content: "\0020 \007D \0020";
    }

.says {
    display: none;
    }

.comment-meta {
    font-size: 0.9em;
    padding-top: 4px;
    }

#author, #email, #url {
    border: none !important;
    background-color: #efefef;
    padding: 3px;
    color: #666;
    font-size: 0.95em;
    }

#submit {
    color: #666;
    }

#submit:hover {
    color: #f90;
    }

textarea#comment {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.0em;
    line-height: 1.3em;
    color: #666;
    background-color: #efefef;
    border: none !important;
    padding: 5px 3px;
    width: 420px;
    }

/* Hier endet der Inhaltsbereich inkl. Kommentare */


/* Sidebar - rechts */

#sidebar {
    float: right;
    width: 160px;
    }

#searchform {
    margin-top: -2px;
    }

#s {
    background: url(/wp-content/themes/shift/img/suche_bg.jpg) no-repeat;
    border: none !important;
    width: 133px;
    height: 20px;
    color: white;
    padding-left: 10px;
    }

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

#sidebar h2 a:hover {
    color: #333;
    }

.wp-tag-cloud {
   margin-left: 10px !important;
   width: 133px !important;
   } 

li#better-tag-cloud ul.wp-tag-cloud li {
   list-style: none !important;
   margin: 0 5px 0 0;
   padding: 0;
   }

li#better-tag-cloud ul.wp-tag-cloud li:before {
    content: "\0020";
    }

#sidebar h2 {
    background: url(/wp-content/themes/shift/img/sb_h2_bg.jpg) no-repeat;
    width: 144px;
    height: 15px;
    font-size: 1.1em;
    text-transform: none;
    font-weight: normal;
    color: #fff;
    padding: 5px 0 0 10px;
    }

#sidebar h2:hover, #sidebar h2.aktiv {
    background: url(/wp-content/themes/shift/img/sb_h2_bg.jpg) no-repeat bottom left;
    color: #666;
    }

/* Ende der Sidebar */


/* Listen */ 

#sidebar ul, #infobar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 143px;
    }

#sidebar ul li ul li {
    margin: 2px 0 0 15px;
    }

.entry ul {
    list-style: none;
    }

.entry ul li:before, #sidebar ul li ul li:before, #infobar ul li.widget_rss ul li:before {
	content: "\007E \0020";
	}

#infobar ul li ul li {
    margin: 0;
    padding: 0;
    }

#sidebar ul li.widget_twitter ul li:before {
    content: "\0020";
    }

#sidebar ul li.widget_twitter ul li {
    margin: 2px 0 0 10px;
    }

.widget_twitter span {
    color: #666;
    }

/* Ende der Listen */


/* Footer */

#footer {
    background: url(/wp-content/themes/shift/img/footer_bg.jpg) repeat-x;
    clear: both;
    width: 430px;
    margin-left: 170px;
    padding: 1px 10px;
    }

#footer a {
    color: #666;
    text-transform: uppercase;
    }

/* Ende des Footers */


/* Anfang der Bilder */

p img {
	padding: 0;
	max-width: 100%;
	}

img, a img {
    border: none;
    }

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0;
	margin: 0 0 3px 10px;
	display: inline;
	}

img.alignleft {
	padding: 0;
	margin: 0 10px 3px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

#infobar img {
    border: none;
    }
    
.werbung {
    margin: 0 0 10px 1px;
    }

.med {
    margin-bottom: 5px;
    }

/* Ende der Bilder */


/* Objekte, Videopositionierung */

object {
    margin: 15px auto;
    display: block;
    }

/* Ender der Objekte */


/* etwas verstecken */

.hidden, hr {
    display: none;
    }

/* Ende */