@charset "utf-8";

/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* GLOBAL TAG */
body { background: #fff url(../images/bg.jpg) repeat-x; font-family: Arial,"Helvetica",sans-serif;  color: #707070; font-size: 12px; }
a { text-decoration: none; color: #bfd047; }
a:hover { text-decoration: underline; }
a img { border: none; }
/*
img, div, input { behavior: url(../images/iepngfix.htc); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...); }
*/
img, input { behavior: url(../images/iepngfix.htc); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...); }
p { font-size: 13px; line-height: 26px; margin-bottom: 20px; }

/* REUSABLE CLASS */
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }
.fl { float: left; }
.fr { float: right; }
.hide { display: none; }
.container { width: 860px; overflow: auto; margin: 0 auto; padding:0; }
.white-bg { background: #fff; }

/* HEADER */
#header { width: 860px; height: 280px; background: url(../images/header_bg.png) no-repeat; }
#header h1 { display: block; z-index:999; color:#0000; height: 190px; width: 370px; float: left; }
#header h2 { display: block; text-indent: -9999px; height: 90px; width: 590px; float: left; }
#header p { display: block; text-indent: -9999px; height: 100px; width: 590px; float: left; margin:0; padding:0; }
#header h1 a { display: block; text-indent: -9999px; height: 200px; width: 270px; }
#header h2 a { display: block; text-indent: -9999px; height: 90px; width: 590px; }
#head { background:#95aa00; width: 100%; height: 12px; padding:5px 0;z-index:999; color:#fff;}
#headp { background:#95aa00; width: 860px; margin:0 auto; color:#fff; text-align:right;}

#nav { background: url(../images/nav_bg.png) no-repeat; width: 860px; height: 80px; }
#nav h2 { display: none; }
#nav ul, #nav ul li { list-style: none; }
#nav ul li, #nav ul li a { display: block; height: 80px; text-indent: -9999px }
#nav ul li { float: left; }
#nav ul li a span { display: none; }
#nav ul li.nav-home { width: 86px; height: 80px; }
#nav ul li.nav-home a:hover { background: url(../images/nav_bg.png) no-repeat 0 -80px; }

#nav ul li.page-item-2 { width: 78px; }
#nav ul li.page-item-2 a:hover { background: url(../images/nav_bg.png) no-repeat -86px -80px; }
#nav ul li.cat-item-15 { width: 156px; }
#nav ul li.cat-item-15 a:hover { background: url(../images/nav_bg.png) no-repeat -164px -80px; }
#nav ul li.cat-item-16 { width: 150px; }
#nav ul li.cat-item-16 a:hover { background: url(../images/nav_bg.png) no-repeat -320px -80px; }
#nav ul li.cat-item-17 { width: 137px; }
#nav ul li.cat-item-17 a:hover { background: url(../images/nav_bg.png) no-repeat -470px -80px; }
#nav ul li.cat-item-18 { width: 117px; }
#nav ul li.cat-item-18 a:hover { background: url(../images/nav_bg.png) no-repeat -607px -80px; }
#nav ul li.cat-item-20 { width: 136px; }
#nav ul li.cat-item-20 a:hover { background: url(../images/nav_bg.png) no-repeat -724px -80px; }
/*
#nav ul li.cat-item-21 { width: 115px; }
#nav ul li.cat-item-21 a:hover { background: url(../images/nav_bg.png) no-repeat -745px -80px; }
*/
#nav ul ul { margin-top: 25px; border-left: 1px solid #CCD0D1; border-right: 1px solid #CCD0D1; z-index: 9999px; position:absolute; }
#nav ul li ul li{ border-bottom: 1px solid #CCD0D1; background: #fffffd; height: 30px; float: none; text-align: left; font-weight: bold; clear:left; }
#nav ul li ul li:hover { background: #fffffd; }
#nav ul li ul li.cat-item a { text-indent: 0px; color: #045A4C; line-height: 20px; padding: 5px 10px; height: 20px; }
#nav ul li ul li.cat-item a:hover { background: #fffffd !important; color: #67BF09; text-decoration: none; line-height: 20px; height: 20px; }

.cat-item-20 .children { margin-left: -180px; width: 310px; }

/* LEFT COLUMN */
#left-column { float: left; width:570px; margin-right: 18px; } 

/* ACER WRITER UPDATES */
#acer-writer-updates h1 { width: 350px; height: 44px; background: url(../images/acer-writer-updates.png) no-repeat scroll 0 0 transparent; text-indent: -9999px; display: block; }
#acer-writer-updates ul, #acer-writer-updates ul li { list-style: none; }
#acer-writer-updates ul li { float: left;  }
.boxgrid { background: rgb(22, 22, 19) none repeat scroll 0% 0%; overflow: hidden; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; position: relative; }
.bigBox { width: 375px; height: 240px; margin-bottom: 5px; margin-right: 8px; }
.bigBox img { border: 0pt none ; position: absolute; top: 0pt; left: 0pt; }
.bigBox p { height: 65px; margin: 0; padding: 0pt 10px; color: rgb(175, 175, 175); font-family: "Lucida Grande",Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; }
.boxcaption { background: rgb(0, 0, 0) none repeat scroll 0% 0%; float: left; position: absolute; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 100%; opacity: 0.8; }
.bigBox .boxcaption { bottom: -63px; left: 0pt; }
#acer-writer-updates .bigBox h2 { margin: 10px 0; padding: 0; }
#acer-writer-updates .bigBox h2 a { margin: 10px 10px; display: block; color: rgb(255, 255, 255); font-family: Arial,sans-serif; font-style: normal; font-variant: normal; font-size: 20px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; letter-spacing: -1px; font-weight: bold; }
#acer-writer-updates .bigBox h2 a:hover { text-decoration: underline; }

.smallBox { width: 186px; height: 116px; margin-bottom: 8px; }
.smallBox img { border: 0pt none ; position: absolute; top: 0pt; left: 0pt; }
.smallBox p { height: 50px; margin: 0; padding: 0pt 5px; color: rgb(175, 175, 175); font-family: "Lucida Grande",Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 9px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; }
.boxcaption { background: rgb(0, 0, 0) none repeat scroll 0% 0%; float: left; position: absolute; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 100%; opacity: 0.8; }
.smallBox .boxcaption { bottom: -50px; left: 0pt; }
#acer-writer-updates .smallBox h2 { margin-top: 5px; margin-bottom: 5px; }
#acer-writer-updates .smallBox h2 a { margin: 5px 5px; color: rgb(255, 255, 255); font-family: Arial,sans-serif; font-style: normal; font-variant: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; font-weight: bold; display: block; }
#acer-writer-updates .smallBox h2 a:hover { text-decoration: underline; }

/* LATEST POST */
#article-list { margin-top: 15px; width: 570px; }
#article-list h2 a { font-size: 27px; line-height: 32px; font-weight: 500; color: #045a4c; }

#article-list div.subcatdiv { width:530px; height: 159px; border-bottom:  1px solid #045a4c; background: url(../images/dr-acer-header_top.gif) no-repeat 0 -20px;}
#article-list #subdracer { margin: 90px 0 10px 230px; width: 220px; line-height: 26px; padding: 3px 5px; }

#article-list ul.subcategory { margin: 0; padding: 5px; }
#article-list ul.subcategory, #article-list ul.subcategory li { list-style: none; }
#article-list ul.subcategory li { display: inline; border-right: 1px solid #045a4c; margin:0 9px 0 0; padding: 0 9px 0 0; }
#article-list ul.subcategory li a { color: #045a4c; }

#article-list ul.article-list, #article-list ul.article-list li { list-style: none; }
#article-list ul.article-list li { padding: 22px 0; border-bottom: 1px solid #81aca5; }
.content a, .content-nav div a  { color: #005446; }
.post-content a { color: #fff; }
.title { border-bottom: 1px solid #81aca5; }
.title h2 { font-size: 25px !important; color: #045a4c !important; margin: 9px 0; padding: 0; line-height: 20px; }
.title h3 { font-size: 11px !important; color: #045a4c !important; margin: 0; padding: 0; }
.title h3, .title h3 a { font-size: 11px !important; color: #045a4c !important;  }
.thumb-container, .post-container { float: left; }
.thumb { border: 1px solid #ccc; border-collapse: collapse; float: left; margin-right: 10px; width: 120px; height: 120px; display: block; }
.post-container { width: 425px; float:right; }
.post-container p { line-height: 19px; }
.post-info { font-size: 14px; color: #67bf09; line-height: 16px; }
.post-info a, .tags a { color: #045a4c; }
.fb-like, .comment-info { float: left; margin-bottom: 18px; font-size: 12px; line-height:1; }
.comment-info a { text-decoration: none; color: #bfd047; }
.comment-info span a { background: url(../images/comment-icon.gif) no-repeat 0 0; width: 35px; height: 22px; color: #fff; text-align: center; display: block; font-size: 9px; padding-top: 2px; float: left; margin-right: 5px; }
.comment-info span a:hover { background: url(../images/comment-icon.gif) 0 -24px; }
.comment-info span a:hover { text-decoration: none; }
.read-more a { color: #fff; background: #67bf09; padding: 5px 10px; float: left; display: block; }
.read-more a:hover { text-decoration: none; background: #045a4c; }
.post-nav { position: relative; height: 20px; display: block; width: 100%; margin: 20px 0; }
.post-nav a span { display: none; }
.olderPost-btn a { background: url(../images/older-post-btn.gif) no-repeat; display: block; width: 116px; height: 20px; position: absolute; left: 0; }
.newerPost-btn a { background: url(../images/newer-post-btn.gif) no-repeat; display: block; width: 122px; height: 20px; position: absolute; right: 0; }
.content-nav { display: block; background: #d5e674; padding: 10px; clear: both; margin-top: 10px; }
.content-nav span { position: absolute; right: 0; display: block; }

h4.relatedp { font-size: 18px; color: #045A4C; font-weight: 500; line-height: 25px; margin: 15px 0 8px 0; padding: 0; }

/* RIGHT COLUMN */
#right-column { float: right; width:260px; height: auto; overflow: hidden; } 
#right-column .textwidget { margin-top: 14px; padding: 0; }

/* SOCIAL MEDIA */
#social-media { width: 260px; height: 44px; background: url(../images/social-media.png) no-repeat 0 -88px;; }
#social-media ul { background: url(../images/social-media.png) no-repeat; width: 260px; height: 44px; }
#social-media ul, #social-media ul li { list-style: none; }
#social-media ul li, #social-media ul li a { display: block; height: 44px; }
#social-media ul li { float: left; display: inline; }
#social-media ul li a span { display: none; }
#social-media ul li.twitter { width: 70px; }
#social-media ul li.twitter a:hover { background: url(../images/social-media.png) no-repeat 0 -44px; }
#social-media ul li.rss { width: 80px; }
#social-media ul li.rss a:hover { background: url(../images/social-media.png) no-repeat -70px -44px; }
#social-media ul li.facebook { width: 50px; }
#social-media ul li.facebook a:hover { background: url(../images/social-media.png) no-repeat -150px -44px; }
#social-media ul li.press { width: 60px; }
#social-media ul li.press a:hover { background: url(../images/social-media.png) no-repeat -200px -44px; }

/* SEARCH BOX */
.form{ width: 260px; }
.form table td { text-align: left; font-size: 15px; vertical-align: top; }
.form input{ border: 1px solid #8ab261; background: #fff; color: #5f95ef; font-size: 15px; font-weight: 700; padding: 2px;}
.form input.text{ font-weight: normal; color: #ccc;border: 1px solid #8ab261; padding: 2px; margin-bottom: 5px; text-align: left;}
.form input.text.active{ border: 1px solid #5dd713; color: #005446; }
#search { width: 200px; }	
#send { background: #005446;  color: #fff; border: none; }	

/* TWITTER BOX */
#twitter-box { margin-top: 20px; width: 260px; }
#twitter-box h3 { background: url(../images/twitter-title.gif) no-repeat; display: none; width: 67px; height: 18px; text-indent: -9999px; margin-bottom: 10px; }
.twitter-top { text-align: right; line-height: 35px; margin:0; padding:0; width: 260px; height: 57px; display: block; background: url(../images/twitter-box-top.png) no-repeat; }
.twitter-top a { color: #045A4C; margin-right: 10px;}
.twitter-middle { width: 260px; height: 100%; background: url(../images/twitter-box-middle.gif) repeat-y; }
.twitter-middle ul { margin: 0; padding: 0; }
.twitter-middle li span { font-size: 15px; color: #fff; clear: both; line-height: 20px; }
.twitter-middle li { font-size: 12px; color: #c0da2e; font-style: bold; margin: 0 19px; padding-bottom: 15px; }
.twitter-bottom { width: 260px; height: 12px; display: block; background:url(../images/twitter-box-bottom.gif) no-repeat; }

/* FACEBOOK BOX */
#facebook-box { margin-top: 15px; width: 260px; clear: both; }
#facebook-box h3 { background: url(../images/facebook-title.gif) no-repeat; display: block; width: 95px; height: 19px; text-indent: -9999px; margin-bottom: 10px; }
.fb-box { width: 260px; height: auto; }

/* VIDEO BOX */
#video-box { margin-top: 25px; width: 260px; }
#video-box h3 { background: url(../images/video-title.gif) no-repeat; display: block; width: 58px; height: 19px; text-indent: -9999px; margin-bottom: 10px; }
.video-big { width: 260px; height: auto; float: left; margin-bottom: 5px; }
.video-small { width: 125px; height: height: 93px; float: left; margin-right: 10px;  }

/* CATEGORIES */
#categories { margin-top: 25px; width: 260px; }
#categories h3 { background: url(../images/categories-title.gif) no-repeat; display: block; width: 106px; height: 23px; text-indent: -9999px; margin-bottom: 10px; }
#categories ul, #categories ul li { list-style: none; }
#categories ul { border-top: 1px solid #81aca5; }
#categories ul li { padding: 5px 10px; width: 240px; border-bottom: 1px solid #81aca5; display: block; overflow: auto; }
#categories ul li a { font-size: 25px; color: #999; width: 160px; text-align: left; display: block; float: left; }
#categories ul li a:hover { text-decoration: none; color: #045a4c; }
.cat-post { font-size: 15px; color: #7bc82a; width: 80px; text-align: left; display: block; float: left; padding: 5px 0; }

/* MOST POPULAR */
#popular { margin-top: 25px; width: 260px; }
#popular h3 { background: url(../images/popular.png) no-repeat; display: block; width: 156px; height: 23px; text-indent: -9999px; margin-bottom: 10px; }
#popular ul, #popular ul li { list-style: none; }
#popular ul { border-top: 1px solid #81aca5; }
#popular ul li { padding: 8px 10px; width: 240px; border-bottom: 1px solid #81aca5; display: block; overflow: auto; }
#popular ul li a { font-size: 12px; color: #5e5e5e; width: 230px; text-align: left; display: block; float: left; }
#popular ul li a:hover { text-decoration: none; color: #d92e00; }

/* FEATURED */
#featured { margin: 25px 0 15px; width: 260px; }
#featured h3 { background: url(../images/featured.png) no-repeat; display: block; width: 156px; height: 23px; text-indent: -9999px; margin-bottom: 10px; }
#featured ul, #featured ul li { list-style: none; }
#featured ul { border-top: 1px solid #81aca5; }
#featured ul li { padding: 8px 10px; width: 240px; border-bottom: 1px solid #81aca5; display: block; overflow: auto; }
#featured ul li a { font-size: 12px; color: #5e5e5e; width: 230px; text-align: left; display: block; float: left; }
#featured ul li a:hover { text-decoration: none; color: #d92e00; }

/* REVIEWS */
#reviews { margin-top: 20px; width: 260px; }
#reviews h3 { background: url(../images/reviews.png) no-repeat; display: block; width: 156px; height: 23px; text-indent: -9999px; margin-bottom: 10px; }
#reviews ul, #reviews ul li { list-style: none; }
#reviews ul { border-top: 1px solid #81aca5; }
.tgl{ font-size:10px; color:#a1a1a1; padding:0; margin:0; clear:both;}
#reviews ul li { padding: 8px 10px; width: 240px; border-bottom: 1px solid #81aca5; display: block; overflow: auto; }
#reviews ul li a { font-size: 13px; color: #4b7e76; text-align: left; }
#reviews ul li a:hover { text-decoration: none; color: #d92e00; }
.lleft { margin: 0 5px 5px 0; }
.lright { width: 170px; line-height: 14px; }

/* RECENT REVIEWS */
#recent { margin-top: 25px; width: 260px; }
#recent h3 { background: url(../images/recent_reviews.png) no-repeat; display: block; width: 156px; height: 23px; text-indent: -9999px; margin-bottom: 10px; }
#kotak { width:205px; padding:6px 6px; background:#d9ec72; border-bottom:2px solid #fff; float:left;}
#komen { float:right; font-size:36px; width:35px;}

#kotak a { font-size: 14px; color: #849330; text-align: left; display: block; padding-bottom:4px; font-weight:bold; margin:0; }
#kotak a:hover { text-decoration: none; color: #045a4c; }

/* CONTENT */
.content { padding: 20px !important; margin-top: 0 !important; width: 530px !important; }
.post-content { width: 388px !important; }
.disclaimerContent { font-size: 11px; line-height: 14px; color: #005446; display: block; padding: 10px 0; border-top: 1px solid #cddedb; border-bottom: 1px solid  #cddedb; }
.disclaimerContent span { font-weight: bold; font-size: 12px; text-transform: uppercase; }
.head-post { float: left; width: 100%; margin-top: 20px; }
.head-title { width: 410px; float: left; }
.tweet-share { width: 120px; float: left; }
.sub-title { color: #005446; font-size: 18px; margin-top: 20px; margin-bottom: 10px; }
.blur { line-height: 15px; color: #777; }

/* CONTACT FORM */
.contact-form input, .contact-form select, .contact-form textarea { width: 300px; color: #999; border: 1px solid #ccc; padding:7px; }
.contact-form {
    float: left;
    background: #FFFFFF;
    padding: 20px;
}
.contact-form P {
	clear: both;
	float: left;
	margin: 0;
	padding: 3px;
}
.contact-form P LABEL {
	width: 105px;
	float: left;
	color: #005446;
	font-size: 14px;
}

.contact-form P LABEL.divider {
	width: 15px;
	float: left;
}
.contact-form button { background: #005446; color: #fff; border: none; padding: 7px; float: left; margin-left: 120px; }

.comment input  { width: 230px; color: #777; border: 1px solid #ccc; padding:7px; margin-right: 10px; }
.comment textarea { width: 450px; color: #777; border: 1px solid #ccc; padding:7px; margin-right: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.comment button { background: #005446; color: #fff; border: none; padding: 7px; float: left; }
/*
.comment span { color: #005446; font-size: 11px; margin-left: 300px; }
*/


/* FOOTER */
#footer { width: 100%; height: 164px; background: url(../images/footer-bg.png) repeat-x; margin-top: 40px; }
.footer-box { background: url(../images/footer-box-bg.png) no-repeat; height: 164px; }
.disclaimer { float: right; margin: 65px 3px 0 0; }
.disclaimer a { color: #fff; }