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

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

  Changelog:
  v1.0 - 11.01.09
  1st Release of Rental Servers theme.
*/

body {
  background: #202020;
  color: #202020;
  font-size: 12px;
  font-family: Arial;
  margin: 0 auto;
  padding: 0;
  
}
#wrap, #hdr, #footer {width:992px; margin: 0 auto;}
#wrap {
  background: url(images/bd.png) center 0 repeat-y;
  margin: 0 auto;
  padding: 0;
  
}

/*********************************
*  Hyperlinks                    *
*********************************/
a img {border:none;}
#wrap span.blend a, #main #sidel a:hover {color:#202020;}
a:hover, #main a:hover, #main #recent a, #mainl #recent h2 a:hover,  
#main h2, #main h2 a, #mainl #recent p a:hover, #mainl #recent .pprd a:hover, 
#main #side p a:hover, #main .date a, ul#cat5 a
  { color: #202020; text-decoration: none; }
a, a:visited, #main a,  #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, #main .date a:hover, ul#cat5 a:hover { color: #b61819; text-decoration: none;}
#main h1, #main h1 a:hover, #feat h1 a:hover, .navi-only, #main #sider a, #spos li {color:#FFF;} 
#main h1 a, #feat h1 a  {color:#d2d2d2; }

#sidel h2, #sider h2,  #main h1, #main h1 a, #commentblock input#submit {text-shadow: 1px 1px 1px #000 !important;}
#main #sider a:hover, #main h1:hover, #main h1 a:hover, #footer span:hover, #footer a:hover, #commentblock input#submit:hover, #spos li:hover {text-shadow: 1px 1px 2px #000 !important;}
#main #sider a, #footer, #spos li  {text-shadow: 1px 1px 0 #333;}


/*********************************
*  GLobal Thingy                 *
*********************************/
h1, h2, h3, h4, h5 {font-family:Georgia;}
h3, ul#cat5 a:hover {color:#b61819 !important;}
#hdr h1, #side p, #side li, .fr_fame, input, textarea, .coolnavigate  {font-size:11px;}
.clear, #nav, #main h3, #main #side h2, #ftwrap, #searchform {clear:both;}
#main .down20 {margin:0 0 15px 0;}
#main .down10 {margin:0 0 15px 0;}
#hdr h1 a, #nav a, .follow a, #hdr h2, #feat h1.server a, .comm, .relres, .related_post_title, .back2top a, .back2t0p a, .tocomm a {text-indent:-9000px;}
#hdr h1, #nav, .follow, #hdr h2, #feat h1.server, .entry, .comm, .relres, .related_post_title, .back2top, .back2t0p, .tocomm, #sidel ul, #sider ul {overflow:hidden; }

.f100 {min-height:100%;}
/*********************************
*  Header                        *
*********************************/
#hdr {
  height: 129px;
  padding: 0;
}
.hdrh {background: transparent url(images/hdr.jpg) center 0 no-repeat;}
.hdre {background: transparent url(images/hdr.jpg) center -139px no-repeat;}
#hdr h1, #hdr h1 a {
  width:330px;
  height:83px;
  float:left;
  padding: 0;
}
#hdr h1 {margin: 0 0 0 14px;}
#hdr h1 a {margin: 0; background: url(images/dots.png) 125px -375px no-repeat; opacity:0;}
/*********************************
*  NAV                           *
*********************************/
#nav {
  width:286px;
  margin:0 0 0 13px;
  padding:0;
  float:left;
}
#nav li, #nav a { height:28px; display:block; text-align:center;}
#nav li { float:left; list-style:none; display:inline; }
#nav li a {opacity:0;}
#nav li.this a {opacity:1;}
#hom a {width:67px; background:url(images/nav.png) 0 0 no-repeat; }
#abo a {width:58px; background:url(images/nav.png) -67px 0 no-repeat;}
#con a {width:72px; background:url(images/nav.png) -125px 0 no-repeat;}
#smp a {width:89px; background:url(images/nav.png) -197px 0 no-repeat;}

