HTML, BODY { margin: 0; height: 100%; }
TABLE { border-collapse: collapse; }
TABLE TD { padding: 0; }
A IMG { border: none; }
FORM { margin: 0; }
BODY { background: white;}

/*************/
TABLE.form TH { text-align: left; padding-right: 15px; }
TABLE.form TH, TABLE.form TD { padding-bottom: 5px; }
/*************/

#canvas { width: 970px; height: 100%; margin: 0 auto; background: white; }
#header { padding: 0 15px; height: 105px; vertical-align: top;  }
#header TABLE.container { width: 100%; height: 100%; }
#logo { width: 175px; }
#slogan { font: bold 11px tahoma; color: #aaaaaa; padding-left: 22px; padding-top: 1px; }

#footer { height: 50px; }

/******************************************************************************/
/* #menu */

#menu { padding-top: 12px; padding-left: 25px; font: 23px arial; word-spacing: 15px; }
#menu A { color: #488cd0; }
#menu A:hover { text-decoration: none; }
#menu A.selected { color: #585858; text-decoration: none; }

/******************************************************************************/
/* auth */

#auth { font: 14px tahoma; vertical-align: middle; line-height: 16px; color: silver; text-align: right; }
/*#auth A.act { padding-right: 10px; color: #19b41d; background: url(../img/authrarr.gif) no-repeat right 70%; }*/
#auth A { text-decoration: none; color: #20b919; }
#auth A:hover { text-decoration: underline; }

#auth_form { border-top: 1px solid #d7d8db; border-bottom: 1px solid #d7d8db; background: #f0f2f5; margin-bottom: 10px; }
#auth_form { padding: 10px 15px; font: 14px tahoma; color: silver; }
#auth_form A { text-decoration: none; color: #20b919; }
#auth_form A:hover { text-decoration: underline; }
#auth_form A.selected { text-decoration: none; color: black; }
#auth_form A.selected:hover { text-decoration: none; }
#auth_form FORM { margin-top: 10px; }
#auth_form .hint { margin-top: 5px; font-size: 11px; color: gray; }
#auth_form .field { width: 200px; font-size: 18px; padding: 4px; }
#auth_form .button { font-size: 18px; }
#auth_form .empty { color: silver; }

/******************************************************************************/
/* user_menu */

#user_menu { font: 11px tahoma; vertical-align: middle; line-height: 16px; color: silver; text-align: right; }
#user_menu A { text-decoration: underline; color: #20b919; }
#user_menu A:hover { text-decoration: none; }
#user_menu .rare { color: #afafaf; }
#user_menu .rare A { color: #afafaf; }
#user_menu A.user { color: #488cd0; padding-left: 15px; background: url(../img/postinfouser.gif) no-repeat; font-weight: bold; text-decoration: none;}
#user_menu A.user:hover { text-decoration: underline; }

/******************************************************************************/
/* tagmenu */

#tagmenu { height: 40px; background: url(../img/tagmenubg.png); font: 11px tahoma; }
#tagmenu TABLE { height: 100%; width: 100%; }
#tagmenu .content { vertical-align: top; }
#tagmenu .left { width: 11px; background: url(../img/tagmenulr.png); }
#tagmenu .right { width: 11px; background: url(../img/tagmenulr.png) right; }
#tagmenu .popular, #tagmenu .current { vertical-align: middle; height: 20px; padding: 0 4px 0 4px; }
#tagmenu .current { background-color: #80a5d9; }
#tagmenu A { text-decoration: none; }
#tagmenu .popular A { color: #2e2e2e; }
#tagmenu .current A { color: white; }
#tagmenu .popular { color: #2e2e2e; }
#tagmenu .current { color: white; }
#tagmenu A:hover { text-decoration: underline; }

/******************************************************************************/
/* main */

#content { }
#main { width: 680px; font: 13px verdana; }
#main, #side { vertical-align: top; }
#side { padding-left: 25px; padding-right: 15px; }

