﻿




/*  







Theme Name: Shi Xin Hui Official Website







Theme URI: http://sinhuey.com







Version: 1







Author: Futuract group , Ong Kian Peng







Author URI: http://futuract.org











*/







/* generic */







body {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



	padding: 0px;

	padding-left: 20px;



	margin: 0px;



	color: #000000;

	position: absolute;

	background-color: #ffffff;

}







.clear {



	clear: both;



}







html {



	padding: 0;



	margin: 0;



}







/* WP-alignments */







.aligncenter, div.aligncenter {



	display: block;



	margin-left: auto;



	margin-right: auto;



}







.alignleft {



	float: left;



}







.alignright {



	float: right;



}







.wp-caption {



	border: 1px solid #ddd;



	text-align: center;



	background-color: #f3f3f3;



	padding-top: 4px;



	margin: 1







0px;



	/* optional rounded corners for browsers that support it */ -moz-border-radius: 3px;



	-khtml-border-radius: 3px;



	-webkit-border-radius: 3px;



	border-radius: 3px;



}







.wp-caption img {



	margin: 0;



	padding: 0;



	border: 0 none;



}







.wp-caption p.wp-caption-text {



	font-size: 11px;



	line-height: 17px;



	padding: 0 4px 5px;



	margin: 0;



}







/* ihh */







img {



	padding: 0px;



	margin: 0px;



	border: none;



	text-align: center;



}







hr {



	border-top: 1px dotted #abb0b5;



	border-bottom: 0px solid #abb0b5;



	height: 1px;



}







h1, h2, h3, h4 {



	font-family: serif,times;
	color: #9d9d9d;



}







/* forms */







form {



	padding: 0px;



	margin: 0px;

	background: #fff  ;



}







input {



	font-family: 'Verdana';



	color: #282b31;



	font-size: 11px;



}







textarea {



	font-family: 'Verdana';



	color: #282b31;



	font-size: 11px;



}







select {



	font-family: 'Verdana';



	color: #282b31;



	font-size: 11px;



}







/* links */







a {



	text-decoration: none;



	color: #2167d1;



	border: 0px;



	-moz-outline-style: none;



}







a:hover {



	text-decoration: underline;



	color: #0e58bc;



	border: 0px;



	-moz-outline-style: none;



}







a:focus {



	outline: none;



	-moz-outline-style: none;



}







/* BGContainer */







.BGC {



	width: 980px;



	margin: 0 -.8em;



	padding: 0px 0px 2em 0;



	position: relative;



}







/* header */







/**/







* html .header {



	height: 80px;



}







/* */







.header {



	width: 535px;



	clear: left;



	padding: 0px 0px 0px 30px;



	min-height: 48px;



	margin-left: 15px;

	



}







.header #header-TXT {



	height: 48px;



		position:absolute;







	padding: 0px 0px 0px 0px;



	margin: 27px 0 .5em 0px;



}







.header h1 {



	font-size: 26px;



	line-height: 26px;



	letter-spacing: -2px;



	padding: 0px;



	margin: 0px;



	font-weight: bold;



}







.header h1 a {



	color: #227bd7;



	text-decoration: none;



}







.header h1 a:visited {



	color: #227bd7;



	text-decoration: none;



}







.header h1 a:hover {



	color: #206dd4;



	text-decoration: none;



}







.header .Desc {



	color: #99a3b4;



	font-size: 14px;



	line-height: 15px;



	font-weight: normal;



	font-family: 'Arial';



	padding: 0px;



	margin: .2em 0px 0px 0px;



}







/* Search */







.Search {



	position: absolute;



	background: url(images/search.gif) no-repeat left top;



	top: -3px;



	right: -220px;



	width: 220px;



	height: 63px;



	padding: 0 0 4em 0;



}







.Search form {



	padding: 28px 10px 10px 10px;



	margin: 0px;



}







.Search input {



	cursor: text;



	border: none;



	color: #9da1a8;



	font-size: 11px;



}







