/* 
Theme Name: HealPC.net
Theme URI: http://healpc.net
Description: Custom Theme for HealPC.net
Version: 1.0
Author: Motoo Yasui
Author URI: http://software.y-zone.net


*/


/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(images/bg.jpg);
    background-repeat: repeat-x;
    background-color: #c8c8c8;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 10pt;
}
table {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
td {
    vertical-align: top;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
a {
    font-family: Arial, Helvetica, sans-serif;
    color: #6060f0;
}
a:hover {
    color: #909090;
}

#main {
    background-color: #ffffff;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}
#main .header {
    background-image: url(images/header.jpg);
    width: 900px;
    height: 224px;
}
#main .header .text {
    color: #ffffff;
    font-size: 20pt;
    position: relative;
    left: 220px;
    top: 137px;
    width: 675px;
    text-align: right;
}
#main .footer {
    background-image: url(images/footer.jpg);
    width: 900px;
    height: 92px;
}
#main .footer .text {
    color: #ffffff;
    font-size: 8pt;
    position: relative;
    left: 20px;
    top: 40px;
    width: 675px;
}

#content .post-title {
    background-image: url(images/post_title.jpg);
    width: 636px;
    height: 32px;
}
#content .post-title .text {
    position: relative;
    left: 250px;
    top: 5px;
    width: 380px;
    height: 20px;
    text-align: right;
}
#content .post-title a {
    color: #ffffff;
    font-size: 14pt;
    font-weight: bold;
    text-decoration: none;
}
#content .post-title a:hover {
    text-decoration: underline;
}
#content .post-content {
    padding: 10px 0px 50px 50px;
}
#content .post-category {
    font-size: 9pt;
    font-weight: bold;
    text-align: right;
}
#content .navigation-button {
    padding: 10px 20px 10px 20px;
}
#content .navigation-button a {
    font-weight: bold;
    text-decoration: none;
}
#content .navigation-button a:hover {
    text-decoration: underline;
}
#content .navigation-button .prev-button {
    float: left;
}
#content .navigation-button .next-button {
    float: right;
}

#comment .comment-header {
    background-image: url(images/comment_header.jpg);
    width: 636px;
    height: 68px;
}
#comment .comment-header .text {
    color: #ffffff;
    font-size: 14pt;
    font-weight: bold;
    position: relative;
    left: 220px;
    top: 40px;
    width: 180px;
    height: 20px;
    text-align: right;
}

#comment .comment-style1 {
    background-image: url(images/comment_bg1.jpg);
    background-repeat: repeat-y;
    background-color: #ffffff;
}
#comment .comment-style1 .left-column {
    background-image: url(images/comment_logo1.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    width: 195px; 
    height: 220px;
}
#comment .comment-style1 .right-column {
    width: 424px;
    padding: 10px 30px 10px 30px;
}
#comment .comment-style2 {
    background-image: url(images/comment_bg2.jpg);
    background-repeat: repeat-y;
    background-color: #ffffff;
}
#comment .comment-style2 .left-column {
    background-image: url(images/comment_logo2.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    width: 195px; 
    height: 220px;
}
#comment .comment-style2 .right-column {
    width: 424px;
    padding: 10px 30px 10px 30px;
}
#comment .comment-number {
    position: relative;
    left: 135px;
    top: 108px;
    font-size: 12pt;
    font-weight: bold;
    color: #000000;
}
#comment .date {
    position: relative;
    left: 60px;
    top: 100px;
    font-size: 12pt;
    font-weight: bold;
    color: #ffffff;
}
#comment .time {
    position: relative;
    left: 80px;
    top: 97px;
    font-size: 9pt;
    font-weight: bold;
    color: #ffffff;
}
#comment .comment-author {
    font-size: 14pt;
    font-weight: bold;
    color: #000000;
    border-bottom: 2px solid #000000;
}
#comment .comment-author a {
    text-decoration: none;
}

#menu .menu-content {
    background-image: url(images/menu_bg.jpg);
    width: 264px;
    height: 92px;
    padding: 0px 50px 0px 30px;
}
#menu .menu-group {
    padding: 5px 0px 5px 20px;
}
#menu .menu-item {
    border-bottom: 1px dotted #c0c0c0;
    padding: 2px 0px 2px 5px;
}
#menu a {
    font-size: 11pt;
    font-weight: bold;
    text-decoration: none;
    color: #606060;
}
#menu a:hover {
    text-decoration: underline;
}

#search {
    margin-top: 20px;
    margin-left: 40px;
}