#main H1 { font: 26px tahoma; }
#main .text A { color: #488cd0; }
#main H1.header { margin: 20px 15px; }
#main H1 .label { color: silver; }
#main H1 .highlight { background: #e6e6e6; padding: 0 7px; color: #2e2e2e; }
#main .blog_date { color: #858585; font: bold 11px tahoma; margin-top: 22px;
    margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #d6d6d6; }

#main H3 { font: 13px tahoma; color: #BBBBBB; font-weight: bold; }
#main .error { color: darkred; font-style: italic; }


/******************************************************************************/
/* #main .post */

#main .post { margin-bottom: 25px; }
#main .post H1 { font: 24px tahoma; margin-bottom: 10px; }
#main .post H1 A { color: #488cd0; }
#main .post H1 A:hover { text-decoration: none; }

#main .post .text, #main .post .tags, #main .post .info, #main .post .postmsg { margin-left: 15px; }

#main .post .text { font: 13px verdana; line-height: 18px; }
#main .post .text A { color: #488cd0; }
#main .post .text A:hover { text-decoration: none; }

#main .post .text_vote { text-align: center; margin: 20px 0; }
#main .post .text_vote A { text-decoration: none; color:  #20b919; border-bottom: 1px dotted; }
#main .post .text_vote A:hover { border-bottom: none; }
#main .post .text_vote .yesno { color: silver; word-spacing: 10px; }
#main .post .text_vote .question { font-style: italic; }


#main .post .tags { font: 11px tahoma;  margin-top: 15px; background: url(../img/tag.gif) no-repeat; padding-left: 15px; }
#main .post .tags A { color: #afafaf; text-decoration: underline; }
#main .post .tags A:hover { text-decoration: none; }

#main .post .info { width: auto; font: 11px tahoma; background: #f1f1f1; height: 20px; margin-top: 15px; }
#main .post .info .left { width: 5px; background: url(../img/postinfolr.gif); }
#main .post .info .right { width: 5px; background: url(../img/postinfolr.gif) right; }
#main .post .info .cell { padding: 0 10px; line-height: 12px; border-right: 1px solid white;}
#main .post .info  .last { border: none; }
#main .post .info .author { font-weight: bold; color: #858585; padding-left: 15px; background: url(../img/postinfouser.gif) no-repeat;  text-decoration: none; }
#main .post .info .author:hover { color: #488cd0; }
#main .post .info .comments_num { padding-left: 15px; background: url(../img/postinfocomment.gif) no-repeat 0 1px;  text-decoration: none; }
#main .post .info A.comments_num { color: #2a2a2a }
#main .post .info A.comments_num:hover { color: #488cd0; }
#main .post .info .panel { background: #FFFFFF; padding-left: 5px; }

#main .post .info .votes { width: 26px; padding: 0 6px; line-height: 12px; border-right: 1px solid white; text-align: center; background: #e6e6e6; padding-right: 10px;}
#main .post .info .votes_num { padding: 0 11px; font-family: verdana; font-weight: bold; color: #6a6a6a; font-size: 13px; white-space: nowrap; }
#main .post .info .vote_up, #main .post .info .vote_dn { width: 10px; height: 10px; display: block; }
#main .post .info .vote_up { background: url(../img/postinfovote.gif); }
#main .post .info .vote_up:hover { background: url(../img/postinfovote.gif) -10px; }
#main .post .info .vote_dn { background: url(../img/postinfovote.gif) -20px; }
#main .post .info .vote_dn:hover { background: url(../img/postinfovote.gif) -30px; }

#main .post .postmsg { font: 11px tahoma; }
#main .post .postmsg A { color: #488cd0; }
#main .post .postmsg A:hover { text-decoration: none; }

#main .make_post_tags {color: #488cd0; border-bottom: 1px dotted; text-decoration: none;}
#main .make_post_tags:hover {border-bottom: none; background: #488cd0; color: #FFFFFF;}

/****************************************************/
/* #comments */

