* { font-family: Arial, Helvetica, Sans-Serif; margin: 0px; padding: 0px; }
li { list-style: none; }
body { background-color: #000; }
#container { width: 1024px; margin: 10px auto; background-color: #FFF; }
#header { background-image: url(http://geekswithblogs.net/images/geekswithblogs_net/leesblog/8219/o_kc_skyline.jpg); height: 250px; }
.title { margin: 20px 10px 0px 20px; }
.title a { color: #036; font-size: 2em; font-weight: bold; text-decoration: none;}
.subtitle { font-size: .75em; margin-left: 30px; margin-top: -5px; }

#search { float: right; margin-top: -40px; margin-right: 20px; }
#search #Header1_search_txtSearch { margin-bottom: 2px; }

#navigation { position: relative; float: right; width: 200px; }
#navigation .title { font-weight: bold; width: 175px; margin: 10px auto 5px auto; text-align: center; border-bottom: solid 1px #666; }
#navigation div { text-align: center; }
#navigation .links { width: 175px; margin: auto; text-align: left; }
#navigation #myLinks { position: relative; margin-left: -824px; background-image: url(http://geekswithblogs.net/images/geekswithblogs_net/leesblog/8219/o_vistabar.gif); background-repeat: repeat-x; height: 29px; width: 1024px; }
#navigation #myLinks .title { display: none; }
#navigation #myLinks .links { width: 100%; }
#navigation #myLinks .links ul li { float: left; }
#navigation #myLinks .links ul li a { display: block; width: 100px; text-align: center; border: solid 1px transparent; margin: 5px 10px; color: #999; font-weight: bold; text-decoration: none; }
#navigation #myLinks .links ul li a:hover { border: inset 1px #333; color: #FFF;  }

#navigation .BlogStats { display: none; clear:both; }
#navigation #news { margin-top: 10px; }
#navigation #news .title { display: none; }

#navigation h3 { text-align: center; margin-top: 10px; }
#navigation .twitterLogo { display: none; }
#navigation .twitter { font-size: .6em; text-align: left; width: 175px; margin: auto; }
#navigation .twitter .twitterHeader { display: none; }

#navigation #recentComments { font-size: .6em; text-align: left; width: 175px; margin: auto; }
#navigation #recentPosts { text-align: left; width: 175px; margin: auto; }

#content { width: 824px; position: relative; float: left; margin-top: 30px; }

/* for item view page */
#content .previousNext { margin: auto; text-align: center; padding: 10px; }
#content .previousNext a { color: #036; text-decoration: none; font-weight: bold; }
#content .previousNext a:hover { text-decoration: underline; }
#content .post { width: 800px; margin: 10px; border: solid 1px #CCC; padding: 0px; }
#content .post .title { font-size: .7em; background-color: #036; padding: 5px; margin: 0px;  }
#content .post .title a { color: #FFF; }
#content .post .body { color: #666; padding: 10px; }
#content .post .body a { color: #036; text-decoration: none; font-weight: bold; }
#content .post .body a:hover { text-decoration: underline; }
#content .post .body ul { margin: 10px; }
#content .post .body li { list-style-type: disc; list-style-position: inside;  }
#content .post .body p { margin: 5px 0px; }
#content .post .body h1 { font-size: 1.1em; margin-bottom: 5px; padding: 3px; border-bottom: solid 1px #CCC; }
#content .post .body h2 { font-size: 1em; }
#content .post .body .share { font-size: .7em; text-align: center; }
#content .post .body .share .shareIcon { padding-left: 20px;  }
#content .post .body .share ul li { display: inline; padding: 0px 10px }
#content .post .info { border-top: solid 1px #CCC; background-color: #CCC; color: #666; font-size: .6em; padding: 3px; text-align: right; }


#content #apnlCommentsWrapper { width: 800px; margin: 10px auto; background-color: #EEE; }
#content #apnlCommentsWrapper .comments { margin: 3px; }
#content #apnlCommentsWrapper .comments h2 { font-size: 1.1em; }
#content #apnlCommentsWrapper .comments .comment { margin: 3px; font-size: .8em; color: #666;  }
#content #apnlCommentsWrapper .comments .comment .avatar { float: left; padding: 3px; padding-bottom: 0px; }
#content #apnlCommentsWrapper .comments .comment .title { font-size: 1.5em; padding: 3px; margin: 0px; }

#content #apnlCommentsWrapper .comments .comment .author { clear: left; padding: 3px; float: left;  }
#content #apnlCommentsWrapper .comments .comment .author .author { float: none;  }

#content #apnlCommentsWrapper .comments .comment .postedDate { padding: 3px; }
#content #apnlCommentsWrapper .comments .comment .content { clear: left; padding: 3px; }
#content #apnlCommentsWrapper #postComment { padding: 5px; background-color: #DDD; border: solid 1px #CCC; color: #666; }
#content #apnlCommentsWrapper #postComment .title { font-weight: bold; border-bottom: solid 1px #999; margin-bottom: 5px; }
#content #apnlCommentsWrapper #postComment dl { }
#content #apnlCommentsWrapper #postComment dl dt { clear: left; width: 100px; float: left; text-align: right; padding-right: 2px; }
#content #apnlCommentsWrapper #postComment dl dd input.Text { width: 400px; }
#content #apnlCommentsWrapper #postComment dl dd textarea { width: 400px; height: 100px; }
 
/* for list view page */
#content .day { width: 800px; margin-left: 10px; margin: 20px 10px 10px 10px; }
#content .day .date { background-color: #369; padding: 5px; }
#content .day .date a { font-size: .7em; color: #FFF; font-weight: bold; }
#content .day .date { display: none;}
#content .day .post { width: 798px; margin: 0px; border: outset 1px #CCC; }
#content .day .post .body p { margin: 10px; }
#content .day .post .title { font-size: .7em; margin: 5px; }
#content .day .post .title a { color: #AAA; }
#content .day .post .title a:hover { color: #FFF; }
#content .day .post .body { color: #666; margin: 8px; }
#content .day .post .info { border-top: solid 1px #CCC; background-color: #CCC; color: #666; font-size: .6em; padding: 3px; text-align: right; }

#content .csharpcode { width: 95%; margin: 10px auto; border: inset 1px #CCC; padding: 5px; }

#content #contactForm { width: 800px; margin: 10px; }
#content #contactForm .title { font-weight: bold; border-bottom: solid 1px #999; margin-bottom: 5px; }
#content #contactForm .Form { padding: 5px; background-color: #DDD; border: solid 1px #CCC; color: #666; }
#content #contactForm .Form p { margin-left: 30px; margin-bottom: 20px; }
#content #contactForm .Form dl dt { clear: left; width: 100px; float: left; text-align: right; padding-right: 2px; }
#content #contactForm .Form dl dd input.Text { width: 400px; }
#content #contactForm .Form dl dd textarea { width: 600px; height: 100px; }
#content #contactForm .Action { margin-left: 100px; }

#footer { clear: both; font-size: .6em; color: #666; padding: 5px; text-align: center; margin-top: 20px; }