.Search input.search {



	width: 21px;



	height: 21px;



	background: url(./images/SearchButton.gif) no-repeat;



}







.Search input.keyword {



	background: none;



	border: none;



	padding: 5px 0px 5px 5px;



	width: 175px;



	border: none;



}







/**/







* html #buttonsearch {



	margin: -22px 0px 0px 175px;



}







/* */







#buttonsearch {



	padding: 0px;



	margin: -21px 0px 0px 175px;



	top: 0px;



	background: none;



}







/* rss */







.rss {



	position: relative;



	top: 23px;



	right: 00px;



	width: 170px;



	padding: 0 0 4em 0;



}







.rss ul {



	margin: 0px;



	padding: 0px;



}







.rss li {



	background: url() no-repeat left center;



	margin: 0px;



	padding: 0px 0px 1px 15px;



	list-style-type: none;



	font-size: 10px;



	color: #a2a8b1;



}







.rss li a {



	color: #626a77;



	font-size: 10px;



	text-decoration: none;



}







.rss li a:visited {



	color: #626a77;



	font-size: 10px;



	text-decoration: none;



}







.rss li a:hover {



	color: #333;



	font-size: 10px;



	text-decoration: none;



}







/* CTR wt handle it all */



 



.CTR {



	width: 980px;

	height: auto;

	margin-top:-45px ;

    padding-bottom: 400px;

	float: left;

	position: relative;



	background: url(images/bg2.jpg) no-repeat fixed center top;

	} 







/* CST the core of it [SCS] */







.CST {



	width: 505px;



	float: left;



	padding: 0px 30px 15px 45px;



}







.CST h1 {



	font-size: 20px;



	font-weight: normal;



	background: url(images/Dotted.gif) repeat-x bottom;



	padding-bottom: 10px;



	letter-spacing: -1px;



}







.CST h2 {



	font-size: 18px;



	font-weight: normal;



}







.CST h3 {



	font-size: 14px;



	font-weight: bold;



}







.CST p {



	font-size: 12px;



	line-height: 17px;



}







.CST p strong {



	



}







.CST img {



	



}







.CST ul {



	padding: 10px 0px;



	margin: 0px;



}







.CST li {



	padding: 2px 0px 2px 15px;



	list-style-type: none;



	background: url(images/PostContentLiIco.png) no-repeat left top;



	font-size: 11px;



	line-height: 15px;



	color: #4c4c4c;



}







.CST blockquote {



	padding: 2px 10px;



	background: #e9f8ff;



	margin: 0px;



	color: #336699;



}







.CST blockquote p {



	font-size: 11px;



	padding: 5px 0px;



	margin: 5px 0px;



	line-height: 15px;



}







.CST blockquote li {



	padding: 2px 0px 2px 15px;



	list-style-type: none;



	background: url(images/PostContentBlockLiIco.png) no-repeat left top;



	font-size: 11px;



	line-height: 15px;



	color: #336699;



}







.CST blockquote a {



	color: #0080ca;



}







.CST blockquote a:visited {



	color: #0080ca;



}







.CST blockquote a:hover {



	color: #003399;



}







/* LQ like the query */







.LQ {



	width: 505px;



	float: left;



	padding: 0px 30px 15px 45px;



}







.LQ h2 {



	font-weight: normal;



}







/* pagetitle */







.pagetitle {



	font-size: 24px;

    font-family: times;

	font-weight: normal;



	letter-spacing: 0px;



	border-bottom: solid 1px #eee;



	padding: 0px 0px 15px 0px;



	margin: 0px 0px 15px 0px;



	color: #787878;



}







/* TB a toolbox */







.TB {



	padding: 20px 0px 15px 0px;



	float: left;



	



	width: 505px;



	height: 80px;

	padding-bottom: 30px;



	background: url(images/logo.jpg) no-repeat left top;



}







.TB em {



	display: none



}







.TB ul {



	list-style: none;



	margin-top: 80px;



	padding: 0px;



}







.TB ul li ul {



	display: none;



}







