/* -*- coding: utf-8-unix; -*- tn.css Last Updated: "2009-04-05 Sun 11:23:34" */ #all {width: 700px; margin: 0px auto;} #header {background: url("img/frame_tn_header.gif") no-repeat bottom; height: 13px; margin-top: 30px;} #body {background: url("img/frame_tn_side.gif") repeat;} #footer {background: url("img/frame_tn_footer.gif") no-repeat; height: 13px; margin-bottom: 30px;} #contents {padding: 10px 42px;} #title {background: url("img/title_tabinikki.gif") no-repeat; width: 331px; height: 55px; margin: 0px auto 10px auto;} #menu {position: relative; width: 553px; height: 29px; margin: 0px auto 40px auto;} #menu a {_vertical-align: top;} /* this affects Firefox */ #menu span.home {background: url("img/menu_home_on.gif") no-repeat;} #menu span.tabinikki {background: url("img/menu_tabinikki_on.gif") no-repeat;} #menu span.isawit {background: url("img/menu_isawit_on.gif") no-repeat;} #menu span.profits {background: url("img/menu_profits_on.gif") no-repeat;} #menu span.contact {background: url("img/menu_contact_on.gif") no-repeat;} #menu span.links {background: url("img/menu_links_on.gif") no-repeat;} #menu span.faq {background: url("img/menu_faq_on.gif") no-repeat;} #menu a.home {background: url("img/menu_home.gif") no-repeat;} #menu a.tabinikki {background: url("img/menu_tabinikki.gif") no-repeat;} #menu a.isawit {background: url("img/menu_isawit.gif") no-repeat;} #menu a.profits {background: url("img/menu_profits.gif") no-repeat;} #menu a.contact {background: url("img/menu_contact.gif") no-repeat;} #menu a.links {background: url("img/menu_links.gif") no-repeat;} #menu a.faq {background: url("img/menu_faq.gif") no-repeat; cursor: help;} #menu a:hover.home {background: url("img/menu_home_on.gif") no-repeat;} #menu a:hover.tabinikki {background: url("img/menu_tabinikki_on.gif") no-repeat;} #menu a:hover.isawit {background: url("img/menu_isawit_on.gif") no-repeat;} #menu a:hover.profits {background: url("img/menu_profits_on.gif") no-repeat;} #menu a:hover.contact {background: url("img/menu_contact_on.gif") no-repeat;} #menu a:hover.links {background: url("img/menu_links_on.gif") no-repeat;} #menu a:hover.faq {background: url("img/menu_faq_on.gif") no-repeat; cursor: help;} /* positions of "a" tag and "img" tag don't match on Firefox, bug? */ #menu .home {position: absolute; top: 0px; left: 0px;} #menu .tabinikki {position: absolute; top: 0px; left: 75px;} #menu .isawit {position: absolute; top: 0px; left: 212px;} #menu .profits {position: absolute; top: 0px; left: 308px;} #menu .contact {position: absolute; top: 0px; left: 385px;} #menu .links {position: absolute; top: 0px; left: 442px;} #menu .faq {position: absolute; top: 0px; left: 503px;} /* width and height don't work with "a" tag on Firefox, they work on IE... so use 1.gif (1x1-empty gif) to work around. */ .home img {width: 66px; height: 29px;} .tabinikki img {width: 129px; height: 29px;} .isawit img {width: 88px; height: 29px;} .profits img {width: 69px; height: 29px;} .contact img {width: 49px; height: 29px;} .links img {width: 53px; height: 29px;} .faq img {width: 51px; height: 29px;} #top-pix {background: url("img/tn_top_pix.jpg") no-repeat; width: 578px; height: 436px; margin: 0px auto 40px auto;} #whatsnew {text-align: left;} .whatsnew {background: url("img/header_whatsnew.gif") no-repeat; width: 118px; height: 29px; float: left;} .whatsold {background: url("img/btn_whatsold.gif") no-repeat; width: 174px; height: 29px; float: right;} a:hover img.whatsold {background: url("img/btn_whatsold_on.gif") no-repeat;} #whatsnew-table {float: left; border: 0px; width: 455px; margin-bottom: 40px;} #whatsnew-table td {font-size: 80%; text-align: left; vertical-align: top; padding-right: 7px; line-height: 130%;} #whatsnew-table .d {white-space: nowrap;} #whatsnew-table .quote {font-weight: normal;} #whatsnew-ad {float: right; width: 150px; height: 391px; margin: 0px 5px 20px 0px;} #whatisit {text-align: left; margin-top: 40px;} .whatisit {background: url("img/header_whatisit.gif") no-repeat; width: 189px; height: 29px;} #rules {text-align: left; margin-top: 40px;} #rules .frame-hl {margin-bottom: 20px;} .rules {background: url("img/header_rules.gif") no-repeat; width: 177px; height: 29px;} .rule-items {background: url("img/icon_dot.gif") no-repeat left center; padding-left: 20px; margin-left: 40px;} #goal {text-align: left; margin-top: 40px;} .goal {background: url("img/header_goal.gif") no-repeat; width: 158px; height: 29px;} .hottokenai {font-size: 170%; text-align: center;} .hottokenai-sub {font-size: 80%; text-align: center;} #lastdiary {text-align: left; margin-top: 40px;} .lastdiary {background: url("img/header_lastdiary.gif") no-repeat; width: 273px; height: 29px; float: left;} .contact2 {background: url("img/btn_contact.gif") no-repeat; width: 72px; height: 29px; float: right;} a:hover img.contact2 {background: url("img/btn_contact_on.gif") no-repeat;} #read {text-align: left;} .read {background: url("img/header_tabinikki.gif") no-repeat; width: 156px; height: 29px;} #lastseen {text-align: left;} .lastseen {background: url("img/header_lastplace.gif") no-repeat; width: 139px; height: 29px;} #first-diary {font-weight: bold; padding: 0px 50px; margin-bottom: 30px;} #first-diary-title {border-bottom: 1px solid #400606;} #notice-mail-form {text-align: center; margin: 50px 0px;} #notice-mail-form .input-email {width: 320px;} #link-table {border: 0px; border-collapse: collapse; margin: 0px auto;} #link-table th {border-bottom: 1px solid #400606; padding: 0px 10px; text-align: left;} #link-table td {padding: 20px 10px 0px 10px;} #worldmap {background: url("img/tn_worldmap.gif") no-repeat; width: 349px; height: 227px; margin-right: 20px; float: left;} .lhasa {} .kathmandu, .istanbul {margin-top: 10px;} .cairo, .ammon {margin: 0px 10px; float: left;} .patagonia {margin: 0px 10px;} .lastd, .lastp {margin-left: 11px;} #isawit, #profits, #contact, #links, #faq, #whatsold {text-align: left; margin-top: 40px;} .isawit-h {background: url("img/header_isawit.gif") no-repeat; width: 182px; height: 29px; float: left;} .profits-h {background: url("img/header_profits.gif") no-repeat; width: 175px; height: 29px;} .contact-h {background: url("img/header_contact.gif") no-repeat; width: 98px; height: 29px;} .links-h {background: url("img/header_links.gif") no-repeat; width: 81px; height: 29px;} .faq-h {background: url("img/header_faq.gif") no-repeat; width: 142px; height: 29px;} .whatsold-h {background: url("img/header_whatsold.gif") no-repeat; width: 176px; height: 29px;} #profit-table {border-collapse: collapse;} #profit-table .d {vertical-align: top;} #contact-form {text-align: left; margin: 60px 0px 0px 100px;} #contact-form input, #contact-form textarea {margin-bottom: 10px;} .input-name .input-email {width: 210px;} textarea {width: 420px; height: 180px;} textarea, .input-msg, .input-name, .input-email {border: 1px #400606 solid; background-color: #D3C0B0; color: black; padding: 2px 0px 0px 1px;} .input-email {ime-mode: disabled;} .btn {border: 1px #400606 solid; background-color: #D8C8B9; color: black; cursor: hand; height: 20px; padding: 2px 0px 0px 1px;} #copyright {background: url("img/tn_copyright.gif") no-repeat; width: 296px; height: 15px; margin: 50px auto 1px auto;} .notes {font-size: 80%;} .frame-hl {background: url("img/frame_hl.gif") no-repeat; width: 614px; height: 13px; margin-bottom: 20px;} .next {background: url("img/arrow_right.gif") no-repeat; width: 20px; height: 29px;} .prev {background: url("img/arrow_left.gif") no-repeat; width: 20px; height: 29px;} .tn-name {font-weight: bold; font-size: 80%; color: #8B0000;} .curhelp {cursor: help;} .quote, .emphasize {font-weight: bold;} .uldot {border-bottom: 1px dotted #400606;} .jpy {font-family: "ＭＳ Ｐゴシック";} .text-hw {font-family: "Comic Sans MS"; font-size: 95%; font-weight: bold; line-height: 100%;} .total {background-color: #D0C0B0;} .ad-bot {border: 1px solid #400606; width: 468px; height: 60px; margin: 60px auto 50px auto;} a {text-decoration: none;} a:active {color: #B30404; font-weight: bold;} a:link {color: #400606; font-weight: bold;} a:visited {color: #400606; font-weight: bold;} a:hover {color: #B30404; font-weight: bold;} body {background-color: #D8C8B9; color: #400606; font-family: "Arial", "ＭＳ Ｐゴシック", "Osaka"; text-align: center; line-height: 130%; scrollbar-track-color: #D8C8B9; scrollbar-face-color: #400606; scrollbar-arrow-color: #D8C8B9; scrollbar-3dlight-color: #D8C8B9; scrollbar-highlight-color: #400606; scrollbar-shadow-color: #400606; scrollbar-darkshadow-color: #D8C8B9;} img {border: 0px;} br.clear {clear: both;} p {line-height: 140%; text-align: left;} /* obsolate .email {font-family: Arial; font-weight: bold;} .fs-1 {font-size: 90%;} .fs-2 {font-size: 80%;} .fs-3 {font-size: 70%;} .fs0 {font-size: 100%;} .fs1 {font-size: 120%; font-weight: bold;} .fs2 {font-size: 200%; font-weight: bold;} .fs3 {font-size: 300%; font-weight: bold;} .hmar {margin-left: 30px;} .hwtext {font-family: Comic Sans MS; font-weight: bold;} .list {line-height: 130%; margin-left: 65px; margin-right: 30px; margin-bottom: 5px;} .text {line-height: 130%; margin-left: 35px; margin-right: 30px;} .timestamp {color: #C8B8A9; font-family: Times; font-size: 75%; text-align: right;} */ /* debug #whatsnew-table {border: 1px solid blue;} */