/* kost-menteng CSS */

/* generic */
body { background:#f2f2f2; margin:auto; }

div { font-family:"Trebuchet MS"; font-size:16px; color:#999999; }

a { text-decoration:none; }

a { color:#ffd128; }
a:hover { color:#2f2f2f; }

a img { border:none; }

p { padding:0; margin:0 0 5px; line-height:20px; }

h1 { padding:0; margin:0 0 5px; font-family: "Times New Roman", Times, serif, Cambria; color:#DACB12; font-weight:bold; font-size:20px; }

h2 { padding:0; margin:0 0 5px; font-family: "Times New Roman", Times, serif, Cambria; color:#999; font-weight:bold; font-size:18px; }

.left {  float:left;}
.right { float:right; }
.clear { clear:both; }

/* placement */
#wrapper { width:900px; overflow:hidden; margin:auto; }

#container { width:840px; float:left;overflow:hidden; background-color:#FFFFFF; border:1px solid #e1e1e1; margin-top:29px; margin-bottom:29px; }

#header-placement { width:840px; height:90px; background-color:#fff; border-bottom:#ffd128 3px solid; }
	#logo-placement { background:url(images/harnods-logo.gif) no-repeat left top; width:79px; padding:20px; }
	
#main-content { width:812px; padding:0px 15px; overflow:hidden; }
	#left-content { width:355px; float:left; margin-top:20px; }
	#right-content { width:427px; float:right; margin-left:30px; margin-top:20px }
	
	#left-content li { display:compact; padding:0px 0px 0px 0px;}

	#left-content blockquote { background-color:#FFCC66; padding:10px 10px 20px 15px; color:#fff; font-size:14px; font-weight:bold; margin:5px 0px 0px 0px;-webkit-border-radius: 3px;-moz-border-radius: 3px; }

	#table { width:360px;  overflow:hidden; margin-top:10px; }
	#table a { color:#666 ;}
	#table a:hover { color:#2F2F2F;}
	#table .box { width:120px; height:120px; float:left; }
	#table .box img { border:2px solid #ffd128;}

#footer-placement p { color:#acacac; padding-right:15px; padding-bottom:15px; padding-top:15px; border-top:1px solid #e1e1e1; margin-top:40px; font-size:11px; text-align:right; }
	
.login-textarea { width: 200px; border: 1px solid #cfcfcf; background-color: #FFF; height: 18px; padding: 1px 3px 1px 3px; font-size: 15px; -webkit-border-radius: 3px;-moz-border-radius: 3px; }
.textarea { width: 341px; border: 1px solid #cfcfcf; background-color: #FFF; height: 150px; padding: 1px 3px 1px 3px; font-size: 15px; -webkit-border-radius: 3px;-moz-border-radius: 3px; }
.submit {padding:3px 7px 3px 7px; background-color:#FFCC66; color:#FFFFFF; font-weight:bold;-webkit-border-radius: 5px;-moz-border-radius: 5px; position:relative; left:290px;}

.line { width:100%; padding-bottom:10px;}
.tu {width:120px; height:22px; line-height:22px; float:left;}
.wa {width:15px; height:22px; line-height:22px; float:left;}
.ga {width:250px; height:22px; line-height:22px; float:left;}


.share {padding:5px 10px; border-bottom:1px solid #fff;border-top:1px solid #fff; background-color:#FFF; text-align:left;-webkit-border-radius: 3px;-moz-border-radius: 3px;}