.TB li {



	padding: 0px;



	margin: 0px;



	display: inline;



	font-size: 13px;



	line-height: 11px;



}







.TB a {



	padding: 0px 0px 0px 0px;



	font-family: serif, times;



	margin-right: 2px;



	letter-spacing: .1em;



	color: #000000;



	float: left;



}







.TB a span {



	padding: 4px 9px 5px 0px;



	display: block;



	float: right;



}







.TB a span {



	float: none;



	color: #000000;



}







.TB a:hover span {



	color: #525e74;



}







.TB a:hover {



	color: #818b9c;



	text-decoration: none;



}







.TB a:hover span {



	color: #818b9c;



}







.TB .active {



	color: #818b9c;

}







.TB .active span {



	color: #818b9c;



}







/* Post */







.post {



	margin-top: 30px;

	padding: 0px;



	position: relative;



	clear: left;



	background: none;



	color: #000000;



	opacity: 0.72;







}







.postH {



	clear: both;



	width: 410px;



	padding-right: 100px;

	padding-bottom: 5px;



	display: block;



	background: none;

}







.postH h1 {



	font-size: 13px;



	line-height: .8em;

	font-family: serif;



	letter-spacing: 0px;



	padding: 0px 0px 1px 0px;



	margin: .3em 0 .32em 0;



	color: #000000;



}







.postH h1 a {



	color: #000000;



	text-decoration: none;



}







.postH h1 a:visited {



	color: #acacac;



	text-decoration: none;



}







.postH h1 a:hover {



	color: #000;



	text-decoration: line-through;



}







.postH ul {



	padding: 0px;



	margin: 0px;



}







.postH li {



	list-style-type: none;



	display: inline;



}







.postH li a {



	color: #8a98a2;



	text-decoration: underline;



}







.postH li a:visited {



	color: #8a98a2;



	text-decoration: underline;



}







.postH li a:hover {



	color: #8a98a2;



	text-decoration: underline;



}







.postH .PostA {



	background: #fff;



	padding: 1px 5px 1px 0px;



	margin: 0 0 .3em 0;



	font-size: 10px;



	color: #000;

	



	font-weight: normal;



}







.postH .PostC {



	background: #fff;



	padding: 1px 5px 1px 13px;



	margin: 0px;



	font-size: 9px;



	color: #000;

	



	font-weight: bold;



}







.postH 







/**/ * html .PostTime {



	right: 30px;



}







/**/







.postH .PostT {



	display: block;

	width: 495px;







	color: #000;

	font-size: 9px;



	padding: 0px 10px 10px 0px;



	margin: 0 .5em .5em 0;

	border-bottom: 1px dotted #000;



}







.postCX {





    padding-top: ;

	font-size: 12px;

	margin-top: 0px;



	line-height: 17px;



	background: #ffffff ;



	color: #000000;



	opacity: 0.99;



}







.postCX p {



	padding: 1em 1px .em 0px;



	color: #000000;



	font-size: 12px;

	font-weight: bold;

	font-family: sans-serif, times;

	letter-spacing: .1em;



	margin: 0px;



	line-height: 20px;



}







.postCX p strong {



	color: #000000;



	font-size: 12px;



	line-height: 1px;



}







.postCX img {



	



}







.postCX .thumb {



	border: 1em solid #f5f5f5;



	width: 400px;



	height: 310px;



	clear: both;



	padding: 0px;



	margin: 0 0 1em 1em;



}







.postCX ul {



	padding: 2px 0px;



	margin: 0px;



	line-height: 1px;



}







.postCX li {



	padding: 2px 0px 2px 18px;



	margin-left: 1em;



	list-style-type: none;



	background: url(images/PostContentLiIco.png) no-repeat left top;



	font-size: 11px;



	line-height: 15px;



	color: #4c4c4c;



}







.postCX blockquote {



	padding: 2px 10px;



	background: #e9f8ff;



	margin: 0px;



	color: #336699;



}







.postCX blockquote p {



	font-size: 11px;



	padding: 5px 0px;



	margin: 5px 0px;



	line-height: 15px;



}







