/* Theme Name: Help Thai Theme URI: http://www.helpthai.info/ Description: The default theme for helpthai.com Version: 1 Author: Tiger Idea Author URI: http://www.tigeridea.com/ */ /* @group General */ body {font: 13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; background-color: #fff;} a:focus {outline: 1px dotted invert} hr {border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0} h1 {font-size: 18px} h2 {font-size: 16px} h3 {font-size: 15px} h4 {font-size: 13px} h5 {font-size: 12px} h6 {font-size: 11px} ol {list-style-type: decimal} ul {list-style-type: disc;} li {margin-left: 30px} p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom: 20px} a {color: #002cb7; text-decoration: none;} a:visited {color: #0d3c7a;} a:hover {color: #f94b00;} a:active {color: #fc0000;} strong, b {font-weight: bold;} em, i {font-style: italic;} sup {padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important;} abbr {border: 0;} blockquote {margin: 1.2em 0; padding: 1.2em 1em 0; color: #000; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background-color: #f0f0f0;} pre, code {font-family: Courier, "Courier New", monospace; font-size: 1em;} pre {overflow: auto; margin: 0 0 1em 0; padding: 0 0 0.5em 0; white-space: pre-wrap;} /* @end */ /* @group Wordpress Images */ img.centered {display: block; margin-left: auto; margin-right: auto;} img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;} img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;} imghome{ margin: 0 0px 0px 0;} .alignright {float: right;} .alignleft {float: left} .aligncenter {display: block; margin-left: auto; margin-right: auto;} .wp-caption {text-align: center; background-color: #fff; padding: 10px 5px 0; margin: 0 0 20px;border: 1px solid #ddd;} .wp-caption img {margin: 0; padding: 0; border: 0 none;} .wp-caption p.wp-caption-text {font-size: 11px; line-height: 12px; padding: 4px; margin: 0; color: #999;} .gallery img {border:1px solid #CFCFCF;padding: 4px;} /* @end */ /* @group Header */ #languages{height: 25px; background: url(images/top.png) repeat-x;} #flags{width: 250px;margin: 0 auto;} #flags #thai{display: block;float: left;width: 105px; background: url(images/flags.png) no-repeat;height: 0;padding-top: 25px;overflow: hidden;} #flags #english{display: block;float: right;width: 145px;background: url(images/flags.png) no-repeat -105px 0;height: 0;padding-top: 25px;overflow: hidden;} #header{background-color: #fff;} #logo{padding-top: 15px; height: 60px;} #more-info{text-align: right;padding-top: 10px;} #flag #th{margin-right: 12px;} #flag #qtrans_language_chooser{} #flag ul#qtrans_language_chooser {margin: 0;list-style-type: none;height: 20px;} #flag ul#qtrans_language_chooser li{margin: 0 0 0 10px;display: inline;} #flag a.qtrans_flag_and_text {padding-bottom: 5px;} #flag a.qtrans_flag_and_text span{vertical-align: -2px;} /* MAIN MENUS */ #nav{height: 40px;padding: 0; background: #104d98 url(images/nav.png) no-repeat;} #searchbox{float: right; width: 145px;padding-top: 11px;} #nav ul#mainnav {padding: 0;margin: 0;} #nav ul#mainnav li {display: inline;margin: 0;padding: 0;} #nav ul#mainnav li a {float: left; height: 0px; padding-top: 40px; overflow: hidden; background-image: url(images/nav.png); background-repeat: no-repeat;} /* BUTTONS */ #nav li#m1 a {background-position: 0px 0px; width: 80px;} #nav li#m2 a {background-position: -80px 0px; width: 146px;} #nav li#m3 a {background-position: -226px 0px; width: 115px;} #nav li#m4 a {background-position: -341px 0px; width: 147px;} #nav li#m5 a {background-position: -488px 0px; width: 115px;} #nav li#m6 a {background-position: -603px 0px; width: 79px;} #nav li#m7 a {background-position: -682px 0px; width: 80px;} /* OVER STATES */ #nav li#m1 a:hover {background-position: 0px -40px;} #nav li#m2 a:hover {background-position: -80px -40px;} #nav li#m3 a:hover {background-position: -226px -40px;} #nav li#m4 a:hover {background-position: -341px -40px;} #nav li#m5 a:hover {background-position: -488px -40px;} #nav li#m6 a:hover {background-position: -603px -40px;} #nav li#m7 a:hover {background-position: -682px -40px;} /* PRESSED STATES */ #nav li#m1 a:active {background-position: 0px -80px;} #nav li#m2 a:active {background-position: -80px -80px;} #nav li#m3 a:active {background-position: -226px -80px;} #nav li#m4 a:active {background-position: -341px -80px;} #nav li#m5 a:active {background-position: -488px -80px;} #nav li#m6 a:active {background-position: -603px -80px;} #nav li#m7 a:active {background-position: -682px -80px;} /* SELECTED STATES */ #nav.m1 li#m1 a {background-position: 0px -120px;} #nav.m2 li#m2 a {background-position: -80px -120px;} #nav.m3 li#m3 a {background-position: -226px -120px;} #nav.m4 li#m4 a {background-position: -341px -120px;} #nav.m5 li#m5 a {background-position: -488px -120px;} #nav.m6 li#m6 a {background-position: -603px -120px;} #nav.m7 li#m7 a {background-position: -682px -120px;} /* @end */ /* @group Content */ #banner{width: 940px;margin: 0 auto 15px;} #banner-home{height: 370px; background: #fae3a0 url(images/banner-home.jpg) no-repeat 0 0;margin-bottom: 15px;} #banner-home #vdo{padding:25px 0 0 25px;height: 272px;} #banner a#test-banner-impact{display: block;width: 940px;height: 435px; background-image: url(images/mockup-impact.jpg);} #banner a:hover#test-banner-impact{ background-position: 0 -435px;} #banner a#test-banner-map{display: block;width: 940px;height: 385px; background-image: url(images/mockup-map.jpg);} #banner a:hover#test-banner-map{background-position: 0 -385px;} #home-vdo{float: right;width: 320px;} #home-projects{padding: 15px 0; background: url(images/banner-bottom.jpg) no-repeat 0 bottom;background-color: #f2d295;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #home-projects h2{font-size: 16px;margin-bottom: 10px; color: #004daf;padding-left: 20px;} #banner-home h1{font-size: 16px;margin-bottom: 10px; color: #004daf;} #body {background-color: #fff;margin-bottom: 15px;} #about-mission{width: 940px;margin: 0 auto 15px; background: #d7eef1 url(images/about-sub-bottom.jpg) no-repeat 0 bottom;padding-bottom: 20px;} #about-mission #main{text-align: center;} #mission{padding: 0 20px 0 10px;} #mission #sidebar{padding-top: 10px;} #mission #sidebar img {height: 60x;width: 240px;} #mission #entry{width: 600px;padding-top: 10px;} #mission #entry p, #mission #entry h2{padding: 0 10px;} #mission #entry hr {border: 0 dotted #fff; border-top-width: 2px; clear: both; height: 0;width: 580px;margin-right: auto;margin-left: auto;} #mission #entry h1 {margin-bottom: 25px;} #mission #entry .m1 {color: #ae0000;} #mission #entry .m2 {color: #d15d00;} #mission #entry .m3 {color: #c27d00;} #mission #entry .m4 {color: #508e00;} #mission #entry li{margin-bottom: 10px;} .sub-mission{margin-bottom: 15px;} #mission #entry .content-sp1 {width: 288px;float: left;margin:0 5px 10px; border: 1px solid #f7d04c;} #mission #entry .content-sp1 h2{padding: 5px 6px 3px;margin: 0;color: #fff; background: #f2b70e url(images/head-table-m3.png) repeat-x;font-size: 14px;} #mission #entry .content-sp1 ul{margin: 0;padding: 0;} #mission #entry .content-sp1 li{padding: 3px 6px;background-color: #fff; border-bottom: 1px dotted #fae3a0;list-style-type: none;margin: 0;} #mission #entry .content-theact {background-color: #fff;margin: 0 auto 15px;width: 580px;} #mission #entry .content-theact p{padding: 15px 10px;} #mission #entry .content-theact h2{padding: 5px 10px 3px;margin: 0;color: #fff; background: #d3650e url(images/head-table.png) repeat-x;font-size: 14px;} #faq #sidebar{width: 250px;} #faq #sidebar li{list-style-type: disc;margin-left: 16px; list-style-position: outside;margin-bottom: 8px;} #faq #entry{} #faq #entry h3{color: #fff; background: #09386d url(images/faq-h3.png) no-repeat;padding: 12px 15px 3px;height: 30px;margin-bottom: 25px;} #faq #entry p {padding: 0 10px;} #faq #entry a.backtotop{display: block;height: 0;padding-top: 25px;overflow: hidden; background: url(images/backtotop.png) no-repeat;} #about-timeline{background-color: #ddd;} #timeline-prev{width: 50px;float: left;margin: 0;padding: 0;} #timeline-prev a#prev{display: block;padding-top: 300px;height: 0;overflow: hidden; background: url(images/timeline-prev.png) no-repeat;} #timeline-prev a#prev:active{background-position: -50px 0;} #timeline-body{width: 840px;float: left;margin: 0;padding: 0;} #timeline-next{width: 50px;float: right;margin: 0;padding: 0;} #timeline-next a#next{display: block;padding-top: 300px;height: 0;overflow: hidden; background: url(images/timeline-next.png) no-repeat;} #timeline-next a#next:active{background-position: -50px 0;} #my-timeline{border: none;font-size: 12px;} #faq{width: 940px;padding: 0; margin: 0 auto 15px; background: #ccd7de url(images/faq-bottom.jpg) no-repeat 0 bottom;padding-bottom: 15px;} #share{width: 940px;padding: 30px 0 0; margin: 0 auto 15px; background: #eee url(images/banner-share.jpg) no-repeat;height: 575px;} #share #sidebar{display: none;} #share #entry{width: 670px;padding-top: 15px;} #guestbook-form{} #guestbook-form h3{display: none;} #contact{width: 940px;padding: 0; margin: 0 auto 15px; background: #eee url(images/contact-bottom.jpg) no-repeat 0 bottom;padding-bottom: 15px;} #blog-index{width: 940px;padding: 0; margin: 0 auto 15px; background: #eee url(images/contact-bottom.jpg) no-repeat 0 bottom;} #blog-index .top{ background: url(images/blog.jpg) no-repeat 0 top;padding-top: 50px;padding-bottom: 15px;} #blog-index .top-nobanner{ background: url(images/blog.jpg) no-repeat 0 -5px;padding-top: 50px;padding-bottom: 15px;} #blog-index #entry h2{margin-bottom: 5px;} #blog-index .info{font-size: 10px; color: #666;margin-bottom: 5px;} #blog-index .excerpt {margin-bottom: 15px;} #blog-index .excerpt p{margin-bottom: 10px;} #sidebar{width: 220px;float: left;padding: 0 0 0 20px;font-size: 12px;} #entry{width: 620px;float: right;padding-right: 20px;} #project-body{ background: #eee url(images/project-landing-body.png) repeat-x;font-size: 12px;padding-top: 10px;margin-bottom: 15px;} #project-body table{margin: 0;} #project-body td{padding:15px 10px 5px; vertical-align: top;width: 213px;} #project-body td.icon{width: 60px;text-align: center;font-size: 10px;font-weight: bold;} #project-body td.line{ background: url(images/line.png) repeat-x;padding: 0;height: 2px;overflow: hidden;} #project-body h2{font-size: 14px;margin-bottom: 5px;} #project-body p{margin-bottom: 10px;} #project-body #attachments{height: 55px; background: url(images/documents.png) no-repeat;} #project-body #attachments a{} #project-body #attachments #docs{padding-top: 9px;padding-left: 126px;float: left;width: 440px;} #project-body #attachments #procurement{padding-top: 9px;float: right;width: 335px;} .doc {margin-right: 5px;} #projects{padding-bottom: 20px;background: #a2c2e0 url(images/about-project-bottom.png) no-repeat 0 bottom;margin-bottom: 15px;} #projects h2{ background: url(images/about-project-head.png) no-repeat;width: 940px;height: 0;padding-top: 55px;overflow: hidden;} #projects h2#head-projects-en{ background: url(images/about-project-head-en.png) no-repeat;width: 940px;height: 0;padding-top: 55px;overflow: hidden;} #projects .featured{width: 430px;padding: 5px 10px; height: 160px;float: left;} #projects .icon{width: 150px;float: left;} #projects .info {float: right;width: 270px;} /* FOR EN */ #projects .info h2 {background: none;width: 100%;height: auto;padding: 0;color: #00386c;} #projects .info h3{height: 0;padding-top: 46px;overflow: hidden;margin-bottom: 5px;} #projects .info h3#cheque{background: url(images/h-cheque.png) no-repeat;} #projects .info h3#chumchon{background: url(images/h-chumchon.png) no-repeat;} #projects .info h3#tonkla-archeep{background: url(images/h-tonkla-archeep.png) no-repeat;} #projects .info h3#old-age-pension{background: url(images/h-old-age-pension.png) no-repeat;} #projects .info h3#free-education{background: url(images/h-free-education.png) no-repeat;} #projects .info h3#agriculture-prices-guarantee{background: url(images/h-agriculture-prices-guarantee.png) no-repeat;} #projects .info p{font-size: 12px;line-height: 1.4em;} #projects-boxes{padding-left: 10px;} a.project-box{display: block;width: 210px;padding: 5px 10px 7px;float: left;} div.project-box-en{display: block;width: 210px;padding: 5px 10px 7px;float: left;height: 40px;} div.project-box{display: block;width: 210px;padding: 5px 10px 7px;float: left;height: 55px;} div.project-box div.project-box-bar{ background: url(images/bar-p-bg.png) no-repeat;height: 15px;padding: 5px 5px 0;} div.project-box div.project-box-bar img {margin-bottom: 1px;} div.project-box a#b-cheque {display: block;height: 35px; background: url(images/about-project-a-small.png) no-repeat;} div.project-box a#b-chumchon {display: block;height: 35px; background: url(images/about-project-b-small.png) no-repeat;} div.project-box a#b-tonkla-archeep{display: block;height: 35px; background: url(images/about-project-c-small.png) no-repeat;} div.project-box a#b-old-age-pension{display: block;height: 35px; background: url(images/about-project-d-small.png) no-repeat;} div.project-box a#b-dust-free-road{display: block;height: 35px; background: url(images/about-project-e.png) no-repeat;} div.project-box a#b-building-confidence{display: block;height: 35px; background: url(images/about-project-f.png) no-repeat;} div.project-box a#b-five-six-cost-reduction{display: block;height: 35px; background: url(images/about-project-g.png) no-repeat;} div.project-box a#b-blue-flag-scheme{display: block;height: 35px; background: url(images/about-project-h.png) no-repeat;} div.project-box a#b-police-residence{display: block;height: 35px; background: url(images/about-project-i.png) no-repeat;} div.project-box a#b-health-center-improvement{display: block;height: 35px; background: url(images/about-project-j.png) no-repeat;} div.project-box a#b-tourism-support{display: block;height: 35px; background: url(images/about-project-k.png) no-repeat;} div.project-box a#b-assisting-smes{display: block;height: 35px; background: url(images/about-project-l.png) no-repeat;} div.project-box a#b-health-volunteer-support{display: block;height: 35px; background: url(images/about-project-m.png) no-repeat;} div.project-box a#b-free-education{display: block;height: 35px; background: url(images/about-project-n.png) no-repeat;} div.project-box a#b-small-water-resource-development{display: block;height: 35px; background: url(images/about-project-o.png) no-repeat;} div.project-box a#b-small-irrigation{display: block;height: 35px; background: url(images/about-project-p.png) no-repeat;} div.project-box a#b-agriculture-prices-guarantee{display: block;height: 35px; background: url(images/about-project-q.png) no-repeat;} div.project-box a#b-tax-measures{display: block;height: 35px; background: url(images/about-project-r.png) no-repeat;} #project-landing-banner{ background: url(images/project-progress-banner.png) no-repeat;height: 215px;padding-top: 20px;width: 940px;margin: 0 auto;} #project-landing-icon {padding: 20px 40px 0;float: left;} #project-landing-info{float: right;width: 690px;} #project-landing-bar{float: left;width: 345px;font-size: 11px;} #project-landing-bar h1{padding-top: 15px;color: #00386c;margin: 0;} #project-landing-bar h4{font-weight: normal;font-size: 11px;} #project-landing-payment{padding-top: 25px;float: left;width: 160px;} #project-landing-result{padding-top: 25px; float: right;width: 160px; } .bar{height: 10px;width: 160px; background: url(images/bar-bg.png) repeat-x;margin-bottom: 10px;} #project-landing-news{float: right;width: 265px;padding: 20px 40px 0 0;} #project-landing-news h2 a{height: 0;padding-top: 40px;overflow: hidden;background: url(images/detail.png) no-repeat right 0;display: block;margin: 0;} #project-landing-news h2 {display: none;} #project-landing-news h3#lastupdate{padding-left: 95px;padding-top:4px;color: #02396d;margin-bottom: 35px;font-weight: normal;} #project-landing-news h3 {font-size: 12px;margin-bottom: 2px;} #project-landing-news .small{font-size: 10px;margin-bottom: 5px;} #project-landing-news li{font-size: 12px;margin-left: 12px;color: #42729e;} #province-landing-banner{background: url(images/province-landing-banner.png) no-repeat;height: 215px;padding-top: 20px;width: 940px;margin: 0 auto 15px;} #province-landing-icon {padding: 20px 40px 0;float: left;width: 150px;} #progress-banner{ background: #a2c2e0 url(images/progress-bottom.png) no-repeat 0 bottom;width: 940px;margin: 0 auto;padding-bottom: 15px;} h1#banner-head{ background: url(images/progress-head.png) no-repeat;height: 0;padding-top: 45px;overflow: hidden;} .project-landing-box{ background: #d9e1e8 url(images/box-bottom.jpg) no-repeat 0 bottom;padding-bottom: 5px;} .box-body{height: 150px;} a.box-detail{margin-bottom: 0;display: block;margin-top: 3px;} .project-landing-box h2{ background: #aabfd3 url(images/box-head.jpg) no-repeat;height: 25px;padding: 10px 15px 0; color: #12375d;font-size: 13px;margin-bottom: 15px;} .project-landing-box p{padding: 0 15px;} #content{} #content td input{padding: 3px;} #content h1{font-size: 18px;text-transform: uppercase;margin-bottom: 10px;} #content h1 .normal {font-weight: normal;font-style: normal;} #content h3 {margin-bottom: 10px;} #content h4 {margin-bottom: 5px;} #content td, th {vertical-align: top;padding: 3px 5px 1px 0;} /* @group Timeline */ .timeline-event-bubble-wiki{display: none;} /* @end */ #content th {text-align: left;} #content td {} #content table {border-collapse:separate;border-spacing:1px;text-indent:0;} #content table.layout{border-spacing: 0; padding: 0;} #content table.layout td {padding: 0;} #content .date {font-size: 10px; color: #666;} #content h2{margin-bottom: 10px;} #sidbar ul{padding: 0;margin: 0;} #sidebar ul li {padding: 0;list-style-type: none; margin: 0;} #sidebar ul li.selected a{color: #fff;font-weight: bold;background-color: #567ba7;} #sidebar li.widget {margin: 0 0 20px;} #sidebar li.widget ul ul {margin: 0;} #sidebar li.widget ul li{list-style-type: disc; list-style-position: outside;margin-left: 15px;} #sidebar h2{margin-bottom: 15px;} #featured {} #featured .featured-item{background-color: #777; height: 210px;} #featured .featured-item img {border-bottom: 1px solid #eee;} #featured .featured-item h2{font-size: 13px; line-height: 17px; margin: 7px 7px 4px;font-weight: normal;font-style: normal;} #featured .featured-item h2 a{color: #fff;} #featured .featured-item h2 a:hover{color: #ccc;} #featured .featured-item h3{font-size: 11px; margin: 0 7px 7px; font-weight: normal; font-style: normal; color: #eee;} #projects-en h2{color: #003567;} #projects-en h3{margin-bottom: 10px; color: #003567;} #projects-en td.mid{padding: 0 15px;} #projects-en p{font-size: 12px;line-height: 1.3em;} /* @end */ /* @group Comment */ h2#comments {color: #22364e; font: 15px/1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 20px 0 10px;} h2#comments .num {float: right; font-size: 10px; color: #b2bbc4; padding-top: 2px;} .commentlist {padding: 0; margin: 5px 0;} .commentlist li {margin: 10px 0 3px; padding: 5px; list-style: none; background-color: #f3f3f3; border: 1px solid #e4e4e4;} .commentlist li img.avatar {float: left; border: ; border-top: 1px solid #fff;} .commentlist .commentinfo {float: right; width: 420px;} .commentlist p {font-size: 12px; line-height: 15px; margin: 0 0 4px;} .commentinfo .date {font-size: 9px; color: #999;} .commentinfo .date a {color: #999;} h2#respond {color: #22364e; font: 15px/1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 20px 0 10px;} #commentform p {margin-bottom: 6px;} #commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;} #commentform textarea {width: 99%; padding: 2px;} #commentform #submit {margin: 5px 0 10px;} /* @end */ /* @group Footer */ #footer {padding: 15px 85px 15px 190px;font-size: 10px;width: 665px;margin: 0 auto; height: 55px; color: #555; background: #fff url(images/foot.png) no-repeat;} #footer a{ color: #444;} #footer a:hover{ color: #333;} #footer p{margin: 0;} /* @end */ /* @group Footer-EN */ #footer-en {padding: 15px 85px 15px 190px;font-size: 10px;width: 665px;margin: 0 auto; height: 55px; color: #555; background: #fff url(images/foot-en.png) no-repeat;} #footer-en a{ color: #444;} #footer-en a:hover{ color: #333;} #footer-en p{margin: 0;} /* @end */ .error { font-size: 10px; color: #900; margin-left: 5px; } .message { font-size: 12px; color: #700; }