/* 
  Theme Name: SJCable Theme
  Theme URL: http://www.djarot.com/
  Description: SJCable Theme is a 2-column Widget-ready theme created privately for SJcable.com.
  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 - 01.06.09
  1st Release of SJCable theme.
*/

body {
  background: #26211b url(images/body.png) 0 0 repeat-x;
  color: #202020;
  font-size: 12px;
  font-family: Georgia;
  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 {color:#202020; cursor:text;}
a:hover, #main a:hover, #main #recent a, #mainl #recent h2 a:hover, #main #sider a, 
#main h2, #main h2 a, #mainl #recent p a:hover, #mainl #recent .pprd a:hover, #main #side p a:hover, #footer a:hover, #main .date 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, 
#main #sider a:hover, .rd, #main .date a:hover, #main #sidel a:hover 
  { color: #df5e00; text-decoration: none;}
#main h1, #main h1 a, #main #sidel a, .navi-only {color:#FFF;} 
#main h1 a:hover  {color:#df5e00;}

/*********************************
*  GLobal Thingy                 *
*********************************/
h1, h2, h3, h4, h5 {font-family:Georgia;}
h3 {color:#df5e00;}
#hdr h1, #side p, #side li, .fr_fame, input, textarea, .coolnavigate  {font-size:11px;}
.clear, #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.connect a {text-indent:-9000px;}
#hdr h1, #nav, .follow, #hdr h2, #feat h1.connect {overflow:hidden; }

.f100 {min-height:100%;}
#sidel a {text-shadow:1px 1px 2px #000;}

/*********************************
*  Header                        *
*********************************/
#hdr {
  height: 129px;
  padding: 0;
}
.hdrh {background: transparent url(images/hdr.png) center 0 no-repeat;}
.hdre {background: transparent url(images/hdr.png) center -139px no-repeat;}
#hdr h1, #hdr h1 a {
  width:441px;
  height:104px;
  float:left;
  padding: 0;
}
#hdr h1 {margin: 0 0 0 14px;}
#hdr h1 a {margin: 0; background: url(images/dots.png) 54px -405px no-repeat; opacity:0;}
/*********************************
*  NAV                           *
*********************************/
#nav {
  width:299px;
  margin:26px 12px 0 0;
  padding:0;
  float:right;
}
#nav li, #nav a { height:93px; 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:70px; background:url(images/nav.png) 0 0 no-repeat; }
#abo a {width:64px; background:url(images/nav.png) -70px 0 no-repeat;}
#con a {width:81px; background:url(images/nav.png) -134px 0 no-repeat;}
#smp a {width:84px; background:url(images/nav.png) -215px 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 42px;
  background: #505050 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;
  text-shadow:1px 1px 2px #000;
}
#main h2, #main h3 {
  margin: 20px 0 10px; font-size: 14px;
  padding: 0;
}
#main h2 a {padding:0;}
#main h3.comm {
  background:url(images/dots.png) 0 -198px no-repeat;
  padding:5px 0 10px 25px;
}
#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;
  text-align:justify;
  background:url(images/feat.png) right 0 no-repeat;
  position:relative;
}
#feat {
  width:746px;
  height:308px;
  position:relative;
  
}

/* FEAT THINGY */
.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}

/* Sample 3*/

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

}
#feat h1.connect, #feat h1.connect a {
	position:absolute;
	background:#fff;
	width:726px;
	height:280px;
  margin:0;
  padding:0;
  background:#fff url(images/reconnect.jpg) 0 0 no-repeat;
}
#feat h1 a {color:#000;}
#feat h1 a:hover {color:#505050;}
#feat h1 {
  background:none;
  color:#505050;
	padding:0;
  margin:0;
}
#feat div.entri { 
  bottom:0; 
  position:absolute; 
  background:#000; 
  opacity: 0.7;
  filter: alpha(opacity = 70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  zoom: 1;
  color:#FFF; 
  padding:5px 0;}
#feat div.entri p { padding:0 10px; }
#feat div.entri h1 { display:block; background:#999; 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;
  text-align:justify;
}
#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; 
}
.date2 {border-top:4px solid #d5d5d5;}
.date, .liner {
  margin: 1px 1px 10px; 
  background:#d5d5d5;
	-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 {width:520px; margin:0 0 0 10px; padding:0; background:#FFF;}
.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:#e9e8e8;
  -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;
}

#side h2, #mainh 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;
}
#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; color:#505050;}
#sider h2 {background: url(images/dots.png) 0 -304px no-repeat; color:#FFF;}

#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 a, #hside li li a, #mainh li li a, #recent li a, #side li li td a {
  background:url(images/dots.png) 0 -29px no-repeat;
  margin: 0;
  padding: 0 0 0 20px;
}
#side li li a:hover, #hside li li a:hover, #mainh li li a:hover, #recent li a:hover {
  background:url(images/dots.png) 0 -1px no-repeat;
}
#side li li li a, #hside li li li a, #mainh li li li a {
  background:url(images/dots.png) 16px -55px no-repeat;
  margin: 0;
  padding: 0 0 0 28px;
}
#side li li li a:hover, #hside li li li a:hover, #mainh li li li a:hover {
  background:url(images/dots.png) 16px -82px 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:#FFF;  font-size:11px}

#sider {
  width:199px;
  float:right;
  padding:0 8px 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                        *
*********************************/
#ftwrap { 
  width:100%;
  height:110px;
  background:#26211b 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 75px;}
#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: 2px 0 5px 15px; margin:0 0 0 0; }
#searchform, #searchform input {float:left; height:18px;}
#searchform input {background:transparent; border:none; }
#searchform input#s {width:170px; color:#fcf7df; font-weight:bold; font-size:14px;}
#searchform input#searchsubmit {width:21px; cursor:pointer;}
.cform {padding:0; margin:0; background:url(images/dots.png) 0 -276px no-repeat;}

/*********************************
*  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; width:250px;}
#commentblock input.c0de {width:50px;}
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;}

/*********************************
*  Cool-Navi                     *
*********************************/
.coolnavigate {
  margin:0 15px 20px 15px; 
  padding:5px; 
  text-align:center; 
  font-family:Tahoma;
  font-weight:bold;
  background:#d5d5d5;
  -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. **/