/*
Theme Name: Pridi Phoonsuk
Theme URI: http://pridi-phoonsuk.org/
Description: The default theme for pridi-phhonsuk.org.
Version: 1
Author: iMenn
Author URI: http://imenn.com/
*/
/* @group General */
body {font: 13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; background-color: #3f3f3f;}
a:focus {outline: 1px dotted invert;}
hr {border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0;}
h1 {font-size: 16px}
h2 {font-size: 16px}
h3 {font-size: 15px}
h4 {font-size: 13px}
h5 {font-size: 12px}
h6 {font-size: 11px}
ol {list-style: decimal}
ul {list-style-type: disc;}
li {margin-left: 30px}
dd {margin-left: 30px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom: 20px}
a {color: #ba3a2d;}
a:hover {color: #f90;}
a:link, a:visited, a:active, a:hover {text-decoration: none;}
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.7em; color: #76797c; _position: static !important;}
sup:target{background-color: #e3d1b5;font-weight: bold;}
abbr {border: 0;}
blockquote {margin: 1.5em 0; padding: 20px 20px 0 50px; color: #3b2d1d; border-top: 1px dotted #e9e6b1; border-bottom: 1px dotted #d6ccaa; background: #f1eac7 url(images/quote.png) no-repeat 15px 15px;}
blockquote p {margin-bottom: 18px;}
pre, code {font-family: Courier, "Courier New", monospace; font-size: 1em;}
pre {overflow: scroll; 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;}
.alignright {float: right;}
.alignleft {float: left}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {background-color: #fdffe8;border: 1px solid #e6e8c7; text-align: center;  padding-top: 5px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0 0 4px; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 16px; padding: 0 4px 5px; margin: 0;}
/* @end */
/* @group Header */
#header {height: 100px; overflow: hidden; padding: 0; margin: 0; background: url(images/bg-head.gif) center;}
/* MAIN MENUS */
#nav {padding-top: 40px;}
#nav ul {margin: 0; padding: 0;}
#mainnav {margin: 0; padding: 0;}
#mainnav li {display: inline;}
#mainnav li a {float: left; height: 0px; padding-top: 50px; overflow: hidden; background-image: url(images/nav.gif); background-repeat: no-repeat;}
/* BUTTONS */
#mainnav li#m1 a {background-position: 0px 0px; width: 60px;}
#mainnav li#m2 a {background-position: -60px 0px; width: 120px;}
#mainnav li#m3 a {background-position: -180px 0px; width: 70px;}
#mainnav li#m4 a {background-position: -250px 0px; width: 75px;}
#mainnav li#m5 a {background-position: -325px 0px; width: 105px;}
#mainnav li#m6 a {background-position: -430px 0px; width: 80px;}
#mainnav li#m7 a {background-position: -510px 0px; width: 130px;}
/* OVER STATES */
#mainnav li#m1 a:hover {background-position: 0px -50px;}
#mainnav li#m2 a:hover {background-position: -60px -50px;}
#mainnav li#m3 a:hover {background-position: -180px -50px;}
#mainnav li#m4 a:hover {background-position: -250px -50px;}
#mainnav li#m5 a:hover {background-position: -325px -50px;}
#mainnav li#m6 a:hover {background-position: -430px -50px;}
#mainnav li#m7 a:hover {background-position: -510px -50px;}
/* PRESSED STATES */
#mainnav li#m1 a:active {background-position: 0px -100px;}
#mainnav li#m2 a:active {background-position: -60px -100px;}
#mainnav li#m3 a:active {background-position: -180px -100px;}
#mainnav li#m4 a:active {background-position: -250px -100px;}
#mainnav li#m5 a:active {background-position: -325px -100px;}
#mainnav li#m6 a:active {background-position: -430px -100px;}
#mainnav li#m7 a:active {background-position: -510px -100px;}
/* SELECTED STATES */
#mainnav.m1 li#m1 a {background-position: 0px -150px;}
#mainnav.m2 li#m2 a {background-position: -60px -150px;}
#mainnav.m3 li#m3 a {background-position: -180px -150px;}
#mainnav.m4 li#m4 a {background-position: -250px -150px;}
#mainnav.m5 li#m5 a {background-position: -325px -150px;}
#mainnav.m6 li#m6 a {background-position: -430px -150px;}
#mainnav.m7 li#m7 a {background-position: -510px -150px;}
/* @end */
/* @group Content */
#mainbody {background-color: #fdffdc;}
#body {padding: 20px 0;}

.sticky-1{}
#home-sticky {height: 170px;background-color: #e2ebcc;padding: 10px;overflow: auto;}
#home-sticky h3{font-size: 12px;margin-bottom: 10px;}
#home-sticky p{font-size: 11px;margin-bottom: 10px;}


#banner-home1{ background: url(images/banner-home1.jpg) no-repeat;height: 300px;}
#banner-home2{ background: url(images/banner-home2.jpg) no-repeat;height: 300px;}
#banner-home3{ background: url(images/banner-home3.jpg) no-repeat;height: 300px;}
#banner-home4{ background: url(images/banner-home4.jpg) no-repeat;height: 300px;}

#pridi-info{padding: 60px 10px 0 25px;width: 220px;font-size: 11px;color: #521918;text-align: right;line-height: 14px;float: left;}
#pridi-info p {margin-bottom: 12px;}

#phoonsuk-info{padding: 60px 25px 0 10px;width: 220px;font-size: 11px;color: #521918;text-align: left;line-height: 14px;float: right;}
#phoonsuk-info p {margin-bottom: 12px;}

a.button-more{display: block;height: 0;padding-top: 24px;width: 95px; background: url(images/more.gif) no-repeat;overflow: hidden;}

#pridi-info a.button-more {float: right;}


#content h1{padding: 5px 10px 3px;color: #fff;background: #af7b46 url(images/h1.gif) repeat-x;}
#content h1 a{color: #fff;}
#content h1.nospace{margin: 0;}

#content table{border-collapse: separate; border-spacing: 1px; display: table;}
#content table th{padding: 4px 5px;background: #926639;color: #fff;font-weight: bold;}
#content table td{padding: 3px 5px;background: #f1eac7;border-bottom: 1px solid #e0dab9;}



#sticky{ background: url(images/sticky.png) no-repeat;height: 25px;margin-bottom: 15px;}
.item{}
.pic{float: left;width: 80px;margin-bottom: 15px;}
.pic img.thumbnail{width: 70px;height: 90px;padding: 2px;background-color: #fff;border: 1px solid #dccdb1;}
.info{float: right;width: 550px;}

.info h3{font-size: 14px;margin-bottom: 10px;}
.info p{margin-bottom: 15px;}








/* @end */
/* @group Sidebar */
#sidebar{background-color: #dccdb1;padding: 0;color: #8a7f6e;}
#sidebar h2{text-transform: uppercase; font-size:15px; font-weight: normal; font-style: normal;margin-bottom: 10px; background: url(images/h2.gif) repeat-x;color: #6d4d31;padding: 5px 15px 3px;}
#sidebar a{}
#sidebar a:hover{}
#sidebar ul{margin:0;}
#sidebar li{margin-left: 12px;font-size: 14px;padding: 0;}
#sidebar li ul li{font-size: 12px;}
#sidebar li ul {margin: 0;padding: 0 15px;}
#sidebar li.sidehead {list-style-type: none; margin: 0;}
#sidebar li.widget {list-style-type: none; margin: 0 0 15px;}
#sidebar li.widget_text{margin: 0;}
#sidebar li.widget ul ul {margin: 0;}

/* @end */


/* @group Timeline */
/* TIMELINE */
#timeline {margin: 0; padding: 0;}
#timeline-pic {margin: 0; padding: 0; height: 340px;}
#timeline-nav ul {padding: 0;margin: 0;}
#timeline-nav {margin: 0; padding: 0;}
#timeline-nav li {display: inline;}
#timeline-nav li a {float: left; height: 0px; padding-top: 40px; overflow: hidden; background-image: url(images/timeline-nav.gif); background-repeat: no-repeat;}
/* BUTTONS */
#timeline-nav li#m1 a {background-position: 0px 0px; width: 100px;}
#timeline-nav li#m2 a {background-position: -100px 0px; width: 70px;}
#timeline-nav li#m3 a {background-position: -170px 0px; width: 70px;}
#timeline-nav li#m4 a {background-position: -240px 0px; width: 70px;}
#timeline-nav li#m5 a {background-position: -310px 0px; width: 70px;}
#timeline-nav li#m6 a {background-position: -380px 0px; width: 70px;}
#timeline-nav li#m7 a {background-position: -450px 0px; width: 70px;}
#timeline-nav li#m8 a {background-position: -520px 0px; width: 70px;}
#timeline-nav li#m9 a {background-position: -590px 0px; width: 70px;}
#timeline-nav li#m10 a {background-position: -660px 0px; width: 70px;}
#timeline-nav li#m11 a {background-position: -730px 0px; width: 70px;}
#timeline-nav li#m12 a {background-position: -800px 0px; width: 70px;}
#timeline-nav li#m13 a {background-position: -870px 0px; width: 70px;}
/* OVER STATES */
#timeline-nav li#m1 a:hover {background-position: 0px -40px;}
#timeline-nav li#m2 a:hover {background-position: -100px -40px;}
#timeline-nav li#m3 a:hover {background-position: -170px -40px;}
#timeline-nav li#m4 a:hover {background-position: -240px -40px;}
#timeline-nav li#m5 a:hover {background-position: -310px -40px;}
#timeline-nav li#m6 a:hover {background-position: -380px -40px;}
#timeline-nav li#m7 a:hover {background-position: -450px -40px;}
#timeline-nav li#m8 a:hover {background-position: -520px -40px;}
#timeline-nav li#m9 a:hover {background-position: -590px -40px;}
#timeline-nav li#m10 a:hover {background-position: -660px -40px;}
#timeline-nav li#m11 a:hover {background-position: -730px -40px;}
#timeline-nav li#m12 a:hover {background-position: -800px -40px;}
#timeline-nav li#m13 a:hover {background-position: -870px -40px;}
/* PRESSED STATES */
#timeline-nav li#m1 a:active {background-position: 0px -80px;}
#timeline-nav li#m2 a:active {background-position: -100px -80px;}
#timeline-nav li#m3 a:active {background-position: -170px -80px;}
#timeline-nav li#m4 a:active {background-position: -240px -80px;}
#timeline-nav li#m5 a:active {background-position: -310px -80px;}
#timeline-nav li#m6 a:active {background-position: -380px -80px;}
#timeline-nav li#m7 a:active {background-position: -450px -80px;}
#timeline-nav li#m8 a:active {background-position: -520px -80px;}
#timeline-nav li#m9 a:active {background-position: -590px -80px;}
#timeline-nav li#m10 a:active {background-position: -660px -80px;}
#timeline-nav li#m11 a:active {background-position: -730px -80px;}
#timeline-nav li#m12 a:active {background-position: -800px -80px;}
#timeline-nav li#m13 a:active {background-position: -870px -80px;}
/* SELECTED STATES */
#timeline-nav.m1 li#m1 a {background-position: 0px -120px;}
#timeline-nav.m2 li#m2 a {background-position: -100px -120px;}
#timeline-nav.m3 li#m3 a {background-position: -170px -120px;}
#timeline-nav.m4 li#m4 a {background-position: -240px -120px;}
#timeline-nav.m5 li#m5 a {background-position: -310px -120px;}
#timeline-nav.m6 li#m6 a {background-position: -380px -120px;}
#timeline-nav.m7 li#m7 a {background-position: -450px -120px;}
#timeline-nav.m8 li#m8 a {background-position: -520px -120px;}
#timeline-nav.m9 li#m9 a {background-position: -590px -120px;}
#timeline-nav.m10 li#m10 a {background-position: -660px -120px;}
#timeline-nav.m11 li#m11 a {background-position: -730px -120px;}
#timeline-nav.m12 li#m12 a {background-position: -800px -120px;}
#timeline-nav.m13 li#m13 a {background-position: -870px -120px;}
/* @end */

/* @group Footnotes */
ol.footnotes {font-size: 11px;}
ol.footnotes li:target {background-color: #e3d1b5;font-weight: bold;}
/* @end */

/* @group Gallery */
.gallery-nav {margin:10px auto; padding: 5px 10px 3px;width: 650px;}
.gallery-nav .info {float: left;}
.gallery-nav .pagination {float: right;}
#gallery-detail {text-align: center;margin-bottom: 10px;}
#gallery-detail img {padding: 10px;}
#gallery-detail p { padding: 10px; }
#nextpic {float: right;text-transform: uppercase;padding: 4px 6px 3px;background-color: #e6ddbc; border: 1px solid #e6e8c7;font-size: 12px;font-weight: bold;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#prevpic {float: right; margin-right: 10px;text-transform: uppercase;padding: 4px 6px 3px;background-color: #e6ddbc; border: 1px solid #e6e8c7;font-size: 12px;font-weight: bold;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.album {float: left; width: 250px; background: url(images/album.gif) no-repeat center 10px; margin: 15px 35px; height: 190px; overflow: hidden; text-align: center;padding: 0;display: inline;}
.album .album-pic {height: 165px; margin: 0; padding: 0; overflow: hidden;}
.album .album-pic img {padding: 10px; margin: 0;}
.album h3 {font-size: 9px;opacity: 0.6;}
.album h3 a {font-size: 13px;}
#gallery-title, #comments-title {text-align: center; margin-bottom: 10px;}
#gallery-standard .photo {float: left; margin: 10px 11px; height: 155px; overflow: hidden;_width: 200px}
#gallery-standard .photo .photo-pic {height: 136px; margin: 0; padding: 0; overflow: hidden;}
#gallery-standard .photo .photo-pic img {padding: 6px; margin: 0;}
#gallery-standard .photo h3 {font-size: 11px; margin: 0; text-align: center; font-weight: normal;}
/* @end */
/* @group Color */
.album-bcolor {background-color: #fdffe8;border: 1px solid #e6e8c7;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.photo-bcolor {background-color: #fdffe8;border: 1px solid #e6e8c7;}
.detail-bcolor {background-color: #fdffe8;border: 1px solid #e6e8c7;}
.nav-bcolor {background: none;}
.box-bcolor {background-color: #f2f4d2;border: 1px solid #fff;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
/* @end */
/* @group Comments (vaivai)*/
.comment-nav {margin: 10px auto; padding: 5px 0;}
.comment-nav .info {float: left;}
.comment-nav .pagination {float: right;}
.comment {width: 600px; margin: 10px auto;}
.comment .top {}
.comment .bottom {padding: 15px;}
.comment .avatar {float: left; width: 82px;}
.comment .no-avatar {float: left; width: 80px; border: 1px solid #fff; height: 80px; background-image: url(images/no-avatar.gif);}
.comment .avatar img {border: 1px solid #fff;}
.comment .picture {float: right; width: 100px; text-align: right;}
.comment .picture img {border: 1px solid #fff;}
.comment .content {width: 360px; margin-left: 95px;}
.comment .content .no {font-size: 10px; float: right;}
.comment h3.author {margin: 0;}
.comment p.date {margin: 0; font-size: 9px; color: #bbb;}
.comment p.post {margin: 0;}
#comment-form {width: 640px; margin: 20px auto;}
#comment-form .top{}
#comment-form .bottom{padding: 20px;}
#comment-form .avatar {float: left; width: 120px; text-align: center;}
#comment-form .avatar .no-avatar {border: 1px solid #fff; background-image: url(images/no-avatar.gif); width: 80px; height: 80px; margin: 0 auto;}
#comment-form .content {float: right; width: 440px;}
#comment-form p {margin-bottom: 0;}
#comment-form input {width: 170px; padding: 2px; margin: 5px 5px 3px 0;}
#comment-form textarea {width: 395px; padding: 2px; height: 200px;}
#comment-form #submit {margin: 5px 0 10px;}
/* @end */
/* @group Comment (WP)*/
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 h3 {margin-bottom: 5px; }
.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: 550px;}
.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-wrap{background-color: #606060;}
#footer {background-color: #606060; color: #fff;font-size: 11px;padding: 20px 0;}
#footer h2{font-size: 14px; margin-bottom: 5px;}
#footer h2 a{color: #ce923c;}
#footer ul{margin: 0;}
#footer ul li{margin-left: 13px;}
#footer ul li a{color: #fff;}
#footer-credit{background-color: #3f3f3f; color: #999;font-size: 11px;padding: 10px 0 6px;}
#footer-credit a{color: #999;}
#footer-credit a:hover{color: #fff;}
/* @end */