.postCX blockquote li {



	padding: 2px 0px 2px 15px;



	list-style-type: none;



	background: url(images/PostContentBlockLiIco.png) no-repeat left top;



	font-size: 11px;



	line-height: 15px;



	color: #336699;



}







.postCX blockquote a {



	color: #0080ca;



}







.postCX blockquote a:visited {



	color: #0080ca;



}







.postCX blockquote a:hover {



	color: #003399;



}







.postCX a {



	text-decoration: underline;



}







.PostCXD {



	padding-top: 10px;

	background: #fff;



}







.PostCXD ul {



	padding: 0px;



	margin: 0px;



}







.PostCXD li {



	padding: 2px 0px 0px 0px;



	margin: 0px 10px 0px 0px;



	list-style-type: none;



	display: inline;



	color: #336699;



	font-size: 10px;



	font-weight: bold;



}







.PostCXD li a {



	text-decoration: none;



	color: #000;



}







.PostCXD li a:visited {



	text-decoration: underline;



	color: #a4a4a4;



}







.PostCXD li a:hover {



	text-decoration: underline;



	color: #000;



}







.PostCXC {



	background: #fff;



}







/* Note */







.TIPN {



	padding: 0px;



	margin: 0px;



}







.TIPN li {



	padding: 1px 0px 1px 15px;



	margin: 0px;



	list-style-type: none;



	font-size: 11px;



}







.TIPN .TIPNR {



	background: url(images/NoteRss.png) no-repeat left top;



}







.TIPN .TIPNTB {



	background: url(images/NoteTrackBack.png) no-repeat left top;



}







.TIPN a {



	text-decoration: none;



	color: #707886;



}







.TIPN a:hover {



	text-decoration: underline;



	color: #5e6574;



}







/* NV it's a plug it */







.NV a {



	padding: 2px 5px 2px 3px;



	background: #fff;



	border-right: solid 1px #ccc;



	font-size: 10px;



}







.NV a:hover {



	padding: 2px 5px 2px 3px;



	border-right: solid 1px #ccc;



	text-decoration: none;



	font-size: 10px;



}







.NV span {



	padding: 2px 5px 2px 0px;



	color: #6666;



	border-right: solid 1px #ccc;



	font-size: 10px;



}







.NV .active {



	padding: 2px 5px 2px 3px;



	border-right: solid 1px #ccc;



	font-size: 10px;



	color: #0e58bc;



}







/* Comments */







.Comments {



	margin: 20px 0px 0px 0px;



}







.Comments h3 {



	font-size: 14px;



	font-weight: normal;



	letter-spacing: 0px;



	margin: 0px;

	font-family: serif;



	padding: 5px 0px 0px 0px;



	color: #000;



}







/* Comments List  */







.Comments .List .ComListLi {



	border: solid 1px #e5e5e5;



	background: #ffffff;



	margin: 0 0 .5em 0;



	padding-left: 5em;



	clear: both;



	display: block;



}







.Comments .List .ComListLi-admin {



	border: solid 1px #a6cb9e;



	background: #fff;



	margin: 0 0 .5em 0;



	padding-left: 5em;



	clear: both;



	display: block;



}







.Comments .List .ComListLi-admin .p {



	border-top: solid 1px #C5DDBF;



}







.Comments .List h3 {



	font-size: 14px;



	font-weight: bold;



	margin: 0px 0px 5px 0px;



	padding: 5px 0px;



	color: #0e58bc;



	letter-spacing: -1px;



}







.Comments .List ol {



	padding: 0px;



	margin: 0px;



}







.Comments .List li {



	position: relative;



	padding: 15px 0px 15px 0px;



	margin: 0px 0px 0px 0px;



	list-style-type: none;



	font-size: 11px;



	line-height: 15px;



	color: #484c4f;



}







.Comments .List li p {



	font-size: 11px;



	line-height: 15px;



	padding: 5px 0px 0 0;



	margin: 0 0 0 0;



	color: #000;



}







