body {
    background:         #eee;
    font:               83% "Trebuchet MS", Verdana, Helvetica, sans-serif;

    margin:             0 3%;
    padding:            0;
    text-align:         center;
}

.skip {
    display:            none;
}

abbr, acronym {
    text-decoration:    none;
    font-style:         normal;
    border-bottom:      0;
}

abbr[title], acronym[title] {
    border-bottom:      1px dotted #999;
}

img {
    border:             0;
}


pre {
    padding:            1.0em;
    overflow:           auto;
}

code {
   color:               blue;
}

del {
    color:              #666;
}

ins {
    border-bottom:      1px dotted #aaa;
    text-decoration:    none;
}

/* ========== Main "frames" ========== */
#main {
    background:         #fff;
    margin:             0 auto; 
    padding:            0;
    text-align:         left;
    width:              58.0em;
}


/* ========== Logo ========== */
#logo {
    /* background:         #abe; */
    background: black;
    margin:             0;
    margin-bottom:      2px;
    padding:            0;
    width:              58em;
}

#logo h1 {
    /* background:         url("http://marcin.org/ui/darkfall.png") no-repeat top left;*/
    color:              #fff;
    font-size:          1.6em;
    font-weight:        normal;
    margin:             0;
    padding:            2.0em;
    padding-left:       200px;
    text-align:         right;
}

#logo h1 a {
    color:              #fff;
    text-decoration:    none;
}

/* ========== Navigation links ========== */
#navigation {
    background:         #888;
    border-bottom:      1px solid #888;
    border-top:         1px solid #999;
    color:              #fff;
    height:             1.4em;
    font-size:          1em;
    padding:            0.2em 1.0em;
}

#navigation .highlight {
}

#navigation ul {
    list-style:         none;
    margin:             0;
    padding:            0;
}

#navigation li {
    float:              left;
    padding:            0.2em 1.6em 0.2em 0.2em;
}

#navigation a {
    color:              #fff;
    text-decoration:    none;
    font-weight:	bold;
}

#navigation a:link, #navigation a:visited, #navigation a:active {
    color:              #fff;
}

#navigation a:hover {
    border-bottom:      1px dotted #fff;
    text-decoration:    none;
}

/* ========== Content ========== */
#content {
    clear:              both; /* Thanks, Sergio! */
    float:              left;
    margin:             0;
    margin-left: 	0.5em;
    margin-top:		0.5em;
    padding:            0; 
    width:              39em; /* Setting this to 40em ruins the page in IE  */
}

#content a {
    border:             0;
    color:              #777;
    font-weight:        bold;
    text-decoration:    none;
}

#content a:hover {
    border-bottom:      1px dotted #89c;
    color:              #89c;
}

#content pre > code {
    color:              #666;
}

/* Article */
.article {
    border-bottom:      1px solid #ddd;
    margin:             2.0em;
    margin-top:         0;
    padding:            0;
    padding-bottom:     1.0em;
    padding-top:        1.0em;
}

.article h2 {
    font-family:        Tahoma;
    font-size:          1.2em;
    font-weight:        bold;
    padding-bottom:     0.5em;
}

#content .article h2 a {
    border:             0;
    color:              #777;
}

#content .article h2 a:hover {
    border:             0;
}

.article h3 {
    display:            inline;
    margin-left:        -0.3em;
    margin-right:       0.5em;
}   
                
.article h3 + p {
    display:            inline;
}

.articletext {
    text-align:         justify;
}

.articletext strong {
    color:              #333;
}

.more, .via {
    color:              #888;
    font:               .9em normal Tahoma, Verdana, Helvetica, sans-serif;
    margin-bottom:      5px;
}

p.footnote {
    color:              #888;
    font-size:          90%;
    padding-top:        0.5em;
    /*width:              44.4em;*/
}

sup.footnote a {
    text-decoration:    none;
}

.photo {
    border:             1px solid #ccc;
    padding:            5px;
}

.book {
    border:             1px solid #ccc;
    float:              left;
    margin-right:       1.0em;
    padding:            5px;
}