#comments H1, #new_comment_label { font: 18px tahoma; color: #565656; }
#comments .container { padding-left: 15px; }
#comments .comment { margin-bottom: 20px; clear: both; }
#comments .info { font: 9px tahoma; color: gray; margin-top: 3px; }
#comments .date { color: gray; }
#comments .author { color: gray; padding-left: 15px; background: url(../img/postinfouser.gif) no-repeat;  text-decoration: none; font-weight: bold }
#comments .author:hover { color: #488cd0; }
#comments .text { font: 13px verdana; margin-top: 6px; margin-bottom: 6px; }
#comments .avatar { overflow: hidden; /*padding: 1px;*/ width: 40px; height: 40px; float: left; margin-right: 4px; margin-bottom: 4px; border: 1px solid silver; }
#comments .tools { font: 10px tahoma;  color: silver; }
#comments .tools A { font-weight: bold; color: #9a9a9a; text-decoration: none; }
#comments .tools A:hover { color: #488cd0;  }
#comments .votes { float: right; width: 35px; text-align: center; }
#comments .votes .votes_num { font-weight: bold; }
#comments .vote_up, #comments .vote_dn { text-decoration: none; font-weight: bold; color: #488cd0; }
#comments .comment TABLE { width: 100%; }
#comments .not_logged A { color: #488cd0; }
#comments .not_logged:hover { text-decoration: none; }

#add_comment_label { font: 14px tahoma; color: #488cd0; border-bottom: 1px dotted; text-decoration: none; }
#add_comment_label:hover { border: none; }

#comment_text { width: 100%; }

/****************************************************/
/* #side #user_info */

#side { font: 11px tahoma; }
#side A { color: #488cd0; }
#side A:hover { text-decoration: none; }

#side #user_info { font: 11px verdana; line-height: 15px; }
#side #user_info H1 { font: 18px tahoma; margin-bottom: 10px; color: gray; }
/*#side #user_info H1 A { color: #19b41d; }*/
#side H1 A{ text-decoration: none; color: gray; }
#side H1 A:hover { text-decoration: underline; }
#side #user_info .info { background: #f4f4f4; padding: 10px; padding: 10px; }
#side #user_info .profile { font-size: 12px; color: silver; text-decoration: none; }
#side #user_info .profile A { font-size: 12px; color: silver;  }
#side #user_info .profile A:hover { text-decoration: underline; }
#side .avatar { margin-bottom: 10px; text-align: center; }

#side .info { font: 11px tahoma; line-height: 17px;}
#side .info A { color: #488cd0; }
#side .info A:hover { color: #488cd0; text-decoration: none; }
#side .info A.author { font-weight: bold; color: #858585; /*padding-left: 15px; background: url(../img/postinfouser.gif) no-repeat;  */ text-decoration: none; }
#side .info A.author:hover { color: #488cd0; }

#side .last_comments { color: gray;}

/****************************************************/
/* #pages */
#pages .nav { font: 20px tahoma; margin-top: 30px; margin-bottom: 5px; }
#pages .nav .shortcut { margin-right: 5px; float: left; }
#pages .nav A { color: #488cd0; }
#pages .nav A:hover { text-decoration: none; }
#pages .numbers { margin: 0 7px; margin-top: 4px; float: left; }
#pages .number { float: left; display: block; padding: 0 5px; margin-right: 5px; font-size: 14px; }
#pages DIV.number { font-weight: bold; color: #444C54; }
#pages A.number { color: gray; }
#pages A.number:hover { background: #488cd0; color: white; text-decoration: none; }


#footer { padding-top: 40px; }
#footer TABLE { width: 100%; }
#footer .container { height: 100%; border-top: 1px solid #cacaca; padding: 20px; }
#footer { color: gray; font: 11px tahoma; }
#footer .copyright { font: bold 12px tahoma; }
#footer A { color: #488cd0; text-decoration: none; }
#footer A:hover { text-decoration: underline; }

#footer .partners .links { margin-left: 20px; padding-left: 20px; border-left: 1px solid silver; }
#footer .partners, #footer .partners A { color: silver; font-size: 10px; }
#footer .partners A { text-decoration: underline; }
#footer .partners A:hover { text-decoration: none; }