.Comments .List li .p {



	border-top: solid 1px #e5e5e5;



}







.Comments .List li blockquote {



	padding: 0px;



	margin: 0px;



	color: #666666;



	font-size: 11px;



	font-style: italic;



	border-top: dashed 1px #ccc;



	border-bottom: dashed 1px #ccc;



}







.Comments .List li blockquote p {



	font-size: 11px;



	padding: 5px 0px;



	margin: 0px;



	line-height: 16px;



	color: #666666;



}







.Comments .List li ul {



	padding: 5px 0px;



	margin: 0px;



}







.Comments .List li ul li {



	padding: 0px;



	list-style-type: none;



	background: none;



	font-size: 11px;



	line-height: 13px;



	color: #63565f;



}







/**/







* html .Comments .List .ListGrav {



	left: 0px;



}







/* */







.Comments .List .ListGrav {



	position: absolute;



	top: 15px;



	left: .8em;



}







.Comments .List .ListGrav img {



	background: #fff;



	padding: 1px;



	border: solid 1px #ccc;



}







.Comments .List big {



	margin: 0px;



	padding: 0px 0px 0px 0;



	font-size: 11px;



	line-height: 14px;



	letter-spacing: -1px;



	color: #333;



	font-weight: bold;



	display: block;



}







.Comments .List big a {



	color: #666;



	text-decoration: none;



}







.Comments .List big a:visited {



	color: #7e7e7e;



	text-decoration: none;



}







.Comments .List big a:hover {



	color: #7e7e7e;



	text-decoration: none;



}







.Comments .List small {



	color: #777;



	padding: 0px 0px 10px 0;



	margin: 0px;



	display: block;



}







.Comments .List small a {



	color: #666;



	text-decoration: none;



}







.Comments .List small a:visited {



	color: #7e7e7e;



	text-decoration: none;



}







.Comments .List small a:hover {



	color: #7e7e7e;



	text-decoration: none;



}







/* Comments Form */







.Comments .Form {



	background: #ffffff;



	padding: 10px 15px 20px 0px;



	position: relative;



}







/**/







*html .Comments .FormTop {



	left: -15px;



}







/**/







.Comments .FormTop {



	background: #fff;



	position: absolute;



	top: 0px;



	left: 0px;



	width: 505px;



	height: 10px;



}







.Comments .Form form {



	margin: 0px;



	padding: 0px;



}







.Comments .Form a {



	text-decoration: underline;



}







.Comments .Form p {



	padding: 0px;



	margin: 0px;



	font-size: 10px;



	color: #000;



}







.Comments .Form p small strong {



	font-size: 10px;



	font-weight: bold;



	color: #57648e;



}







.Comments .Form p small {



	font-size: 11px;



	display: block;



	padding: 5px 0px;



}







.Comments .Form .TextField {



	background: #fff;



	border: solid 1px #a3aebd;



	padding: 4px;



	font-size: 11px;



	display: block;



}







.Comments .Form .TextArea {



	background: #fff;



	border: solid 1px #a3aebd;



	padding: 4px;



	font-size: 12px;



}







.Comments .Form input.SubmitComment {



	width: 70px;



	height: 26px;



	background: url(images/submit.gif) no-repeat;



	margin-top: 8px;



} 







.Comments .Form input.SubmitComment:hover {



	background: url(images/submit) no-repeat 0 -26px;



	margin-top: 8px;



}







.Comments .Form input.SubmitCommentIE {



	width: 70px;



	height: 26px;



	background: url(images/submit.gif) no-repeat 0 -26px;



	margin-top: 10px;



	margin-top: 8px;



}







/* Side Right */







.SR {



	margin: 0;



	width: 400px;



	float: right;



}







.SR h2 {



	font-size: 14px;



	letter-spacing: normal;



	font-weight: bold;



}







.SR h3 {



	font-size: 14px;



	letter-spacing: normal;



	font-weight: bold;



}







/* Side Right Left */







.SRL {



	width: 215px;



	float: left;



	padding: 5px 5px 5px 0px;



	color: #fff;



}







