/* @override http://pascalhertleif.de/static/css/style.css */
/* Stylesheet for PascalHertleif.de (C) 2010 Pascal Hertleif */
@font-face { font-family: "GraublauWeb"; src: url("../fonts/graublauweb-regular-webfont.eot"); src: url("../fonts/graublauweb-regular-webfont.woff") format("woff"), url("../fonts/graublauweb-regular-webfont.ttf") format("truetype"), url("../fonts/graublauweb-regular-webfont.svg#webfontWSlZEDGA") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: "GraublauWebBold"; src: url("../fonts/graublauweb-bold-webfont.eot"); src: url("../fonts/graublauweb-bold-webfont.woff") format("woff"), url("../fonts/graublauweb-bold-webfont.ttf") format("truetype"), url("../fonts/graublauweb-bold-webfont.svg#webfontEqZva8wt") format("svg"); font-weight: bold; font-style: normal; }

@font-face { font-family: "DroidSerif"; src: url("../fonts/DroidSerif-Regular-webfont.eot"); src: url("../fonts/DroidSerif-Regular-webfont.woff") format("woff"), url("../fonts/DroidSerif-Regular-webfont.ttf") format("truetype"), url("../fonts/DroidSerif-Regular-webfont.svg#webfont") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: "DroidSerifItalic"; src: url("../fonts/DroidSerif-Italic-webfont.eot"); src: url("../fonts/DroidSerif-Italic-webfont.woff") format("woff"), url("../fonts/DroidSerif-Italic-webfont.ttf") format("truetype"), url("../fonts/DroidSerif-Italic-webfont.svg#webfont") format("svg"); font-weight: normal; font-style: italic; }

@font-face { font-family: "DroidSerifBold"; src: url("../fonts/DroidSerif-Bold-webfont.eot"); src: url("../fonts/DroidSerif-Bold-webfont.woff") format("woff"), url("../fonts/DroidSerif-Bold-webfont.ttf") format("truetype"), url("../fonts/DroidSerif-Bold-webfont.svg#webfont") format("svg"); font-weight: bold; font-style: normal; }

@font-face { font-family: "DroidSansMono"; src: url("../fonts/DroidSansMono-webfont.eot"); src: url("../fonts/DroidSansMono-webfont.woff") format("woff"), url("../fonts/DroidSansMono-webfont.ttf") format("truetype"), url("../fonts/DroidSansMono-webfont.svg#webfontGzFJ3WpO") format("svg"); font-weight: bold; font-style: normal; }

* { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { background: #333333; font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; line-height: 18px; color: #111111; width: 960px; margin: 0 auto; overflow: auto; }

.amp { font-family: Baskerville, GoudyBookletter1911, "Goudy Old Style", Palatino, "Book Antiqua", serif; font-style: italic; font-weight: normal; line-height: inherit; font-size: 110%; border: none; }

a { color: inherit; text-decoration: none; }

h1, h2, h3, p, li { margin-bottom: 9px; }

.right { float: right; }

.left { float: left; }

img { -ms-interpolation-mode: bicubic; }

h1.header { position: absolute; top: 20px; margin-left: -40px; }
h1.header a { display: block; text-indent: -9999px; overflow: hidden; background: url("../images/sprite.png") left top no-repeat; background-position: -520px 0; width: 460px; height: 70px; -webkit-box-shadow: rgba(0, 0, 0, 0.25) -1px 0 5px; -moz-box-shadow: rgba(0, 0, 0, 0.25) -1px 0 5px; box-shadow: #999999 -1px 0 5px; box-shadow: rgba(0, 0, 0, 0.25) -1px 0 5px; }
h1.header a:hover { background-position: -980px 0; }

#nav { margin-top: 20px; float: right; background: url("../images/sprite.png") no-repeat; background-position: -260px bottom; padding-bottom: 13px; width: 120px; text-rendering: optimizeLegibility; }
#nav ul { list-style: none; padding-top: 13px; background: url("../images/sprite.png") no-repeat; background-position: -130px 0; font-family: "GraublauWeb", "Myriad Pro", "Lucida Grande", "Lucida Sans", "Lucida", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 18px; line-height: 36px; }
#nav ul li { padding-left: 32px; background: url("../images/sprite.png") no-repeat; background-position: -390px 0; display: block; margin: 0; }
#nav ul li.current { background: url("../images/sprite.png") no-repeat; background-position: 0 50%; }
#nav ul li.current a { color: #f5ff7c; }
#nav ul li.current a:hover { color: #c1d74e; }
#nav ul li.current a:active { border-bottom: 2px solid #c1d74e; }
#nav a { color: #707864; text-decoration: none; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }
#nav a:hover { color: #c1d74e; }
#nav a:active { border-bottom: 2px solid #c1d74e; }

#content { background: white; padding: 120px 20px 12px; margin-bottom: 24px; width: 780px; overflow: auto; -webkit-box-shadow: black 0 0 10px; -moz-box-shadow: black 0 0 10px; box-shadow: black 0px 0 10px; line-height: 18px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; }
#content h3 { font-family: "GraublauWeb", "Myriad Pro", "Lucida Grande", "Lucida Sans", "Lucida", "Trebuchet MS", Verdana, Arial, sans-serif; font-weight: normal; font-size: 18px; line-height: 24px; margin-bottom: 12px; text-rendering: optimizeLegibility; }
#content h3 a { color: #333333; }
#content h3 a:hover { border-bottom: 2px solid #333333; }
#content h3 a:active { border-bottom: 3px solid #333333; color: #333333; }

h2.greeting { font-family: "GraublauWebBold", "Myriad Pro", "Lucida Grande", "Lucida Sans", "Lucida", "Trebuchet MS", Verdana, Arial, sans-serif; font-weight: bold; font-size: 24px; line-height: 42px; color: #a6b89c; border-bottom: 1px solid #eeeeee; padding-bottom: 15px; margin-bottom: 25px; padding-left: 40px; min-height: 93px; text-rendering: optimizeLegibility; }
h2.greeting a { color: #c1d74e; background: white; border: none; font-weight: bold; }
h2.greeting a:hover { border-bottom: 3px solid #c1d74e; }
h2.greeting a:active { border-bottom: 4px solid #c1d74e; }
h2.greeting span { -webkit-transition: border-color 3s ease-out; -moz-transition: border-color 3s ease-out; -o-transition: border-color 3s ease-out; transition: border-color 3s ease-out; border-bottom: 3px solid #dfe6b4; }
h2.greeting span:hover { border-color: #c1d74e; }
h2.greeting span.amp { font-size: 130%; margin: 0 0 0 -4px; border: none; }
h2.greeting span.love { border-color: white; }
h2.greeting span.love:hover { border-bottom: 3px solid red; }
h2.greeting span.subtitle { display: block; font-size: 18px; border: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
h2.greeting span.subtitle:hover { border-color: inherit; }

#content.start .article { width: 460px; }
#content.start .article h3.more-articles a { font-size: 14px; }
#content.start .article h3.more-articles a:hover { border-bottom: 1px solid #333333; }
#content.start .article h3.more-articles a:active { border-bottom: 2px solid #333333; color: #333333; }
#content.start .photo { float: right; width: 240px; margin-left: 20px; padding: 19px 19px 14px; background: #fafafa; border: 1px solid #dddddd; text-align: right; -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); transform: rotate(2deg); -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; }
#content.start .photo h3 { display: none; }
#content.start .photo a.more { color: #707864; -webkit-transition: background 0.5s ease-out; -moz-transition: background 0.5s ease-out; -o-transition: background 0.5s ease-out; transition: background 0.5s ease-out; }
#content.start .photo a.more:after { content: "\00bb"; padding-left: 4px; }
#content.start .photo a.more:hover { background: #f5ff7c; }
#content.start .photo a.more:active { color: black; }
#content.start .projects { width: 460px; margin-top: 42px; }
#content.start .projects .recent a { margin-right: 5px; }
#content.start .projects .recent img { padding: 10px; background: #dfe6b4; -webkit-transition: background 0.5s ease-out; -moz-transition: background 0.5s ease-out; -o-transition: background 0.5s ease-out; transition: background 0.5s ease-out; }
#content.start .projects .recent img:hover { background: #c1d74e; }

.nivoSlider { position: relative; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; }
.nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 60; display: none; }
.nivoSlider .nivo-controlNav { position: absolute; left: 50%; bottom: -20px; }
.nivoSlider .nivo-controlNav a { position: relative; z-index: 99; cursor: pointer; display: block; width: 10px; height: 10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAA/klEQVR42q2RPQrCQBSETarkHMkZ0noD8UQqCFFUEPwFERS1ErSwFLTPXibeYJ0PVNYQxcJi8pjZzTDztmKtfSGp1jzBZ8I/oTNcer3RymcWz1yzQIiERIiFsMxsMN0Es9UxWmxPiWYs/nbPNasLRrgx4ZgWkmFWX+/PZnu43Jhw6a97z5okywTrwKA/67e6E2qSLJOZ3R2vlilu0Dl3DROSFQzzh+5zsdmZeEpCTZJZzJjiObrOfbcyScy3hKDdn0faGTVJZplw9GY69j7tMKc+HN3ZISkD/czOqEmyDI5e9srhL6+sJKEM2Bk1Y3jxld/gVPyKRjoqvcfnr7gDMz7JOHykSK0AAAAASUVORK5CYII=) no-repeat right; text-indent: -9999px; border: 0; margin-left: 3px; margin-right: 2px; float: left; right: 50%; }
.nivoSlider .nivo-controlNav a.active { font-weight: bold; background-position: left 0; }
.nivoSlider .nivo-slice { display: block; position: absolute; z-index: 50; height: 100%; }
.nivoSlider .nivo-directionNav a { position: absolute; top: 0; z-index: 99; cursor: pointer; display: block; width: 30px; height: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAeCAMAAABHRo19AAAAY1BMVEX///////8AAAA1NTX///////////////+FhYX///////////////8PDw+NjY3///8qKir///9YWFj///+jo6P///////9qamr///9NTU10dHT///9CQkKbm5uVlZWwsLCbm5uIG8VxAAAAIXRSTlN4AICPPHAIF61pWlIehLAti0OaD7wmYaE1lqVLk7i0rqAShwDbAAABh0lEQVR4XpWV23aDIBAAF+RSbqImmmgu7f9/ZVsMsmzoQ+eROQMcHhZgB8qLX6JmTXRM2qsijnh2kDFC0VIJc2jnSawtYKSoWyErbTWOr0BZTiU9LUC5lvgG70idWy0b+pbjEVrI19kn2dTjHs/QZtnjBdrMv7FCO39+YZ1eTeCgPxcrFQNsz1MHgDW9dDehWjBQsrQrr2IQ5GDo+FpqqSAe5jFwEhvGDIn58Dh0BJdFP3Aag9ZAYz702TowuQ38PY7xPeYh1zmFjSdC92JKQogkp7waeGKDigsndDjuqL3g1oT/xcHgWg7/iQcJFfK+L3+86HHc59X9iPvR2pyvjdf2vvHaa0lH/Gg0VorG+LFG0EVtgcSOMUfisBWtgdni+lDHnjFfx6Ev1jKo9HMCwPYHi+PpWW0N6GaUNIj0X9alSaJM214ZHo4Uo1KMJxwdcWQ8kvkI6WqmOeAyY+NcXea2ckTKmSFmSbRT1XfjLU7pf6MEzq2nfxXT494bF1NK8ujMXo76EN/2Xg6WtkQVMQAAAABJRU5ErkJggg==) left center no-repeat transparent; text-indent: -9999px; border: 0; }
.nivoSlider .nivo-prevNav { left: 0px; }
.nivoSlider .nivo-nextNav { right: 0px; }
.nivoSlider a.nivo-nextNav { background-position: -30px center; right: 15px; }
.nivoSlider a.nivo-prevNav { left: 15px; }
.nivoSlider .nivo-caption { position: absolute; left: 0px; bottom: 0px; color: white; opacity: 1; width: 100%; z-index: 89; }
.nivoSlider .nivo-caption p { padding: 5px; margin: 0; }

.articles .article .slideshow, #content.projects .project .slides, #content.fotos .slideshow { background: #090909 url(data:image/gif;base64,R0lGODlhEAAQAPYAAAkJCf///zExMW9vb6GhocDAwLy8vJOTk2FhYSkpKV9fX9vb29fX18/Pz8nJycLCwpeXl0pKSuLi4pCQkBoaGhgYGEJCQnh4eLCwsKOjo0ZGRjU1NcbGxujo6HZ2dlpaWqWlpYaGhiQkJHx8fPDw8JmZmWdnZ5ubm05OTrq6uvT09FRUVG1tbebm5vj4+B4eHhISEoqKin5+fhAQEICAgFtbWwwMDAoKCkRERDs7Ow4ODi8vL1ZWVhYWFjMzMyIiIicnJzc3Nz8/P0hISCUlJS0tLRQUFCsrK4iIiFBQUFJSUrS0tK6urqenp5+fn76+vsTExEBAQIyMjM3NzRwcHNXV1XV1dampqdPT0+Hh4WNjY7Kysuzs7Hp6ep2dncvLyz09PTk5OSAgIExMTISEhHFxcWVlZaurq3Nzc7a2tri4uN3d3V1dXe7u7vLy8lhYWPr6+mlpadnZ2erq6sfHx46OjtHR0fb29pGRkd/f36ysrJWVlYKCggAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAAHjYAAgoOEhYUbIykthoUIHCQqLoI2OjeFCgsdJSsvgjcwPTaDAgYSHoY2FBSWAAMLE4wAPT89ggQMEbEzQD+CBQ0UsQA7RYIGDhWxN0E+ggcPFrEUQjuCCAYXsT5DRIIJEBgfhjsrFkaDERkgJhswMwk4CDzdhBohJwcxNB4sPAmMIlCwkOGhRo5gwhIGAgAh+QQACgABACwAAAAAEAAQAAAHjIAAgoOEhYU7A1dYDFtdG4YAPBhVC1ktXCRfJoVKT1NIERRUSl4qXIRHBFCbhTKFCgYjkII3g0hLUbMAOjaCBEw9ukZGgidNxLMUFYIXTkGzOmLLAEkQCLNUQMEAPxdSGoYvAkS9gjkyNEkJOjovRWAb04NBJlYsWh9KQ2FUkFQ5SWqsEJIAhq6DAAIBACH5BAAKAAIALAAAAAAQABAAAAeJgACCg4SFhQkKE2kGXiwChgBDB0sGDw4NDGpshTheZ2hRFRVDUmsMCIMiZE48hmgtUBuCYxBmkAAQbV2CLBM+t0puaoIySDC3VC4tgh40M7eFNRdH0IRgZUO3NjqDFB9mv4U6Pc+DRzUfQVQ3NzAULxU2hUBDKENCQTtAL9yGRgkbcvggEq9atUAAIfkEAAoAAwAsAAAAABAAEAAAB4+AAIKDhIWFPygeEE4hbEeGADkXBycZZ1tqTkqFQSNIbBtGPUJdD088g1QmMjiGZl9MO4I5ViiQAEgMA4JKLAm3EWtXgmxmOrcUElWCb2zHkFQdcoIWPGK3Sm1LgkcoPrdOKiOCRmA4IpBwDUGDL2A5IjCCN/QAcYUURQIJIlQ9MzZu6aAgRgwFGAFvKRwUCAAh+QQACgAEACwAAAAAEAAQAAAHjIAAgoOEhYUUYW9lHiYRP4YACStxZRc0SBMyFoVEPAoWQDMzAgolEBqDRjg8O4ZKIBNAgkBjG5AAZVtsgj44VLdCanWCYUI3txUPS7xBx5AVDgazAjC3Q3ZeghUJv5B1cgOCNmI/1YUeWSkCgzNUFDODKydzCwqFNkYwOoIubnQIt244MzDC1q2DggIBACH5BAAKAAUALAAAAAAQABAAAAeJgACCg4SFhTBAOSgrEUEUhgBUQThjSh8IcQo+hRUbYEdUNjoiGlZWQYM2QD4vhkI0ZWKCPQmtkG9SEYJURDOQAD4HaLuyv0ZeB4IVj8ZNJ4IwRje/QkxkgjYz05BdamyDN9uFJg9OR4YEK1RUYzFTT0qGdnduXC1Zchg8kEEjaQsMzpTZ8avgoEAAIfkEAAoABgAsAAAAABAAEAAAB4iAAIKDhIWFNz0/Oz47IjCGADpURAkCQUI4USKFNhUvFTMANxU7KElAhDA9OoZHH0oVgjczrJBRZkGyNpCCRCw8vIUzHmXBhDM0HoIGLsCQAjEmgjIqXrxaBxGCGw5cF4Y8TnybglprLXhjFBUWVnpeOIUIT3lydg4PantDz2UZDwYOIEhgzFggACH5BAAKAAcALAAAAAAQABAAAAeLgACCg4SFhjc6RhUVRjaGgzYzRhRiREQ9hSaGOhRFOxSDQQ0uj1RBPjOCIypOjwAJFkSCSyQrrhRDOYILXFSuNkpjggwtvo86H7YAZ1korkRaEYJlC3WuESxBggJLWHGGFhcIxgBvUHQyUT1GQWwhFxuFKyBPakxNXgceYY9HCDEZTlxA8cOVwUGBAAA7AAAAAAAAAAAA) no-repeat 50% 50%; }

#content.blog h2.greeting { margin-bottom: 0; }
#content.blog .filter { padding: 10px; background: #f4f4f4; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; overflow: auto; margin-bottom: 24px; }
#content.blog .filter .search { width: 480px; float: left; }
#content.blog .filter .search input.blog_searchbox { border: 1px solid #cccccc; width: 60%; font-size: 10px; padding: 1px 2px; max-width: 120px; -webkit-transition: border-color 1s ease-out; -moz-transition: border-color 1s ease-out; -o-transition: border-color 1s ease-out; transition: border-color 1s ease-out; }
#content.blog .filter .search input:hover { border-color: #aaaaaa; }
#content.blog .filter .search input:focus { border-color: #333333; }
#content.blog .filter input.blog_searchbox_submit, #content.blog .filter .feed a { font-size: 11px; color: #a6b89c; text-transform: uppercase; padding: 2px; background: inherit; max-width: 50px; -webkit-transition: background 0.5s ease-out; -moz-transition: background 0.5s ease-out; -o-transition: background 0.5s ease-out; transition: background 0.5s ease-out; }
#content.blog .filter input.blog_searchbox_submit:hover, #content.blog .filter .feed a:hover { background: #dfe6b4; color: #333333; cursor: pointer; }
#content.blog .filter input.blog_searchbox_submit:active, #content.blog .filter .feed a:active { background: #a6b89c; color: #f8f8f8; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
#content.blog .filter .feed { float: right; }
#content.blog ol { list-style: none; padding: 0 20px; }
#content.blog ol li { border-bottom: 1px dashed #eeeeee; margin-bottom: 9px; overflow: auto; }
#content.blog ol li a { font-family: "GraublauWeb", "Myriad Pro", "Lucida Grande", "Lucida Sans", "Lucida", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 15px; line-height: 26px; color: #222222; display: block; }
#content.blog ol li time { float: right; font-family: "GraublauWeb", "Myriad Pro", "Lucida Grande", "Lucida Sans", "Lucida", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 12px; line-height: 26px; padding: 0 5px; color: #707864; vertical-align: baseline; }
#content.blog ol li span { margin: 0 0 2px; display: block; color: #999999; font-size: 11px; }
#content.blog ol li:hover { background: #fafafa; }

h2.article-title { min-height: 0; font-size: 28px; }
h2.article-title time { color: #dfe6b4; }

.article { color: #333333; max-width: 600px; }
.article p + p { text-indent: 14px; }
.article p a, .article li a { color: #707864; background: white; -webkit-transition: background 0.5s ease-out; -moz-transition: background 0.5s ease-out; -o-transition: background 0.5s ease-out; transition: background 0.5s ease-out; }
.article p a:hover, .article li a:hover { color: black; background: #f5ff7c; }
.article p a:active, .article li a:active { color: black; background: #c1d74e; }
.article p.more { text-indent: 0; }
.article p.more a { background: #dfe6b4; padding: 1px 2px; color: #333333; font-size: 80%; text-transform: uppercase; -webkit-transition: background 0.5s ease-out; -moz-transition: background 0.5s ease-out; -o-transition: background 0.5s ease-out; transition: background 0.5s ease-out; }
.article p.more a:hover { color: black; background: #f5ff7c; }
.article p.more a:hover:after { content: ' von diesem sogenannten "Inhalt"'; }
.article ul, .article ol { margin: 9px 0 9px 36px; line-height: 18px; }
.article ul { list-style: square; }
.article ol { list-style: upper-roman; }
.article blockquote { margin-left: 12px; padding-left: 12px; text-indent: 0; margin-bottom: 6px; border-left: 5px solid #dfe6b4; }
.article sup a { text-decoration: none; border: none; font-size: 75%; vertical-align: top; }
.article time { background: #dfe6b4; padding: 1px 2px; color: #333333; text-transform: uppercase; font-size: 80%; line-height: 12px; display: inline; float: left; margin-right: 6px; }
.article .footnotes { border-top: 1px solid #eeeeee; margin-top: 24px; padding-top: 12px; font-size: 12px; line-height: 1.7; color: #888888; list-style: decimal; }
.article .footnotes ol { list-style: decimal; }
.article .footnotes li:target { color: black; }
.article .footnotes a { text-decoration: underline; color: inherit; }

.articles .article { line-height: 1.9; width: 600px; margin-left: 40px; font-family: "DroidSerif", "Droid Serif", Georgia, Palatino, Times, serif; font-size: 14px; padding: 0 10px; }
.articles .article p { margin-left: 14px; }
.articles .article h3 { font-size: 32px; text-transform: uppercase; letter-spacing: 2px; margin-top: 32px; background: #dfe6b4; color: #222222; padding: 5px 14px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; text-rendering: optimizeLegibility; }
.articles .article em, .articles .article cite { font-family: "DroidSerifItalic", "Droid Serif", Georgia, Palatino, Times, serif; font-style: italic; font-weight: normal; }
.articles .article strong { font-family: "DroidSerifBold", "Droid Serif", Georgia, Palatino, Times, serif; font-weight: bold; }
.articles .article pre { margin: 12px 25px; padding: 7px 10px; background: #f6f6f6; width: 500px; word-wrap: break-word; }
.articles .article code { background: #f6f6f6; font-family: "DroidSansMono", monospace; font-size: 12px; }
.articles .article ul, .articles .article ol, .articles .article dl { line-height: inherit; }
.articles .article .comment { font-family: "DroidSerifItalic", "Droid Serif", Georgia, Palatino, Times, serif; padding: 20px 0 0; margin-top: 25px; border-top: 1px solid #eeeeee; font-style: italic; }
.articles .article .comment p { text-indent: 0; }
.articles .article .comment p.flattr iframe { vertical-align: sub; }
.articles .article .right { float: right; margin: 26px; margin-right: -120px; display: block; }
.articles .article .slideshow { float: right; margin: 26px; margin-right: -120px; position: relative; }
.articles .article .s240 { height: 240px; width: 240px; }
.articles .article .s240_160 { height: 160px; width: 240px; }
.articles .article .s160_240 { height: 240px; width: 160px; }
.articles .article .s320 { height: 320px; width: 320px; }
.articles .article .s500 { height: 500px; width: 500px; }
.articles .article .slides { height: 100%; width: 100%; position: relative; }
.articles .article .slides img { position: absolute; top: 0px; left: 0px; display: none; }
.articles .article .figure { margin-bottom: 8px; }
.articles .article .figure p { font-style: italic; }
.articles .article .figure p em { font-style: normal; }
.articles .article .quoted { float: right; margin: 8px; margin-right: -90px; background: #dddddd; color: white; font-size: 16px; line-height: 140%; text-transform: uppercase; padding: 2px 5px; text-indent: 0; text-align: center; letter-spacing: 1px; max-width: 120px; font-family: "GraublauWeb", "Myriad Pro", "Lucida Grande", "Lucida Sans", "Lucida", "Trebuchet MS", Verdana, Arial, sans-serif; -webkit-transition: background 1s ease-out; -moz-transition: background 1s ease-out; -o-transition: background 1s ease-out; transition: background 1s ease-out; }
.articles .article .quoted:hover { background: #a6b89c; }
.articles .article .quoted a { color: white; background: inherit; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; text-decoration: underline; }
.articles .article .quoted a:hover { color: #333333; background: inherit; }

#content.projects .project { background: #dfe6b4; width: 760px; padding: 10px; margin-bottom: 20px; }
#content.projects .project .slides { height: 180px; width: 760px; margin-bottom: 10px; position: relative; display: block; }
#content.projects .project .slides img { position: absolute; top: 0px; left: 0px; }
#content.projects .project .slides.nivoSlider img { display: none; }
#content.projects h3 time { color: #707864; margin-left: 6px; }

#content.fotos .slideshow { width: 780px; padding: 20px 20px 40px; height: 519px; margin-left: -20px; }
#content.fotos .slideshow .slides { height: 519px; width: 780px; }
#content.fotos .slideshow .slides img { position: absolute; top: 0px; left: 0px; display: none; }
#content.fotos .slideshow .nivo-caption { position: relative; top: 520px; text-align: right; text-transform: uppercase; font-size: 12px; color: #999999; font-weight: 100; text-shadow: 0 0 1px #090909; letter-spacing: 1px; text-rendering: optimizeLegibility; }

#content.uber .person { overflow: auto; }
#content.uber .column { width: 240px; background: #fafafa; border: 1px solid #eeeeee; float: left; margin: 0 9px 10px; }
#content.uber .column h3 { text-transform: uppercase; text-align: center; font-size: 13px; letter-spacing: 1px; margin-bottom: 0; background: #eeeeee; }
#content.uber .column .img { padding: 10px 19px; text-align: right; font-style: italic; font-size: 10px; color: #666666; }
#content.uber .column .img img { width: 200px; height: 300px; display: block; }
#content.uber .column dl { padding: 10px; line-height: 1.8; }
#content.uber .column dl dt { font-weight: bold; margin-top: 8px; }
#content.uber .column dl dt:first-child { margin-top: 0; }
#content.uber .column dl dd { margin-left: 10px; }
#content.uber .column dl a { border-bottom: 1px solid #dddddd; padding-bottom: 1px; }
#content.uber .column dl a:hover { border-bottom-color: #999999; }
#content.uber .column dl a:active { border-bottom-color: black; }

#content.uber .article, #content.error404 .article { margin: 0 auto; font-size: 13px; line-height: 26px; }

#content.error404 .search { margin-bottom: 18px; }
#content.error404 .search input { border: 1px solid #cccccc; padding: 1px 3px; }
#content.error404 .search input[type=submit] { border: none; text-transform: uppercase; font-size: 11px; -webkit-transition: background 0.5s ease-out; -moz-transition: background 0.5s ease-out; -o-transition: background 0.5s ease-out; transition: background 0.5s ease-out; padding: 3px; }
#content.error404 .search input[type=submit]:hover { background: #c1d74e; }
#content.error404 .search input[type=submit]:active { background: #f5ff7c; }

#footer { font-size: 10px; color: #999999; padding: 20px 0 0; margin-top: 25px; border-top: 1px solid #eeeeee; text-align: center; clear: both; overflow: auto; }
#footer a { color: #a6b89c; }
#footer a:hover { border-bottom: 1px solid #c1d74e; color: #c1d74e; }
#footer a:active { border-bottom-width: 2px; }
#footer a.twitter:hover { color: #34ccff; border-bottom: 1px solid #34ccff; }
#footer a.twitter:hover:active { border-bottom-width: 2px; }
#footer a.flickr:hover { color: #ff0084; border-bottom: 1px solid #ff0084; }
#footer a.flickr:hover:active { border-bottom-width: 2px; }

@media screen and (max-width: 1060px) { h1.header { margin-left: 20px; } }
@media only screen and (max-device-width: 480px), only screen and (-webkit-min-device-pixel-ratio: 2) { #nav ul { font-size: 24px; }
  .articles .article { width: 700px; max-width: 700px; font-family: Georgia, Palatino, Times, serif; font-size: 18px; margin-left: 0; }
  .articles .article em, .articles .article cite, .articles .article strong, .articles .article .comment { font-family: Georgia, Palatino, Times, serif; }
  .articles .article .slideshow, .articles .article .quoted { margin-right: -40px; font-size: 18px !important; }
  #content.start .photo { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } }
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) { body { padding-right: 20px; }
  .articles .article { margin-left: 20px; width: 620px; max-width: 620px; }
  .articles .article a { text-decoration: underline; }
  #content.start .photo { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } }
@media screen and (orientation:portrait), only screen and (max-device-width: 480px) { body { width: 780px; }
  #nav { float: left; position: absolute; top: 110px; width: 740px; min-height: 10px !important; margin-left: 20px; margin-top: 0; background: none; font-family: "GraublauWebBold", "Myriad Pro", "Lucida Grande", "Lucida Sans", "Lucida", "Trebuchet MS", Verdana, Arial, sans-serif; font-weight: bold; border-bottom: 1px solid #eeeeee; color: #a6b89c; margin-bottom: 25px; min-height: 93px; padding-bottom: 15px; padding-left: 40px; }
  #nav ul { background: none; padding: 0; overflow: auto; font-size: 20px; font-weight: bold; line-height: 42px; }
  #nav ul li { float: left; margin: 0 10px 0 0; padding: 0; background: none; }
  #nav ul li a { -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }
  #nav ul li a:hover { border-bottom: 2px solid #c1d74e; }
  #nav ul li a:active { border-bottom-width: 3px; }
  #nav ul li.current { background: none; }
  #nav ul li.current a { color: #c1d74e; }
  #content { padding-top: 180px; } }