/*
Theme Name: Read that!
Theme URI: http://readthat.de
Description: Modifiziertes Read It! Theme
Version: 1.0
Author: Marcel Korstian
*/

* { margin: 0; padding: 0; } 
body { background: url('hintergrund.jpg') #000; color: #000; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 62.5%; }

#wrapper { background: url('wrapper.jpg') #fff repeat-y; width: 960px; margin: 30px auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 1px #000; -moz-box-shadow: 1px 1px 1px #000; box-shadow: 1px 1px 1px #000; }


/*----- LOGO */
#header { width: 568px; height: 160px; float: left; }
h1#logo { border: none; background: url('logo.jpg') bottom right no-repeat;  padding: 30px 0 0 30px; width: 240px; height: 90px; line-height: 90px; text-indent: -99999px; }
h1#logo a { display: block; }


/*----- NAVIGATION */
ul#navigation { list-style-type: none; background-color: #f6f6f6; }
ul#navigation li { display: inline; font-size: 13px; color: #000; padding: 0 0 0 40px; line-height: 40px; }
ul#navigation li a:link, ul#navigation li a:visited, ul#navigation li a:active { color: #333; text-decoration: none; border: none; }
ul#navigation li a:hover { color: #f00; border-bottom: 1px solid #ccc; }


/*----- SOCIAL MEDIA */
#socialmedia { width: 360px; float: right; margin: 0 30px 0 0; padding: 30px 0 0 0; }
.socialb { width: 100px; padding: 0 10px; float: right; text-align: center; }
.socialb img { border: none; }
.socialb a { font-size: 12px; text-decoration: none; border: none; }
.socialb a:link, .socialb a:visited, .socialb a:active { color: #000; }
.socialb a:hover { color: #f00; }


/*----- SUCHE */
#suche { width: 360px; float: right; margin: 0 30px 0 0; padding: 24px 0 0 0; }
#s, #s:focus { margin: 0 20px; width: 310px; height: auto; background-color: #fff; color: #ccc; font-family: Arial, "Lucida Grande", Verdana, sans-sef; font-size: 1.2em; border: none; padding: 5px; }
#s:focus { color: #333; }


/*----- CONTENT */
#content { float: left; width: 510px; padding: 0; margin: 30px; }
#content h2, #content h3 { clear: both; }
#content h2 { text-align: center; font-size: 20px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 26px; margin-bottom: 10px; }
#content h2.small-h2 { font-size: 16px; line-height: 20px; }
#content h2 a:link, #content h2 a:active, #content h2 a:visited { color:#000; text-decoration: none; border-bottom: none; }
#content h2 a:hover { color: #f00; text-decoration: none; border-bottom: none; }
#content h3 { font-size: 1.4em; font-family: Helvetica, Arial, sans-serif; padding-bottom: 0.3em; font-weight: bold; line-height: 18px; margin-bottom: 18px; }
#content div.kategorie, #content h2.kategorie { font-size: 11px; line-height: 1em; margin-bottom: 1em; text-transform: uppercase; letter-spacing: 0.1em; color: #666; text-align: center; }
#content .kategorie a:link, #content .kategorie a:active, #content .kategorie a:visited, #content .kategorie a:hover { color: #666; text-decoration: none; border: none; font-family: Helvetica, Arial, sans-serif; }


/*----- ARTIKEL STARTSEITE */
.small-post { width: 220px; }
.left { padding-right: 10px; float: left; }
.right { padding-left: 10px; float: right; }
.top-post, .left, .right { padding-bottom: 30px;}
.small-post img { width: 220px; height: auto; padding: 1px; border: 1px solid #333; }
.small-post .entry iframe, .top-post iframe { display: none;}
.left p, .right p { font-size: 12px; line-height: 20px; }
.left .small-post { border-bottom: 1px dotted #ccc; margin: 0 0 24px 0; }


/*----- SIDEBAR */
#sidebar { float: right; width: 330px; margin: 30px 40px 30px 0; }
#sidebar ul { list-style-type: none; margin-bottom: 20px }
#sidebar a:link, #sidebar a:active, #footer a:link, #footer a:active { color: #666; text-decoration: none; }
#sidebar a:hover, #footer a:hover { color: #f00; text-decoration: none; }
#sidebar a:visited, #footer a:visited { color: #999; text-decoration: none; }
#sidebar a:link, #sidebar a:active, #sidebar a:visited, #sidebar a:hover { border-bottom: none; text-decoration: none; }
#sidebar ul.blogroll li { font-size: 11px; width: 160px; float: left; }
#sidebar h2, #footer h2 { font-size: 14px; font-weight: normal; border: none; margin-bottom: 10px; }
#sidebar ul li { font-size: 11px; line-height: 18px; color: #666; border-bottom: 1px solid #ccc; }
#sidebar .sidead { text-align: center; margin-bottom: 20px; }


/*----- ARTIKEL */
.entry ul { margin-bottom: 22px; list-style-type: square; list-style-position: inside; }
.entry ol { margin-bottom: 22px; list-style-position: inside; }
.entry ul li { font-size: 13px; line-height: 24px; background-color: #eee; margin-bottom: 1px; padding: 7px 15px; }
.entry ol li { font-size: 13px; line-height: 24px; background-color: #eee; margin-bottom: 1px; padding: 7px 15px; }
blockquote { border-left: 1px solid #f00; padding: 0 0 0 10px; }
blockquote p { color: #666; }
p { font-style: normal; font-size: 13px; line-height: 20px; margin-bottom: 20px; }
.post { border-bottom: 1px solid #ccc; }
.post p { font-size: 13px; line-height: 22px; margin-bottom: 22px; }
#content iframe { float: right; padding-left: 30px; }
#content h3.sub { font-style: italic; font-weight: normal; color: #f00; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-top: 0.3em; }
#content img { padding: 1px; border: 1px solid #333; }
#content img.rating { padding: 0; border: 0;}

#content div.kommentarzahl { margin-top: -29px; position: relative; left: 4px; top: 29px; text-align: center; background: #fff; line-height: 25px; width: 30px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-bottomright: 15px; border-bottom-right-radius: 15px; }
#content div.kommentarzahl a { color: #f00; font-weight: bold; font-size: 16px; display: block; text-decoration: none; border: none; }
#content div.kommentarzahl a:hover { color: #666; }

#content div.small-kommentarzahl { margin-top: -19px; position: relative; left: 4px; top: 19px; text-align: center; background: #fff; line-height: 15px; width: 20px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; }
#content div.small-kommentarzahl a { color: #f00; font-weight: bold; font-size: 11px; display: block; text-decoration: none; border: none; }
#content div.small-kommentarzahl a:hover { color: #666; }


/*----- META */
#content p.meta { border-top: 1px solid #ccc; text-align: right; color: #777; line-height: 20px; height: 20px; font-size: 1.1em !important; margin-bottom: 0 !important; padding: 2px 0 !important; }
#content p.meta a { text-decoration: none; border: none; }
#content p.meta img { border: 0; padding: 0; margin: 0; float: left; }
#content p.meta iframe.facebooklike { float: left; margin: 0; padding: 0; border:none; overflow:hidden; width:90px; height:20px; }


/*----- HOVER */

.socialb { -moz-opacity: 0.5; filter: Alpha(opacity=50); opacity: 0.5; -webkit-transition:linear 0.1s; }
.socialb:hover { -moz-opacity: 1.0; filter: Alpha(opacity=100); opacity: 1.0; -webkit-transition:linear 0.1s; }


/*----- FOOTER */
#footer { clear: both; padding: 30px; background-color: #f6f6f6; width: 508px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; }
#footer ul { list-style-type: none; }
#footer ul li { font-size: 11px; line-height: 24px; color: #333; }
#footer ul li a { border: none; }
#footer ul#f-buttons li { float: left; padding-right: 10px;}
#footer img { padding: 0; border: none; }
.f-left { width: 240px; padding-right: 10px; float: left; }
.f-right { width: 240px; padding-left: 10px; float: right; }



.clear { clear: both; }






.ad img { border: none; float: left; margin-right: 5px; margin-bottom: 5px; padding: 0; }


#content a:link, #content a:active { color: #f00; text-decoration: none; border-bottom: 1px solid #999; }
#content a:visited { color: #666; text-decoration: none; border-bottom: 1px solid #999; }
#content a:hover { color: #000; border-bottom: 1px solid #333; }

/*----- LINKED LIST KRAM */
.linked-list-permalink { font-size: 12px; border-bottom: 1px dotted #ccc; text-align: right; margin: 0 0 24px 0; }
.linked-list-permalink a:link, .linked-list-permalink a:visited, .linked-list-permalink a:active { text-decoration: none; border: none !important; color: #666 !important;}
.linked-list-permalink a:hover { color: #333 !important; }

#content h2.linked-h2 { font-size: 12px; line-height:16px; text-transform: uppercase; font-weight: bold; text-align: left; }
#content h2.linked-h2 a {  border-bottom: 1px solid #ccc; }



/*----- PAGEBAR */
.pagebar { line-height: 24px; padding: 0 0 40px 0; font-size: 13px; font-weight: normal; }
.pagebar a,  .pagebar .this-page { -moz-border-radius: 5px; -khtml-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px; padding: 3px 6px; }
.pagebar a:link, .pagebar a:visited { color: #fff !important; background-color: #f00; text-decoration:none; }
.pagebar a:hover { color: #fff !important; background-color: #333; }
.pagebar a:active { color: #fff !important; background-color: #000; }

.pagebar .this-page { background: #333; color: #fff; }
.pagebar .inactive { color: #999; text-decoration: none; }
.pagebar .break { padding: 2px 6px 2px 6px; border: none; }

/*----- KOMMENTARE */
#comments { margin-top: 54px; }
li.highlighted .comment-author { background: url('comment-arrow-alt.jpg') left top no-repeat #fff; text-align: right;  }
ol.commentlist { list-style-type: none; margin-bottom: 54px; }
ol.commentlist li { margin: 3em 0; background-color: #ddd; color: #444; }
.kommentare { font-family: Helvetica, Arial, sans-serif; }
.comment-text { padding: 1em 1em 0 1em;}
.kommentare p { font-size: 1.2em; }
.comment-author { background: url('comment-arrow.jpg') right top no-repeat #fff; padding: 0 1em; font-size: 1.1em; line-height: 30px;}

/*----- TRACKBACKLIST */
.kommentare ul { list-style-type: square; margin-bottom: 54px; }
.kommentare ul li { font-size: 1.1em; line-height: 1.8em; }

input#url, input#author, input#email, #comment { width: 495px; background-color: #fff; color: #000; }
input#submit { width: auto; color: #000; padding: 5px; font-size: 12px; font-family: Arial, sans-serif; background-color: #fff; border: 2px solid #ccc; font-weight: bold; }
input#url, input#author, input#email { background-color: #fff; border: 2px solid #ccc; padding: 2px; }
#comment { background-color: #fff; border: 2px solid #ccc; padding: 2px; font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; 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: 2px solid #f00; }
#commentform p { font-size: 1.2em; margin-bottom: 18px; line-height: 18px; }
#commentform p.hinweis { color: #777; font-size: 1.1em; border: 2px solid #ddd; padding: 1em; }