.SRL h3 {



	color: #3263C9;



	border-bottom: solid 1px #d3d6db;



	padding: 0px 0px 5px 0px;



	margin: 0px 0px 5px 0px;



	letter-spacing: -1px;



}







.SRL p {



	color: #fff;



	font-size: 11px;



}







/* block SRL */







.BT {



	height: 1px;



	width: 5px;



	position: absolute;



	top: 0px;



	right: 0px;



}







/**/







*html .PT {



	right: 5px;



}







/**/







.Panel {



	position: relative;



	margin: 10px 0 10px 0;



	padding: 0 10px 0 10px;



	color: #333;



	font-size: 11px;



}







.Panel ul {



	margin: 0px;



	padding: 0px;



}







.Panel ul li {



	margin: 0px;



	padding: 0px;



	list-style-type: none;



	font-size: 11px;



	border-bottom: dashed 1px #eee;



}







.Panel ul li a {



	background: url(images/CategLi.png) no-repeat left top;



	display: block;



	padding: 1px 0px 2px 10px;



	font-size: 11px;



}







.Panel ul li a:visited {



	background: url(images/CategLi.png) no-repeat left top;



	display: block;



}







.Panel ul li a:hover {



	background: #eee url(images/CategLi.png) no-repeat left top;



	text-decoration: none;



}







.Panel ul ul {



	padding: 1px 0px 1px 0px;



	margin: 0px 0px 0 0px;



}







.Panel ul ul li {



	padding: 0px;



	margin: 0px 0px 0px 10px;



	list-style-type: none;



	font-size: 10px;



	border-bottom: none;



}







.Panel ul ul li a {



	background: url(images/CategLi.png) no-repeat left top;



	display: block;



	padding: 1px 0px 2px 10px;



	font-size: 11px;



}







.Panel ul ul li a:visited {



	background: url(images/CategLi.png) no-repeat left top;



	display: block;



}







.Panel ul ul li a:hover {



	background: #eee url(images/CategLi.png) no-repeat left top;



	text-decoration: none;



}







.Panel p {



	color: #333;



	font-size: 11px;



}







.Panel a {



	color: #666;



}







/* Side Right Right */







.SRR {



	position: relative;



	width: 160px;



	float: right;



	padding: 10px;



	color: #c0c1c5;



	font-size: 11px;



}







.SRR h3 {



	color: #9da3b0;



	border-bottom: solid 1px #d3d6db;



	padding: 0px 0px 5px 0px;



	margin: 0px 0px 5px 0px;



	letter-spacing: -1px;



}







.SRR h2 {



	color: #9da3b0;



	border-bottom: solid 1px #d3d6db;



	padding: 0px 0px 5px 0px;



	margin: 0px 0px 5px 0px;



	letter-spacing: -1px;



}







.SRR ul {



	padding: 0px;



	margin: 0px;



}







.SRR li {



	padding: 0px 0px 0px 6px;



	margin: 0px;



	list-style-type: none;



	color: #a2a7b1;



	font-size: 10px;



}







.SRR a {



	color: #626a77;



}







.SRR a:visited {



	color: #626a77;



}







.SRR a:hover {



	color: #b0b4bd;



}







.SRR p {



	color: #bdc0c5;



	font-size: 11px;



}







/* footer */







.footer {



	border-top: solid 1px #f7f7f7;



	background: #fff;

	



	width: 100%;

    bottom: 0px;

	position: relative;



	clear: left;

    padding-top: 5px;

	padding-bottom: 10px;



	margin: 0px 0px 0px 15px;

	opacity: 0.57;

	text-align: right;

	float: right;

}



 



.footer p {



	font-size: 10px;



	color: #8a8a93;



	padding: 0px;



	margin: 0px;



}







.footer a {



	color: #8a8a93;



	text-decoration: underline;



}







.footer a:visited {



	color: #8a8a93;



	text-decoration: underline;



}







.footer a:hover {



	color: #8a8a93;



	text-decoration: underline;



}