/* The visual style is inspired by djangoproject.com */

/* CSS reset from YUI 2.8.0r4 */
html { color:#000; background:#FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,
    input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var,
    optgroup { font-style:inherit; font-weight:inherit; }
del,ins { text-decoration:none; }
li { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup { vertical-align:baseline; }
sub { vertical-align:baseline; }
legend { color:#000; }
input,button,textarea,select,optgroup,
    option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
input,button,textarea,select { *font-size:100%; }

/* common */
body, html {
    background: #092e20;
    font: 12px/1.4em verdana, sans-serif;
}
h1,h2,h3 { margin-top:.8em; font-family:"Trebuchet MS",sans-serif; font-weight:normal; }
h1 a, h2 a, h3 a { text-decoration: none !important; }
h1 { font-size:218%; margin-top:.6em; margin-bottom:.6em; color:#092e20; line-height:1.1em; }
h2 { font-size:150%; margin-top:1em; margin-bottom:.2em; line-height:1.2em; color:#092e20; }
h3 { font-size:125%; font-weight:bold; margin-bottom:.2em; color:#487858; }
h4 { font-size:100%; font-weight:bold; margin-bottom:-3px; margin-top:1.2em; text-transform:uppercase; letter-spacing:1px; }
p { margin-bottom: 5px; }
p.less-space { margin-top: -10px; }
a { text-decoration: none; }
a:link, a:visited { color:#ab5603; text-decoration:underline; }
a:hover { background-color:#E0FFB8; color:#234f32; text-decoration:none; }
strong { font-weight: bold; }
em { font-style: italic; }
tt, code, pre { font: 11px/1.2em monaco, courier new, fixed; }
.clear { clear: both; }

/* header */
#header { background: #092e20; padding: 10px 20px; }
#header h1 { overflow: hidden; width: 160px; height: 0; padding: 40px 0 0 0;
    margin: 0; background: url(images/planet-django.png) no-repeat; }

/* sidebar */
#sidebar { position: absolute; top: 60px; right: 0px; width: 250px; padding: 10px 15px;
    color: #fff; font-size:92%; }
#sidebar h2 { color: #fff; margin: 0 0 5px 0; }
#sidebar strong { color: #92cc47; }
#sidebar li { margin-bottom: 3px; }
#sidebar p { margin-bottom: 15px; }
#sidebar p.opml { margin-top: 10px; }
#sidebar a { color:#ffc757; text-decoration: none; }
#sidebar a:hover { color:#ffe761; background:none; }
#sidebar a.message { }
#sidebar a.rss { /* colors taken from djangoproject.com stylesheet */
    font: bold 10px Verdana, sans-serif;
    padding:0 .2em; border: 1px solid;
    text-decoration:none;
    background:#f60;
    color: #fff;
    border-color: #ffc8a4 #7d3302 #3f1a01 #ff9a57;
    margin:0 3px 0 0;
    vertical-align: middle; 
}
a.rss:hover, a.rss:link, a.rss:visited {
    color: #fff !important;
    text-decoration: none !important;
}

/* items */
#items-wrapper { background: #234f32; }
#items { margin-right: 280px; padding: 20px 20px 20px 30px; background: #fff; }
h2.about { margin: 0 0 20px 0; color: #487858; }
.entrygroup { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
.entrygroup .author { margin: -1px 0 4px 0; color: #487858 }
.entrygroup .content { margin-left: 20px; }
.entrygroup.current h2 a { background-color: #E0FFB8; color: #234f32; text-decoration: none; }

.content pre, blockquote.code { margin: 1em 0; padding: .3em .4em;
    overflow: auto; background:#E0FFB8; border:1px solid #94da3a; border-width:1px 0;
    font: 11px/1.2em monaco, courier new, fixed; }
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    background: none !important; margin-bottom: 3px; color:#487858;
    font-weight: bold; }
.content h1, .content h2, .content h3 { font-size:125%; }
.content h4 { font-size:115%; }
.content h5, .content h6 { font-size:105%; }
.content p, .content div, .content li { margin-bottom: 5px; }
.content ul li { list-style-type: square; margin-left: 20px; }
.content ol li { list-style-type: decimal; margin-left: 20px; }
/* todo: tables */

/* footer */
#footer { padding: 10px 20px; font-size: 90%; color: #487858;  }
#footer a { color: #ffc757; text-decoration: none; }
#footer a:hover { color: #ffe761; background: none; }