/*
Theme Name: Yuen Chen Siang
Theme URI: http://www.yuen.com.my/
Description: The newly designed theme for Muar Yuen Chen Siang in internet marketing campaign by PCT.
Version: 0.1
Author: AP from PCT
Author URI: http://www.myweb.com.my/
Tags: ycs, yuen chen siang
*/


/* Overall - Start */

body {
	background: url(images/background.png);
	margin: 0;
	font-family: SimSun;
	font-size: 13px;
	color: #6b4213;
}

h2, h3, h4 {
	font-family: "楷体", KaiTi, "Arial Rounded Bold Font";
}

h2 {
	font-size: 22px;
	color: #312923;
	padding: 5px 10px 6px;
	margin: 0;
}

h2 a {
	display: block;
	color: #312923;
	text-decoration: none;
}

h3 {
	font-family: "Arial Rounded MT Bold", Georgia, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #312923;
	text-transform: uppercase;
	padding:5px 10px 6px;
}

h4 {
	color: #553200;
	font-size: 20px;
	padding: 0 10px;
	margin-bottom: 10px;
}

h4 a {
	color: #553200;
 	text-decoration: none;
}

a img {
	border: none;
}

a, object {
	outline: none;
}

p a, li a {
	font-size: 13px;
	color: #a56a69;
	text-decoration: none;
}

p a:hover, li a:hover {
	text-decoration: underline;
}

/* Overall - End */

/* Navigation - Start */

#nav {
	height: 94px;
	background: url(images/nav.png) center;
	*background-position: center 1px;
}

#nav #content, #banner {
	width: 960px;
	margin: auto;
}

#nav #content ul {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
	*margin-top:-263px;
}

#nav #content li {
	float: left;
}

#nav #content ul a {
	display: block;
	width: 135px;
	height: 94px;
	text-indent: -10000px;
}

/* Navigation - End */

/* Footer - Start */

#footer {
	background: url(images/footer.png) repeat-x;
	height: 94px;
}

#footer #content {
	width: 960px;
	height: 94px;
	margin: auto;
	background-image: url(images/footer-logo.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#footer #text {
	width: 465px;
	padding: 33px 0 33px 163px;
	font-size: 11px;
	color: #7d674d;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}

#footer ul {
	list-style: none;
	margin-left: 700px;
}

#footer li {
	float: left;
	height: 94px;
	padding: 31px 2px;;
}

#footer li a {
	display: block;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
}

#footer #facebook {
	background: url(images/facebook.png);
}

#footer #facebook:hover {
	background: url(images/facebook2.png);
}

#footer #twitter {
	background: url(images/twitter.png);
}

#footer #twitter:hover {
	background: url(images/twitter2.png);
}

#footer #youtube {
	background: url(images/youtube.png);
}

#footer #youtube:hover {
	background: url(images/youtube2.png);
}

#footer #flickr {
	background: url(images/flickr.png);
}

#footer #flickr:hover {
	background: url(images/flickr2.png);
}

/* Footer - End */

/* Structure - Start */

#wrap {
	background: url(images/glow.png) center 94px no-repeat;
}

#home-column, #blog, #page {
	width: 960px;
	margin: auto;
}

/* Structure - End */

/* Banner - Start */

#banner {
	background: right center no-repeat;
	height: 209px;
	margin-bottom: 10px;
}

#banner.home {
	height: 367px;
	margin-bottom: 20px;
	width: 800px;
	padding-left: 160px;
}

.page-id-29 #banner, .single #banner {
	background-image: url(images/blog.png);
}

.page-id-36 #banner, .page-id-47 #banner {
	background-image: url(images/company.png);
}

.page-id-38 #banner, .page-id-41 #banner, .page-id-43 #banner, .page-id-45 #banner {
	background-image: url(images/products.png);
}

.page-id-23 #banner {
	background-image: url(images/outlet.png);
}

.page-id-51 #banner {
	background-image: url(images/contact.png);
}

/* Banner - End */

