#site-menu {background-color:#edffdb; height:70px; border-bottom:solid 1px #5ea641;}
#site-body {margin-top:-70px;}
#body-left {width:200px; float:left;}
#body-right {width:250px; margin-top:75px; float:right;}
#body-center {margin:0; padding:0 255px 0 205px;}

A:link, A:visited, A:active {text-decoration:none;color:#3d9519;}
A:hover {text-decoration:underline;color:#e33b00;}
A.left-menu:link, A.left-menu:visited, A.left-menu:active
{text-decoration:none;color:#3d9519; display:block; padding:3px 0px 3px 3px; background-color:#f8fff0; border-bottom:solid 1px #9df05b; border-top:solid 1px #FFFFFF;}
A.left-menu:hover
{text-decoration:none;color:#3d9519; display:block; padding:3px 0px 3px 3px; background-color:#edffdb; border-bottom:solid 1px #5ea641; border-top:solid 1px #FFFFFF;}
.dimtext{color:Gray;}

#left-image{ width:200px; height:200px; background-color:#f0f0f0;}
.left-content { border:solid 1px #5ea641; margin-top:5px;}
.left-content-head{ padding:3px; background-color:#f8fff0; font-weight:bold;}
.left-content-middle {padding:3px;}

#center-top-head{font-size:medium; font-weight:bold; color:#5ea641; line-height:40px; height:40px;}
#center-top-menu{margin:-1px auto 0 auto; width:100%; display:table;}

.center-content{ width:100%; float:left;}
.center-content-head{ background-color:#f8fff0; border-top:solid 1px #5ea641; padding:5px; font-weight:bold;}
.center-content-middle{ padding:5px;}

A.center-top-menu{background-color:#5ea641; color:White; font-weight:bold; margin-left:2px; height:30px; line-height:30px; display:block; float:left; padding:0 10px 0 10px;}
A.center-top-menu:link, A.center-top-menu:visited, A.center-top-menu:active
{ background-color:#f8f8f8; text-decoration:none; color:Black; font-weight:bold; margin-left:2px; height:30px; line-height:30px; display:block; float:left;}
A.center-top-menu:hover
{ background-color:#8ae15b; text-decoration:none;color:Black; font-weight:bold; margin-left:2px; height:30px; line-height:30px; display:block; float:left;}

TD{font-family: 'Microsoft Sans Serif';font-size:small;color:Black;}

#pnProfile, #pnPhoto, #pnProfileMessage, #pnProfileFreeMessage{width:500px;display:table;}
#profile-content-info, #profile-content-personal, #profile-content-travelmate, #profile-content-character, #profile-content-looking
{width:500px;display:table;}
#profile-content-matchchart{}
#profile-content-photo, #profile-content-message, #profile-content-freemessage {display:table; width:755px;}

.profile-content-header {font-size:medium;font-weight:bold;padding:5px;background-color:#f8fff0;border-top:solid 1px #5ea641;}
.profile-content-detail {}
.profile-content-detail-h1 {color:#5ea641; padding:3px 3px 3px 10px;}
.profile-content-detail-main {clear:both;padding:3px;}
.profile-content-detail-left {width:160px;padding-left:10px;float:left;font-weight:bold; display:table-cell;}
.profile-content-detail-right {display:table-cell; width:320px;}
.profile-content-detail-desc {padding:10px;overflow-x:auto; word-wrap:break-word; width:490px;}
.profile-content-footer {height:5px;background-color:inherit;}

.profile-content-right-header {font-size:medium;font-weight:bold;padding:5px;background-color:#f8fff0;border-top:solid 1px #5ea641;}
.profile-content-right-detail {}
.profile-content-right-detail-main {clear:both;padding:3px;}
.profile-content-right-detail-left {width:130px;padding-left:10px;float:left;font-weight:bold;}
.profile-content-right-detail-right {float:right;}
.profile-content-right-detail-desc {margin:5px;padding:10px;text-indent:30px;height:inherit;overflow-x:auto;padding-bottom:20px;}
.profile-content-right-footer {height:5px;background-color:inherit;}

.profile-content-large-header {font-size:medium;font-weight:bold;padding:5px;background-color:#f8fff0;border-top:solid 1px #5ea641;}
.profile-content-large-detail {}
.profile-content-large-detail-main {clear:both;padding:3px;}
.profile-content-large-detail-left {width:130px;padding-left:10px;float:left;font-weight:bold;}
.profile-content-large-detail-right {display:table-cell; text-align:right;}
.profile-content-large-detail-desc {margin:5px;padding:10px;text-indent:30px;height:inherit;overflow-x:auto;padding-bottom:20px;}
.profile-content-large-footer {height:5px;background-color:inherit;}

.textbox {border: #000000 1px solid;font-weight: normal;font-size: medium;font-family: 'Microsoft Sans Serif'; padding:3px; font-weight:bold;}
.button {font-weight: bold;font-size: small;background-color:#5ea641;color:White;font-family: 'Microsoft Sans Serif'; cursor:pointer; cursor :hand; padding:3px 5px 3px 5px; border-top:solid 1px White; border-left:solid 1px White; border-bottom:solid 1px Black; border-right:solid 1px Black;}

#content-freemsg-menu {padding:5px;width:100%;text-align:center;}
#content-page-index {width:100%;}

#blog-header {width:500px; text-align:left;}
#blog-title {text-align:left;font-weight:bold;font-size:medium;}
#blog-slogan {text-align:left;}

#blog-rss {padding:5px;text-align:left;overflow:auto;}
.blog-rss {padding:3px;}

#blog-menu {width:200px;float:left;overflow:hidden;}

#blog-content {width:500px;text-align:left;overflow:hidden;}
#blog-detail, #blog-vote, #blog-comment, #blog-add-comment{width:100%;}
#blog-score {}
#blog-menu-calendar, #blog-menu-category, #blog-menu-entry, #blog-menu-comment, #blog-menu-link
{width:100%;border:solid 1px #5ea641; margin-top:5px;}

.menu-head {background-color:#f8fff0; padding:5px; font-weight:bold;}
.menu-list {padding:5px;text-align:left;}
.menu-foot {}

.menu-right-head {background-color:#f8fff0; padding:5px; font-weight:bold;}
.menu-right-list {padding:5px;text-align:left;}
.menu-right-foot {}

A.blog-menu:link, A.blog-menu:active, A.blog-menu:visited {padding:3px;text-align:left; display:block;}
A.blog-menu:hover {}

.blog-content-main{}
.blog-content-head {background-color:#f8fff0; padding:5px; font-weight:bold; border-top:solid 1px #5ea641;}

A.blog-title:link, A.blog-title:active, A.blog-title:visited /* Title ของบทความ */
{font-size:small;font-weight:bold;}
A.blog-title:hover{}

.blog-content-body {}
.blog-content-info {text-align:right;padding:3px;}
.blog-content-detail {padding:3px;}
.blog-content-bottom {padding:3px;text-align:right;}
.blog-content-foot {}

.blog-comment-main {}
.blog-comment-detail {width:100%;margin:10px 10px 0px 30px;display:table;}
.blog-comment-image {padding:5px;text-align:center;}
.blog-comment-footer {width:100%;margin-left:30px;margin-bottom:10px;font-size:8pt;font-family:Tahoma;margin-right:10px;border-top:solid 1px Black;}

.blog-comment-text{width:300px;height:100px;font-family: 'Microsoft Sans Serif';border:solid 1px Black;}
.blog-comment-button {font-weight: bold;font-size: small;background-color:#5ea641;color:White;font-family: 'Microsoft Sans Serif'; cursor:pointer; cursor :hand; padding:3px 5px 3px 5px; border-top:solid 1px White; border-left:solid 1px White; border-bottom:solid 1px Black; border-right:solid 1px Black;}

#blog-vote-main {padding:10px;float:right;text-align :center;}
.blog-vote-score { width:50px; height:50px; border:solid 1px #5ea641; background-color:#f8fff0; display:block; line-height:50px; font-size:xx-large; font-family:Garamond; font-weight:bolder;}
.blog-vote-button { width:52px; background-color:#5ea641; color:White; border:solid 1px #5ea641; cursor:pointer;}

#blog-page{width:100%;margin:0px 3px 0px 1px;}

TD.page-button {font-size:8pt;font-family:Tahoma;}
TD.page-info {font-size:8pt;font-family:Tahoma;}
TD.page-jump {font-size:8pt;font-family:Tahoma;}

A.blog-content-link:link, A.blog-content-link:active, A.blog-content-link:visited {}
A.blog-content-link:hover {}
.calendar {font-size:small;padding:0px;border:solid 1px Black;}
.calendar TD {}
.calendar-title {}
.calendar-title TD {font-weight:bold;padding:2px;background-color:White;}
.calendar-day-head {color:#5ea641;border:1px solid Black;}
.calendar-day {}
.calendar-mouse-over {color:White;background-color:#5ea641;}
.calendar-next-prev {color:White;}
.calendar-selected-day {}
.calendar-selector {}
.calendar-other-month-day {}
.calendar-today {font-weight:bold;}
.calendar-weekend-day {}
.calendar-blog-day {color:#5ea641;font-weight:bold;background-color:#edffdb;}