/* 
  Theme Name: Amapanet Theme
  Theme URL: http://www.djarot.com/
  Description: Amapanet Theme is a 2-column Widget-ready theme created privately for Amapanet.com.
  Author: Jarot Syahputro
  Author URI: http://www.djarot.com
  Version: 2.0

  The CSS, XHTML and design is released under GPL:
  http://www.opensource.org/licenses/gpl-license.php

  Changelog:
  v2.0 - 11.26.08
  2nd Release of Amapanet theme.
*/

body {
  background: #6C6C6C;
  color: #202020;
  font-size: 11px;
  font-family: Arial;
  margin: 0 auto 0;
  padding: 0;
}
#wrap {
  width:992px;
  background: #FFF url(images/bd.gif) center 0 repeat-y;
  margin: 0 auto 0;
  padding: 0;
}

/*********************************
*  Hyperlinks                    *
*********************************/
a, a:visited { color: #202020; text-decoration: none;}
a:hover { color: #787878; text-decoration: underline;}
a img {border:none;}
#wrap span.blend a {color:#202020;}

#hdr h1 a, #nav a, .f5 {overflow:hidden;}
/*********************************
*  Header                        *
*********************************/
#hdr {
  width: 992px;
  height: 129px;
  margin: 0 auto 0;
  padding: 0;
  background: #787878 url(images/hdr.gif) center 0 no-repeat;
}
#hdr h1, #hdr h1 a {
  width:438px;
  height:100px;
  float:left;
  font-size: 12px;
  margin: 0;
  padding: 0;
  text-indent:-9000px;
}
#bmark {
  width:193px;
  height:80px;
  float:right;
  text-align:left;
  padding:0;
  margin:27px 0 0 0;
}
#bmark p, #bmark p a {margin:0; padding:0 0 4px 0;}

/*********************************
*  NAV                           *
*********************************/
#nav {
  width:230px;
  height:15px;
  margin:71px 0 0 0;
  padding:0;
  float:right;
}
#nav li, #nav a { height:15px; display:block; }
#nav li { float:left; list-style:none; display:inline;}
#nav-home a, #nav-home a:hover, #nav-about a, #nav-about a:hover,
#nav-cont a, #nav-cont a:hover, #nav-smap a, #nav-smap a:hover { text-indent:-9000px; margin:0px;}
#nav-home a  {width:42px;}
#nav-about a {width:44px;}
#nav-cont a  {width:54px;}
#nav-smap a  {width:90px;}
#nav-home a:hover, #nav-home.current a   {width:42px; background:url(images/nav.gif) 0 6px no-repeat;}
#nav-about a:hover, #nav-about.current a {width:44px; background:url(images/nav.gif) -42px 6px no-repeat;}
#nav-cont a:hover, #nav-cont.current a   {width:54px; background:url(images/nav.gif) -86px 6px no-repeat;}
#nav-smap a:hover, #nav-smap.current a   {width:90px; background:url(images/nav.gif) -140px 6px no-repeat;}

