/*  
Theme Name: MSM Default
Theme URI: http://www.mindsetmedia.com.sg
Description: This is the customised variation of the corpblue theme by Jai Nischal Verma. Adapted to suit Mindset Media's requirements.
Version: 1.0
Author: Nathan Nguyen
*/

/**************** Body *********************/
*{margin:0;padding:0;}
body{color:#333;font:13px Arial;margin-bottom:0; line-height:20px;}
#wrapper{margin:0px auto;width:1000px;}
#border{background:url(images/page-border.gif) repeat-y; margin: 0px auto; width: 1020px;}

/**************** Header *********************/
#logo {float:left;}
#logo h1 {text-indent:-10000px;margin:0;padding:0;}
#logo h1 a {display:block;background:url(images/header.jpg) no-repeat left;width:1000px;height:80px; }

/**************** Header *********************/
#welcome {padding-top:80px; font-size:14px; color: #666666;}
#welcome h1 {font-size:25px; font-weight:normal; letter-spacing:-1px; margin-bottom:15px; color:#000000;}
#welcome span a{font-weight:bold; color: #006699; float:left; padding:10px 0px 0px 2px;}

/**************** Text *********************/
h2 a:link,h2 a:visited{ font-size:22px; color: #333333; text-decoration:none;}
h2 a:hover{color: #000000;}
/*.spacer {border-bottom:1px solid #CCCCCC; margin-top:10px; margin-bottom:10px;}*/
h2.search {font-weight:lighter; font-size:12px; padding-left:20px; font-style:italic; background-color:#EFE7CB; width:540px; margin:auto; padding:2px 0px 2px 10px;}
p {padding: 10px 0px;}

/**************** Entry *********************/
/*
.entry{ float:left;margin-bottom:10px;width:960px;}
.entry h2{padding-bottom: 0; line-height:30px;}
.entry p{padding: 0 0 0 0;}
.post{padding:20px;text-align:justify; margin-bottom:20px; background:url(images/postee.gif) repeat-x top;}
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: circle; padding-left: 10px; text-indent: 10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.lightgray { color: #006699; font-size:15px; padding-top:5px; padding-bottom:15px;}
.meta {background-color: #FAF8DA; padding:5px; font-size:12px; border:1px dashed #cccccc;} 
.rotating_banner {display:block;background:url(images/topimage-home.jpg) no-repeat left;width:1000px;height:130px; position: relative; top:-4px;}
*/

.rotating_banner {display:block;width:1000px;height:130px; position: relative; top:-4px; z-index: 1}
.heading_con{padding-left: 20px;background:url(images/pageheader-bg.jpg) repeat-x left;height: 40px; position: relative; top: -4px;}
.heading{padding-top: 12px;}
.entry{margin:20px;}
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.entry ul { padding: 0 0 0 35px; margin: 0; }
.entry ul li { margin: 0; padding: 0; }
.post{padding:0px 80px;text-align:justify;}

/**************** Home Boxes *********************/
.up_container{color: #ffffff; width: 250px; height: 300px;background: #0191ff url(images/home-prog-bg.jpg) repeat-x top left;}
.upcoming{color: #ffffff; padding: 0px 10px 0px 10px;background:#0090FF url(images/home-prog-bg.jpg) repeat-x left top;}
.upcoming-programs{color: #ffffff; padding: 10px 0px 0px 0px;}
.upcoming-programs a:link{color: #ffffff; text-decoration:underline;}
.upcoming-programs a:hover{color: #BDE3FF; text-decoration:underline;}
.topic{width: 355px; height: 300px;background:#007f54 url(images/home-article-bg.jpg) repeat-x left;}
.home_article{padding: 0pc;} /* old....home_article{padding: 30px 15px 0px 15px;} */
.vid_container{width: 355px; height: 300px;background:#4d4d4d url(images/home-video-bg.jpg) repeat-x left;}
.vid{padding: 0px;} /* old....vid{padding: 10px 12px 0px 12px;} */
.box_header{height: 30px; background:url(images/home-box-header-bg.jpg) repeat-x left;}
.box_heading{ padding: 4px 0px 0px 10px;}
td {vertical-align: top;}

/**************** Training *********************/
.training{margin: 20px 20px 20px 290px;position: relative; top: 0px;}
.t_sidebar{position: absolute; top: 0px; left: -270px;}

/**************** Articles *********************/
.article_con{height: 113px;background:url(images/articleList-bg.jpg) repeat-x left;}
.article_icon{padding: 20px 20px; float:left; width: 120px; height: 70px;}
.article_desc{padding: 20px;}

/**************** Videos *********************/
.v_container{float: left; width:400px;}
.v_text{padding: 10px 10px 10px 420px;}
.v_con{height: 113px;background:url(images/articleList-bg.jpg) repeat-x left;}
.v_icon{padding: 20px 20px; float:left; width: 120px; height: 70px;}
.v_desc{padding: 20px;}

/**************** Audios *********************/
.audio_container{float: left;}
.audio_text{padding: 10px 10px 10px 140px;}
.audio_con{background:url(images/articleList-bg.jpg) repeat-x top left; background-color: #f6f6f6;}
.audio_icon{padding: 20px 20px; float:left; width: 120px; height: 70px;}
.audio_desc{padding: 10px 20px;}

/**************** Newsletter *********************/
.sub_container{padding-top: 0px; width: 250px; height: 88px; background:url(images/sub.jpg) no-repeat left;}
.sub_form{padding-top: 44px;}
.archives{color: #ffffff; padding-top: 20px; padding-left: 10px; width: 240px;background-color: #3e90fe;}
.newsletter{}

/**************** Links *********************/
a:link, a:visited{color: #335EB5;text-decoration: none;}
a:hover{color: #7a9ce1;}

/**************** Photos *********************/
.cap_foot{height: 7px; background:url(images/caption_footer.jpg) no-repeat left;}
.caption{width: 290px; padding-left: 10px;}
.pic_nav{height: 30px; position: relative; top: -4px; background:url(images/photo-pgs-bg.jpg) repeat-x left;}
.page_list{padding-top: 4px;}
.page_list a:link, a:visited{color: #282828; text-decoration: none;}
.page_list a:hover{color: #335EB5; text-decoration: none;}

/**************** Testimonials *********************/
.testimonials{margin: 40px 120px;}

/**************** Contact Us *********************/
.contact{float: left;}
.map{padding-left: 300px;}

/**************** Navigation *********************/
#navigation{clear:both;	width:1000px; position:relative;	top:-4px; margin:0px auto; padding:2px 2px 0px 0px; z-index:2}
#menu {height: 30px; list-style:none;}

/**************** Sidebars *********************/
#sidebar1{ width:160px; float:left; margin-top:16px;}
#sidebar1 h2{background: url(images/bullet.png) left no-repeat; font-weight:normal; font-size:12px; border-bottom:1px double #CCCCCC; padding:0px 5px 0px 20px; text-transform:uppercase;}
#sidebar1 ul{list-style-type:none;}
#sidebar1 ul li{list-style-type:none;margin-top:20px;}
#sidebar1 ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0 0 0 5px;}
#sidebar1 ul li ul li{border:0;display:block;margin:0 0px 5px;padding:0 0 5px 0px;}
#sidebar1 p{padding:0 5px;}
.postform {font:13px Trebuchet MS; width:150px; color:#003366; }
.archivedropdown {font:13px Trebuchet MS; width:150px; color:#003366;}


#sidebar2{ width:160px; float:left; margin-top:16px;}
#sidebar2 h2{background: url(images/bullet.png) left no-repeat; font-weight:normal;font-size:12px; border-bottom:1px double #CCCCCC; padding:0px 5px 0px 20px; text-transform:uppercase;}
#sidebar2 ul{list-style-type:none;}
#sidebar2 ul li{list-style-type:none;margin-top:20px;}
#sidebar2 ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0 0 0 5px;}
#sidebar2 ul li ul li{border:0;display:block;margin:0 0px 5px;padding:0 0 5px 0px;}
#sidebar2 p{padding:0 5px;}

/**************** Search *********************/
#topsearch{float:right;}
#topsearch input[type="text"]{background: #ffffff url(images/search.png) right no-repeat; border: 3px solid #26A7CF; width:10em; color: #333333; font:12px Trebuchet MS, Arial, sans-serif;padding:2px 16px 2px 2px;}
#searchbutton {padding:1px;} 

/**************** Comments *********************/
.comlabel { background:url(images/comment.gif) left no-repeat; font-weight:lighter; font-size:14px; padding:10px 0px 10px 20px;margin-top:10px;}
.postlabel {background:url(images/comment_new.gif) left no-repeat;font-weight:lighter; font-size:14px; padding:10px 0px 10px 20px; margin:10px 0px 10px 0px;}
.commentlist{list-style:none;}
.tip {height:15px; width:500px; display:block;margin:10px 0px 0px 0px;}
.authorcomment {padding:3px; margin:10px 0px 0px 0px;}
.odd{color: #006699; font-size:12px; padding:2px 10px 2px 0px; border-bottom:1px solid #CCCCCC; }
.odd a:link{color:#006699;}
.commenttext {color: #000000; padding:5px 10px 0px 0px;  margin:0px; font-size:12px;}
#author, #email, #url {width:35%;border:1px solid #cbcbcb; font:12px Trebuchet MS; margin-bottom:0.6em;margin-top:5px;padding:1px 15px 1px 1px;}
#author {background:url(images/user.png) no-repeat right;}
#email {background:url(images/email.png)  no-repeat right;}
#url {background:url(images/link.png) no-repeat right;}
#comment{width:98%;border:1px solid #cbcbcb;margin-bottom:0.6em;margin-top:5px;padding:3px;}
#submit {background:#FFFFFF; padding:1px; font:12px Trebuchet MS;  border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-left:1px solid #E4E4E4; border-top:1px solid #E4E4E4;}

/**************** Footer *********************/
.footer{display:block;background:url(images/footer.jpg) no-repeat left; width:1000px; height:41px;}
.footer_text{ color: #FFFFFF; text-align: center; padding-top: 8px;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{background:url(images/arrow_right.png) no-repeat right;float:right;padding-right:20px; margin-right:20px; font-size:14px; font-weight:bold;}
.alignleft{ background:url(images/arrow_left.png) no-repeat left; float:left;padding-left:20px; margin-left:20px; font-size:14px; font-weight:bold;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}