/*  
Theme Name: Raritan
Theme URI: http://www.angis-blog.de/2007/04/26/simpsonshb-wordpress-theme/
Description: Original Wordpress Theme created by <a href="http://www.angis-blog.de">Angelina</a>. 
Version: 1.0
Author: Angelina
Author URI: http://www.angis-world.de/
*/

/* ---------------------------- Formatting - Formatierung ------------------------------ */
body,h1,h2,h3,h4,h5,h6,address,blockquote,dd,dl,hr,p,form,small { margin:0; padding:0; }
body { font-family:Helvetica, Arial, Georgia, Sans-Serif; font-size:12px; text-align:center; vertical-align:top; margin-top:25px; background-image:url(images/bkgd_gradient.jpg); background-repeat:repeat-x; background-position:bottom; margin-bottom:30px;}
h1 { padding:10px; font-size:24px; font-family:Arial, Helvetica, Georgia, Sans-Serif; font-weight:normal; background:#000; color:#fff; }
h1 a { font-weight:normal; color:#008daf; }
h3 { font-size:14px; }
a { text-decoration:none; color:#008daf; }
a:hover { text-decoration:underline; }
a img { border:0; }
address,dl,p { padding:10px 0 0; }
blockquote { margin:10px 0 0; background:#f8f8f8; border:1px solid #cccccc; }
blockquote p { padding:10px; }
blockquote blockquote { margin:10px; background:#efefef; }
code { margin:5px; color:#000099; }
dt { font-weight:bold; }
dd { padding:0 0 0 10px; }
hr { clear:both; margin:10px 10px 5px; border:0; height:1px; text-align:left; background:#9b9b9b; color:#333333; }
input,textarea { font-family:Arial, Helvetica, Georgia, Sans-Serif; font-size:12px; padding:2px; background-color:#f8f8f8; border:1px solid #cccccc; }
input#s,input#author,input#email,input#url,textarea#comment { padding:3px; }
.comment_box { width:425px; }
input#author,input#email,input#url,input#name { margin:0 5px 0 0; }
pre { width:90%; }
small { font-size:11px; }
.smallbig { font-size:14px; font-weight:bold; }
.breakleft { clear:left; }

/* -------------------------------------- Header --------------------------------------- */
.topmenu { margin:0 0 10px; color:#000; }
.topmenu ul { margin:0; padding:10px; list-style-type:none; }
.topmenu ul li { display:inline; margin:0 10px 0 0; }
#masthead { background-image:url(../images/header.jpg); background-repeat:no-repeat; height:140px; background-position:bottom; border:0; }
#blogtitle { margin:0; padding:0; font-family:Arial; font-weight:bold; font-size:18px; color:#FFFFFF; background-image:url(images/header.jpg); background-position:center; background-repeat:no-repeat; height:140px; }

/* -------------------------------------- Body ----------------------------------------- */
#container { margin:0 auto; width:1007px; text-align:left; vertical-align:top; background:#ffffff; color:#000; border-right:1px solid #cccccc; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; }
#page { padding:10px; }

/* ------------------------------------- Sidebar --------------------------------------- */
.sidebar,.rightcolumn { float:left; width:150px; background-color:#FFFFFF; border-color:#CCCCCC; border-style:none; border:1px; }
.sidebar.sidebarright {margin-top:5px;}
.sidebarright .side-back {margin-top:;border-top:1px solid #ccc;padding-top:5px;}
.rightcolumn { width:230px; margin:0; }
.sidebar ul { margin:0; padding:0; list-style-type:none; background-image:none; }
.sidebar ul a { color:#008daf; }
.sidebar ul a:hover { color:#008daf; }
.side-header { height:6px; line-height:6px; background-image:url(../images/side-header.gif); background-repeat:no-repeat; margin:0; padding:0; }
.side-footer { height:6px; background-image:url(../images/side-footer.gif); background-repeat:no-repeat; margin:0 0 10px; border-bottom:solid #CCCCCC 1px; margin:5px; }
.side-back { background-image:url(../images/back-sidebar.gif); }
li.side-back ul li { background-color:#FFFFFF; }
li.side-back ul { background-image:url(../images/back-sidebar.gif); }
.sidebar ul li#search { padding:0px; background-color:#FFFFFF; }
.searchsubmit { background-image:url(images/searchBtn.gif); background-repeat:no-repeat; width:19px; height:17px; }
.sidebar ul li#search input { background-color:#E5E5E5; line-height:10px; }
.search_box { width:80px; height:11px; }
.sidebar h2 { padding:5px 10px; font-size:14px; font-weight:bold; color:#333333; }
.sidebar ul ul { padding:5px 10px 10px; }
.sidebar ul ul li { border:0; margin:0; padding:0; line-height:18px; }
.sidebar ul ul ul { padding:0; }
.sidebar ul ul ul li { padding:0 0 0 10px; }

/* --------------------------- Main column - Hauptbereich ------------------------------ */
#maincolumn { margin-top:11px;border-top:1px solid #ccc !important;float:left; width:550px; margin-left:5px; margin-right:15px; margin-bottom:10px; line-height:1.4em; border-style:solid; border:1px; border-color:#CCCCCC; padding:5px; font-size:14px;}
.post-header { height:6px; line-height:6px; background-image:url(../images/post-header.gif); background-repeat:no-repeat; margin:0; padding:0; }
.post-footer { height:6px; line-height:6px; background-image:url(../images/post-footer.gif); background-repeat:no-repeat; margin:0 0 10px; }
.post { border:0; margin:0; padding:0; text-align:left; background-image:url(../images/back-main.gif); }
.post h2 { font-size:20px; font-family:Arial, Verdana; padding:5px 10px; color:#7c7d82; background-image:url(../images/back-main.gif); line-height:1.1em;}
.post h2 a { color:#008daf; }
.entry { padding:0 10px 10px; }
.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6 { border:0; padding:15px 0 0; font-family:Arial, Helvetica, Georgia, Sans-Serif; font-weight:bold; background-color:transparent; color:#7c7d82; }
.entry h1 { font-size:30px; font-weight:normal; line-height:36px; }
.entry h2 { font-size:18px; }
.entry h3 { font-size:16px; }
.entry h4 { font-size:14px; }
.entry h5 { font-size:12px; }
.entry h6 { font-size:11px; }
.entry img { }
.postmeta {  margin:1px; }
.postmetadata { font-size:12px;line-height:1.4em;border-bottom:1px solid #cccccc;padding:10px 10px 20px 10px; background-image:url(../images/back-main.gif); }
.browse { padding:0 10px 10px; }

/* ------------------------------- Comments - Kommentare ------------------------------- */
h3#comments { margin-bottom:3px; }
.comments-template { padding:10px; width:450px; }
#commentform { background:#f8f8f8; padding:5px; margin-top:5px; margin-bottom:0; border:1px solid #b6b6b6; }
ol.commentlist { list-style-type:none; margin:0; padding:0; }
ol.commentlist li { margin:0 0 10px; padding:0 0 5px; border-bottom:1px solid #333333; }
.commenttext { padding:0 5px; }

/* ----------------- Comment Quicktags - Quicktags in den Kommentaren------------------- */
.quicktags { padding-top:5px; }
.quicktags input { background:#eeeeee; border:1px solid #b6b6b6; color:#000000; margin:2px; width:auto; padding:2px 5px; }
.quicktags input:hover { background:#fcfcfc; border:1px solid #b6b6b6; color:#7c7d82; }
input.sendclass { background:#eeeeee; border:1px solid #b6b6b6; color:#000000; margin:2px; width:auto; padding:2px 10px; }
input:hover.sendclass { background:#fcfcfc; border:1px solid #b6b6b6; color:#7c7d82; }
textarea.commentclass { background-color:#eeeeee; border:1px solid #b6b6b6; }

/* -------------------------------- Calendar - Kalender --------------------------------- */
#wp-calendar { margin:auto; font-size:10px; border-color:#CCCCCC; border:1px; border-style:solid; }
#wp-calendar caption { font-size:1.1em; }
#wp-calendar th { font-size:1em; text-align:center; }
#wp-calendar #today { border:1px solid #666; }
#wp-calendar #today:hover { background:#f1f1bc; }
#wp-calendar td { color:#666; width:18px; text-align:center; }
#wp-calendar a { color:#008daf; width:18px; padding-left:0; border-bottom:none; text-align:center; }
#wp-calendar a:hover { color:#008daf; width:18px; padding-left:0; border-bottom:none; text-align:center; text-decoration:underline; }
#wp-calendar #next a,#wp-calendar #next { padding-right:0; padding-bottom:5px; text-align:right; width:auto; font-weight:bold; }
#wp-calendar #prev a,#wp-calendar #prev { padding-left:0; padding-bottom:5px; text-align:left; width:auto; font-weight:bold; }

/* --------------------------------------- Footer -------------------------------------- */
#footer { clear:both; width:850px; padding:10px 0 0; text-align:center; }
#footer ol,#footer ul { margin:0; padding:0; }
#footer ul { list-style-type:none; }
#footer ul li { display:inline; margin:0 0 10px; }
.copyright { font-size:10px; }

/* -------------------------------- Pictures - Bilder ---------------------------------- */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) 

        Die Klasse 'class="alignright"' bei einem Bild (wer hätte das gedacht?!) 
        richtet das Bild rechts aus und 'class="centered' zentriert es.
        Diese Klassen können zum gestalten der Bilder in Beiträgen verwendet
        werden. Sie sind um einiges valider und zukunftsorientierter als
        align="center" etc. */
.entry img.centered { padding:4px; display:block; margin-left:auto; margin-right:auto; margin-bottom:2px; border:1px solid #333333; }

/* Ohne Rahmen - without border */
.entry img.centered2 { display:block; margin-left:auto; margin-right:auto; }
.entry img.wp-smiley { border:0; padding:0; background-color:transparent; }
.entry img.alignleft { float:left; margin:0 7px 2px 0; display:inline; border:1px solid #ccc; padding:4px; }
.entry img.alignright { float:right; margin:5px 0 0 10px; display:inline; border:1px solid #ccc; padding:4px; }