/* Drunkey Love theme 1.6 http://www.el73.be/drunkey-love/themes/ GPL by Kevin Wetzels http://www.el73.be/ */

/** HTML ELEMENTS **/ 
html, body { padding: 0; margin: 0; font: 100%/150% Calibri, "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 0.95em; color: #333 }
img { border: none }
a { color: #390 }
a:visited { color: #666 }
a:hover { color: #465 }
p, blockquote { line-height: 1.9em }
p, ul { margin: 15px 0 }
ul, ol { margin-left: 30px; padding-left: 0 } 
h1, h2 { margin-top: 15px; font: 1.7em "Apple Garamond", "Times New Roman", "Garamond", serif; line-height: 1.7em; margin-bottom: 0 }
h2 a, h1 a {  color: #333; text-decoration: none }
h1 a:hover, h2 a:hover { color: #465 }
h1 { font-size: 1.9em }
h2 { color: #464646; position: relative }
h3 { margin-top: 1em }
h3 em { font-style: normal; text-transform: uppercase; padding: 0.2em 0; background-color: yellow }
h6 { color: #666; font-size: 0.8em; font-weight: normal; margin: 0 }
abbr, acronym { cursor: help; border-bottom: 1px dashed #999 }
hr { display: none }
blockquote { background: url(/blog/images/backgrounds/blockquote.gif) no-repeat 10px 40px whitesmoke; padding: 20px; padding-left: 50px }
blockquote:after { content: "(Quelle: " att(cite) ")"; }
code { font: 110% "Lucida Console", "Courier New", "Courier", monospace }
pre { overflow: auto }
ins { background-color: darkgreen; color: #fff; padding: 3px; text-decoration: none }
ins a { color: #fff; text-decoration: underline }
del { background-color: #ccc; text-decoration: line-through }
div.entry strong { background-color: #cdcd00; background-color: rgba(205,205,0,.6); padding-left: 2px; padding-right: 2px }


/** HEADER **/ 
#header { height: 200px; background: url(images/bg-title.jpg) #333; color: #fff }
#header a { color: #fff }
#header a:hover, #header .current_page_item { background: #390; color: #fff }
#blog-title { vertical-align: text-bottom; float: left; width: 270px;	height: 200px; text-transform: lowercase; font: 1.7em "Apple Garamond", "Garamond", serif; text-align: right; background: #333 url(images/bg-title.jpg) repeat-x; color: #fff }
#blog-title a { display: block;	width: 250px; height: 50px; line-height: 50px; padding: 150px 20px 0 0 }
#pages { margin: 0; padding: 0; list-style-type: none; list-style-image: none; text-transform: lowercase }
#pages li { float: left; width: 8em }
#pages a { display: block; height: 50px; width: 8em; line-height: 50px; padding: 150px 0 0 0; text-align: center }
#header a { text-decoration: none }
#header a:hover { text-decoration: none; }

/** FOOTER **/ 
#footer { background-color: whitesmoke; clear: both; font-size: 0.8em; padding: 50px 0; text-align: center }
#footer .main { border-top: 1px solid #ccc; color: #666 }

/** CONTENT **/ 
.main, #content { width: 740px;	margin: 0 auto }

/** PRIMARY CONTENT (ENTRIES, COMMENTS, ...) **/ 
#primary { width: 450px; padding-right: 20px; float: left }
#primary p { text-align: justify }
.entry { padding-bottom: 10px; border-bottom: 1px solid #ccc }
#primary ul.archive-nav { list-style-image: none }
.meta { font-size: 0.85em; clear: both;	color: #666 }
.meta a { text-decoration: none; color: #666 }
.meta a:hover { color: #465 }
.meta span { padding-left: 14px; background: #fff url(images/doc.png) no-repeat left center }
.meta span.tags { background-image: url(images/folder.png) }
.meta span.comments { background-image: url(images/comment.png) }
.meta span.author { background-image: url(images/author.png) }
.meta span.trackback { background-image: url(images/trackback.png) }
.meta span.delicious { background-image: url(images/delicious.png) }
#primary .totop img { width: 11px; height: 11px; border: 0; margin: 0; padding: 0; vertical-align: text-bottom; }
#primary .totop { margin-left: 439px; clear: both }
.gravatar { float: right; margin: 30px 0 15px 10px }
#comments h2 { margin-top: 30px }
#comments ol { padding: 0; margin: 0; list-style-type: none; list-style-image: none; font-size: 0.9em }
#comments li { clear: both }
#comments ol div.poster { clear: both; padding: 0 20px; font-size: 0.95em; color: #666 }
#comments .poster a { color: #666 }
#comments .poster a:hover { color: #465 }
#comments ol.no-gravatars div.poster { padding: 0 20px 0 40px }
#comments ol div.body { margin: 0 0 0 0; width: 340px; padding: 20px; background: #fff url(images/comment-field.png) no-repeat left top }
#comments ol.no-gravatars div.body { width: 340px; padding: 20px; margin-left: 20px }
#comments fieldset { margin: 5px 0 0 0; padding: 0 80px 0 20px; width: 330px; border: 1px solid #fff }
#comments legend { display: none }
#comments form ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none }
#comments form li { margin: 5px 0 }
#comments .textfield { width: 50% }
#comments textarea { width: 98% }
#comments .number { font: 1.5em "Apple Garamond", "Times New Roman", "Garamond", serif; font-style: italic; color: #ccc; text-align: right; padding: 0; margin: 0; width: 3em; float: right }
#comments .number a { color: #ccc; text-decoration: none }
#comments .number a:hover { color: #465 }
.archive-nav { display: block; font-size: 0.9em; width: 100%; margin: 10px 0 0 0; padding: 0 0 5px 0; list-style-type: none; list-style-image: none }
.archive-nav li { width: 180px }
.archive-nav li a { display: block; width: 164px }
.back { float: left }
.back a { padding-left: 25px; background: #fff url(/blog/images/navigation/backward.gif) no-repeat left center; min-height: 40px }
.next { float: right; text-align: right; }
.next a { padding-right: 25px; background: #fff url(/blog/images/navigation/forward.gif) no-repeat right center; min-height: 40px }
#primary h1 img, #primary h2 img, #primary h3 img { padding: 0; border: none; }
/** LINK DECORATION **/
.entry p a { background: url(images/link.gif) no-repeat; padding-left: 18px; vertical-align: baseline }
.entry p a:visited { background: url(images/link-visited.gif) no-repeat; vertical-align: baseline }
.entry p a > img { margin-left: -18px; margin-bottom: -5px } /* hides prepend background-images for text-links */
.entry p a:visited { background: url(images/link-visited.gif) no-repeat; vertical-align: baseline }
.meta span.tags a, .meta span.tags a:visited { background: none; padding-left: 0 }
/** SECONDARY CONTENT (SIDEBAR STUFF) **/ 
#secondary { padding-left: 15px; width: 250px; float: right; font-size: 0.9em }
#secondary h2 { margin-bottom: 10px }
#searchform fieldset { padding: 0; margin: 0; border: 0px solid #fff }
#searchform legend, #searchform label { display: none }
#blog-description { font: 1.6em "Apple Garamond", "Garamond", serif; padding: 15px; background: #fff url(images/bg-description.jpg) no-repeat; }
.fold { display: none; }
.foldButton, .unfoldButton { display: block; position: relative; left: 220px; margin-top: -1.3em; height: 25px; width: 25px; cursor: pointer; background: #fff url(images/fold.png) no-repeat }
.unfoldButton { background: #fff url(images/unfold.png) no-repeat }
ul.linklist { font-family: 'IM Fell DW Pica'; width: 100% }
ul.linklist li { border-bottom: 1px dotted silver; font-size: 1.65em; line-height: 1.65em }
ul.linklist li a { text-decoration: none; width: 100%; height: 100% }
ul.linklist li:hover { border-bottom: 1px dashed green }
ul.linklist, ul.linklist ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none }
ul.linklist a:hover { background: #390; color: #fff }
ul.linklist li ul { font-family: 'IM Fell DW Pica'; width: 100% }	
ul.linklist li ul li { border-bottom: none; padding-left: 20px; font-size: 0.9em; line-height: 1em }
ul.linklist li ul li a { text-decoration: none; width: 100%; height: 100% }
ul.linklist li ul li:hover { border-bottom: 1px dotted red }
ul.descriptionlist  { margin: 0; padding: 0; list-style-type: none; list-style-image: none }
ul.descriptionlist li { margin-bottom: 0.5em }
#sidenotes h3 { font-size: 1em }
#sidenotes p { margin-top: 0 }
ul.cloud { padding: 0;margin: 0; list-style-type: none;	list-style-image: none }
.cloud li { display: inline; margin-right: 5px }

/** UTILITIES **/ 
.underline { text-decoration: underline }
.clear { clear: both; margin: 0; padding: 0 }
.hide { display: none }
.center { text-align: center }
.alignright, .lzimg-right { float: right }
.alignleft, .lzimg-left { float: left }
img.center { display: block; margin-left: auto;	margin-right: auto }
img.alignright, img.lzimg-right { padding: 4px;	margin: 15px 0 15px 15px; display: inline }
img.alignleft, img.lzimg-left { padding: 4px; margin: 15px 15px 15px 0;	display: inline }
img.noborder { border: none }
img.simple, #primary img.wp-smiley { padding: 0; margin: 0; border: 0 }
#primary a.extlink > p { padding-right: 12px; background: #fff url(images/external-link.png) no-repeat right center }
#primary a.extlink > sup { padding-right: 0; background: #fff url(images/external-link.png) no-repeat right center }
#primary a.footnote-link { padding: 0; background: none left top }

/** sidebar **/
a#vote { background-color: #000; color: yellow; cursor: pointer; font: bold 28px georgia; text-decoration: none; position: fixed; _position: absolute; top: 50px; right: 50px; height: 100px; width: 100px; filter: alpha(opacity=60); -moz-opacity: .60; opacity: 0.6; z-index: 1235 }
a#vote:hover { filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; }
a#vote span { position: relative; top: 60px; left: 10px }
img#freespeech { filter: alpha(opacity=60); -moz-opacity: .60; opacity: 0.6; position: fixed; _position: absolute; top: 50px; right: 50px }
img#freespeech:hover { filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; }
a#schwarzgrun{ filter: alpha(opacity=60); -moz-opacity: .60; opacity: 0.6; position: fixed; _position: absolute; top: 50px; right: 50px }
a#schwarzgrun:hover { filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; }
a#schwarzgrun img { border: none }
a#kommunalwahl { background-color: darkred; color: white; cursor: pointer; font: bold 28px georgia; text-decoration: none; position: fixed; _position: absolute; top: 50px; right: 50px; height: 100px; width: 100px; filter: alpha(opacity=60); -moz-opacity: .60; opacity: 0.6; z-index: 1235 }
a#kommunalwahl:hover { filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; }
a#kommunalwahl span { position: relative; top: 60px; left: 10px }

/** creative commons sign and link to owner **/ 
div.imageCreativeCommons { position: relative }
div.imageCreativeCommons a.license { display: block; width: 26px; position: absolute; bottom: 2px }
div.imageCreativeCommons a.license:hover { background-image: url(/blog/images/licenseBackground.png); border: none; width: 100%; }
div.imageCreativeCommons a.license:hover span.textCreativeCommons { display: inline; color: black; position: absolute; bottom: 17px; left: 50px }
div.imageCreativeCommons a.license span.iconCreativeCommons { display: block; text-indent: -10000px; width: 42px; height: 25px; overflow: hidden; background-position: center center; background-repeat: no-repeat; float: left }
div.imageCreativeCommons a.license.CreativeCommons span.iconCreativeCommons { background-image: url(/blog/images/licenseCreativeCommons.gif); background-position: 16px 1px }
div.imageCreativeCommons a.license span.textCreativeCommons { display: none }

/** sticky **/
div.sticky { font-size: 1.5em; font-family: Consolas; position: fixed; padding:0.5em }
div.bottom, div.top { height: 26px }
div.bottom { width: 100%; bottom: 0 }
div#stickyFiller { text-align: center; background-color: #000; filter: alpha(opacity=40); -moz-opacity: .40; opacity: 0.4 }
div#stickyFooter { text-align: center; height: 24px }
div#stickyFooter a { text-align: center; color: darkorange; text-decoration: none; filter: alpha(opacity=30); -moz-opacity: .30; opacity: 0.3 }
div#stickyFiller:hover { filter: alpha(opacity=50); -moz-opacity: .50; opacity: 0.5 }

/** wip **/
input[type="text"]:focus, textarea:focus { color: black; background-color: #ffff80 }

/* sprites */
#footer ul { list-style-position: inside; list-style-type: none; margin-left: 0; padding-left: 0 }
#footer ul, #footer ul li { padding: 0 }
#footer li { background: url(/blog/images/w3c-sprite.png) no-repeat top left; width: 80px; height: 15px; display: inline-block }
#footer ul li.sprite.first { background-position: 0 0  } 
#footer ul li.sprite.second { background-position: -80px 0 } 
#footer ul li.sprite.third{ background-position: -160px 0 } 

#wp-quotes-list { list-style-type: none }