/*
Theme Name: iSchool
Theme URI: http://www.ischool.in.th/
Description: for iSchool Thailand
Version: 0.5
Author: Chris (Menn) Talawat
Author URI: http://www.imenn.com/
Tags: iSchool
*/
/* @group Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal;}
ul,ol {list-style: none;}
fieldset,img {border: none;}
caption,th {text-align: left;}
table {border-collapse: collapse; border-spacing: 0;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */
body { margin-top: 10px;background: #b4cf34 url(design/bg.gif);font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
body,p,td,th { color:#2b302c;}
p {margin-bottom: 16px;}
.indent10{padding-left: 10px;}
a { color: #79a008; text-decoration:none; }
a:visited { color: #668a09; }
a:hover { color: #45baff; }
a:active { color: #ff0000; }
h1 { line-height:18px; font-size:17px; margin:0 0 12px 0; font-weight:bold; }
h2 { line-height:17px; font-size:15px; margin:12px 0 2px 0; font-weight:bold; }
h3 { line-height:14px; font-size:13px; margin:0 0 6px 0; font-weight:bold; }
h2.titlebar{line-height:14px; font-size:13px; width: 570px;height: 21px;padding-top: 4px;padding-left: 10px;background: url(design/bg-title.jpg) no-repeat left top;color: #fff;}
h2.titlebar a{color: #fff;}
h2.titlebar a:hover{color: #45baff;}
h2.widgettitle { line-height:14px; font-size:13px; margin:9px 0 6px 0; font-weight:bold; }
.small {font-size: 9px;}
small {font-size: 9px;}
.clear {clear: both; height: 0;}
.clear5 {clear: both; height: 5px;}
.clear10 {clear: both; height: 10px;}
.date {font-size: 10px; color: #777;}
.date-single {font-size: 10px; color: #777; margin-bottom: 10px;}
img.icon {border:none; margin: 0 5px 5px 0;}
img.event { margin: 0 8px 0 0;float: left; padding: 2px;background: url(design/bg-event-icon.gif) no-repeat;}
#top{width: 860px; margin: 0 auto; height: 34px;}
#ischool-logo {text-indent: -9999px;width: 210px;height: 34px; background: url(design/ischool-logo.gif) no-repeat left top;float: left;}
#searchbox{width:180px;float: right;margin-top: 12px;margin-right: 5px;}
#searchform {margin: 0;padding: 0;}
#searchform #s {width: 200px; padding: 0;}
#header{width: 860px; margin: 0 auto;height: 11px; background: url(design/bg-head.gif) no-repeat;}
#mainbody { width:840px; margin:0 auto; padding:0 10px; background: #fff url(design/bg-body.gif) repeat-y;}
#home-promotion{float: left;width: 250px;margin-top: 5px;}
#home-promotion .head{ background: url(design/h-ischool-promotion.gif) no-repeat;height: 27px;}
#home-promotion .body{ background-image: url(design/box2-h-promotion.gif);padding: 5px 10px 0;}
#home-promotion .foot{ background: url(design/box3-h-promotion.gif) no-repeat;height: 5px;}
#home-school{float: left;width: 250px;margin-top: 5px;}
#home-school h2 { margin-top: 0px; margin-bottom: 10px; font-size: 14px; font-weight: lighter;}
#home-school .head{ background: url(design/h-ischool.gif) no-repeat;height: 27px;}
#home-school .body{ background-image: url(design/box2-h-promotion.gif); padding: 10px 10px 10px 10px;}
#home-school .foot{ background: url(design/box3-h-promotion.gif) no-repeat;height: 5px;}
ul.showbullet{ list-style-type: circle; list-style-position: outside;}
ul.showbullet li{margin-left: 15px;}
img.promo{padding: 5px 0;}
#home-event{float: right; width: 585px;margin-top: 5px;}
#home-event .head{ background: url(design/h-event-ischool.gif) no-repeat;height: 27px;}
#home-event .body{ background-image: url(design/box2-h-event.gif);padding: 5px 10px 0;}
#home-event .img{ margin: 5px;}
#home-event .foot{ background: url(design/box3-h-event.gif) no-repeat;height: 5px;}
.event-box{padding: 5px 0;}
.event-exp{}
#sidebar{float: left; width: 220px; margin-top: 5px;}
#sidebar #sbtop { background: url(design/box1.gif) no-repeat; height: 5px;}
#sidebar #sbbody {background: url(design/box2.gif) repeat-y;}
#sidebar #sbbottom {background: url(design/box3.gif) no-repeat; height: 5px;}
#sidebar ul, #sidebar li {margin: 0;padding: 0; list-style-type: none; list-style-image: none;}
.txt {padding: 10px 15px;}
.hr {height: 2px; background: url(design/hr.gif) no-repeat;margin-bottom: 5px;}
#rbody{float: right;width: 580px;margin-top: 5px;margin-right: 20px;}
#blog-body{float: right;width: 580px;margin-top: 5px;margin-right: 20px;}
.border {padding: 10px; background: #fff; border: 1px solid #ccc;}
#foot { width:828px; height:30px; padding:8px 15px 2px 17px; margin:0 auto; background: #fff url(design/bg-foot.gif) no-repeat 0; font-size: 9px; color: #777;}
#foot a{ color: #666;}
#foot a:visited{ color: #444;}
#foot a:hover { color: #000; }
#home-movie {margin-top: 5px; width: 480px; padding: 15px 15px 0px 15px; height: 295px;float: left; background: #000 url(design/bg-movie.gif) no-repeat; color: #999; font-size: 9px;}
#home-movie #movie-name {float: left;margin-top: 5px;}
#home-movie a#movie-more {float: right; padding-right: 14px; background: url(design/ar-black.gif) no-repeat right center;margin-top: 5px;color: #999}
#home-intro {margin-top: 5px; width: 305px; height: 290px; padding: 10px; background: #666 url(design/bg-intro.gif) no-repeat;float: right; color: #fff;}
#home-intro a {color: #fff;}
#home-intro a:hover {color: #99e4ff;}
#home-intro p {color: #fff;}
#blog-movie {margin-top: 5px; width: 480px; padding: 15px 15px 0px 15px; height: 295px;float: left; background: #000 url(design/bg-movie.gif) no-repeat; color: #999; font-size: 9px;}
#blog-movie #movie-name {float: left;margin-top: 5px;}
h3#about-ischool{text-indent: -9999px; background: url(design/h-about-ischool.gif) no-repeat; width:125px; height: 20px;}

#home-courses{ width: 840px;height: 280px;margin-top: 5px;}
/* courses */
#h-course-1 {float: left; width: 260px;height: 120px;padding: 10px; background: url(design/courses.jpg) no-repeat;background-position: 0px 0px; }
#h-course-2 {float: left; width: 260px;height: 120px;padding: 10px; background: url(design/courses.jpg) no-repeat;background-position: -280px 0px;}
#h-course-3 {float: left; width: 260px;height: 120px;padding: 10px; background: url(design/courses.jpg) no-repeat;background-position: -560px 0px;}
#h-course-4 {float: left; width: 260px;height: 120px;padding: 10px; background: url(design/courses.jpg) no-repeat;background-position: 0px -140px;}
#h-course-5 {float: left; width: 260px;height: 120px;padding: 10px; background: url(design/courses.jpg) no-repeat;background-position: -280px -140px;}
#h-course-6 {float: left; width: 260px;height: 120px;padding: 10px; background: url(design/courses.jpg) no-repeat;background-position: -560px -140px;}
/* courses mover */
#h-course-1.over {background-position: 0px -280px;}
#h-course-2.over {background-position: -280px -280px;}
#h-course-3.over {background-position: -560px -280px;}
#h-course-4.over {background-position: 0px -420px;}
#h-course-5.over {background-position: -280px -420px;}
#h-course-6.over {background-position: -560px -420px;}
.over { cursor:pointer; }

/* ABOUT*/
.profile {padding: 5px 0;}
.profile .info h3{margin:5px 0;}
.profile .pic {float: left; width: 80px;padding: 2px; border: 1px solid #ccc;}
.profile .info{margin-left: 100px;}
/* REGISTER */
blockquote {background-color: #eee; padding: 10px 10px 5px; border: 1px solid #ddd; margin-bottom: 10px;}
.grey-box{background-color: #a1a1a1;color: #fff;padding: 5px;margin: 5px 0;}
/* COURSES */
ul ul li{margin-left: 15px; list-style-type: disc;}
.s-course-desc{width: 480px;float: right;}
.s-course-desc p{color: #777;font-size: 11px;}
.entry h3 {font-size:14px; margin:15px 0 5px 0;}
.entry p{margin: 10px 0 10px 0;}
.entry .timetable { margin: 5px 0; border: 1px solid #ccc; ;padding: 15px;}
.entry .timetable h3{margin:0 0 5px 0;}
.entry .timetable h4 {margin: 10px 0 5px 0;}
.entry .timetable table {width: 400px;}
.entry table{ border: 1px solid #ccc;padding: 1px;}
.entry th{background-color: #ddd;padding: 4px 8px 4px 4px;  border-top: 1px solid #fff;}
.entry th.first{background-color: #ddd;padding: 4px 8px 4px 4px; border-top-style: none;}
.entry td {padding: 4px;}

/* COURSE */
.course {height: 85px; padding: 5px 0;margin: 0;}
.course h3 { line-height:14px; font-size:13px; margin:0 0 6px 0; font-weight:bold; }
img.course-thumb {width: 80px; height: 80px; float: left;border: 0;}
.course-desc {width: 485px; float: right; padding-top: 8px;padding-right: 5px;}
.course-price {float: right;color: #777;font-size: 10px;}

/* BLOG */
.posts {padding-bottom: 15px;}

/* GALLERY */
#gallery {background-color: #000;width: 570px;padding: 0 5px;}
#gallery-top{background: url(design/gallery-top.gif) no-repeat;height: 5px;}
#gallery-bottom{background: url(design/gallery-bottom.gif) no-repeat;height: 5px;}
#gallery #mainpic {margin-bottom: 2px;height: 380px;width: 570px;}
#gallery a img.thumb{width: 30px; height: 30px; border: 1px solid #333;margin-right: 4px;margin-top: 3px; opacity: 0.6;}
#gallery a:hover img.thumb{border: 1px solid #fff;opacity: 0.9;}
#gallery a.selected img.thumb{ border: 1px solid #ccc;opacity: 1; }
#gallery a.selected:hover img.thumb{ border: 1px solid #fff;opacity: 1; }

/* MAIN MENUS */
#mainmenu {margin:0; padding:0;}
#mainmenu #mainnav { margin:0; padding:0; }
#mainmenu #mainnav li { display:inline; }
#mainmenu #mainnav li a { float:left; width:120px; height:0px; padding-top:30px; overflow:hidden; }
#mainmenu #mainnav li a { background-image: url(design/mainnav.gif); background-repeat:no-repeat; }
/* BUTTONS */
#mainmenu #mainnav li#m1 a { background-position:0px 0px; }
#mainmenu #mainnav li#m2 a { background-position:-120px 0px; }
#mainmenu #mainnav li#m3 a { background-position:-240px 0px; }
#mainmenu #mainnav li#m4 a { background-position:-360px 0px; }
#mainmenu #mainnav li#m5 a { background-position:-480px 0px; }
#mainmenu #mainnav li#m6 a { background-position:-600px 0px; }
#mainmenu #mainnav li#m7 a { background-position:-720px 0px; }
/* OVER STATES */
#mainmenu #mainnav li#m1 a:hover { background-position:0px -30px; }
#mainmenu #mainnav li#m2 a:hover { background-position:-120px -30px; }
#mainmenu #mainnav li#m3 a:hover { background-position:-240px -30px; }
#mainmenu #mainnav li#m4 a:hover { background-position:-360px -30px; }
#mainmenu #mainnav li#m5 a:hover { background-position:-480px -30px; }
#mainmenu #mainnav li#m6 a:hover { background-position:-600px -30px; }
#mainmenu #mainnav li#m7 a:hover { background-position:-720px -30px; }
/* PRESSED STATES */
#mainmenu #mainnav li#m1 a:active { background-position:0px -60px; }
#mainmenu #mainnav li#m2 a:active { background-position:-120px -60px; }
#mainmenu #mainnav li#m3 a:active { background-position:-240px -60px; }
#mainmenu #mainnav li#m4 a:active { background-position:-360px -60px; }
#mainmenu #mainnav li#m5 a:active { background-position:-480px -60px; }
#mainmenu #mainnav li#m6 a:active { background-position:-600px -60px; }
#mainmenu #mainnav li#m7 a:active { background-position:-720px -60px; }
/* SELECTED STATES */
#mainmenu.m1 #mainnav li#m1 a { background-position:0px -90px; }
#mainmenu.m2 #mainnav li#m2 a { background-position:-120px -90px; }
#mainmenu.m3 #mainnav li#m3 a { background-position:-240px -90px; }
#mainmenu.m4 #mainnav li#m4 a { background-position:-360px -90px; }
#mainmenu.m5 #mainnav li#m5 a { background-position:-480px -90px; }
#mainmenu.m6 #mainnav li#m6 a { background-position:-600px -90px; }
#mainmenu.m7 #mainnav li#m7 a { background-position:-720px -90px; }
/* COMMENT */
.commentlist li, #commentform input, #commentform textarea {}
.commentlist li .avatar {float: left; padding: 0; background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal;}
.commentlist p {}
#commentform p {}
.commentmetadata {font-weight: normal;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 0; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 0; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
.wp-caption {
-moz-border-radius:5px 5px 5px 5px;
background-color:#000000;
margin:0 0 18px;
padding-top:5px;
text-align:center;
}
select {width: 130px;}
#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform textarea {width: 100%; padding: 2px;}
#commentform #submit {margin: 0 0 10px;}
h3#comments {margin-top: 25px;}
.commentlist {padding: 0;}
.commentlist a, .commentlist a:hover, .commentlist a:visited {color: #000;}
.commentlist li {margin: 10px 0 3px; padding: 5px; list-style: none; background-color: #f3f3f3; border: 1px solid #e4e4e4;}
.commentlist p {font-size: 12px; line-height: 15px; padding-bottom: 0;}
.commentlist h3 {font-size: 14px; line-height: 14px; margin: 0; padding: 0;color: #666;}
.commentlist .comment-box{margin-left: 50px;padding-right: 10px;}
#commentform p {margin: 5px 0;padding: 0;}
.nocomments {text-align: center; margin: 0; padding: 0;}
.commentmetadata {font-size: 9px; color: #777;margin: 0; padding: 3px 0; display: block;}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
.center {text-align: center;}

#slideshow {
    position:relative;
    height:270px;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow IMG.last-active {
    z-index:9;
}
#blog-body .entry h2 a{color: #ffffff;}
#blog-body .entry a{color: #79a008;}
#blog-body .entry a:hover{color: #45baff;}


.entry h2 {
-moz-border-radius: 0; border:0 none; display:block; line-height:normal; padding:4px 0 0 10px; 
background:url("design/bg-title.jpg") no-repeat scroll left top transparent;
color:#FFFFFF;
font-size:13px;
height:21px;
padding-left:10px;
padding-top:4px;
width:570px;
}
h2.titlebar 
{-moz-border-radius: 0; border:0 none; display:block; line-height:normal; padding:4px 0 0 10px;  }