/* Reset */
* {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
body {
    font: normal 13px 'Trebuchet MS', tahoma, sans-serif;
    background: #222222 /*url('back.png') repeat-x*/;
    color: black;
}
a {
    color: #204a87;
    padding: 2px 1px;
}
a:hover {
    text-decoration: none;
}
a img {
    border: 0;
}
p, h3, ul, ol {
    margin: 10px 0;
}
h3 {
    font-family: Georgia, Times;
    font-size: 18px;
    font-weight: normal;
}
ul, ol {
    padding-left: 30px;
}
ul {
    list-style-type: square;
}
input, select, textarea {
    font-family: Verdana, sans-serif;
    font-size: 100%;
}
input, select {
	vertical-align: middle;
}
textarea {
    vertical-align: top;
}
input.text, textarea, option {
    padding: 2px 3px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, td, th, tr {
	vertical-align: top;
}
sub, sup {
    position: relative;
    font-size: 10px;
}
sub {
    top: 5px;
}
sup {
    top: -5px;
}

/* Common classes */
.nomtop {
    margin-top: 0;
}
.clear {
    clear: both;
}
.sz1 { font-size: 11px; }
.sz2 { font-size: 12px; }
.sz3 { font-size: 13px; }
.sz4 { font-size: 14px; }
.sz5 { font-size: 16px; }
.sz6 { font-size: 18px; }
.sz7 { font-size: 20px; }
.sz8 { font-size: 22px; }
.sz9 { font-size: 24px; }
ul.plain {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Wrapper */
#wrapper {
    width: 900px;
    margin: 0 auto 10px auto;
    padding: 0 10px 10px 10px;
    background: white;
}

/* Header */
#header {
    width: 900px;
    height: 100px;
    background: black url('top.jpg') left;
}
    #logo {
        padding: 10px;
        font-size: 18px;
        color: white;
    }
        #logo a {
            padding: 5px;
            text-decoration: none;
            color: white;
        }
    #rss-icon {
        float: right;
        margin: 13px;
    }

/* Page */
#page {
    margin: 10px 0;
}
    #content {
        margin-right: 210px;
        margin-left: 10px;
    }
        #blog-entries {
        }
            #blog-entries div.entry {
                margin-bottom: 10px;
            }
                #blog-entries div.entry h3 {
                    margin: 0;
                }
                    #blog-entries div.entry h3 a {
                        color: black;
                        text-decoration: none;
                    }
                #blog-entries div.entry .date {
                    color: gray;
                }
                #blog-entries div.entry .misc {
                    color: gray;
                }
                    #blog-entries div.entry .tags {
                        padding: 2px 5px;
                        background: #f2f2f2;
                        font-size: 12px;
                    }
                    #blog-entries div.entry .comments {
                        float: right;
                    }
                #blog-entries div.entry .text {
                    margin: 10px;
                }
                    #blog-entries div.entry .text .read-more {
                        font-size: 18px;
                        text-decoration: none;
                        line-height: 14px;
                    }
    #right {
        float: right;
        width: 200px;
    }
        div.block {
            margin-bottom: 10px;
        }
            div.block .square {
                float: right;
                width: 30px;
                height: 30px;
                background: #ca0000;
            }
            div.block .title {
                height: 22px;
                padding: 4px 10px;
                border-left: 1px solid black;
                background: black;
                color: white;
                font-size: 16px;
                font-weight: bold;
            }
            div.block .content {
                padding: 8px;
                border-left: 1px solid silver;
            }
        #nav-menu {
            padding: 0;
        }
            #nav-menu ul {
                list-style: none;
                margin: 0;
                padding: 0;
            }
                #nav-menu ul li {
                    padding: 5px 10px;
                    border-bottom: 1px solid silver;
                }
        #tags-cloud {
        }
            #tags-cloud a {
                text-decoration: none;
            }
            #tags-cloud a:hover{
                color: #cc0000;
            }

/* Footer */
#footer {
    clear: both;
    width: 880px;
    height: 18px;
    padding: 5px 10px;
    background: black url('bottom.jpg');
    color: white;
    text-align: right;
}









samp, code, div.console {
    line-height: 1.3em;
}

samp {
    margin: 10px 0;
    padding: 7px 10px;
    /*border: 1px solid silver;*/
    /*background: #f8f8f8;*/
    border: 1px solid #DDDD99;
    background: #FFFFDD;
    display: block;
    font-family: 'Courier New', courier;
    font-size: 13px;
}

code {
    margin: 10px 0;
    padding: 7px 10px;
    border: 1px solid #DDDD99;
    background: #FFFFDD;
    display: block;
    font-family: 'Courier New', courier;
    font-size: 13px;
}

/*div.code {
    margin: 10px 0;
    padding: 7px 10px;
    border: 1px solid #DDDD99;
    background: #FFFFDD;
    font-family: 'Courier New', courier;
    font-size: 13px;
}*/

div.code {
    margin: 10px 0;
    padding: 7px 10px;
    background: #ffffed;
    color: black;
    font-family: 'Courier New', courier;
    font-size: 13px;
}

div.console {
    margin: 10px 0;
    padding: 7px 10px;
    /*background: black;
    color: white;*/
    border: 1px solid silver;
    border-right-width: 8px;
    font-family: 'Courier New', courier;
    font-size: 13px;
}

var {
    background: #f8f8f8;
    padding: 1px 2px;
    font: normal 13px 'Courier New', courier;
}

kbd {
    background: #f8f8f8;
    padding: 1px 2px;
    font: normal 13px 'Courier New', courier;
}