* {margin:0; padding:0;}
body  {background:#f0eeea; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#666;}
img {border:none;}
ul {list-style:none;}
p {font-size:11px; line-height:1.6em; color:#4a4a4a;}
p a {color:#980000; text-decoration:none;}
p a:hover {text-decoration:underline;}
h3 { line-height:1.2em; font-size:12px; color:#222; margin-bottom:3px;}
h3 a {font-size:12px; color:#222; text-decoration:none;}
h3 a:hover {text-decoration:underline;}

#ss { width:200px; margin-left:50px; position: absolute; height:30px; background:#FF9900; color:#FFFFFF }
#ss a { color:#FFFFFF; text-decoration:none; display:block}
#ss a:hover { display:block; background:#99CC00;}

#headwrap {background:url(images/headerbg.gif) repeat-x; height:229px;}
#header {width:980px; height:193px; margin:0 auto; position:relative;}
#toppremiumad {position:absolute; top:17px; left:0;}
#toppremiumad img { height:100px }
#logo {position:absolute; bottom:13px; left:0;}
#latestvolume {background:url(images/latestvol-bg.gif) no-repeat; width:231px; height:154px; position:absolute; top:17px; right:0; overflow:hidden;}
#latestvolume {}
#searchform {background:url(images/searchbg.gif) no-repeat; width:391px; height:40px; position:absolute; bottom:1px; right:252px; }
#searchform input {padding:10px 5px;; margin-left:100px; width:235px; border:none; font-size:16px; font-family:Tahoma, Geneva, sans-serif; background:none;}
#searchform button {width:40px; height:40px; margin:0; padding:0; background:none; border:none; cursor:pointer;}
#currentdate {font-size:11px; color:#afafaf; position:absolute; bottom:45px; left:430px;}

#contentwrap {width:980px; margin:0 auto; overflow:hidden; padding-top:20px;}
#leftpart {width: 670px; float:left; margin-bottom:15px;}
#rightpart {width: 300px; float:right; margin-bottom:15px;}

#nuke-ad {margin-top:5px; margin-bottom:10px;}

#left-bottom-left {width:370px; float:left;}
#left-bottom-right {width:300px; float:right;}
#left-bottom-right h1 { font-size:17px; font-weight:lighter; color:#000}


.imgwrap1 {width:158px; height:85px; overflow:hidden; margin-top:0;}
.imgwrap1 img {width:158px;}
.imgwrap2 {width:166px; height:16px; background: #333; color:#FFF; padding:2px;}
.imgwrap3 {width:100px; height:100px; overflow:hidden; margin:5px 5px 8px 8px;}
.imgwrap3 img {width:120px;}
.imgwrap4 {width:282px; overflow:hidden;}
.imgwrap4 img {margin:0 auto; display:block; height:150px;}

.smallbox {margin-bottom:10px;overflow:hidden; }
.smallbox li {float:left; width:170px; margin-right:15px; margin-bottom:10px; display:inline;}
.smallbox h3 { line-height:1.1em; padding-top:3px; padding-bottom:3px;}
.smallbox h3 a {font-size:12px; color:#222; text-decoration:none;}
.smallbox h3 a:hover {text-decoration:underline;}
.smallwrap {border:1px solid #cccccc; height:175px; padding:5px; background:#fff;}

#galleryfoto {width:340px; border:1px solid #cccccc; overflow:hidden; padding:8px 8px 5px 5px ; background:#fff; margin-bottom:20px;}
#galleryfoto li {float:left;}

#gallery { padding:0; list-style:none; margin-top:10px }
#gallery li { display:inline-block; margin-right:5px; }
#gallery li img { width:100px; height:80px; overflow:hidden; padding:3px; border:1px solid #CCCCCC}

.seremonial {border:1px solid #cccccc; width:335px; padding:10px; background:#fff;}
.seremonial img {float:left; margin-right:10px; margin-bottom:5px; width:95px;}
.seremonial2 {border:1px solid #cccccc; border-top:none; width:335px; padding:10px; background:#fff; margin-bottom:10px;}

.left-bottom-right-box {width:282px; border:1px solid #cccccc; padding:8px; background:#fff; margin-bottom:15px; }

.left-bottom-right-box-2 {width:282px; border:1px solid #cccccc; padding:8px; background:#fff; margin-top:-16px; margin-bottom:15px; }

#subscribeform {margin-top:5px;}
#subscribeform input {border:1px solid #cccccc; font-size:11px; font-family:Tahoma, Geneva, sans-serif; color:#222; padding:3px; width:150px;}

#artikel-list {width:300px; margin-bottom:15px;}
#artikel-list li {width:300px; background:#fff;}
#artikel-list h3 a {font-size:14px; line-height:1.3em;}
.artikel-wrap {border:1px solid #cccccc; padding:8px; overflow:hidden;}
.artikel-wrap img {float:left; margin-right:8px; margin-bottom:5px; margin-top:5px;}
.kategori-artikel { background:#666; text-transform:uppercase; text-align:right; padding-top:3px; padding-bottom:3px; padding-right:8px; font-size:14px; color:#fff;}
.ar-lifestyle {background:#1b57b3;}
.ar-leisure {background:#59b31b;}
.ar-health {background:#b31bb2;}
.ar-excellentbooks {background:#f29200;}
.ar-property {background:#c00e2e;}
.ar-celebritybusiness {background:#C36;}
.premiumads {width:300px; margin-bottom:15px;}
#bottomads {width:980px; margin-bottom:15px;}

#footerwrap {height:103px; background:url(images/footerbg.gif) repeat-x;}
#copyright {width:980px; margin:0 auto; position:relative;}
#copyright2 {color:#fff; position:absolute; top:20px; left:0;}
#copyright2 a {color:#fff; text-decoration:none;}
#copyright2 a:hover {text-decoration:underline;}
#nukegraphic {position:absolute; right:0; top:10px;}

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; width:980px; margin:0 auto;  height:35px; z-index:500; font-size:14px; }
ul.dropdown a {color:#afafaf;}
ul.dropdown a:hover {color:#fff;}
ul.dropdown li                      { float: left; zoom: 1; background:url(images/menubg.gif) no-repeat top right; padding-right:15px; margin-right:15px; }
ul.dropdown a:hover		            { }
ul.dropdown a:active                { color: #fff; }
ul.dropdown li a                    { display: inline-block; padding-top:8px; height:28px; text-decoration:none; 
	 								  }
ul.dropdown li:last-child         { background:none;} /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; }
ul.dropdown li.hover a              { }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 250px; visibility: hidden; position: absolute; top: 100%; left: -16px; }
ul.dropdown ul li 					{ font-weight: normal; background: #0a1100; color: #afafaf; padding-left:15px;   height:30px;
									  border-top:1px #666 solid; border-left:1px #666 solid; border-right:1px #666 solid; float: none; }
ul.dropdown ul li:last-child		{border-bottom:1px #666 solid; background: #0a1100;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; padding-top:6px; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: -1px; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

/* 
	LEVEL ONE
*/
ul.dropdown2                         { position: relative; width:980px; margin:0 auto;  height:48px; z-index:500; font-size:14px; }
ul.dropdown2 a {color:#afafaf;}
ul.dropdown2 a:hover {color:#fff;}
ul.dropdown2 li                      { float: left; zoom: 1; background:url(images/menubg2.gif) no-repeat top right; padding-right:15px; margin-right:15px; }
ul.dropdown2 a:hover		            { }
ul.dropdown2 a:active                { color: #fff; }
ul.dropdown2 li a                    { display: inline-block; padding-top:15px; height:33px; text-decoration:none; 
	 								  }
ul.dropdown2 li:last-child         { background:none;} /* Doesn't work in IE */
ul.dropdown2 li.hover,
ul.dropdown2 li:hover                { position: relative; }
ul.dropdown2 li.hover a              { }


/* 
	LEVEL TWO
*/
ul.dropdown2 ul 						{ width: 250px; visibility: hidden; position: absolute; bottom: 100%; left: -16px; }
ul.dropdown2 ul li 					{ font-weight: normal; background: #222222; color: #afafaf; padding-left:15px;   height:30px;
									  border-top:1px #666 solid; border-left:1px #666 solid; border-right:1px #666 solid; float: none; }
ul.dropdown2 ul li:last-child		{border-bottom:1px #666 solid; background: #222222;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown2 ul li a					{ border-right: none; width: 100%; display: inline-block; padding-top:6px; } 

/* ------------------------ TAMBAHAN 1 MARET 2010 ------------- */

.details {width:648px; padding:10px; background:#fff; border:1px solid #cccccc; overflow:hidden; margin-top:1px; margin-bottom:15px;}
.details h2 {font-size:24px; color:#333; border-bottom:1px solid #666; margin-bottom:5px; padding-bottom:10px;}
.details h4 {font-size:17px; color:#333; border-bottom:1px solid #666; margin-bottom:5px; padding-bottom:10px;}

.details-content img {float:left; margin-right:10px; margin-bottom:5px; max-width:450px;}
.details-content p {margin-bottom:7px; font-size:12px;}
.details-content h1, .details-content h2, .details-content h3, .details-content h4 {font-size:16px; margin-bottom:5px; margin-top:10px;}
.introparagraph {font-style:italic; border-bottom:1px solid #666; padding-bottom:5px; font-size:13px; margin-bottom:10px;}
.penulis {font-weight:bold; font-style:italic; float:right; background:#c70000; padding:3px 5px; color:#fff;} 

.other-highlight {}
.other-highlight li {width:206px; float:left; padding-right:10px;}
.other-highlight img {float:left; margin-right:5px; margin-bottom:5px;}
.other-highlight a {color:#4a4a4a; text-decoration:none; font-weight:bold;}
.other-highlight a:hover {color:#980000;text-decoration:underline;}

.sidebar-box {background:#fff;width:278px; padding:10px;border:1px solid #cccccc; margin-bottom:15px;}

.artikel-detpage {padding-left:20px;}
.artikel-detpage li {border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:5px; line-height:1.3em;}
.artikel-detpage li:last-child {border-bottom:none; padding-bottom:0; margin-bottom:0;}
.artikel-detpage a {color:#4a4a4a; text-decoration:none;}
.artikel-detpage a:hover {color:#980000;}
.artikel-detpage h3 a {color:#4a4a4a; text-decoration:none; font-size:14px;}
.artikel-detpage h3 a:hover {color:#980000;}

.boximg { width:100px; max-height:74px; margin-left:8px; border:1px  solid #CCCCCC; overflow:hidden; padding:3px; float:right}
.ar-strategi {background:#4a4a4c;}


			#signupForm { width: 700px; float:left }
			#signupForm label.error,
			#signupForm input.submit { clear:both;
					width:100px;
					margin-left:200px;
					background:#888888;
					color:#FFFFFF;
					border:solid 1px #666666;
					font-size:11px;
					font-weight:bold;
					padding:4px 6px;}
			#signupForm input,select {padding:4px; font-family:tahoma;border:1px solid #CCCCCC; margin-right:5px;  font-size:11px;}
			#signupForm option { padding:2px; text-transform:capitalize}
			
			#signupForm textarea {padding:4px; font-family:tahoma;border:1px solid #CCCCCC;margin-right:5px; font-size:11px;}
			#signupForm p{
					font-size:11px;
					color:#666666;
					margin-bottom:15px;
					
					padding-bottom:10px;
				}
				#signupForm label{
					display:block;
					font-weight:bold;
					text-align:left;
					width:200px;
					float:left;
				}
			#signupForm .small{
					color:#666666;
					display:block;
					font-size:11px;
					font-weight:normal;
					text-align:left;
					width:140px;
				}
			.line{
					font-size:11px;
					color:#666666;
					margin-bottom:20px;
					border-bottom:solid 1px #dedede;
					padding-bottom:10px;
				}
			/* ----------- My Form ----------- */

.err { padding:10px; color:#FFFFFF; background:#993300; }
.ok { padding:10px; color:#FFFFFF; background:#99CC00}