@import url(edgewall.css);
@import url(forms.css);
@import url(header.css);

body { 
 margin: 0;
 padding: 0;
 text-align: center;
 min-width: 770px;
 color: #000000;
/*  background: #eee url(/gfx/diaglines.png) repeat; */
/*  background: #7f7f77; */
  background: #4b4b4d url(/gfx/bkgnd_pattern.png) ;
}

#wrapper {
 clear: both;
 width: 750px;
 margin: 0 auto;
 padding: 0 15px;
 text-align: left;
 background: url(/gfx/bkgnd.gif) repeat-y;
}


#main {
 clear: both;
 background: #fff url(/gfx/vertbars.png) 0px 22px repeat-x;
 border-top: 12px solid #000;
 border-bottom: 12px solid #000;
 width: 750px;
}

#main.splash {
 background-position: 0px 1px;
}


#left, #right {
 width: 150px;
 margin-top: 75px;
 display: inline;
 font-size: x-small; 
}

#left { float: left; }

#right { 
 float: right;
 color: #999;
}

#content {
 padding: 0;
 margin: 15px 180px 0 150px;
 text-align: left;
}
#sidebar { float: right; width: 190px; }

#main.twocol #right { width: 180px; margin-right: 20px;}

#main.twocol #content {
 margin-left: 55px;
 margin-right: 230px;
}

#main.sidebar-right #content {
 margin-left: 20px;
 margin-right: 200px;
}

#main.onecol { width: 100%; }

.block { margin-bottom: 30px; }

#right .block { border-left: 1px solid #eed;  padding-left: 15px; }


.download { margin-top: 10px; }

/* #left .block { border-right: 1px solid #ddc;  padding-right: 5px;  } */

#left ul {
/*  list-style-image: url(/gfx/li_arr1.png); */
 list-style: none;
 margin-left: 0;
 padding-left: 20px;
/*  padding: 0; */
}

#left ul li {
 margin: 1em 0;
 padding: 0;
 padding-left: 20px;
 background: url('/gfx/li_arr1.png') left center no-repeat !important;
}

#right ul {
 padding: 0;
 padding-left: 1.5em;
 margin: 0;
}

#right ul li {
  margin-top: .5em;
}

#left h3, #right h3 { 
 margin: 0;
 margin-bottom: 1em;
 padding: 0;
 color: #999;
 font-size: 12px;
}

#right h4 { margin: 2em 0 0 0; }

#splash {
 position: absolute;
 top: 170px;
}

h1.splash {
 margin-top: 280px;
}


#right.splash {
}

#right #news {
 margin-top: 150px;
 font-size: 9px;
}

#news em { 
 display: block;
 margin-top: .2em;
 color: #bb9;
}

#news li {
 margin-top: 1em;
 list-style-image: url(/gfx/li_doc.png);
}

form#contact {
 font-size: 80%;
 padding: 0 1em;
 padding-bottom: 1em;
 margin: 0;
 margin-bottom: 3em;
 background: #f7f7f0;
 border: 1px solid #e7e7e0;
}

h2#contact-hdr {
 margin: .5em 0;
 margin-top: 1em;
}

form#contact dd { margin: .5em 0; }

form#contact dt {
 margin: 0;
 padding: 0 .5em;
 display: block;
 float: left;
 clear: left;
 width: 7em;
}

form#contact textarea { margin-left: .5em; }

form#contact .button { clear: left; }

.box {
 background: #ffffe0;
 border: 1px solid #ddc;
 padding: 1em 1em 0 1em;
 margin: 1.5em 0;
}

.embox {
 padding: .5em 0;
 margin: 1em 0;
 // border-bottom: 1px solid #f7f7f7;
 color: #444;
// font-style: italic;
 background: #ffe;
 border: 1px solid #ddc;
 padding: 1em 1em 0;
 -moz-border-radius: 5px;
}

.web {
 background: #f0f7ff !important;
 border-color: #cce;
 color: #369;
}

.devel {
 background: #f0fff7 !important;
 border-color: #beb;
 color: #373;
}

.linux {
 background: #fffff0 !important;
 border-color: #ddb;
 color: #993;
}