/*********************************
*  Main                          *
*********************************/
#main {
  width: 966px;
  margin: 0 auto 0;
  padding: 0;
}
#main p {
  padding: 0 0 10px 0;
  margin: 0;
  line-height: 15px;
}
#main h1 {
  font-size: 14px;
  margin: 0 0 2px 0;
  padding: 13px 0 8px 35px;
  border-bottom:4px solid #E5E5E5;
  background:url(images/dots.gif) 0 -142px no-repeat;
}
#main h1, #main h1 a, #main a:hover, #main #side a, #main #recent a, #mainl #recent h2 a:hover, 
#main h2, #main h2 a, #main h3, #mainl #recent p a:hover, #mainl #recent .pprd a:hover, #main #side p a:hover {
  color: #353535; text-decoration: none;
}
#main h1 a:hover, #main a, #main #side a:hover, #main #recent a:hover, #mainl #recent h2 a,
#mainl #recent p a, #main h2 a:hover, #mainl #recent .pprd a, #main #side p a, .rd {
  color: #BC0000; text-decoration: none;
}
#main h2, #main h3 {
  margin: 15px 0; font-size: 12px;
  padding: 0 0 5px 0;
}
#main h2 {
  margin:5px 0 2px 0;
  border-bottom:2px solid #E5E5E5;
}
#main h3.comm {
  background:url(images/dots.gif) 0 -198px no-repeat;
  padding:3px 0 10px 31px;
}
#main p img {
  float: left;
  border: none;
  margin: 0 10px 0 0;
}
#main img.wp-smiley,#main img.wp-wink {
  float: none;
  border: none;
  padding: 0;
  margin: 0;
}
.m0re {display:none;}
/*********************************
*  Main Left                     *
*********************************/
#mainl {
  float: left;
  width: 531px;
  margin: 0;
  padding: 0 10px 0 8px;
  text-align:justify;
  background:url(images/h1.gif) right 0 no-repeat;
}
#mainl ol, #mainl ul {
  margin: 0 0 0 15px;
  padding: 0 0 10px 0;
}
#mainl ul li ul li {margin:0; list-style-type:circle;}
#mainl ol li, #mainl ul li {
  margin: 0 0 0 10px;
  padding: 0;
  line-height:15px;
}
#mainl ul,#mainl ul li { list-style-type: square;}
.date, .date2 {
  font-family:Tahoma;
  font-size: 11px;
  padding: 5px;
  margin: 0 0 10px 0;
  background:#F5F5F5;
  color:#787878;
}
.date2 {border-bottom:2px solid #E5E5E5;}
blockquote{
  font-style: italic;
  margin: 0 20px 15px 20px;
  padding: 0 20px 0 10px;
  border-left: 2px solid #CC6666;
}
#main blockquote p{
  margin: 0;
  padding: 10px 0;
}
.entry {margin:0; padding:0 0 0 10px;}
.akpc_pop {
  width:84px;
  float:right; text-align:right; padding:0;
  background: url(images/dots.gif) 0 -243px no-repeat;
  color:#787878;
}
/*********************************
*  Home                          *
*********************************/
#fresh5 {
  background:url(images/fresh5.gif) 0 0 no-repeat;
  padding:0px 0 0 0;
}
#fresh5, #recent,.rc-ttl {width:541px; float:left;}
#fresh5, #f5box, .rc-ttl, .rc-l, #mainl #recent ul.rc-ul,.rc-r{margin:0;}
.f5 {
  position:relative;
  margin:0 0 0 10px; padding:0;
  height:650px;
}
.f5, #f5box div.boxi {width:520px; }
#f5box{
  position:absolute;
  padding:0;
  height:650px;
}
#f5box div.boxi{
  float:left; height:650px; border-bottom:1px solid #000;
}
#recent{
  background:url(images/recent.gif) 0 0 repeat-y;
}
.rc-ttl {
  background:url(images/hot10.gif) 0 0 no-repeat;
  height:61px;
  padding:10px 0 0 0 ;
}
.rc-l {
  width:220px;
  float:left;
  padding:0;
}
#mainl #recent ul.rc-ul {padding:0 10px 0 0;}
#mainl #recent h2, .pprd {
  border-top:2px solid #E5E5E5;
  border-bottom:none;
  padding:5px 0 5px 0;
  margin:8px 0 0 0;
  font-size:12px;
}
.pprd {text-align:center;}
.rc-r {
  width:290px;
  float:right;
  padding:0 10px 15px 0;
}
#playa {
  width:235px;
  float:right;
  padding:0;
  display:block;
  margin:0;
}
#mainl ul#playa li, #playa li, #playa a {height:15px; margin:3px 0 0 0; padding:0; cursor:pointer;}
#playa li { float:left; list-style:none; display:inline;}
#prev, #stop, #play, #next {text-indent:-9000px; margin:0; padding:0;}
#prev, #prev:hover { width:70px; }
#stop, #stop:hover { width:46px; }
#play, #play:hover { width:41px; }
#next, #next:hover { width:44px; }
#prev:hover { background:url(images/dots.gif) -84px -275px no-repeat ;}
#stop:hover { background:url(images/dots.gif) -51px -301px no-repeat ;}
#play:hover { background:url(images/dots.gif) 33px -301px no-repeat ;}
#next:hover { background:url(images/dots.gif) 36px -275px no-repeat ;}
.buttons {display:block; padding:0 5px 0 5px; text-align:center; }
#mainl ul.buttons li{color:#353535;margin:0;padding:0; cursor:pointer; display:inline;}
#mainl ul.buttons li.active, #mainl ul.buttons li:hover{color:#C00; border-top:2px solid #C2C2C2; }
/*********************************
*  Sidebar                       *
*********************************/
#side {
  background:url(images/side.gif) 0 0 no-repeat;
  float: right;
  width: 409px;
  margin: 0;
  padding: 0 0 20px 0;
  line-height: 15px;
}
#side h2 {
  background: url(images/dots.gif) 0 -109px repeat-x;
  border-bottom:1px solid #D2D2D2;
  border-top:none;
  font-size: 11px;
  text-transform: uppercase;
  text-align:center;
  margin: 10px 0 10px 0;
  padding: 7px 0 5px 0;
  color:#FFF;
}
#side ul, #side ul ul, #side li, #side li li, #mainl #recent li { list-style-type: none;}
#side ul, #side ul ul {
  margin: 0;
  padding: 0;
}
.current-cat a {font-weight:bold; color:#CC0000; }
.current-cat ul li a {font-weight:normal; color:#202020;}
#side li li a, #recent li a, #side li li td a {
  background:url(images/dots.gif) 0 3px no-repeat;
  margin: 0;
  padding: 0 0 0 15px;
}
#side li li a:hover, #recent li a:hover {
  background:url(images/dots.gif) 0 -26px no-repeat;
}
#side li li li a {
  background:url(images/dots.gif) 16px -55px no-repeat;
  margin: 0;
  padding: 0 0 0 28px;
}
#side li li li a:hover {
  background:url(images/dots.gif) 16px -82px no-repeat;
}
#side p {
  padding: 10px 0 5px 0;
  margin: 10px 0 0 0;
  line-height: 15px;
  text-align:center;
  border-top:2px solid #E5E5E5;
}
#side p img {float:none;}
#sidel {
  width:174px;
  float:left;
  padding:0 5px 0 8px;
}
#sidel, #sider {margin:17px 0 0 0;}
#sider {
  width:200px;
  float:right;
  padding:0 15px 0 0;
}
#e-subs {
  background: url(images/e-subs.gif) center 0 no-repeat;
  height:127px;
}
#side #e-subs p, #e-subs {border:none; margin:0; padding:0;}
#e-subs input { border:none; background:transparent;}
#e-subs input.inpt { width:140px; margin:49px 0 0 0; }
#e-subs input.inpt-im { width:70px; height:21px; margin:11px 0 2px 0;}