.searchtext {
    border:             2px solid #a5b4fe;
    font-size:          .9em;
    margin:             2.0em;
    margin-bottom:      0;
    padding:            0.5em;
}

/* Comments */
.blosxomComment {
    border:             1px solid #ddd;
    border-left:        15px solid #eee;
    margin:             1.0em 2.0em 1.0em 2.0em;
    padding:            0.5em;
    padding-left:       1.0em;
    padding-right:      1.0em;
}

.postedby {
    color:              #888;
    font-size:          0.9em;
}   
    
#blosxomCommentForm {
    border:             1px solid #ddd;
    border-left:        15px solid #eee;
    color:              #888; 
    margin:             2.0em;
    padding:            1.0em;
}   

#blosxomCommentForm input, #blosxomCommentForm textarea {
    background:         #f8f8f8;
    border:             1px solid #ddd;
    margin:             1px;
    padding:            1px;
}

#blosxomCommentForm input[type='text']:focus, #blosxomCommentForm textarea:focus {
    background:         #fff;
    border:             2px solid #7a7;
    margin:             0;
}

#blosxomCommentForm p {
    font-size:          0.9em;
}

#commentpreview {
    display:            none;
}

/* ========== Links ========== */
#links {
    background:         #eef;
    float:              right;
    margin:             0 ;
    margin-top:         0.5em;
    padding:            0;
    width:              17em;
/* compensates for IE Win bungling */
	/* height: 100%; */
}

#links h3 {
    color:              #666;
    font-size:          1.0em;
    font-weight:        bold;
    margin:             3px;
    padding-top:        0.5em;
}

#links p {
    color:              #888;
    font-size:          0.9em;
}

#links strong {
    color:              #888;
}

#links a {
    color:              #666;
    text-decoration:    none;
}

#links a:hover {
    border-bottom:      1px dotted #89c;
    color:              #89c;
}

#links dt {
    color:              #666;
    font-size:          1.0em;
    font-weight:        bold;
    padding-top:        0.5em;
}

#links dd, #links dt {
    margin:             3px;
    font-size:          0.9em;
}

#links dd {
    padding-left:       12px;
    background:         url("http://dealmeida.net/images/tile.png") no-repeat center left;
}

#links dd a[hreflang]:after {
    content:            ' [' attr(hreflang) ']';
}

#links input {
    background:         #f8f8f8;
    border:             1px solid #ddd;
    margin:             1px;
    padding:            1px;
}

#links input[type='text']:focus {
    background:         #fff;
}

#links p {
    padding:            0 0.5em;
}

#meta {
    border:             2px solid #eee;
    padding:            0.5em;
    margin:             1.0em 1.0em 1.0em 0;
}

#meta h3 {
    color:              #79f;
    margin:             0;
    padding:            0;
}

#meta p {
    margin-bottom:      0;
}

/* ========== Footer ========== */
#footer {
    background:         #aaa;
    clear:              left;
    color:              #fff;
    height:             1.4em;
    padding:            0.2em 1.0em;
    content-width:      58.0em; // to make FF & IE agree
}

#footer ul {
    list-style:         none;
    margin:             0;
    padding:            0;
}

#footer li {
    float:              left;
    font-size:          0.9em;
    padding:            0.2em 1.0em 0.2em 0;
}

#footer a {
    color:              #fff;
    text-decoration:    none;
}

#footer a:link, #footer a:visited, #footer a:active {
    color:              #fff;
}

#footer a:hover {
    border-bottom:      1px dotted #fff;
}

/* Code */

.py-src-keyword {
    color:              blue;
    font-weight:        bold;
}

.py-src-triple {
    color:              red;
}

.py-src-comment {
    color:              green;
    font-style:         italic;
}

.py-src-parameter {
}

.py-src-identifier {
    color:              teal;
    font-weight:        bold;
}

.py-src-string {
    color:              purple;
}

.py-src-op {
    color:              #333;
    font-weight:        bold;
}