/*********************************
*  Main                          *
*********************************/
#main {
  width: 966px;
  margin: 0 auto;
  padding: 0;
}
#main p {
  padding: 0 0 10px 0;
  margin: 0;
  line-height: 18px;
}
#main h1 {
  font-size: 18px;
  margin: 0 1px;
  padding: 8px 10px 8px 38px;
  background: #443b3b url(images/dots.png) 2px -153px no-repeat;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-khtml-border-top-left-radius: 4px;
	-khtml-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
  font-weight:normal;
}
#main h2, #main h3 {
  margin: 20px 0 10px; font-size: 14px;
  padding: 0;
}
#main h2 a {padding:0;}
#main h3.comm {
  float:left; width:225px; height:63px;
  background:url(images/dots.png) 0 -592px no-repeat;
  padding:5px 0 0 25px;
}
#main h3.related_post_title, #main h3.relres {float:left; width:225px; height:28px;}
#main h3.related_post_title {background:url(images/dots.png) 0 -536px no-repeat;}
#main h3.relres {background:url(images/dots.png) 0 -564px no-repeat;}
#main ul.related_post {clear:both;}

#main p img {
  float: none;
  border: none;
  margin-bottom:10px;
}
#main img.wp-smiley,#main img.wp-wink {
  float: none;
  border: none;
  padding: 0;
  margin: 0;
}
.m0re {display:none;}
.more-link {background:url(images/dots.png) 3px -54px no-repeat; padding:0 0 0 13px; }
.more-link:hover {margin-left:2px; background:url(images/dots.png) 2px -81px no-repeat; }

/*********************************
*  Main Left                     *
*********************************/
#mainh {
  float: left;
  width: 746px;
  margin: 0 0 0 0;
  padding: 0;
  background:url(images/feat.png) right 0 no-repeat;
  position:relative;
}
#feat {
  width:746px;
  height:308px;
  position:relative;
  
}

/* FEAT THINGY */

#feat div.b0x {
	position:absolute;
	background:#fff;
	width:726px;
	height:280px;
  margin:0 0 0 10px;
  padding:0;

}
#feat h1.server, #feat h1.server a {
	position:absolute;
	background:#fff;
	width:726px;
	height:280px;
  margin:0;
  padding:0;
  background:#fff url(images/server.jpg) 0 0 no-repeat;
}

#feat h1 {
  background:none;
  color:#505050;
	padding:0;
  margin:0;
}
#feat div.entri { 
  bottom:0; 
  position:absolute; 
  background: url(images/feat-dsc.png); 
  color:#FFF; 
  padding:5px 0;}
  
#feat div.entri p { padding:0 10px; color:#cfc9c9;}
#feat div.entri h1 { display:block; background-image:none; color:#000; padding:0 10px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
}

#feat div.fr_fame {display:none;}
#mainh p.ads1 {width:171px; height:171px; overflow:hidden;}
#mainh p.ads1 iframe, #mainh p.ads1 ins {width:171px; height:171px;}

#mainl {
  float: left;
  width: 541px;
  margin: 0 0 0 8px;
  padding: 0;
}
#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;
  padding: 0;
  line-height:15px;
}
#mainl ul,#mainl ul li { list-style-type: none;}

#mainl ul li a { background:url(images/dots.png) 0 -55px no-repeat; padding: 0 0 0 10px; }
#mainl ul li a:hover { background:url(images/dots.png) 0 -82px no-repeat; padding: 0 0 0 10px; }

