/* Dark Things was created November 2011 by Luis Gerhorst http://www.luisgerhorst.de/.

Credits: Dan Hauk http://www.danhauk.com/ and Matt Gentile http://www.icondeposit.com/theicondeposit:24

Version 4.2.1
*/
        
        
        /*" Allgemein "*/
        
        body {
            min-width: 900px;
            background: url(http://static.tumblr.com/qrexm4e/O1Ylvjh6s/tumblr_lg1pg3hfd01qe461o.png);
            background-attachment: fixed;
            font-size: 13px;
            line-height: 17px;
            font-family: Helvetica, "Helvetica Neue", sans-serif;
            color: rgba(220,220,220,1.0);
            text-shadow: 0 -1px rgb(0,0,0);
            text-align: left;
            }
        
        #center {
            margin: 60px auto 0 auto;
            width: 900px;
            position: relative;
            }
        
        * {
            padding: 0;
            margin: 0;
            text-decoration: none;
            }
            
        a {
            color: rgb(220,220,220);
            }
            
        a:hover {
            color: rgb(255,255,255);
            }
            
        a:active {
            color: rgb(220,220,220);
            }
        
        p a {
            border-bottom: 1px dotted rgb(220,220,220);
            }
            
        p a:hover {
            border-bottom: 1px dotted rgb(255,255,255);
            }
            
        p a:active {
            border-bottom: 1px dotted rgb(220,220,220);
            }
            
        
        /*" Sidebar "*/
        
        #sidebar {
            width: 250px;
            float: left;
            position: fixed;
            text-shadow: 0 1px 4px rgb(0,0,0);
            }
            
        #title h1 {
            font-size: 30px;
            line-height: 30px;
            font-weight: bold;
            margin: 0 0 20px 0;
            border-bottom: none;
            }
            
        #description {
            font-family: Georgia;
            font-style: italic;
            font-size: 15px;
            line-height: 17px;
            }
            
        #pages {
            padding: 14px 0 0 0;
            }
        
        #pages li {
            margin: 10px 10px 0 0;
            padding: 8px 12px;
            float: left;
            background: rgb(40,40,40);
            border: 1px solid rgb(0,0,0);
            list-style: none;
            font-family: Georgia;
            font-style: italic;
            font-size: 15px;
            line-height: 15px;
            border-radius: 4px;
            box-shadow: inset rgb(50,50,50) 0 1px 1px;
            text-shadow: 0 -1px #000;
            }
            
        #pages li:hover {
            border: 1px solid rgb(5,5,5);
            background: rgb(45,45,45);
            box-shadow: inset rgb(55,55,55) 0px 1px 1px;
            -webkit-box-shadow: inset rgb(55,55,55) 0px 1px 1px;
            -moz-box-shadow: inset rgb(55,55,55) 0px 1px 1px;
            -o-box-shadow: inset rgb(55,55,55) 0px 1px 1px;
            }
            
        #pages li:active {
            background: rgb(35,35,35);
            box-shadow: inset rgb(30,30,30) 0px 0px 1px;
            -webkit-box-shadow: inset rgb(30,30,30) 0px 0px 1px;
            -moz-box-shadow: inset rgb(30,30,30) 0px 0px 1px;
            -o-box-shadow: inset rgb(30,30,30) 0px 0px 1px;
            text-shadow: none;
            }
            
        
        /*" Content "*/
        
        #content {
            width: 626px;
            margin: 0 0 25px 0;
            float: right;
            position: relative;
            }
            
        #posts {
            list-style: none;
            position: relative;
            }
            
        .post {
            position: relative;
            margin: 0 0 25px 0;
            padding: 20px 20px 12px 20px;
            background: rgb(40,40,40);
            border: 1px solid rgb(0,0,0);
        	border-radius: 4px;
        	box-shadow: inset rgb(50,50,50) 0 1px 1px;
        	-webkit-box-shadow: inset rgb(50,50,50) 0 1px 1px;
            -moz-box-shadow: inset rgb(50,50,50) 0 1px 1px;
            -o-box-shadow: inset rgb(50,50,50) 0 1px 1px;
            }
            
        .post p {
            margin-bottom: 8px;
            }
            
        .post h3 {
            margin-bottom: 12px;
            font-size: 17px;
            line-height: 17px;
            font-weight: 600;
            }
            
        .post ul, .post ol {
            margin: 0 0 8px 20px;
            }
            
        .post img {
            margin-bottom: 8px;
            }
            
        #posts .quote {
            font-family: Georgia;
        	font-style: italic;
        	font-size: 15px;
        	line-height: 17px;
            }
            
        #posts .quote .source {
            font-size: 13px;
            line-height: 15px;
            font-family: "Helvetica Neue", Helvetica, sans-serif;
            font-style: normal;
            margin-top: 10px;
            }
            
        .chat ul {
            list-style: none;
            padding: 0;
            margin: 0;
            }
            
        .chat li {
            margin-bottom: 2px;
            }
            
        .text-icon, .photo-icon, .quote-icon, .link-icon, .chat-icon, .video-icon, .audio-icon {
            position: absolute;
            top: 20px;
            right: 20px;
            height: 18px;
            width: 18px;
            }
            
        .text-icon {
            background: url(http://static.tumblr.com/qrexm4e/t89m02g5m/text_s.png);
            }
        
        .photo-icon {
            background: url(http://static.tumblr.com/qrexm4e/wzQm02g4l/photo_s.png);
            }
            
        .quote-icon {
            background: url(http://static.tumblr.com/qrexm4e/cxJm02g54/quote_s.png);
            }
        
        .link-icon {
            background: url(http://static.tumblr.com/qrexm4e/F8Lm02g44/link_s.png);
            }
        
        .chat-icon {
            background: url(http://static.tumblr.com/qrexm4e/JVXm02g0r/chat_s.png);
            }
            
        .video-icon {
            background: url(http://static.tumblr.com/qrexm4e/sXOm02g60/video_s.png);
            }
        
        .audio-icon {
            background: url(http://static.tumblr.com/qrexm4e/fCGm02fy1/audio_s.png);
            }
            

        /*" Meta "*/
            
        #meta {
            margin: 0 0 25px 0;
            padding: 10px 20px 8px 20px;
            width: 584px;
            float: right;
            position: relative;
            background: rgb(40,40,40);
            border: 1px solid rgb(0,0,0);
        	border-radius: 4px;
        	box-shadow: inset rgb(50,50,50) 0 1px 1px;
        	-webkit-box-shadow: inset rgb(50,50,50) 0 1px 1px;
            -moz-box-shadow: inset rgb(50,50,50) 0 1px 1px;
            -o-box-shadow: inset rgb(50,50,50) 0 1px 1px;
            }  
        
        #meta a {
            border-bottom: none;
            }
            
        #meta a:hover {
            border-bottom: none;
            }
            
        #meta a:active {
            border-bottom: none;
            }
            
        #meta #tags {
            float: right;
            }
            
        #meta #date {
            float: left;
            }
            
        
        /*" Post Notes "*/
        
        .postnotes {
            margin: 0 0 25px 0;
            padding: 10px 20px 11px 20px;
            width: 584px;
            float: right;
            position: relative;
            list-style: none;
            color: rgb(220,220,220);
            background: rgb(40,40,40);
            border: 1px solid rgb(0,0,0);
        	border-radius: 4px;
        	box-shadow: rgb(50,50,50) 0px 1px 1px inset;
        	-webkit-box-shadow: rgb(50,50,50) 0px 1px 1px inset;
            -moz-box-shadow: rgb(50,50,50) 0px 1px 1px inset;
            -o-box-shadow: rgb(50,50,50) 0px 1px 1px inset;
            }
            
        .postnotes ol {
            list-style: none;
            }
            
        .postnotes ol li img {
            margin: 4px 4px -4px 0;
            opacity: 0.9;
            }
            
        
        /*" Footer "*/
        
        #footer {
            position: relative;
            height: 16px;
            float: left;
            color: rgb(100,100,100);
            width: 626px;
            font-size: 11px;
            text-shadow: none;
            }
            
        #footer a {
            color: rgb(100,100,100);
            border-bottom: none;
            }
            
        #footer a:hover {
            color: rgb(140,140,140);
            }
            
        #footer a:active {
            color: rgb(100,100,100);
            }
            
        #footer .link {
            text-align: center;
            }
            
        #footer .previous-page {
            position: absolute;
            left: 0;
            top: 0;
            }
            
        #footer .next-page {
            position: absolute;
            right: 0;
            top: 0;
            }