BODY {
    padding: 0;
    margin: 0;
    background-color: #fff;
    background-image: url(bg.jpg);
    background-position: 78px top;
    background-repeat: repeat-y;
    font-family: Arial;
}
div#bg {
    background-image: url(b2.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    height: 566px;
}

div#content {
    left: 106px;
    top: 26px;
    width: 647px;
    position: absolute;
    overflow: hidden;
}
div#inner-content {
    margin: 30px;
}
div#inner-content p {
    font-size: 10pt;
}
.search {
}
    .search .page-title {
        color: #986B07;
        margin-bottom: 0px;
    }
    .search .error-text {
        display: block;
        padding: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .search td { 
        font-size: 11px;
    }
    .search select { 
        font-size: 11px;
        margin-left: 5px;
        margin-right: 15px;
        vertical-align: middle;
    }
    .search input.text {
        width: 588px;
        font-size: 16pt;
        margin-bottom: 10px;
    }
    .search .sub-options {
        font-weight: bold;
        margin-top: 10px;
        color: #555;
    }
    .search .tag-browser {
        border: solid 1px #ddd;
        overflow: auto;
        height: 100px;
        display: block;
        margin-bottom:10px;
    }
    .search .tag-browser TD {
        width: 145px;
    }
    .search .filter-entry {
        margin-bottom: 20px;
    }


div.categories {
    position: absolute;
    left: 780px;
    top: 120px;
    height: 370px;
    width: 180px;
}
    div.categories .title {
        color: #000;
        font-family: Arial Narrow;
        font-size: 16pt;
        margin-bottom: 8px;
    }
    div.categories a {
        color: #A77912;
        font-family: Arial Narrow;
        font-size: 11pt;
        font-weight: bold;
        text-decoration: none;
        display: block;
    }
    div.categories a:hover {
        text-decoration: underline;
    }

a.logo {
    text-decoration: none;
    width: 208px;
    height: 31px;
    display: block;
    background-image: url(logo.jpg);
    margin: 30px;
}
div#navigation {
    float: right;
    font-size: 11pt;
    font-weight: bold;
    padding-right: 10px;
    margin-top: 7px;
    clear: right;
}
div#navigation a {
    color: #17A1CA;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
}
div#navigation a:hover {
    background-color: #027EA0;
    color: #fff;
}
div#tools {
    float: right;
    padding-right: 15px;
    font-size: 10pt;
    color: #000;
    margin-top: 23px;
}
div#tools a {
    color: #000;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}
div#tools a:hover {
    background-color: #027EA0;
    color: #fff;
}

.page-title {
    font-size: 26pt;
    color: #666;
    font-family: Arial Narrow;
    margin-bottom: 10px;
}

.post-entry {
    margin-bottom: 40px;
    color: #736357;
    width: 600px;
    overflow: hidden;
    padding-top: 10px;
}
.filter-entry .post-entry {
    padding-left: 40px;
    width: 557px;
}
    .post-info {
        color: #888;
        font-size: 8pt;
    }
        .post-info a {
            color: #B88B25;
            font-weight: bold;
            text-decoration: none;
            padding-left: 5px;
            padding-right: 5px;
        }
        .post-info a:hover {
            color: #0AA0C9;
            text-decoration: underline;
        }
    .post-title {
        font-family: Arial Narrow;
        font-size: 21pt;
        text-decoration: none;
        color: #027EA0;
        border-bottom: solid 1px #A1D5E3;
        margin-bottom: 8px;
    }
    .post-title a {
        color: #027EA0;
        display: block;
        text-decoration: none;
    }
    .post-title a:hover {
        background-color: #027EA0;
        color: #fff;
    }
    .post-text {
        font-size: 10pt;
    }
    .post-text P {
        margin: 15px 0 0 0;
    }
    .post-read-more {
        color: #B88B25;
        text-decoration: none;
        font-weight: bold;
        font-size: 9pt;
        line-height: 30px;
    }
    .post-read-more:hover {
        color: #0AA0C9;
        text-decoration: underline;
    }
    .post-entry h3 {
        font-family: Arial Narrow;
        font-size: 15pt;
        color: #656F72;
        margin-bottom: 8px;
        margin-top: 38px;
        padding-bottom: 3px;
        border-bottom: solid 1px #B3DDE9;
    }
    .post-text img {
        border: none 0px;
    }
    .post-text .left {
        float: left;
        margin: 10px;
    }
    .post-text .right {
        float: right;
        margin: 10px;
    }
    .post-edit-tools a {
        font-size: 9pt;
        color: #00f;
    }

.post-text .code-highlight {
    line-height: normal;
    clear: both;
    width: 600px;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 20px;
}
    .post-text .code-highlight TABLE {
        border-bottom-color: #999;
    }        
    .post-text .code-highlight .shl_ln {
        border-right: 1px solid #999; 
        padding-right: 7px;
        color: #999;
    }
    .post-text .code-highlight TD {
        padding: 0 10px 9 10px;
        color: #666;
    }        
    .post-text .code-highlight PRE {
        margin-bottom: 10px;
        margin-top: 10px;
        color: #000;
    }    

