body, html { margin: 0; padding: 0; font-family: Trebuchet MS, Arial; font-size: 12px; color: #666; background: #F6F6F6 url(../images/bg_body.jpg) top center repeat-y; text-align: center; }
.clear { clear: both; }
#container { width: 830px; margin: 0 auto; text-align: left !important; }
#header { width: 830px; height: 170px; position: relative; border-bottom: 2px solid #FFF; }
#header .btn-home { position: absolute; top: 6px; right: 65px; }
#header h2 { font-size: 16px; margin: 0; padding: 0; position: absolute; top: 10px; left: 20px; }
#content { width: 830px; }
#primary { float: left; width: 555px; }
#primary ul { margin: 0; padding: 0; list-style: none; }
#primary ul li { clear: both; margin: 0; padding: 20px; list-style: none; }
#primary .date { font-weight: bold; margin: 0 0 10px 0; }
#primary h2 { font-size: 18px; margin: 0 0 10px 0; padding: 0; }
#primary .author { font-size: 11px; }
#primary .comments { font-size: 11px; text-align: right; margin: -15px 0 0 0; }
#primary .inner { padding: 20px; }
#primary .content p { margin: 0 0 10px 0; padding: 0; line-height: 150%; }
#primary .content ul { margin: 0 0 10px 0; padding: 0 0 0 14px; list-style-type: disc; }
#primary .content ul li { margin: 0; padding: 0; list-style-type: disc; border-bottom: none !important; }
#primary .content ol { margin: 0 0 10px 0; padding: 0 0 0 17px; list-style-type: decimal; }
#primary .content ol li { margin: 0; padding: 0; list-style-type: decimal; border-bottom: none !important; }
#blog-comment { margin: 20px 0 5px 0 !important; padding: 0; list-style: none; }
#blog-comment li { background: #FFF; margin: 0 0 5px 0 !important; padding: 10px !important; list-style: none; border: 1px solid #F1F1F1 !important; }
.blog-comment-details { float: left; width: 100px; text-align: center; font-weight: bold; font-size: 11px; }
.blog-comment-details img { border: 1px solid #f1f1f1; }
.blog-comment-content { float: right; width: 370px; font-weight: bold; }
.blog-comment-content p { margin: 0 0 10px 0; padding: 0; line-height: 140%; }
.blog-comment-content p.time { font-size: 11px; color: #999; }
.blog-comment-content p.report { margin: 0 !important; text-align: right; }
.blog-comment-form { background: #FFF; padding: 10px; border: 1px solid #F1F1F1; font-weight: bold; }
.blog-comment-form .TextBox { width: 100%; border: none; background: #F1F1F1; font-family: Trebuchet MS, Arial; font-size: 12px; color: #666; }
.blog-comment-form .frmButton { background: url(/images/btn_blog_post.jpg) no-repeat; width: 91px; height: 17px; border: none; letter-spacing: -999em; cursor: pointer; overflow: hidden; }
#sidebar { float: right; width: 274px; }
#sidebar h2 { clear: both; background: #CCC; color: #666; margin: 0; padding: 5px 0 5px 10px; display: block; font-size: 12px; text-transform: uppercase; }
#profile { text-align: center; padding: 10px; font-size: 11px; font-weight: bold; }
#profile .avatar { width: 60px; height: 60px; padding: 1px; border: 1px solid #CCC; background: #FFF; margin: 0 auto; text-align: center; vertical-align: middle; }
#profile .avatar img { margin: auto; }
#profile .expert-info { margin: 0 0 10px 0; text-align: left; font-weight: normal; }
#profile .expert-info .avatar { float: left; margin: 0 10px 10px 0; }
#profile .expert-info p { float: right; width: 180px; margin: 0; padding: 0; }
#profile .expert-info strong { color: #339999; }
#recent-post ul, #archives ul { margin: 15px 10px 15px 10px; padding: 0; list-style: none; }
#recent-post ul li, #archives ul li { margin: 0 0 5px 0; padding: 0; list-style: none; font-weight: bold; }
#archives ul li a { color: #666; text-decoration: none; text-transform: uppercase; }
#archives ul li a:hover { color: #000; }
#footer { clear: both; background: #CCC; padding: 5px 20px 5px 20px; display: block; font-size: 12px; }
#footer p { margin: 0; padding: 0; }
#footer h2 { text-align: right; font-size: 12px; margin: -18px 0 0 0; padding: 0; }
#footer a { color: #666; font-weight: bold; }
#footer a:hover { color: #000; text-decoration: underline; }
/* Theme */
.expert #header { background: url(/images/bg_blog_header_expert.jpg) no-repeat; }
.expert #header h2 { color: #339999; }
.expert #content { background: url(/images/bg_blog_content_expert.jpg); }
.expert #primary ul li { border-bottom: 1px solid #33cccc; }
.expert #primary .content { line-height: 150%; margin: 0 0 10px 0; }
.expert #primary h2 { color: #339999; }
.expert #primary h2 a { color: #339999; text-decoration: none; }
.expert #primary h2 a:hover { text-decoration: underline; }
.expert #primary .author strong { color: #33cccc; }
.expert #primary .comments { font-weight: bold; color: #33cccc; }
.expert #primary .comments a { font-weight: bold; color: #33cccc; text-decoration: none; }
.expert #primary .comments a:hover { color: #339999; }
.expert #recent-post { color: #339999; }
.expert #recent-post ul li a { color: #339999; text-decoration: none; }
.expert #recent-post ul li a:hover { text-decoration: underline; }
.expert a { color: #33cccc; text-decoration: none; }
.expert a:hover { color: #339999; }
.pink #header { background: url(/images/bg_blog_header.jpg) no-repeat; }
.pink #header h2 { color: #660066; }
.pink #content { background: url(/images/bg_blog_content_1.jpg); }
.pink #primary ul li { border-bottom: 1px solid #ff66ff; }
.pink #primary .content { line-height: 150%; margin: 0 0 10px 0; }
.pink #primary h2 { color: #660066; }
.pink #primary h2 a { color: #660066; text-decoration: none; }
.pink #primary h2 a:hover { text-decoration: underline; }
.pink #primary .author strong { color: #cc33cc; }
.pink #primary .comments { font-weight: bold; color: #cc33cc; }
.pink #primary .comments a { font-weight: bold; color: #cc33cc; text-decoration: none; }
.pink #primary .comments a:hover { color: #660066; }
.pink #recent-post { color: #ff66ff; }
.pink #recent-post ul li a { color: #ff66ff; text-decoration: none; }
.pink #recent-post ul li a:hover { color: #660066; }
.pink a { color: #cc33cc; text-decoration: none; }
.pink a:hover { color: #660066; }
.orange #header { background: url(/images/bg_blog_header.jpg) no-repeat; }
.orange #header h2 { color: #cc3300; }
.orange #content { background: url(/images/bg_blog_content_2.jpg); }
.orange #primary ul li { border-bottom: 1px solid #FF9900; }
.orange #primary .content { color: #cc6600; line-height: 150%; margin: 0 0 10px 0; }
.orange #primary h2 { color: #cc3300; }
.orange #primary h2 a { color: #cc3300; text-decoration: none; }
.orange #primary h2 a:hover { text-decoration: underline; }
.orange #primary .author strong { color: #ff9933; }
.orange #primary .comments { font-weight: bold; color: #ff9933; }
.orange #primary .comments a { font-weight: bold; color: #ff9933; text-decoration: none; }
.orange #primary .comments a:hover { color: #cc3300; }
.orange #recent-post { color: #ff9933; }
.orange #recent-post ul li a { color: #ff9933; text-decoration: none; }
.orange #recent-post ul li a:hover { color: #cc3300; }
.orange a { color: #ff9933; text-decoration: none; }
.orange a:hover { color: #cc3300; }
.blue #header { background: url(/images/bg_blog_header.jpg) no-repeat; }
.blue #header h2 { color: #003399; }
.blue #content { background: url(/images/bg_blog_content_3.jpg); }
.blue #primary ul li { border-bottom: 1px solid #0066ff; }
.blue #primary .content { color: #0066cc; line-height: 150%; margin: 0 0 10px 0; }
.blue #primary h2 { color: #003399; }
.blue #primary h2 a { color: #003399; text-decoration: none; }
.blue #primary h2 a:hover { text-decoration: underline; }
.blue #primary .author strong { color: #6699ff; }
.blue #primary .comments { font-weight: bold; color: #6699ff; }
.blue #primary .comments a { font-weight: bold; color: #6699ff; text-decoration: none; }
.blue #primary .comments a:hover { color: #003399; }
.blue #recent-post { color: #0066cc; }
.blue #recent-post ul li a { color: #0066cc; text-decoration: none; }
.blue #recent-post ul li a:hover { color: #003399; }
.blue a { color: #6699ff; text-decoration: none; }
.blue a:hover { color: #003399; }