/* Homepage - Start */

.page .home-columns {
	width: 300px;
	float: left;
	margin: auto 30px 40px auto;
	height: 285px;
	background: url(images/content-bg-s.png) center bottom no-repeat;
}

.page .home-columns.l {
	height: 584px;
	background: url(images/content-bg-l.png) center bottom no-repeat;
}

.page .home-columns .blog {
	height: 510px;
	overflow: auto;
}

.page .home-columns-last {
	margin: 0;
}

.page .home-columns .content {
	margin: 28px 11px 0;
}

.page .home-columns .fb {
	margin: 28px auto 0;
	width: 280px;
}

.page .home-columns h2 {
	background: url(images/h2.png);
	width: 280px;
}

.page .home-columns h4 {
	padding: 0;
}

.page .home-columns small {
	display: inline;
	margin: 0;
}

/* Homepage - End */

/* Blog - Start */

#blog h2, #blog h3 {
	border-bottom: solid  #bc9d81;
	background: none;
	width: auto;
}

#blog #content {
	width: 594px;
	float: left;
}

#blog #sidebar {
	width: 345px;
	margin-left: 615px;
}

.postmetadata {
	display: block;
	text-align: right;
}

.post small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	display: block;
	text-align: right;
	margin: 5px 5px 10px;;
}

.post .entry a {
	text-decoration: underline;
}

textarea {
	width: 100%;
}

/* Blog - End */

/* Page - Start */

#page #sidebar {
	width: 140px;
	height: 249px;
	float: left;
	background: url(images/menu.png);
	margin: 0;
	list-style-type: none;
	padding: 20px;
}

#page #sidebar li {
	width: 132px;
/*	background: url(images/li.png) center left no-repeat; */
	background: url(images/li.png) 0 8px no-repeat;
	padding-left: 12px;
	padding-bottom: 15px;
}

#page #sidebar li a {
	font-size: 16px;
	color: #FFF;
	display: block;
}

#page #sidebar li a:hover {
	background: #56462c;
}

#page #sidebar ul {
	list-style-type: none;
	padding-left: 10px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	background: url(images/li-line.png) bottom no-repeat;
	*margin: 15px 0 0;
}

#page #sidebar ul a {
	font-size: 13px;
	color: #e5d8b5;
}

#page #sidebar ul li {
	background: none;
	padding: 3px;
}

#page #sidebar ul a:hover {
	color: #eaab3f;
	background: #56462c;
}

#page #content {
	width: 765px;
	margin-left: 195px;
}

#page p {
	margin-left: 10px;
}


.page h2 {
	background: url(images/h2-page.png);
	width: 744px;
}

.page p {
	margin: 25px 0;
}

/* Page - End */

.page-id-36 #content-inside {
	background: url(images/mascot.png) right center no-repeat;
	padding-right: 300px;
}

.button-link {
	background: #81533b;
	color: #FFF;
	padding: 6px;
	margin-right: 10px;
}

.button-link2 {
	background: #bc9582;
	color: #FFF;
	padding: 6px;
	margin-right: 10px;
}

.page-id-41 #products, .page-id-43 #products, .page-id-45 #products {
	padding: 0;
	margin-top: 50px;
	list-style: none;
}

.page-id-41 #products li, .page-id-43 #products li, .page-id-45 #products li {
	width: 238px;
	float: left;
	margin-right: 15px;
}

.page-id-41 #products h3, .page-id-43 #products h3, .page-id-45 #products h3 {
	margin-top: 0;
	text-align: center;
}

#outlet td {
	border-top-style: dotted;
	border-top-width: 1px;
}

#outlet tr {
	text-align: left;
}

.page-id-51 #content-inside {
	width: 320px;
	float: left;
}

.page-id-51 #content-inside2 {
	background: url(images/map-bg.png) no-repeat;
	padding: 5px;
	float: left;
	margin-top: 30px;
}

#intro {
	width: 950px;
	margin: 100px auto 0;
	text-align: center;
}