.date, .date2 {
  font-family:Tahoma;
  font-size: 11px;
  color:#555;
  padding: 5px 10px; 
}
#mainl h1 {position:relative;}
.date2 {border-top:4px solid #cfc9c9; }
.back2top, .back2top a, .back2t0p, .back2t0p a {float:left; width:65px; height:30px;}
.back2top {position:absolute; left:-74px; top:0; }
.back2t0p {position:absolute; right:-32px; top:0; z-index:10;}
#mainl span.back2top {margin:0; padding:0; background:url(images/dots.png) 0 -670px no-repeat; }
#mainl span.back2top a:hover {background:url(images/dots.png) -65px -670px no-repeat; }
#mainl span.back2t0p {margin:0; padding:0; background:url(images/dots.png) -160px -670px no-repeat; }
#mainl span.back2t0p a:hover {background:url(images/dots.png) -160px -700px no-repeat; }

.tocomm {position:absolute; left:-85px; top:0;}
.tocomm, .tocomm a {float:left; width:76px; height:30px;}
#mainl span.tocomm {margin:0; padding:0; background:url(images/dots.png) 0 -700px no-repeat; }
#mainl span.tocomm a:hover {background:url(images/dots.png) -76px -700px no-repeat; }



.date, .liner {
  margin: 1px 1px 10px; 
  background:#cfc9c9;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-bottom-left-radius: 4px;
	-khtml-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.liner  {padding: 10px 5px; }
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, .entrie {width:520px; margin:0 0 0 10px; padding:0; background:#FFF;}
#mainl .entry object, #mainl .entry embed {width:520px;}
.fr_fame {
  font-family: Arial;
  float:right; 
  margin:0 0 5px 0; 
  font-size:11px; 
  padding:0 0 0 12px; 
  background: url(images/dots.png) 0 -243px no-repeat;
  color:#787878;
}

#exA { width:460px;}
#exA label {}
#exA input, #exA textarea, #commentblock input, #commentblock textarea {
  width:280px;
  font-size:12px;
  font-family:Arial;
  padding:2px;
  border:0;
  margin:1px 0;
  background:#cfc9c9;
  -moz-border-radius:4px;
  -khtml-border-radius:4px;
  -webkit-border-radius:4px;
  float:left;
}
#exA input#security_code {font-size:20px; font-weight:bold; width:100px;}
#exA .fValidator-msg {text-indent:-9000px; background:url(images/x.png) 3px 3px no-repeat; width:13px; float:left;}
#exA_Emailrequired_msg, #exA_Phonerequired_msg, #security_coderequired_msg {display:none;}
#exA .c0de {color:#666; padding:5px 0 0; margin-left:150px; font-size:10px;}
#exA label {padding:2px 0; float:left; width:150px;}
#exA label.b {background:url(images/sec.gif) 0 0 no-repeat; padding:2px 0 2px 2px; width:148px; }
#exA input.sbmt {
  border:1px solid #d2d2d2;
  cursor:pointer; 
  margin:10px 0;
  width:100px;
  font-weight:bold;
  background:#FFF;
  -moz-border-radius:13px;
  -khtml-border-radius:13px;
  -webkit-border-radius:13px;
  float:left;
}


/*********************************
*  Sidebar                       *
*********************************/
#side {
  background:url(images/side.png) 8px 0 no-repeat;
  float: right;
  width: 409px;
  margin: 0;
  padding: 0 0 20px 0;
  line-height: 15px;
  font-family: Arial;
}
#hside {
  float: right;
  width: 212px;
  margin: 0;
  padding: 0;
  line-height: 15px;
  font-family: Arial;
  background:url(images/hside.png) 0 0 no-repeat;
  position:relative;
}

#side h2, #mainh h2 {
  border:none;
  font-size: 12px;
  text-transform: uppercase;
  text-align:center;
  margin: 15px 0 10px 0;
  padding: 7px 0 5px 0;
  font-family:Times New Roman;
  letter-spacing:0;
}
#hside h2 {
  border:none;
  font-size: 12px;
  text-transform: uppercase;
  text-align:center;
  margin: 15px 0 10px 0;
  padding: 7px 0 4px 0;
  font-family:Times New Roman;
  letter-spacing:0;
}

#sidel h2, #mainh #sidel h2 {background: url(images/dots.png) 2px -110px no-repeat; }
#sider h2 {background: url(images/dots.png) 0 -304px no-repeat; }
#sidel h2, #sider h2 {color:#FFF; font-family:Verdana; font-size:11px; text-shadow: 0.1em 0.1em 0.2em black !important;}

#side ul, #side ul ul, #side li, #side li li, 
#hside ul, #hside ul ul, #hside li, #hside li li, 
#mainl #recent li, #mainh ul, #mainh ul ul, #mainh li, #mainh li li { list-style-type: none;}
#side ul, #side ul ul, #hside ul, #hside ul ul, #mainh ul, #mainh 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, #hside li li, #mainh li li, #recent li, #side li li td a, #spos li {
  background:url(images/dots.png) -311px 0 no-repeat;
  margin: 0;
  padding: 0 0 0 20px;
}
#side li li:hover, #hside li li:hover, #mainh li li:hover, #recent li:hover, #spos li:hover {
  background:url(images/dots.png) -1px 0 no-repeat;
}
#side li li li, #hside li li li, #mainh li li li {
  background:url(images/dots.png) 0 -59px no-repeat;
  margin: 0;
  padding: 0 0 0 10px;
}
#side li li li:hover, #hside li li li:hover, #mainh li li li:hover {
  background:url(images/dots.png) -322px -59px no-repeat;
}

#side p, #hside p {
  padding: 0;
  margin: 0;
  line-height: 15px;
  text-align:center;
}
#side p img, #hside p img {float:none;}
#side #sidel {
  width:176px;
  float:left;
  padding:0 5px 0 13px;
}
#mainh #sidel {
  width:171px;
  float:left;
  padding:0 5px 0 21px;
  text-align:left;

}
#mainh #sidel li li {margin:0 0 5px 0;}
#mainh #sidel li li li {margin:0;}


#side #sidel, #mainh #sidel, #side #sider {margin:17px 0 0 0;}
#hside #sider {margin:0; }
#sidel ul { font-size:11px; font-family:Georgia;}
#sider ul {background:#505050;  font-size:11px}