.response { color: #c30; }

#trac-hdr { margin-bottom: 20px; }

#trac-hdr h1 { display: none; }

img.article-right {               
 float: right;
 margin: 10px;
}

.screenshot { }

.screenshot a {
 border: none ;
 display: block;
 padding: 3px;
 border: 1px solid #ccc;
 margin: 0 15px 15px 15px;
}

.screenshot a:hover { border-color: #a00; }

.screenshot img { border: none; }

.blog-inline {
 clear: none !important; 
}


#header {
 clear: both;
 font-size: x-small;
 background: #fff url(/gfx/shredder.png) top right no-repeat;
}

#header-logo { 
 display: block;
 padding: 13px 24px;
 background: transparent;
}

#footer {
 clear: both;
/*  margin-top: 2em; */
 padding: 1em 0;
 border-top: 1px solid #eee;
 border-bottom: 1px solid #333;
 text-align: center;
 font-size: 9px;
 color: #999;
}

#footer ul {
 display: block;
/*  float: left; */
 margin: 0;
 padding: 0;
 margin-bottom: 1em;
 list-style-type: none;
}

#footer li {
 display: inline;
 /* display: block; */
/*  float: left; */
 margin: 0 .2em;
 padding: 0;
 padding-left: 1em;
 height: 15px;
 border-left: 1px solid;
}

#footer li.first {
 border-left: none;
}

#footer dt, #footer dd {
 display: inline;
 margin: 0;
 padding: 0;
}

#footer dl { 
 margin: 0;
 margin-bottom: 1em;
}

#footer dt { color: #ccb}

#footer dd { padding-right: .5em; }

#footer address {
 font-style: normal;
 margin: 0;
}

.tabs {
 margin: 0;
 padding: 1.75em 0;
}

.tabs ul {
 margin: 0;
 padding: 0;
 text-align: center;
}

.tabs li {
 display: inline;
 list-style: none;
 margin: 0 .5em;
 border-top: 2px solid #555;
}

.tabs li.a { border-color: #369;}
.tabs li.b { border-color: #373;}
.tabs li.c { border-color: #993;}

.tabs li.a a:hover { color: #369; border-color: #369; }
.tabs li.b a:hover { color: #373; border-color: #373; }
.tabs li.c a:hover { color: #993; border-color: #993; }

.bottombox {
 background: #ffe;
 border: 1px solid #9c9;
 padding: 10px;
 margin: 40px 0;
}

.bottombox h3 { margin: 0; color: #070; }

.bottombox .getintouch { text-align: center; margin: .5em; }

.bottombox .getintouch a { font-size: large; color: #700; }

#splash {
 background: url(/gfx/splash_banner.png) no-repeat 2px 2px;
 width: 650px;
 height: 225px;
 border: 1px solid #ccc;
 overflow: hidden;
}

#splash ul {
 float: right;
 margin: 0;
 padding: 0 2px 0;
 height: 230px;
 background: #fff;
}

#splash ul li {
 list-style: none;
 background: #fff;
 display: inline;
}

#splash ul li a {
 display: block;
 padding: 11px 16px;
 height: 32px;
 width: 250px;
 border: none;
 margin: 2px 0;
/*  background: #000 !important; */
 background: #b89a71 !important;
 color: #eee;
}

#splash a strong {
 font:14px/1em tahoma,Arial,Sans-serif;
 font-weight: normal;
}

#splash .b1 {
 background: #770b00 !important;
 color: #b94810;
 }
#splash .b1 strong {
 color: #d86953; 
}

#splash .b2 {
 background: #af4833 !important;
 color: #d5775c;
}
#splash .b2 strong {
 color: #f1bba3;
}

#splash .b3 {
 background: #5e594d !important;
 color: #aa9;
}
#splash .b3 strong {
 color: #ccc1bb;
}
#splash .b3 { height: 31px; }

#splash .b4 {
 background: #886a41 !important;
 color: #221;
}
#splash .b4 strong {
 color: #c89a71;
 color: #d8aa81;
}
#splash .b4 { height: 31px; }

#splash a:hover {
 background: #333 !important;
 color: #eee;
}
#trac-splash {
    margin-top: 169px;
    margin-left: 2px;
}
#trac-splash strong {
    color: #ccc1bb;
}
#trac-splash a {
    display: block;
    height: 32px;   
    padding: 11px 16px;
    border: 0;
    background: #5e594d;
    color: #aa9;
}

#adsense { position: absolute; top: 100px; right: 0;}


#projlist ul { list-style-type: none; padding-left: 0;}
#projlist li { padding-left: 160px; margin: 1em 0;   min-height: 56px; }
#projlist li.trac {
  background: url(../gfx/proj_trac.png) no-repeat #770b00;
}
#projlist li.markup {
  background: #af4833
}
#projlist li.python-sidebar {
  background: #5e594d;
}