.post-text table {
    border-collapse: collapse;
    border-bottom: solid 2px #83B817;
}
.ext th {
    font-size: 8pt;
    text-align: left;
    color: #628F07;
    border-bottom: solid 1px #83B817;
    border-top: solid 1px #83B817;
    padding: 3px 5px;
    background-color: #F5FBE9;
}
.post-text td {
    font-size: 9pt;
    padding: 5px 5px;
    border-bottom: solid 1px #ccc;
}


.sample-code {
    clear: both;
    font-size: 10pt;
}
    .sample-code a {
        color: #00f;
    }
    .sample-code-item {
        margin-bottom: 9px;
        clear: both;
    }
    .sample-code-text {
        padding: 0 0 9px 0;
    }
    .sample-code-title {
        font-weight: bold;
        margin-bottom: 3px;
    }
    .sample-code-link {
    }

.related-posts {
    clear: both;
}
    .related-posts-text {
        padding: 0 0 18px 0;
        font-size: 10pt;
    }    
    .related-posts ol {
        margin: 0 0 0 20px;
        padding: 0 0 0 0px;
        color: #666;
    }
    .related-posts ol li {
        padding-bottom: 9px;
    }
    .related-posts ol li a {
        font-size: 14pt;
        color: #B88B25;
        text-decoration: none;
    }
    .related-posts ol li a:hover {
        text-decoration: underline;
    }


.post-comments {
    clear: both;
}

.post-comment {
    border: solid 1px #CDDFEF;
    width: 592px;
    padding: 1px;
    margin-bottom: 10px;
}
.post-comment-info {
    color: #003366;
    background-color: #E4ECF6;
    padding: 6px 10px;
    clear: both;
    font-size: 12px;
}
.post-comment-info span.post-comment-date {
    float: right;
    color: #666;
    font-size: 9pt;
}
.post-comment-text {
    color: #444;
    padding: 6px 10px;
    background-color:#F3F7FB;
    font-size: 9pt;
}
.post-comment-info .user-name {
    font-weight: bold;
}
.post-comment-info a {
    color: #003366;
}   
.post-comment-info .post-comment-buttons a {
    text-decoration: none;
    color: #00f;
}
.new-response {
    background-color: #fff;
}
.new-response span {
    background-color: #fff;
    font-size: 13pt;
}
.post-comment-text textarea {
    width: 560px;
    height: 100px;
}

    .post-comments-title {
        font-family: Arial Narrow, Arial, Tahoma;
        font-size: 15pt;
        font-weight: bold;
        color: #666;
        padding-bottom: 18px;
    }
    .leave-comment-box {
        background-color: #eee;
        padding: 20px;
        width: 559px;
        font-size: 10pt;
    }
    .leave-comment-instructions {
        color: #555;
        font-size: 8pt;
        margin-top: 10px;
    }
    
    .leave-comment-box .post-comments-title {
    }
    .leave-comment-textbox {
        width: 550px;
        height: 100px;
        margin-bottom: 9px;
    }

.error-text {
    color: #f00;
    background-color: #FFFFE1;
    border: solid 1px #f00;
    padding: 3px;
    font-size: 11px;
    margin-bottom: 10px;
    display: block;
}

.paging-buttons {
    font-size: 12px;
}
    .paging-buttons a {
        color: #00f;
    }

.rss {
    position: absolute;
    left: 800px;
    top: 530px;
    background: url('rss.gif') no-repeat 5px 2px;
    padding-left: 25px;
    color: #000;
    text-decoration: none;
    font-size: 10pt;    
    height: 25px;
}

.overlay {
    z-index: 200;
    opacity: 0.5;
    filter: alpha(opacity=50);
    background-color: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    display: none;
}

.dialog {
    z-index: 201;
    border: solid 6px #8ABD0F;
    width: 600px;
    position: absolute;
    left: 100px;
    top: 50px;
    display: none;
    background-color: #fff;
    padding: 20px;
}

    .dialog .dialog-button-group {
        text-align: right;
        padding-top: 10px;
    }
    .dialog iframe {
        width: 100%;
        height: 400px;
        border: none 0px;
        margin: 0px;
        padding: 0px;
    }
    .dialog .dialog-button-group input {
        font-family: Arial Narrow;
        font-size: 12pt;
        font-weight: bold;
        width: 120px;
        text-align: center;
        text-decoration: none;
        color: #000;
        margin-left: 30px;
    }

/* css classes for code-references in blog article */
.codemember {
	font-family: Courier New; 
	font-size: 10pt;
	color: #000;
}
.codetype {
	font-family: Courier New; 
	font-size: 10pt;
	color: #2b91af;
}
.codestring {
	font-family: Courier New; 
	font-size: 10pt;
	color: maroon;
}
.codekeyword {
	font-family: Courier New; 
	font-size: 10pt;
	color: #00f;
}
.codecomment {
	font-family: Courier New; 
	font-size: 10pt;
	color: green;
}