/*
Theme Name: AF-Fesbuk
Theme URI: http://www.ayifahmi.net/
Description: niru-niru fesbuk, semoga ga diomelin
Author: Ayi Fahmi
Version: 1.1
Tags: no tag coy ...
*/

div, p, h1, h2, h3, h4,h5 {margin:0;padding:0;}
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #434343;
	text-align: left;
	text-decoration: none;
	margin-top: 0px;  margin-bottom: 0px;  margin-left: 0px;  margin-right: 0px; 
	background: #fff url(images/bg-top-profil.gif) repeat-x left top;
margin:0; padding:0;
}

#warp {width:100%;margin:0; padding:0px; padding-top:9px;padding-bottom:50px;margin-bottom:50px;}
h2, h3	{font-size:13px;}

#main-warp {width:962px;margin:0 auto;}
#main-left  {width:180; float:left;}
#main-right {width: 780px; border: 1px solid #414141; background: #fff url(images/bg-top-profil-2.gif) repeat-x left top;float:right;min-height:600px;}

.clear {clear:both;}
a {text-decoration:none;color:#003300;}
a:hover {color:#cc0000;}
#head1 {height:41px;margin:0;padding:0;}
#head1 h3 {color:#515151;font-size:13px;margin-top:12px;margin-left:10px;}
#head2 {height:115px;padding-top:0px;padding-left:50px;padding-top:10px;}
#head2 h1 {color:#c0c0c0;margin:0;padding:0;}
#head2 h3 {color:#a4a3a3;margin:0;padding:0;}
#konten {min-height:65px; padding:15px;}
.page-top .kanan {float:right; margin-right:5px;font-weight:bold;}

.page-top .kiri {float:left;}
.page-top .kiri, .page-top .kanan {text-shadow: 1px 1px #6a6a6a;color: #383838;}
.page-top .kiri a, .page-top .kanan a {padding: 8px 5px 9px 23px;color: #383838;}
.page-top .kiri a, .page-top .kanan a {background: url(images/icon_page_1.png) no-repeat;font-weight:bold;}
.page-top .kiri a:hover, .page-top .kanan a:hover {background: #4b4b4b url(images/icon_page_2.png) no-repeat;color: #fce250;text-shadow: -1px 1px #353535;}
.page-top .kiri a {padding: 8px 0px 9px 30px;color: #383838;}
.page-top .kiri a.beranda {background-position: 2px 2px;width:32px;}
.page-top .kiri a.profil {background-position: 2px -22px;width:32px;}
.page-top .kiri a.mail {background-position: 2px -70px;width:32px;}
.page-top .kanan a.learning {background-position: -2px -46px;}
.page-top .kanan a.login, .page-top .kanan a.logout {background-image: none;padding: 8px 5px 9px 5px;}


.page-top div {color:#d5d5d5;padding-top:8px;}
.left-profil {margin-top:15px;width:180px;}
.left-profil img {border:none; float:left; margin-right:10px;}
.left-sidebar {margin-top:15px;width:180px;}
.left-sidebar h2 {background-color: #7b7b7b; color:#ffffff;padding:5px 5px;font-size:11px;border-left:3px solid #4f4e4e;text-shadow:1px 1px #4f4e4e;margin-top:15px;}
.left-sidebar #load-left {float:right;margin:0;padding:0;}
.left-sidebar ul {margin:0;padding:0;margin-top:5px;}
.left-sidebar ul li {list-style:none;margin-left:5px;margin-bottom:2px;}
.left-sidebar ul li a{padding-left:10px;padding-top:2px;padding-bottom:2px;display:block;background: url(images/af_arrow_1.png) 3px 50% no-repeat;padding-left:18px;}
.left-sidebar ul li a:hover{background-color: #ececec;border-left:2px solid #d7d7d7;}

a.selected {background-color: #e4e4e4; color:#336600;font-weight:bold;}
#container2 {background: url(images/bg-top-profil.gif) left bottom repeat-x;height:101px;max-height:101px;margin-top:2px;}
#container {padding:15px;}
#post-container {float:left;width:470px;}
#konten-right {float:right;width:265px;background: url(images/border-l.gif) top left repeat-y;padding-left:10px;margin-top:-5px;margin-right:-10px;}
#konten-right h2 {margin-top:15px;padding-bottom:3px;border-bottom:2px dotted #c7c3c3;margin-bottom:10px;padding-left:10px;margin-left:-5px;}
#konten-right ol#terbaru {margin:0;padding:0;list-style-position: inside;}
#konten-right img {border:none;}
#konten-right .ads{display:block;margin:0 auto;padding:0;width:260px;}
#konten-right ul {margin:0;padding:0;}
#konten-right ul li {margin:0;padding:0;list-style:none;}
#konten-right ul li h2 {margin-top:15px;padding-bottom:3px;border-bottom:2px dotted #c7c3c3;margin-bottom:10px;padding-left:5px;margin-left:-5px;}

.ads .ad-left{float:left;margin:0 0 5px}
.ads .ad-right{float:right;margin:0 0 5px}
.ads .ad-left h3, .ads .ad-right h3 {margin-top:15px;padding-bottom:3px;border-bottom:2px dotted #c7c3c3;margin-bottom:10px;padding-left:5px;margin-left:-5px;}
.ads .ad-left .box {padding-bottom:10px;}
/* ----- Footer ---- */
#footer {width:962px;margin:0 auto;padding-top:15px;margin-bottom:15px;}
#footer .f-kiri {float:left;margin-left:180px;}
#footer div a {}
#footer div a:hover {text-decoration:underline;}
#footer .f-kanan {float:right;}


.ico-email {background: url(images/ico-email.png) 0 50% no-repeat;padding: 0px 1px 1px 15px;}
.ico-url {background: url(images/ico-home.png) 0 50% no-repeat;padding: 1px 1px 1px 15px;}


.posting {margin-bottom:20px;}
.posting h3 {padding-bottom:10px;}
.posting h3 a {font-size:18px;color:#10597c;pading-top:3px;}
.posting p {padding-bottom:5px;line-height:140%;font-family: "Georgia";font-size:11px;}
.posting div.aksi {
	padding-left:10px;padding-top:5px;padding-bottom:5px;background-color: #eee;display:block;margin-top:15px;font-size:11px;
	border-bottom: 1px double #c6c6c6;
	border-top: 1px double #c6c6c6;}
.posting .tanggal {font-size:11px;background: url(images/date-button.gif) 0 50% no-repeat;padding-left:18px;color:#616161;}
.posting div.aksi .kategori {float:left;}
.posting div.aksi .act-kanan {float:right;margin-right:10px;}
.posting div.aksi .comments a {background: url(images/comment.gif) 0 50% no-repeat;padding-left:18px;}
.posting div.aksi a {color: #660000;} 
.posting img.arsip {width:100px;height:75px;float:left;padding-right:10px;}

#posts h1 {font-family: "Georgia", Tahoma, Verdana;font-size:30px;color:#984f08}
#posts .post-header h1.arsip {background: url(images/arsip-32.png) 0 50% no-repeat;font-style:italic;font-family:Gegoria;font-size:28px;padding-left:40px;margin-bottom:20px;}
.thumbnail {float:left;margin-right:10px;}
.alignleft {float:left;margin-right:10px;}
.alignright {float:right;margin-left:10px;}
.post p {padding:5px 0px; line-height: 138%; font-family: "Georgia";font-size:12px;}
.post a {text-decoration:underline; color:#854f02;}
.post a.more-link {color: #ff0000;background: url(images/arrow-content.gif) 0 50% no-repeat;padding-left:12px;margin-left:5px;}
.post a.more-link:hover {color: #0066ff;}
.post ul, .post ol {font-family: "Georgia";font-size:12px;}
.post li {list-style-type: square;padding-bottom:5px;}
.post img {border:none;}

.kategori a {background: url(images/category.png) 0 50% no-repeat; padding:2px 0px 2px 18px;}
a.komen {background: url(images/comment.gif) 0px 50% no-repeat;padding:2px 0px 2px 15px;}
span.komen {background: url(images/comment-off.gif) 0 50% no-repeat;padding-left:18px;color:#808080;}
.komen-mati {background: url(images/comment-off.gif) 0 50% no-repeat;padding-left:18px;}
input[type="button"], input[type="submit"], input[type="reset"]  {
				  border: 1px solid #beb9a5; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;
				  border-radius: 10px; padding:3px 10px; background: url(images/fade-butt2.png) left top repeat-x;color:#000000;
				  text-shadow: 1px 1px #fff; font-size:12px; font-weight:bold; }
input[type="submit"] {background: url(images/fade-butt1.png) left top repeat-x;color:#000000;border:1px solid #272727; text-shadow: 1px 1px #848484}
/* ----- Tooltips ---- */
.tipsy { padding: 5px; font-size: 11px; opacity: 0.8; filter: alpha(opacity=60); background-repeat: no-repeat;  background-image: url(images/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }