/*  
Theme Name: Custom Wordpress Theme For RodziahIsmail.com
Theme URI: http://www.rodziahismail/
Description: http://themeforest.net/item/blog-theme-green/23607
Version: 1.0
Author: Zhaf
Author URI: http://www.zhaf.me
*/

* { margin:0; padding:0; }
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }  
.clear { clear:both }
.clear-left { clear:left }
.clear-right { clear:right }
.float-right { float:right }
.float-left { float:left }
img.center { display:block; margin:10px auto 0 auto; }
p { margin-bottom:10px; }
p.kosong { margin-bottom:0px; }
p.center { text-align:center; }
h1 {  }
h1 a { color:#666666 }
h1 a:hover { color:#006666;border-bottom:1px solid #9933FF; }
h2.kiri { background:url(images/sidebar-title-bg2.jpg) no-repeat; display:block; width:158px; height:32px; font-size:15px; color:#FFFFFF; padding:8px 0 0 55px; margin-top:10px; }
h2.kanan { background:url(images/sidebar-title-bg.jpg) no-repeat; display:block; width:163px; height:32px; font-size:15px; color:#FFFFFF; padding:8px 0 0 55px; margin-top:10px; }
h2.pagetitle { font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#0066CC; text-transform:capitalize; padding-bottom:3px; margin-bottom:5px; line-height:28px; text-align:left; }
h2.content { background:url(images/content-title-bg.jpg) no-repeat; display:block; width:512px; height:32px; font-size:15px; color:#FFFFFF; padding:8px 0 0 70px; margin-top:10px;}
h3 {  }
h4 { font-size:14px; color:#FFFF00; border-bottom:1px dotted #FFFF00; padding-bottom:2px; }
h5 { font-size:14px; color:#0066FF; margin-bottom:5px; }
#top { background:#164454; height:33px; border-bottom:4px solid #0072bc; }
#top ul.top-menu { padding:5px; margin-left:140px; list-style:none;  }
#top ul.top-menu li { display:inline; text-align:center; }
#top ul.top-menu li a { float:left; text-decoration:none; color:#ffffff; padding:4px 15px 0 0; margin-right:8px; text-transform:uppercase; font-size:12px; font-weight:bold; }
#top ul.top-menu li a span { float:left; padding-right:15px; display:block; margin-top:-4px; height:24px; }
#top ul.top-menu li a:hover { color:#ffffff; background:url(images/top-menu-bg.jpg) no-repeat top right; }
#top ul.top-menu li a:hover span { background:url(images/top-menu-bg.jpg) no-repeat top left; }
#top ul.top-menu li.current_page_item a { background:url(images/top-menu-bg.jpg) no-repeat top right; color:#ffffff; }
#top ul.top-menu li.current_page_item a span { background:url(images/top-menu-bg.jpg) no-repeat top left; }
#wrapper { margin:auto; width:1033px; }
#header { background:url(images/header-bg.jpg) no-repeat; height:281px; }
#search-wrap { background:url(images/search-bg.jpg) no-repeat; height:33px; }
#search { float: right; width: 300px; height: 33px; background: url(images/search-form-bg.jpg) no-repeat;  margin-right:30px; }
#search #s { float: left; margin: 10px 0 0 10px; border: 0; width: 229px; background:#ffffff; font-size:11px; color:#ababab; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; }
#search #go { float: right; margin: 0 0 0 0; width:42px; height:32px;  }


#menu { background:url(images/menu-bg.jpg) no-repeat; height:70px; }
#menu ul {  }
#menu ul li { display:block; height:70px; float:left; }
#menu ul li a { color:#fff; text-align:center; display:none; text-indent:-9999px; }
#menu ul li.side1 a { display:block; background:url(images/side1.jpg) no-repeat; width:22px; height:70px; }
#menu ul li.btn1 a { display:block; background:url(images/aduan.jpg) no-repeat; width:225px; height:70px; }
#menu ul li.btn2 a { display:block; background:url(images/home.jpg) no-repeat; width:129px; height:70px; }
#menu ul li.btn2 a:hover { display:block; background:url(images/home-h.jpg) no-repeat; width:129px; height:70px; }
#menu ul li.btn3 a { display:block; background:url(images/blog.jpg) no-repeat; width:128px; height:70px; }
#menu ul li.btn3 a:hover { display:block; background:url(images/blog-h.jpg) no-repeat; width:128px; height:70px; }
#menu ul li.btn4 a { display:block; background:url(images/aktiviti.jpg) no-repeat; width:127px; height:70px; }
#menu ul li.btn4 a:hover { display:block; background:url(images/aktiviti-h.jpg) no-repeat; width:127px; height:70px; }
#menu ul li.btn5 a { display:block; background:url(images/interaksi.jpg) no-repeat; width:128px; height:70px; }
#menu ul li.btn5 a:hover { display:block; background:url(images/interaksi-h.jpg) no-repeat; width:128px; height:70px; }
#menu ul li.btn6 a { display:block; background:url(images/info.jpg) no-repeat; width:127px; height:70px; }
#menu ul li.btn6 a:hover { display:block; background:url(images/info-h.jpg) no-repeat; width:127px; height:70px; }
#menu ul li.btn7 a { display:block; background:url(images/galeri.jpg) no-repeat; width:127px; height:70px; }
#menu ul li.btn7 a:hover { display:block; background:url(images/galeri-h.jpg) no-repeat; width:127px; height:70px; }
#menu ul li.side2 a { display:block; background:url(images/side2.jpg) no-repeat; width:20px; height:70px; }
#content-wrapper { background:url(images/content-bg.jpg) repeat-y; width:1033px; }
#sidebar1 { float:left; width:211px; padding:5px 7px 5px 27px; color:#FFFFFF; }
#sidebar1 h2.widgettitle { background:#c1282d; padding:3px 3px 3px 10px; font-size:14px; margin-bottom:10px; }
#main-content { float:left; width:522px; padding:10px; }
#main-content a { color:#06C; }
#sidebar2 { float:right; width:211px; padding:5px 28px 5px 7px; color:#FFFFFF; }
#sidebar2 h2.widgettitle { background:#1e85a8; padding:3px 3px 3px 10px; font-size:14px; margin-bottom:10px; }
.box { border:3px solid #1e85a8; width:190px; padding:10px; margin-bottom:10px; }
.box ul { list-style-type:none; }
.box ul.pautan, .box ul.blogroll { margin-left:2px; }
.box ul.pautan li,.box ul.blogroll li { background:url(images/link.jpg) no-repeat; padding:1px 0 10px 20px; }
.box ul.pautan li a, .box ul.blogroll li a { color:#FFFFFF; text-decoration:none; }
.box ul.pautan li a:hover,.box ul.blogroll li a:hover { color:#00CCFF; border-bottom:1px dotted #00CCFF; }
.box a { color:#0FF; }
.box2 { border:3px solid #1e85a8; width:185px; padding:10px; margin-bottom:10px; }
.box2 ul { list-style-type:none; }
.box2 ul.pautan,.box2 ul.blogroll { margin-left:2px; }
.box2 ul.pautan li,.box2 ul.blogroll li { background:url(images/link.jpg) no-repeat; padding:1px 0 10px 20px; }
.box2 ul.pautan li a,.box2 ul.blogroll li a { color:#FFFFFF; text-decoration:none; }
.box2 ul.pautan li a:hover,.box2 ul.blogroll li a:hover { color:#00CCFF; border-bottom:1px dotted #00CCFF; }
.box2 a { color:#0FF; }
#top-ads { margin-bottom:5px;  }
.post { text-align:justify; margin-bottom:10px; line-height:15px; }
.post a { color:#0066CC; text-decoration:none; border-bottom:1px dotted #0066CC; }
.post a:hover { color:#FF0000; border-bottom:1px solid #FF0000; }
.post .post-pic img{ margin-right:5px; border: 1px solid #96cef9; text-align:justify; float:left; padding:3px }
.post .post-pic:hover img{ border: 1px solid #4f9ad4; }
.post .post-pic:hover{ color: red; /* Dummy definition to overcome IE bug */ }
.post .postmeta { background:#82d0ee; padding:3px 5px 5px 3px; color:#ffffff; margin-top:5px; }
.post .postmeta a { color:#666666;text-decoration:none; }
.post .postmeta a:hover { color:#006666; border-bottom:#000000 }
#footer { clear:both; background:url(images/footer-bg.jpg) no-repeat; height:45px; }
.link-style a { border:none; }
.link-style a:hover { border:none; }
.pagenavi { margin-top:20px; }
#copyright { background:#164454; height:33px; border-top:4px solid #0072bc; text-align:center; font-size:11px; color:#999999; padding-top:4px; }
#copyright p { margin-bottom:3px; }
.fvid { text-align:center; margin:10px auto; }
#counter { margin:auto; text-align:center }
.readmore { margin-top:5px; }

.tab {}
.tab a { color:#ffffff; text-decoration:none; }
.tab a:hover { color:#00CCFF; border-bottom:1px dotted #00CCFF; }
.tabnav ul { margin-left:20px; }
.tabnav li { list-style:none; float:left; }
.tabnav li a { text-decoration:none; text-transform:uppercase; color:#b7b7b7 ; font-weight:bold; outline:none; display:block; padding:5px; margin-right:8px; margin-bottom:10px; }
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {  background:#1e85a8; color:#FFFFFF; text-decoration:none; border:none; }
.tabdiv { margin-top:2px; padding:5px; }
.tabdiv li {background:url(images/bullet.jpg) no-repeat; list-style-type:none; padding-left:20px; padding-bottom:5px; margin-bottom:5px; text-align:left; border-bottom:1px dashed #2e6a7f;	line-height:15px; }
.ui-tabs-hide { display: none; }

ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border:5px solid #d5f2fd; height:1%; margin:0 0 10px; padding:5px 7px 5px 20px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:5px solid #ddd; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { background:#999; border:2px solid #666; border-radius:1px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:3px 3px;  text-align:center; width:36px; margin-top:50px; }
ol.commentlist li div.reply:hover { background:#c30; border:2px solid #c00; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {  }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#f2fbfe; }
ol.commentlist li.odd { background:#fff; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

.commentlist li, #commentform input, #commentform textarea { font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li ul li { font-size:1em; }
.commentlist li { font-weight:bold; }
.commentlist li .avatar { float:right; border:1px solid #eee; padding:2px; background:#fff; }
.commentlist cite, .commentlist cite a { font-weight:bold; font-style:normal; font-size:1.1em; }
.commentlist p { font-weight:normal; line-height:1.5em; text-transform:none; }
#commentform p { font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }
#commentform input { width:170px; padding:2px; margin:5px 5px 1px 0; }
#commentform { margin:5px 10px 0 0; }
#commentform textarea { width:100%; padding:2px; }
#respond:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#commentform #submit { margin:0 0 5px auto; float:right; }
/* End Form Elements */

/* Begin Comments*/
.alt { margin:0; padding:10px; }
.commentlist { padding:0; text-align:justify; }
.commentlist li { margin:15px 0 10px; padding:5px 5px 10px 10px; list-style:none; }
.commentlist li ul li { margin-right:-5px; margin-left:10px; }
.commentlist p { margin:10px 5px 10px 0; }
.children { padding:0; }
#commentform p { margin:5px 0; }
.nocomments { text-align:center; margin:0; padding:0; }
.commentmetadata { margin:0; display:block; }
/* End Comments */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

(#twitter-style2 { color:#ffffff; } 
#twitter_div {  } 
#twitter_div a { color:#999999; text-decoration:none; } 
ul#twitter_update_list { list-style-type:none; } 
ul#twitter_update_list li { margin-bottom:10px; background:url(images/bullet.jpg) no-repeat; padding-left:20px; }
a {  } 








.lalala { border:none; }