/*********************************
*  Footer                        *
*********************************/
#footer {
  background: url(images/ftr.png) 0 0 no-repeat;
  height: 64px;
}
#footer, .ft1, .ft2 {
  width:992px;
  margin: 0 auto 0;
  padding: 0;
}
.ft1, .ft2{
  height: 1px;
  clear:both;
}
.ft1 { background: url(images/ftr.png) -1002px 0 no-repeat;}
.ft2 { background: url(images/ftr.png) -2004px 0 no-repeat;}
.ft-l { width:460px; float:left; padding:0 0 0 60px;}
.ft-r { width:340px; float:right; text-align:right; padding:0 50px 0 0;}
#footer p { padding:29px 0 0 0; }
#footer, #footer a {color:#FFF;}
.ft-l, .ft-r, #footer p, #searchform,#commentblock ol,.commentname {margin:0;}
/*********************************
*  Form                          *
*********************************/
#searchform { padding: 4px 0 0 0;}
input, textarea {
  border:1px solid #c2c2c2;
  background:#FFF;
  font-family:Arial;
  font-size:11px;
  color:#353535;
}
/*********************************
*  Comments                      *
*********************************/
#commentblock {
  background: #F5F5F5;
  float: left;
  padding: 10px 10px 5px 10px;
  margin: 5px 0 10px 0;
}
#commentblock ol { padding: 0 0 10px 0;}
#commentlist li p { margin-bottom: 8px; padding: 0; }
.commentdate { font-size: 12px; padding-left: 0; }
.commentname {padding: 5px 5px 5px 0; }
.commentinfo {clear: both;}
.commenttext-admin {border-left:2px solid #D2D2D2;}
.commenttext,.commenttext-admin {
  clear: both;
  margin: 3px 10px 10px 0;
  padding: 20px 10px 5px 10px;
  background: #FFF;
}
/*********************************
*  Page Navi                     *
*********************************/
.wp-pagenavi {
  margin:0 15px 20px 15px; 
  padding:5px; 
  text-align:center; 
  font-family:Tahoma;
  font-weight:bold;
  background:#F5F5F5;
}
.wp-pagenavi a, .wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi a:active,
.wp-pagenavi span.pages, .wp-pagenavi a:hover,.wp-pagenavi span.current,.wp-pagenavi span.extend {
  padding: 2px 6px;
  margin: 1px;
  text-decoration: none;
  background-color: #FFF;	
}
.wp-pagenavi a:hover,.wp-pagenavi span.pages,.wp-pagenavi span.current,.wp-pagenavi span.extend { color: #000;}
.wp-pagenavi a:active { color: #06C;}
.wp-pagenavi span.current { font-weight: bold;}
/************************
*  Slimbox              *
*************************/
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	left: 50%;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) right 0 no-repeat;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


/** Oh, So you read this? I never released this theme to public. It's a private request by Jason to me.
You stealing it don't you! Haha.. Nvm, whatever.. You 're interested to my work, don'tya? 
Go on, it's free to inspect anyways. Well, it's always best if you contact me directly to get ur site done.
It's more valuable and uniquely yours.
Name's Jarot, I own Djarot Studio. Google it. Site is :http://www.djarot.com. It's just one click away, don't be shy :).
Oh Yeah, This, is the end of it. Nope, You can't scroll more under. This is it. **/