/*
Theme Name: Success Power 5
Theme URI: http://www.mindpower.com.sg
Description: The MindPower Skin
Version: 1.0
Author: Kian Ann
Author URI: http://www.kianann.com/
*/

/* Reset to look the same across browsers */
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, code, 
del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; 
	font-style: inherit; font-size: 100%; font-family: inherit; 
	vertical-align: baseline;
}
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; } 
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
body { font-size: 62.5%; }

/* MindPower Default */
p { margin-bottom: 1em; margin-top:0; }
em { font-style: italic; }
table.wp-table-reloaded  { border-collapse: collapse; font-size: 13px;}
table.wp-table-reloaded thead th { padding: 5px; border: 1px solid #000; background-color: #c00; color: #fff!important; font-weight: bold;}
table.wp-table-reloaded tbody td { padding: 5px; border: 1px solid #000; color: #000; }


/* Basic Layout DIVs */
body { margin: 0 auto; font-family: Verdana; background: #D9ECFF; }
#container { margin: auto; padding: 0; width: 980px; background: url(images/container-bkg.jpg) #0964a6 top no-repeat; }
	#top { clear: both; margin: 0; padding: 30px 65px 60px 65px; width: 850px; font-size: 1.1em; font-family: Tahoma; }
		#top .alignright { padding-top: 25px; color: #FFFFFF;  }
		#top .alignright a:link { color: #FFFFFF; text-decoration: none; }
		#top .alignright a:visited { color: #FFFFFF; text-decoration: none; }
		#top .alignright a:hover { color: #FFFFFF; text-decoration: underline; }				
	#frontpage-mainpic { clear: both; margin: 10px auto 0 auto; padding: 280px 0 0 660px; width: 277px; height: 66px;  background: url(images/mainpic-bkg.png); }
	#menu { clear: both; margin: auto; padding: 12px 0 0 10px; width: 840px;  }
	#menu.innerpage { height: 52px; background: url(images/menu-bkg.png); padding-top: 22px; margin-top: 20px }
	#menu.frontpage { height: 43px; background: url(images/frontpage-menu-bkg.png); }
		#menu ul li { display: block; float: left; text-indent: -9999px; height: 29px; margin: 0; padding: 0 18px 0 18px; background: url(images/menu-sep.png) right no-repeat; }
		#menu ul li#contact { background: none; padding-right: 0;}
		#menu ul li#home a { width: 54px; background: url(images/btn-home.png) no-repeat; margin: 8px 0; height: 13px; }
		#menu ul li#public a { width: 92px; background: url(images/btn-public.png) no-repeat; height: 29px; }
		#menu ul li#corporate a { width: 96px; background: url(images/btn-corporate.png) no-repeat; height: 29px;}
		#menu ul li#products a { width: 90px; background: url(images/btn-products.png) no-repeat; height: 29px;}
		#menu ul li#events a { width: 85px; background: url(images/btn-events.png) no-repeat; height: 29px; }
		#menu ul li#about a { width: 62px; background: url(images/btn-about.png) no-repeat; margin: 8px 0; height: 13px;}
		#menu ul li#contact a { width: 80px; background: url(images/btn-contact.png) no-repeat; margin: 8px 0; height: 13px;}
		#menu ul li a { display: block; height: 29px; }
	
	#mainsection { clear: both; margin: 0; padding: 20px 65px 20px 65px; width: 850px; font-size: 1.2em;  }
		#ms-top { background: url(images/ms-top-bkg.png); height: 17px; }
		#ms { background: url(images/ms-bkg.png); padding: 20px 35px 20px 35px;  }
			.post {}
				.storytitle {}
				.date { font-size: 11px; color: #999999;}
					.date a:link { color: #999999;}
					.date a:visited { color: #999999;}
					.date a:hover { color: #666666;}
				.storycontent { padding: 0px; }

					h1 { font: bold 3em Arial, Verdana; color:#CC0000; letter-spacing: -0.05em; line-height: 1em; padding-bottom: 10px; }
					h1 a:link { text-decoration: none; color:#000000; }
					h1 a:visited { text-decoration: none; color:#000000; }
					h1 a:hover { text-decoration: none; color:#000000; }

					h2 { font: bold 25px Arial, Verdana; color:#000088;  letter-spacing: -0.03em; padding: 10px 0 5px 0;  }
					h2 a:link { text-decoration: none; color:#000088; }
					h2 a:visited { text-decoration: none; color:#000088; }
					h2 a:hover { text-decoration: none; color:#0000FF; }
				
					h3 { font: bold 1.5em Arial, Verdana; color:#000088;  }
					h3 a:link, h3 a:visited, h3 a:hover { text-decoration: none; color:#000088; }
				
					h4 { font: bold 1.2em Arial, Verdana; color:#000000; }
					h4 a:link, h4 a:visited, h4 a:hover  { text-decoration: none; color:#000000; }

					.storycontent ul { margin-left: 10px; padding-left: 10px; margin-bottom: 1em; }
					.storycontent ul li { margin-bottom: 0.3em; }
					.storycontent ul.checkbox { margin-left: 25px; padding-left: 25px; margin-bottom: 0.9em; list-style-image: url(images/bullet-check.png) }
					.storycontent p { line-height: 1.5em; }
					.storycontent blockquote { margin: 10px 0 10px 20px; padding: 15px; background: #EEEEEE; border-top: 1px dotted #333333; border-bottom: 1px dotted #333333;  }

					.storycontent #registrationbox { padding: 20px; margin: auto; width: 75%; background: #FFFFEE; border: 2px solid #CC0000; -moz-border-radius: 10px  }
					.storycontent #registrationbox h2 { color: #CC0000; padding: 0 0 10px 0; margin: 0; text-align: center; }					
					.storycontent #registrationbox .linklove { display: none; }
					
					/* Main Page */
					.storycontent #upcomingbox { padding: 0 0 20px 0; }
							
					.storycontent #programsbox { clear: both; padding: 0px;  }
					
					.storycontent #programsbox ul { margin: 0; padding: 0; }
					.storycontent #programsbox ul li { width: 220px; height: 250px; float: left; display: inline; padding: 9px; margin: 10px; border: 1px dotted #333333; }
					.storycontent #programsbox ul li img { border: 5px solid #EEEEEE; margin: 5px 5px 0 5px; }
					.storycontent #programsbox ul li h4 { padding: 5px; text-align: center; }
					
					.storycontent #programsbox ul li ul { display:  block; margin-left: 0px; padding-left: 0px; font-size: 11px; }
					.storycontent #programsbox ul li ul li { width: 180px; height: auto; list-style: disc url(images/bullet-2.gif) inside; padding: 0 0 0 5px; margin: 0 0 0 5px; border: none; text-align: left;  }
					
					/* Workshop Schedule */
				
				.tags { font-size: 11px; padding: 5px 0px 5px 0px; }
				.feedback { padding: 10px 10px 10px 10px; background-color: #EEEEEE; border-top: 1px dotted #333333; border-bottom: 1px dotted #333333; font-size: 75%; }
				.sep { margin: 0px; width: 50px; height: 20px; margin: 30px 225px 70px 225px; }
				.postimageleft { margin: 10px 10px 10px 0px; float: left; }
				.postimageright { margin: 10px 0px 10px 10px; float: right; }
				.postimagecenter { margin: 10px 10px 10px 10px; text-align: center; }
				.grayborder { padding: 5px; border: 1px dotted #333333; }
				
				
		#ms-bot { background: url(images/ms-bot-bkg.png); height: 17px; }		
	#footer { clear: both; margin: 0; padding: 20px 65px 40px 65px; width: 850px; background: #00477b; color: #FFFFFF; font-family: Tahoma; }		

/* Alignments */
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { text-align: center; }
.alignjustify { text-align: justify; }

/* Comments */
.alt1 { margin: 0; padding: 15px 0px 15px 0px; border-bottom: 1px solid #BBBBBB; border-top: 1px solid #BBBBBB; background:#FAFAFA; }
.alt2 { margin: 0; padding: 0px 0px 0px 0px; }
.gravatar { background-color:#FFFFFF; color:#FFFFFF; float:right; margin:0px; padding:0px; }
.commentlist { padding: 0; }
.commentlist li { margin: 15px 0px 3px 0px; padding-right: 15px; padding-left: 15px; list-style: none; }
.commentlist p { margin: 10px 5px 10px 0px; }
textarea#comment { width: 100%; }