/*  
  Theme Name: Der Korsti bloggt
  Description: Theme Nummer 4 für "Der Korsti bloggt"
  Version: 4.0
  Author: Marcel Korstian
  Author URI: http://korsti.de/blog
*/

/* WELCOME! FEEL FREE TO INSPIRE BUT DO NOT COPY. THANK YOU! */

/* FARBKASTEN
  Schwarrz1:  #000;
  Schwarz2:   #333;
  Farbe1:     #f30;
  Grau1:      #666;
  Grau2:      #999;
  Weiss:      #fff;  
*/

  /* WHITESPACE RESET */
* { margin: 0; padding: 0; }

  /* BODY */
body { font-size: 62.5%; font-family: Helvetica, Arial, "Lucida Grande", sans-serif; color: #333; background: url("img/balken.jpg") no-repeat bottom center #fff; }

  /* LAYOUT STRUKTUR */
#wrapper { width: 75em; margin: 0 auto; background: url("img/balken.jpg") no-repeat top left #fff; }
h1#logo { margin-top: 3px; font-size: 62.5%; width: 222px; height: 95px;  background: url("img/logo.jpg") no-repeat top left #fff; text-indent: -9999em; float: left; }
h1#logo a { display: block; line-height: 95px; }

#kopf { width: 75em; }

#content { width: 52em; float: right; margin-right: 1em; clear: both; padding-bottom: 4em; }
#content .post { margin-bottom: 4em; }
#sidebar { width: 17em; float: left; margin-left: 1em; }

#footer { clear: both; border-top: 1px solid #ccc; width: 75em; margin-bottom: 2em; margin-right: 1em; text-align: right; }
.discussion { padding: 1em 0; background-color: #fff; margin: 0.5em 0; }

  /* ÜBERSCHRIFTEN */
#content h2, #content h1 { font-size: 1.8em; font-weight: normal; margin-bottom: 1.13em; line-height: 1.13em; }
#content h3 { font-size: 1.4em; font-weight: normal; color: #f30; line-height: 1.64em; }
#content .entry h4 { font-size: 1.2em; font-weight: bold; line-height: 1.5em; }
#sidebar h2 { font-size: 1.1em; font-weight: bold; text-transform: uppercase; color: #000; }
.kommentare h3, #respond h3, .entry h3 { margin-bottom: 1.64em; }
.additional h3 { margin-top: 18px; }

  /* SCHRIFT UND ABSÄTZE */
#content .entry p, #content.normal p { font-size: 1.3em; margin-bottom: 1.5em; line-height: 1.5em; }
#content .entry blockquote { background-color: #eee; font-style: italic; border-right: 2px solid #f30; }
.commentlist blockquote { background-color: #eee; font-style: italic; border-left: 2px solid #f30; padding-left: 0.5em; }
code { font-family: "Courier New", Courier; font-size: 1em; background-color: #eee; }
#content p.post-meta { line-height: 1.64em; font-size: 1.1em; color: #666; clear: both; }
#sidebar p, #footer p { font-size: 1.1em; line-height: 1.7em; color: #666; margin-right: 1em; }

  /* LISTEN */
#content .entry li { line-height: 1.5em; font-size: 1.3em; }
#content .entry ul, #content .entry ol { margin-bottom: 18px; padding-left: 40px;  padding-right: 10px; }
#content.wide .entry ul, #content.wide .entry ol { margin-bottom: 1.5em; padding-left: 40px; padding-right: 15px; }
#content .additional li { line-height: 18px; font-size: 1.1em; }
#content .additional ul { padding-left: 22px; margin-bottom: 18px; }
#content ul { list-style-image: url("img/liststyle.gif"); }
#sidebar ul { list-style-type: none; }
#sidebar ul li ul { margin-bottom: 1.7em; }
#sidebar ul li ul li { font-size: 1.1em; line-height: 1.7em; color: #666; }
ul.wp-tag-cloud li { display: inline; }

.dummy { display: none; }

  /* LINKS */
  
a:active { position: relative; top: 1px; }

#content h1 a:link, #content h1 a:active, #content h1 a:visited,
#content h2 a:link, #content h2 a:active, #content h2 a:visited,
#content h3 a:link, #content h3 a:active, #content h3 a:visited
  { text-decoration: none; color: #000; border: none; }
#content h1 a:hover, #content h2 a:hover, #content h3 a:hover
  { text-decoration: none; color: #f30; border: none; }
  
p.post-meta a:link, p.post-meta a:active, p.post-meta a:visited,
#footer a:link, #footer a:active, #footer a:visited
  { text-decoration: none; color: #333; border-bottom: 1px solid #ccc; }
p.post-meta a:hover, #footer a:hover
  { text-decoration: none; color: #9c3; border-bottom: 1px solid #ccc; }

.entry a:link, .entry a:active,
.additional a:link, .additional a:active,
.entry a:visited, .additional a:visited
  { text-decoration: none; background-color: #eee; color: #000; border-bottom: 1px solid #999; padding: 0.1em 0.2em 0 0.2em; }
.entry a:hover, .additional a:hover
  { text-decoration: none; color: #f30; background-color: #ddd; border-bottom: 1px solid #666; padding: 0.1em 0.2em 0 0.2em; }

.div-rechts a:link, .div-rechts a:active
  { text-decoration: none; color: #000; border-bottom: 1px solid #f30; }
.div-rechts a:visited
  { text-decoration: none; color: #666; border-bottom: 1px solid #f30; }
.div-rechts a:hover
  { text-decoration: none; color: #000; border-bottom: 1px solid #333; }
  
#sidebar a:link, #sidebar a:active
  { text-decoration: none; color: #666; border-bottom: 1px solid #ccc; }
#sidebar a:visited
  { text-decoration: none; color: #999; border-bottom: 1px solid #ccc; }
#sidebar a:hover
  { text-decoration: none; color: #9c3; border-bottom: 1px solid #ccc; }
  
.wp-tag-cloud a:link, .wp-tag-cloud a:active, .wp-tag-cloud a:visited, .wp-tag-cloud a:hover
  { text-decoration: none; border: none !important; }

.commentlist a:link, .commentlist a:visited, .commentlist a:active,
#respond a:link, #respond a:visited, #respond a:active
  { text-decoration: none; color: #666; border-bottom: 1px solid #ccc; }
.commentlist a:hover, #respond a:hover
  { text-decoration: none; color: #333; border-bottom: 1px solid #ccc; }
    
  /* BILDER */
#content .entry img { border: 1px solid #ccc; }
img.alignleft { float: left; margin-right: 10px; }
img.alignright { float:right; margin-left: 10px; }
#footer img { border: none; }
.alignleft, .alignright { font-size: 1.2em; line-height: 18px; }
.wp-smiley { line-height: 18px !important; border: none !important; margin: 0px !important; }

  /* SUCHE */
#s, #s:focus { margin-right: 3px; width: 120px; height: auto; background-color: #fff; color: #333; font-family: Arial, "Lucida Grande", Verdana, sans-serif; font-size: 1.1em; border: 1px solid #999; padding: 1px; }
#s:hover { border: 1px solid #f30; }
input#searchsubmit { width: 60px; height: auto; background-color: #fff; color: #333; font-family: Arial, sans-serif; font-size: 1.1em; border: 1px solid #999; }
input#searchsubmit:hover, input#searchsubmit:focus { border: 1px solid #f30; }
#searchform { margin-bottom: 18px; }

  /* BLOGROLL */
#linkcat-2 li { display: inline; }
#linkcat-2 li a { border: none !important; }
#linkcat-2 li img { padding-right: 1px; width: 16px; height: 16px; border: none; }

  /* ICONS */
.i-datum, .i-tags, .i-kommentar, .i-trackback, .i-edit { padding-left: 16px; margin-right: 9px; }
.i-tags { background: url("img/tag.gif") left center no-repeat; }
.i-datum { background: url("img/datum.gif") left center no-repeat; }
.i-kommentar { background: url("img/kommentare.gif") left center no-repeat; }
.i-trackback { background: url("img/trackback.gif") left center no-repeat; }
.rss { padding-left: 16px; background: url("img/rss_klein.png") left center no-repeat; }
.i-edit { background: url("img/edit.gif") left center no-repeat; }

  /* ARTIKEL-NAVIGATION PAGEBAR */
.pagebar { background-color: #fff; line-height: 18px; padding: 5px 10px; font-size: 1.1em; font-weight: bold; }
.pagebar a,.pageList .this-page { color: #666; border: 1px solid #999; text-decoration: none; padding: 0.3em 0.3em; }
.pagebar a:visited { color: #999; border: 1px solid #999; text-decoration: none; padding: 0.3em 0.3em; }
.pagebar .break { padding: 2px 6px 2px 6px; border: none; text-decoration: none; }
.pagebar .this-page { border: 1px solid #f30; padding: 0.3em 0.3em; background: #f30; color: #fff; }
.pagebar a:hover { color: #f30; border-color: #f30; }
.pagebar .inactive { border: 1px solid #999; color: #999; text-decoration: none; padding: 0.3em 0.3em; }

#twitter { position: absolute; bottom: 1em; right: 1em; }

  /* KOMMENTARE */
.commentlist { list-style-type: none; border-top: 1px solid #ccc; padding-bottom: 1.7em; }
.commentlist li { padding-top: 1.4em; border-bottom: 1px solid #ccc; }
.commentlist li.highlighted { border-right: 3px solid #9c3; background-color: #fff; }
.c-header { line-height: 2em; font-size: 1.1em; color: #999; }
.c-header strong { color:#666; }
.c-content { clear: both; font-size: 1.2em; line-height: 1.7em; padding-top: 1em; }
.c-content p { margin-bottom: 1.4em; color: #333; }
input#url, input#author, input#email, #comment { width: 510px; background-color: #fff; color: #000; }
input#url, input#author, input#email { font-size: 1em; }
input#submit { width: auto; color: #000; height: 1.4em; font-size: 1em; padding: 2px; font-family: Arial, sans-serif; background-color: #fff; border: 1px solid #999; }
input#url, input#author, input#email { background-color: #fff; border: 1px solid #999; padding: 2px; }
#comment { background-color: #fff; border: 1px solid #999; padding: 2px; font-family: Arial, sans-serif; font-size: 1em; line-height: 1.4em; height: 250px; }
input#url:focus, input#url:hover, input#submit:focus, input#submit:hover, input#author:focus, input#author:hover, input#email:focus, input#email:hover,
textarea#comment:hover, textarea#comment:focus
 { border: 1px solid #f30; }
#commentform p { font-size: 1.3em; margin-bottom: 1.4em; line-height: 1.4em; }
#commentform p.hinweis { font-size: 1.2em; color: #777;}

.clear { clear: both; }

  /* GRAVATAR */
.gravatar { border: 1px solid #999; width: 20px; height: 20px; float: left; margin-right: 10px; }

  /* SELECTION */
::-moz-selection{
	background:#000;
	color:#fff;
	}

::selection { background:#000; color:#fff; }