#sider {
  width:199px;
  float:right;
  padding:0 8px 0 0;
  position:relative;
}
#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;}

#main p#spos {margin:10px 0 0 0; padding:0; text-align:left;}
#spos li {cursor:hand;cursor:pointer; text-transform: capitalize;}

/*********************************
*  Footer                        *
*********************************/
#ftwrap { 
  width:100%;
  height:110px;
  background:url(images/ftwrap.png) 0 0 repeat-x;
}
#footer {
  height: 100px;
  padding: 0;
  background:url(images/ftr.png) 0 0 no-repeat;
  font-family: Arial;
}

#footer span { float:left; padding:35px 0 0 105px;}
#footer p { float:right; text-align:right; padding:35px 25px 0 0;}
#footer, #footer a {color:#FFF;}
#footer p, #footer span, #searchform, #commentblock ol,.commentname {margin:0;}

/*********************************
*  Form                          *
*********************************/
input, textarea {
  border:1px solid #d2d2d2;
  background:transparent;
  font-family:Arial;
  color:#353535;
}
#searchform { width:195px; height:18px; padding: 0 0 5px 15px; margin:0 0 0 0; position:absolute; top:-5px; right:0;}
#searchform, #searchform input {float:left; height:18px;}
#searchform input {background:transparent; border:none; }
#searchform input#s {width:160px; color:#f8d4d4; font-weight:bold; font-size:12px;}
#searchform input#searchsubmit {width:21px; cursor:pointer;}
.cform {padding:0; margin:0; position:relative;}
.smap, .spage {background:url(images/dots.png) 0 -276px no-repeat !important;}
.smap { margin:10px 0 0 0 !important; padding:2px 0 5px 15px !important;}
.spage { margin:10px 0 10px 0 !important; padding:2px 0 5px 15px !important; top:10px !important;}

/*********************************
*  Comments                      *
*********************************/
#commentblock {
  float: left;
  padding: 10px 10px 5px 10px;
  margin: 5px 0 10px 0;
  font-size:11px;
}
#commentblock ol { padding: 0 0 10px 0; list-style-type: none;}
#commentblock ol li { 
  background:url(images/comm.png) 0 0 no-repeat;
  margin:0;
  padding:6px 0 0 28px;
}
#commentblock ol li.alt { background:url(images/comm.png) -518px 0 no-repeat; }
#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: 10px 10px 5px 10px;
}
#commentblock label {width:150px;float:left;}
#commentblock input, #commentblock textarea {margin-bottom:2px; margin-left:3px;width:306px; padding:3px;}
#commentblock input.c0de {width:50px;}
#commentblock input#submit {
  width:100px;
  font-weight:bold;
  cursor:pointer;
  -moz-border-radius: 13px;
  -khtml-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
}
#commentblock input#submit:hover {background:#9d0e00; color:#FFF;}
#recaptcha-submit-btn-area {clear:both; margin-top:10px;}

label.b { width:150px; float:left; background:url(images/vc.gif) center 0 no-repeat; margin:0; font-weight:bold; color:#000; padding:0; text-align:center;font-family:Tahoma; font-size:12px;}
#commentform p {clear:both;}
#respond {position:relative; width:500px;}
/*********************************
*  Cool-Navi                     *
*********************************/
.coolnavigate {
  margin:0 15px 20px 15px; 
  padding:5px; 
  text-align:center; 
  font-family:Tahoma;
  font-weight:bold;
  background:#cfc9c9;
  -moz-border-radius: 13px;
  -khtml-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;  
}
.coolnavigate a, .coolnavigate a:link,.coolnavigate a:visited,.coolnavigate a:active,
.coolnavigate span.pages, .coolnavigate a:hover,.coolnavigate span.current,.coolnavigate span.extend {
  padding: 2px 6px;
  margin: 1px;
  text-decoration: none;
  background-color: #FFF;	
}
.coolnavigate a:hover,.coolnavigate span.pages,.coolnavigate span.current,.coolnavigate span.extend { color: #000;}
.coolnavigate a:active { color: #06C;}
.coolnavigate span.current { font-weight: bold;}
.navi-only {float:right;padding:10px 10px 0 0; font-weight:bold; font-family:Tahoma; font-size:10px;}

/************************
*  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/lb-load.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/lb-prev.png) no-repeat 0 15%;
}

#lbNextLink {
	left: 50%;
}

#lbNextLink:hover {
	background: transparent url(images/lb-next.png) 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/lb-close.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. **/