/*  
Theme Name: Klettern München Theme
Theme URI: http://klettern-muenchen.de
Description: Custom Theme
Version: 1.0
Author: Mix
Author URI: http://klettern-muenchen.de/
*/


/* reset predefined styles */

body, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, th, td { margin: 0; padding: 0; }
input { margin: 0; font-family: inherit; font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
em, strong, th, h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: normal; font-size: 100%; }
ol, ul { list-style: none; }
th { text-align: left; }
table { font-size: inherit; font-size: 100%; }
img { border: 0; }


/* default styles */

body { line-height: 1.5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #555; background: #ebe9db url(images/bg.gif) repeat-x; }

h1, h2, h3 { font-family: "Trebuchet MS", Georgia, Tahoma, serif; }
p { margin: 1em 0; }

a { text-decoration: none; color: #2175bc; }
a:hover { color: #ff7400; }


/* page layout */

.centercol { width: 953px; margin: 0 auto; }


/* nav */

#nav { position: relative; top: 0; left: 0; float: left; height: 40px; width: 953px; }
#nav ul { position: absolute; top: 15px; left: 20px; }
#nav li { float: left; margin-right: 8px; }
#nav li a { display: block; width: 60px; font-family: "Trebuchet MS", Georgia, Tahoma, serif; line-height: 25px; text-align: center; background: transparent url(images/bg_sidetab.gif) no-repeat; color: #fff; }
#nav li a:hover { background: transparent url(images/bg_sidetab.gif) no-repeat 0px -34px; }
#nav li a.feed { width: 26px; background: url(images/feed.gif) no-repeat -35px 0px; }
#nav li a.feed:hover { background: url(images/feed.gif) no-repeat 0px 0px; }


/* main box */

.content-box { float: left; width: 950px; border: 1px solid #ccc; border-right: 2px solid #bbb; border-bottom: 2px solid #bbb; background: #ffffff; }
.content-col { float: left; padding: 0px 20px 10px 20px; width: 500px; }


/* header */

#header { height: 200px; width: 910px; margin: 20px; background: #dcdcdc url(images/header.jpg); }
#header h3 { padding-left: 10px; }
#header h3 a { font-size: 220%; font-weight: bold; letter-spacing: 1px; color: #fff; }


/* posts */

.entry .subheader { color: #999; font-weight: bold; font-style: italic; }

.entry { float: left; width: 500px; padding: 1em 0; }
.entry h2 { font-size: 220%; line-height: 1em; letter-spacing: -1px; }
.entry h2 a { color: #555; }
.entry h2 a:hover { color: #58bbeb; }
.entry .meta-head { font-family: "Trebuchet MS", Georgia, Tahoma, serif; font-size: 180%; line-height: 1em; letter-spacing: -1px; color: #999; }

.entrybody ul { margin: 1em 2em; list-style-type: square; }
.entrybody ol { margin: 1em 2em; list-style-type: decimal; }
.entrybody img.alignleft { float: left; padding: 0 10px 10px 0; }
.entrybody blockquote { margin: 0 30px 20px 30px; padding: 0 0 0 10px; border: 2px solid #fff; border-left: 2px solid #C3D9FF; }
.entrybody h3 { margin-top: 2em; font-weight: bold; }
.entrybody strong { font-weight: bold; }

.entry .meta-bottom { background-color: #ffffef; border: 1px solid #f9f7ed; padding: 3px; }
.entry .meta-bottom img { vertical-align: text-top; }

.navigation { float: left; width: 500px; padding: 50px 0 10px 0; } 
.navigation .alignleft { float: left; }
.navigation .alignright { float: right; }


/* related */

#related { float: left; width: 500px; padding-top: 1em; }

#related h3 { font-size: 180%; line-height: 1em; letter-spacing: -1px; color: #999; }
#related li { margin-top: 0.5em; }


/* comments */

#comments { float: left; width: 500px; padding-top: 1em; }

#comments h3 { font-size: 180%; line-height: 1em; letter-spacing: -1px; color: #999; }
#comments ol { color: #666; margin-top: 1.5em; }
#comments li { margin-bottom: 2em; padding: 0.5em; background: #f9f7ed; }
#comments li.odd { border-left: 10px solid #cdeb8b; }
#comments li.even { border-left: 10px solid #c3d9ff; }
#comments li.owner { background-color: #f9f7cb; }
#comments .count { float: right; font-size: 150%; font-weight: bold; }
#comments .count a { color: #ccc; }
#comments .count a:hover { color: #999; }
#comments .txt { border-top: 1px solid #ddd; }

#comments textarea { width: 35em; border: 1px solid #d1d1d1; }
#comments textarea:focus { border: 1px solid #a1a1a1; background: #eee; }
#comments input { border: 1px solid #d1d1d1; }
#comments input:focus { border: 1px solid #a1a1a1; background: #eee; }


/* sidebar */

#sidebar { float: left; display: inline; width: 380px; margin-left: 15px; padding-bottom: 20px; font-size: 0.85em; }
#sidebar .left { float: left; width: 180px; padding-top: 13px; }
#sidebar .right { float: left; width: 180px; padding-top: 13px; margin-left: 15px; }
#sidebar .full { float: left; width: 380px; padding-top: 13px; }
#sidebar a { color: #09f; font-weight: bold; }
#sidebar a:hover { color: #555; }
#sidebar h2 { color: #ff7400; font-size: 160%; } 
#sidebar ul { list-style-type: none; margin-bottom: 15px; }
#sidebar ul li { margin-bottom: 0.3em; padding: 0.3em; border-bottom: 1px dotted #ddd; background-color: #fafafa; }

#sidebar .friend img { float: left; padding: 5px 10px 5px 0; }

.search div { padding-bottom: 2em; }
.search .query { border: 1px solid #C3D9ff; padding: 4px; width: 200px; }
.search .button { border: 1px solid #C3D9ff; padding: 2px; }

#tagcloud { padding-bottom: 2em; }


/* Footer */
#footer { float: left; width: 953px; margin: 0 auto; padding: 5px 0 10px 0; text-align: right; color: #999; }