/*  
Theme Name: JS Rotbachtal
Theme URI: http://js-rotbachtal.ch
Description: Theme for Jungschar Rotbachtal
Version: 1.0
Author: Micha Kellenberger
Author URI: http://www.michakellenberger.com
*/

/* SCHRIFTARTEN */
@font-face {
	font-family: Delicious;
	src: url('fonts/Delicious-Roman.otf');
}

@font-face {
	font-family: Delicious;
	font-weight: bold;
	src: url('fonts/Delicious-Bold.otf');
}


/* ALLGEMEIN */

* {margin:0;padding:0;}
html, body {font-family:verdana,arial,verdana,sans-serif;font-size:1em;background:#EBF7FD;}
#container {width:900px;margin:5px auto 0 auto;}
#main {position:relative;float:left;width:900px;background:#EBF7FD url('images/bg-content.gif') repeat-y;}
#main-content {position:relative;float:left;width:531px;margin:30px 0 10px 40px;display:inline;padding:0;}
h1, h2, h3 {font-family: Delicious, "arial narrow";}


#header {position:relative;float:left;width:900px;height:200px;background:#fff url('images/bg-header.gif');}
#infos-header {width:821px;height:157px;margin:40px 0 0 40px;background:#fff url('images/header.jpg');}
h1 {position:absolute;left:40px;bottom:45px;font-size:3em;text-transform:uppercase}
h1 a:link, h1 a:visited {color:#000;text-decoration:none;}
h1 a:hover {color:#B5C2CF;}
#description {position:absolute;left:40px;bottom:10px;font-size; 1.1em;color:#888; width: 521px;}


/* ARTIKEL */

.post {margin:0 0 50px 0;font-size:0.95em;text-align:justify;line-height:1.5em;padding:0;}
.post ul, .post ol {margin:10px 0 10px 40px;}
.post h2 {font-size:1.8em;margin:0 0 20px 0;width:521px;border-bottom:1px solid #ddd;padding:0 10px 10px 0;}
.post h2 a:link, .post h2 a:visited {color:#354A5F;text-decoration:none;font-weight:normal;}
.post h2 a:hover {color:#000;background:none;}
.post a:link {color:#6B7D8F;font-weight:bold;}
.post a:hover, post a:visited {color:#000;}
.post p {margin:15px 0;}
blockquote {background:#eee;padding:10px;margin:5px 0 5px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.postmetadata {width:521px;margin:15px 0 30px 0;padding:5px;border-top:1px solid #ddd;font-size:0.8em;color:#aaa;}
.postmetadata a:link {color:#888;text-decoration:none;}
.postmetadata a:hover, .postmetadata a:visited {color:#000;background:#D1E5EF;}
#signature {margin:30px 0 0 0;font-size:0.8em;color:#999;}
#signature a:link {color:#777;font-weight:bold;text-decoration:none;}
.post .commentnumber {float:right;margin:0 0 20px;}
.post .commentnumber a {text-decoration:none;font-size:0.7em;text-transform:uppercase;padding:8px;border-top:1px solid #ddd;}
.post .commentnumber a:hover {color:#000;border-top:1px solid #000;background:none;}

/* LEITERSEITE */
.post .leiter {border:1px solid #ddd; padding: 5px; font-size: 0.8em; margin-bottom: 20px;}
.post .leiter h3 {font-size: 1.8em;}
.post .leiter img {float:left; margin-right: 5px;}
.post .leiter .clear {clear:both;}
.post .leiter .motto {background: #ddd url('images/blockquote.png') no-repeat; padding: 5px; padding-left: 50px; margin-top: 5px;}

/* SIDEBAR */

.sidebar-wrapper {position:relative;float:right;display:inline;width:270px;margin:25px 30px 0 0;padding:0;background:#EBF7FD;font-size:0.9em;}
#abonnements {position:relative;float:right;width:250px;margin:5px;padding:5px;background:#B5D1DF;}
#searchform {position:relative;margin-top:5px;}
#s {background:#DFEFFF;border:1px solid #FFF;width:120px;}
#searchsubmit {background:transparent;border:none;color:#FFF}
img#rssfeed {border:none;}
#sidebar {position:relative;float:right;width:270px;}
ul#sidebar {list-style-type:none;margin:0;padding:0;}
ul#sidebar li {list-style-type:none;line-height:1.5em;margin:5px;text-indent:-5px;padding:10px;}
ul#sidebar li ul li {margin:0;padding:0;}
ul#sidebar li ul li ul {margin:0 0 0 15px;}
ul#sidebar li ul li ul li {list-style-type:disc;}
#sidebar h2 {font-size:1.3em;text-transform:uppercase;color:#83ABBF;margin:10px 0 5px 5px;font-weight:bold;}
#sidebar a, #sidebar a:visited {color:#476C7F;text-decoration:none;padding:5px;}
#sidebar a:hover {background:#6B7D8F;color:#FFF;}
#sidebar .textwidget {text-indent:0;}
#sidebar #calendar table#wp-calendar {width:100%;text-align:center;}
#sidebar img {border:none;}


/* FOOTER */

#footer {position:relative;float:left;width:900px;height:100px;color:#aaa;padding:10px 0;font-size:0.8em;background:#EBF7FD url('images/bg-footer.gif') no-repeat; padding-left: 40px;}
#footer a:link, #footer a:visited {color:#888;font-weight:bold;text-decoration:none;}
#footer a:hover {color:#000;background-color:#D1E5EF;}

/* KOMMENTARE */

#comments {margin:0;padding:0;}
h3#comments {margin:10px;font-size:1.2em;}
textarea#comment {margin:10px;width:350px;}
#commentform input {margin:0 10px;width:200px;}
ol.commentlist {width:491px;margin:0;padding:0;list-style-type:none;}
ol.commentlist a:link, ol.commentlist a:visited {text-decoration:none;color:#6B7D8F;font-weight:bold;}
ol.commentlist a:hover {background:#EFDFB3;}
ol.commentlist li {margin:0 0 5px 0;font-size:0.9em;padding:30px;background:#eee;border:1px solid #ddd;}
#commentform label {font-size:0.8em;color:#888;}

/* BILDER */
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left;}