/*
Theme Name: wpjeriko01.2
Theme URI: http://wordpress.i-jeriko.de/wordpress-themes/themewpjeriko012/
Description: Configure from the <a href="themes.php?page=functions.php">Options Panel</a>.</p><p><small>There are only 10 types of people in the world - those who understand binary and those who don't.</small>
Version: 1.0
Author: Christoph Boecken
Author URI: http://wordpress.i-jeriko.de
*/ 
* { margin: 0; padding: 0; }

body { font-size: 62.5%; background: #DFE0E6; font-family: Arial, Helvetica, sans-serif; }
.alignright { float: right; margin: 0 0 5px 5px; }
.alignleft { float: left; margin: 0 5px 5px 0; }
.aligncenter { display: block; margin: 0 auto; text-align: center;}
.nodisplay { display: none; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

#wrap { width: 778px; margin: 20px auto; background: url(./_img/bg_wrap.png) repeat-y; }

#header { height: 58px; padding: 70px 20px 0; background: #000 url(./_img/bg_headerburch.png); }
#header h1 { font-size: 3em; text-transform: uppercase; letter-spacing: -0.07em; }
#header h1 a { color: #FFF; }
#header .description { font-size: 1.3em; color: #CCC; }


#topnavi { margin: 0 9px; list-style-type: none; display: block; background: #ECECEF url(./_img/bg_topnavi.png) repeat-x top; overflow: hidden; height: 25px; border-bottom: 1px solid #CCC }
#topnavi li { float: left; padding: 8px 10px 4px; }
#topnavi li a { font-size: 1.1em; font-weight: bold; color: #444; }

#music {float: right; list-style-type: none; margin-right: 9px; display: inline;}


#featured { clear: both; margin: 0 9px; padding: 20px 0; background: #C7FF88 url(./_img/bg_featured.png) repeat-x top; border-bottom: 1px solid #CCC; position: relative; }
#featured div.star { position:absolute; bottom: -20px; left: -10px; width: 106px; height: 106px; background: url(./_img/featured_new.png) no-repeat bottom left; }
#featured .meta { float: left; display: inline; margin-left: 30px; width: 340px; text-align: right; padding: 0; }
#featured h1 { font-size: 2.2em; font-weight: bold; letter-spacing: -0.05em; }
#featured a { color: #000; padding: 0; background: none;}
#featured .meta small { color: #488833; display: block; padding: 0; font-size: 1em; }
#featured .meta abbr { margin: 0; background: none; }
#featured .meta a { color: #488833; }
#featured .meta h1 a { color: #000; }
#featured .entry-summary { padding: 0; margin: 0 20px 0 390px; font-size: 1.2em; line-height: 1.4; }
#featured .more-link { padding: 0; }

#main { overflow: hidden; clear: both; }
#content { margin-left: 9px; float: left; display: inline; width: 480px; background: #FFF url(./_img/bg_content.png) no-repeat top right; padding: 30px; overflow: hidden;}
#section { font-size: 2.5em; letter-spacing: -0.06em; text-transform: uppercase; color: #999; margin-bottom: 1em; }

.hentry { margin-bottom: 50px; }
.hentry a { font-weight: bold; color: #586C8D; }
.entry-title { font-weight: normal; font-size: 2.2em; letter-spacing: -0.04em; }
.entry-title a { font-weight: normal; color: #000; }
.hentry .meta { font-size: 1.1em; color: #666; margin-bottom: 1em; }
.hentry .meta abbr { margin-right: 15px; padding-left: 14px; background: url(./_img/icon_date.gif) no-repeat left 1px; }
.hentry .meta a { padding-left: 14px; background: url(./_img/icon_category.gif) no-repeat left 1px; }
.hentry .meta a.cmmtlink { background: url(./_img/icon_comments.gif) no-repeat left 1px; padding-left: 14px; margin-left: 15px; }
.entry-summary, .entry-content { font-size: 1.2em; line-height: 1.5; }
.entry-content { color: #333; }
.entry-content p, .entry-summary p { margin-bottom: 1em; }
.entry-content ul, .entry-content ol { margin: 0 0 1em 2em; }
.entry-content h2, .entry-content h3, .entry-content h4 { font-size: 1.6em; font-weight: normal; margin: 1em 0 0.5em; }
.entry-content img { padding: 2px; border: 2px solid #CED3DB; }
.entry-content code { font-size: 1.1em; }
.entry-content pre { width: 500px; overflow: auto; }
.entry-content blockquote { background: #E1E3E8; font-size: 1.1em; font-style: italic; padding: 10px; width: 420px; margin: 0 auto 1em;  }

#posts_link { font-size: 1.1em; overflow: hidden; margin-bottom: 2em;  }
#posts_link a { color: #586C8D; font-weight: bold; }
#linkpage { font-size: 1.2em; text-align: center; margin-bottom: 2em; }
#linkpage a { padding: 2px 4px; margin: 0 1px; border: 1px solid #AAA; color: #666; }
#linkpage a:hover { border-color: #CED3DB; color: #000; text-decoration: none; }

#trackbacks, #comments, #respond { font-size: 2em; font-weight: normal; margin-bottom: 1em; }
.trackbacklist { margin: 0 0 2em 1.75em; font-size: 1.2em;  color: #999; }
.trackbacklist a { color: #7A89A0; font-weight: bold; }
.trackbacklist a:hover { color: #222831; }
.commentlist { list-style-type: none; width: 450px; margin: 0 auto; font-size: 1.2em; line-height: 1.5; }
.commentlist a { color: #222831;  font-weight: bold; }
.commentlist p { margin-bottom: 1em; }
.commentlist li { margin-bottom: 30px; padding: 20px 0 0; background: #D2D6DD url(./_img/comments_even_top.png) no-repeat top; }
.commentlist li .commenttext { padding: 0 20px 0; color: #37404D; }
.commentlist li .commentmeta { padding: 32px 75px 0 0; height: 19px; text-align: right; background: url(./_img/comments_even_bottom.png) no-repeat top; font-size: 0.9em; color: #222831; }
.commentlist li .commentmeta span { color: #999; }
li.odd { background: #E1E3E8 url(./_img/comments_odd_top.png) no-repeat top; }
li.odd .commentmeta { background: url(./_img/comments_odd_bottom.png) no-repeat top; }
li.author { background: #C7FF88 url(./_img/comments_author_top.png) no-repeat top; }
li.author .commentmeta { background: url(./_img/comments_author_bottom.png) no-repeat top; }

#commentform { width: 450px; margin: 0 auto; }
#commentform fieldset { background: #CED3DB; border: 1px solid #AAA; padding: 10px; }
#commentform div { clear: both; overflow: hidden; margin-bottom: 5px; }
#commentform label,
#commentform p { font-size: 1.2em; padding: 2px 0; color: #222; }
#commentform a { font-weight: bold; color: #37404D; }
#commentform div label { float: left; width: 45%; }
#commentform label small { color: #666; }
#commentform div input { float: right; width: 50%; background: #DFE4EC; border: 1px solid #BBB; padding: 2px 5px; }
#commentform textarea { width: 416px; margin: 10px 0; padding: 5px; background: #DFE4EC; border: 1px solid #BBB; }
#commentform div input:focus,
#commentform textarea:focus { background: #FFF; }
#commentform #submit { width: 100%; color: #333; margin-bottom: 10px; }

#sidebar { list-style-type: none; margin-right: 9px; float: right; display: inline; width: 180px; background: #CED3DB; padding: 20px 20px 0; }
#sidebar li { display: inline; }
#sidebar h2 { font-size: 1.6em; text-transform: uppercase; letter-spacing: -0.05em; color: #586C8D; }
#sidebar ul { font-size: 1.2em; list-style-type: none; margin-bottom: 30px; }
#sidebar ul a { display: block; border-bottom: 1px solid #BDC2CA; line-height: 2; color: #37404D; padding-left: 18px; }
#sidebar ul a:hover { background: #BDC2CA; text-decoration: none; }
#sidebar ul ul { font-size: 1em; }

#categories a { background: url(./_img/icon_category.gif) no-repeat 2px center; }
#archives a { background: url(./_img/icon_archives.gif) no-repeat 2px center; }
.linkcat a { background: url(./_img/icon_blogroll.gif) no-repeat 2px center; }
#pages a { background: url(./_img/icon_pages.gif) no-repeat 2px center; }
#meta a { background: url(./_img/icon_meta.gif) no-repeat 2px center; }

#searchform { margin-bottom: 30px; }
#searchform fieldset { border: none; }
#searchform #s { width: 146px; background: #DFE4EC; border: 1px solid #BBB; padding: 2px; }

#footer { clear: both; height: 28px; padding-top: 5px; background: #000 url(./_img/bg_footer.png); text-align: center; font-size: 1.1em; color: #666;  }
#footer a { color: #999; }
#footer a:hover { color: #FFF; }