html { height: 100%;}
body { margin: 0px; height: 100%; font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif; font-size: 8pt; color: #fff; background: #000; }

.clContainer { margin: 0 auto 0 auto; width: 747px; min-height: 100%; padding: 0px 5px; background: url('images/border.gif') right top repeat-y; }

.clHeader { margin: 0px 0px 20px 0px; padding: 0px; width: 737px; height: 275px; color: #FFFFFF; background-image: url(images/header.jpg); background-position: right top; background-repeat: no-repeat; }
.clHeaderTitle { background: url(images/title.gif) no-repeat 218px 217px; width: 739px; height: 275px; }
.clHeaderTagline { font-size: 10pt; }
.clHeader:hover { cursor:pointer;}
.clHeaderTitle:hover { cursor:pointer;}

.clMenu { width: 200px; margin-left: 0px; margin-top: -82px; padding: 10px; float: left; color: #999; font-family: "Times New Roman", Times, serif }
.clMenu h1 { margin: 10px 0 0 0; padding: 0px; font-size: 18pt; line-height: 170%; border-bottom: 1px solid #2d2d23; width: 190px; font-weight: normal; color: #fff; }
.clMenu h2 { margin: 0px; padding: 0px; font-size: 10pt; font-weight: normal; }
.clMenu ul { margin: 0px; padding: 2px 0px 12px 0px; line-height: 140%; list-style-type: none; }
.clMenu ul li { padding: 2px 0px 2px 0px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; }
.clMenu ul li a:link { color: #999; text-decoration: none; }
.clMenu ul li a:visited { color: #666; text-decoration: none; }
.clMenu ul li a:hover { color: #fff; text-decoration: underline; }

.clPage { width: 500px; margin: 0px; padding: 0 0 50px 10px; float: left; overflow: hidden; text-align: justify; }
.clPage h1 { margin: 0px 0px 5px 0px; padding: 0px; font-size: 16pt; letter-spacing: 1px; font-weight: normal; border-bottom: 1px dotted #2d2d23; color: #ff6600; }
.clPage h1 a:link { color: #ff6600; text-decoration: none; }
.clPage h1 a:visited { color: #BD1717; text-decoration: none; }
.clPage h1 a:hover { color: #D15300; text-decoration: none; }
.clPage h2 { margin: 0px; padding: 0px; font-size: 14pt; letter-spacing: 1px; font-weight: normal; color: #D15300; }
.clPage ul { margin: 0px; padding: 2px 0px 2px 10px; line-height: 140%; list-style-type: none; }
.clPage li { background: -1px 2px url(images/list.png) no-repeat; padding: 0px 0px 0px 15px; }
.clPage ol li { background: none; margin: 0px; padding: 2px 0px 2px 10px; line-height: 140%; }
.clPage a:link { color: #D15300; text-decoration: none; font-weight: bold; }
.clPage a:visited { color: #D15300; text-decoration: none; font-weight: bold; }
.clPage a:hover { color: #ff6600; text-decoration: none; font-weight: bold; }

.clPostSub { font-size: 8pt; }
.clPostSub a:link {  font-weight: normal; }
.clPostSub a:visited { font-weight: normal; }
.clPostSub a:hover { font-weight: normal; }

.clPostInfo { margin: 30px 0px 30px 0px; padding: 10px; width: 478px; text-align: left; font-size: 8pt; background: url('images/footer_rest.gif') repeat-x 10px -7px #222; overflow: hidden; }
.clPostInfo img { vertical-align: top; }
.clPostInfo a:link { color: #fff; text-decoration: none; font-weight: normal; }
.clPostInfo a:visited { color: #fff; text-decoration: none; font-weight: normal; }
.clPostInfo a:hover { color: #fff; text-decoration: underline; font-weight: normal; }

.clPostComments { margin: 30px 0px 0px 0px; padding: 10px; width: 478px; border: 1px solid #2d2d23; background-color: #111; overflow: hidden; }

.clComments { margin: 0px; padding: 2px 0px 2px 10px; line-height: 140%; list-style-type: none; }
.clComments li { background: 0px 3px url(images/comment.png) no-repeat; border-bottom: 1px solid #2d2d23; padding: 5px 0px 10px 25px; margin: 0px 0px 15px 0px; }

.clCommentFieldLeft { float: left; width: 200px; font-size: 8pt; }
.clCommentFieldLeft input { padding: 2px 2px 2px 25px; border: 1px solid #2d2d23; margin: 2px 0px 2px 0px; width: 175px; background: url('images/footer_rest.gif') repeat-x 10px -7px #222; color: #fff; }

.clCommentFieldRight { float: right; width: 268px; font-size: 8pt; }
.clCommentFieldRight input, .submitBut { padding: 3px; background: url('images/footer_rest.gif') repeat-x 10px -7px #222; color: #fff; font-size: 8pt; float: right; border: none; }
.submitBut {padding: 3px 20px; float: left}
.clCommentFieldRight textarea { padding: 2px 2px 2px 6px; margin: 2px 0px 2px 0px; width: 258px; height: 150px; border: 1px solid #2d2d23; background-color: #222; color: #fff; }

.clNav { text-align: center; }

.clFooter { bottom: 0px; clear: both; margin: 0 auto 0 auto; padding-top: 10px; height: 63px;width: 100%; }
.clFooter a:link { color: #fff; text-decoration: none; font-weight: bold; }
.clFooter a:visited { color: #fff; text-decoration: none; font-weight: bold; }
.clFooter a:hover { color: #fff; text-decoration: underline; font-weight: bold; }
.footerContent {width: 523px; height:63px; line-height: 63px; float:right; background: url('images/footer.gif') no-repeat -190px 0px; font-size: 8pt; text-align: center; margin-right: 7px;}

blockquote { margin: 0px; padding: 4px 8px 4px 8px; border: 1px solid #E7E8A3; background-color: #F9FAE1; overflow: hidden; background-image: url(images/quote.png); background-position: right 4px; background-repeat: no-repeat; }

table { width: 100%; border: 0px; }
table th { padding: 5px; text-align: center; vertical-align: top; }
table td { padding: 5px; text-align: center; vertical-align: top; }

.clIcon { vertical-align: top; border: 0px; margin: 0px; padding: 0px; background-color: none;  }

#comment_author_name {  background-image: url(images/user.png); background-position: 5px center; background-repeat: no-repeat; }
#comment_author_email {  background-image: url(images/email.png); background-position: 5px center; background-repeat: no-repeat; }
#comment_author_url {  background-image: url(images/house.png); background-position: 5px center; background-repeat: no-repeat; }
#comment_code {  background-image: url(images/page_white_link.png); background-position: 5px center; background-repeat: no-repeat; }