/*  
Theme Name: RAVIOLI
Theme URI: http://www.ra-vi-oli.de
Description: Wordpress Theme von Oliver Pester
Version: 1.0
Author: Oliver Pester
Author URI: http://www.ra-vi-oli.de/
*/


/* layout */
html {margin: 0; padding: 0;font:small lucida sans unicode, arial;}
body {background: #A5C9D9; }
#page {width: 750px; background: url(images/bg_main.gif) top repeat-y; text-align: left; margin: 0 auto;}
#header {width: 750px; height: 355px;background: url(images/header_bg.gif) top no-repeat; height: 80px; padding: 0;}

#content {float: left; display: block; width: 543px; margin: 0 0 0 5px;padding:0 0 25px 0;}
#sidebar {float: left; display: block; width: 196px; margin: 0;}

.entry, .postinfo{ margin: 0 20px 0 15px;}
.comment{ margin: 0 15px 0 15px;border-top:2px dashed #ccc;padding:10px 0 0 0;}


.page { margin: 0 0 0 18px;}
.title {background: url(images/bg_h2.gif) bottom repeat-x #E2EBF8; margin: 0 0 18px 0;}

#sidebar .title { background: url(images/bg_h3.gif) bottom left repeat-x #CADFED;}
#sidebar .searchform {margin:10px 0 10px 20px;}




/* typography */
h1 {font-size:2em; sans-serif; color: #fff; letter-spacing: -1px; padding: 20px 37px 0 37px; margin: 0 0 0 0;}
h1 a, h1 a:visited {color: #fff; text-decoration: none;}
h1 a:hover{color:#ccc;}
h2 a, h2 a:visited {}
h2 a:hover {color:#815D67;}

a, a:visited {color: #7f1d1d; text-decoration: none;}
a:hover {color:#815D67;}

.entry a, .entry a:visited {color:#0000EE;}

.description {color: #CADFED; margin: 0 37px 25px 37px;}
#sidebar {font-size:0.9em;}
#sidebar .title h2 {font: 1em Arial, Helvetica, sans-serif;text-transform: uppercase; padding: 9px 0 12px 20px; margin:0; background: none; }
#content .title h2 {font: 1.6em Arial, Helvetica; text-transform: none; padding: 8px 100px 8px 15px;}
#content .title h3 {font: 1em Arial, Helvetica; text-transform: uppercase; padding: 8px 100px 8px 15px;}

.entry , .comment {text-align:justify;line-height:1.4em;}
.entry h3 {margin: 20px 0 10px 0;border-bottom:1px solid #ccc;}

p {margin: 0 0 18px 0; padding: 0;}

.req {padding-left: 3px; color: #CC0000;}
blockquote {padding: 0 0 0 12px; border-left: 3px solid #ccc;}

/* lists */
#sidebar .imagelist {padding:0 0 20px 20px;margin:0 10px 0 15px;list-style-image: url(images/icon_entry.gif);}
#sidebar .imagelist li {padding:3px 0 3px 0;}

#sidebar .catlist {padding:0 0 0 20px;margin:0 10px 0 0;list-style-image:none;list-style-type:none;}
#sidebar .catlist li {margin:5px 0 0 0;border-bottom: 1px solid #CAD6E1;border-top: 1px solid #CAD6E1;}
#sidebar .catlist a, .catlist a:visited {display: block; padding: 1px 6px 2px 6px; margin: 1px 0;}
#sidebar .catlist a:hover {background: #ccc;}


/* forms */
form {margin: 0 0 18px 0;}
#searchsubmit {position: absolute;}
#s {width: 130px; padding: 2px; border: 1px solid #B9C3D1; background: #CAD6E1; color: #32474B; margin-right: 2px;}
select, .field {width: 157px; margin: 0 0 4px 0; color: #32474B;}
.field {padding: 2px; width: 153px;}
textarea {padding: 2px; width: 308px; font: 1em Verdana, Arial, Helvetica, sans-serif;}
select option {padding: 1px;}
#submit {padding: 3px;}

/* footer */
#footer {clear: both; width: 730px; height:61px;background: url(images/bg_footer.gif) bottom no-repeat; padding:10px 0 0 20px;}
#footer a, #footer a:visited {color: #B05255;}