/* 
  Theme Name: Inside CBC
  Theme URL: http://www.djarot.com/
  Description: Inside CBC is a 2-column Widget-ready theme created for WordPress.
  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 - 05.10.09 : First Release of SGB Ventures Theme
*/

body { background: #eeeeee; color: #202020; font-family: Arial; padding: 0; }
body, table, tr, td { font-size: 11px;}
tr, td {background: #FFF; vertical-align:top;}
table, td.ttl {background: #cf5a05;}

a, a:visited, #nav a:hover { text-decoration: none; }
a, a:visited, h1, h2, h3, h4, #content h1 a:hover, #content h2 a:hover, p.meta, p.meta a:hover, .related_post li a:hover, #r_sidebar a:hover, #content .sitemap a:hover { color: #008712; }
a:hover, #nav a, #s, #content h1 a, #content h2 a, #r_sidebar a, #content .sitemap a, p.meta a, .related_post li a, #r_sidebar h2 { color: #000; }
a:hover { text-decoration: underline; }
a img, img { border:none; }
.rd {color:#900;}
.gry {color:#666;}
.gr {color:#390;}

body, #wrap, #ftr {margin: 0 auto; }
#wrap { width:988px; background: #FFF url(images/bd.gif) 0 0 repeat-y; padding: 0;}

h1,h2,h3,h4,h5 {font-family:Georgia;}

/******************
*	 HEADER & NAV   *
*******************/
#hdr { width: 960px; height: 136px; margin: 0 auto 0; padding: 0; overflow: hidden;  background: #E6E5E5 url(images/hdr.jpg) 0 0 no-repeat;}
#hdr h1, #hdr h1 a {width:348px; height:102px; float:left; margin:0; padding:0;}
#hdr h1 a {text-indent:-9000px;}
#nav {
  width:550px;
  height:28px;
  float:left;
  margin:0; padding:0 0 0 70px;
}
#nav li, #nav a { height:23px; display:block; }
#nav li { float:left; list-style:none; display:inline; }
#nav a {
  display: block;
  font-weight: bold;
  margin: 0;
  padding:7px 10px 0;
}
#nav a:hover, #nav .current_page_item a { background: url(images/nav.gif) 0 0 repeat-x; }

/******************
*	 SEARCH FORM    *
*******************/
form#searchform { float:right; width:284px; margin: 0; padding: 2px 0 0 0;}
#s { background: transparent; width: 210px; font: 11px Tahoma; padding: 5px; margin: 0; border: 0; }
#sbmt { width:52px; height:24px; border:0; margin: 0; }

/******************
*	 Content        *
*******************/
#content { 
  width: 960px;
  margin: 0 auto 0;
  padding: 0;
}
#content p {
  padding: 0 0 10px 0;
  margin: 0; 
  line-height: 15px;
  text-align:justify;
}
.ctitle { font-size:12px; color:#0D42AC; border-top:1px solid #CAD2E1; width:200px;}
#content h1 {
  background: url(images/dots.png) 5px 3px no-repeat; height:30px;
  font-size: 16px;
  margin: 0;
  padding: 7px 0 0 40px; 
  border-top:4px solid #eeeded;
}
#content h1 a { display:block; text-decoration: none; }

#content h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 20px 0 0 0;
  padding: 5px 0 10px 0;
  border-top: 2px solid #eeeded;
}
#content p img {
  float: none;
  border: none;
  margin: 0;
}
#content img.wp-smiley, #content img.wp-wink  {
  float: none;
  border: none;
  padding: 0;
  margin: 0;
}
#storefr {border-bottom:1px solid #B6BBBE;}
#contentleft {
  width: 665px; font-size: 12px;
  margin: 0 1px;
}
#contentleft, #cstore, #csearch { float:left; padding: 0 1px 0 0; /*background: url(images/dots.png) 0 -215px repeat-x;*/ border-top:1px solid #bcbcbc;}
#csearch, #cstore { width: 957px; margin: 0 1px; }
#cstore { height:1300px; }

/* Global H2 */
#contentleft h2, #cindex h2, #midcol h2 {
  background: url(images/dots.png) -36px -166px no-repeat;
  font-size: 12px;
  line-height: 15px;
  font-weight: bold;
  border-top:2px solid #eeeded;
  margin: 0;
  padding: 1px 0 5px 20px;
}
#contentleft ol, #contentleft ul {
  margin: 0 0 0 10px;
  padding: 0 0 10px 0;
}
#contentleft ol li, #contentleft ul li {
  margin: 0 0 0 5px;
  padding: 0 0 5px 0;
}
#contentleft ul, #contentleft ul li {
  list-style-type:none;
}
#contentleft ul li a { padding: 0 0 0 15px; background: url(images/dots.png) -32px -107px no-repeat;}
#contentleft ul li a:hover { padding: 0 0 0 15px; background: url(images/dots.png) -32px -135px no-repeat;}

.entry {margin: 10px 15px;}
.entry ul, .entry ul li {list-style-type:square; margin:0 0 0 5px; padding: 0;}
.archive {margin: 10px 35px;}

#contentleft p.meta {
  font-size: 11px;
  margin:0 0 10px 0; padding:3px 0;
  background:#f0fadd;
}

span.user, span.timr, span.catr, span.editr{ padding: 0 5px; }
span.comm { background: url(images/dots.png) -88px -195px no-repeat; padding:0 0 0 20px;}
#content p.c-all,  .coolnavigate {text-align:center; margin:5px 0; padding:6px 0 11px; background:url(images/dots.png) center -286px no-repeat;}
#content p.c-all a {display:block;}

blockquote {
  color:#555;
  margin: 0 25px 15px 25px;
  padding: 0 25px 0 10px;
  border-left: 2px solid #4A7EB8;
  font-family:Tahoma;
}
#content blockquote p {
  margin: 0 0 10px 0;
  padding: 2px 0 2px 0;
}
#content blockquote.review p {
  font-family:Tahoma;
  font-style:normal;
  color:#555;
}
#content blockquote.spec p {
  font-style:normal;
  border-left:1px solid #666;
  margin: 0; padding: 0 0 0 10px;
}

/******************
*	 Content INDEX  *
*******************/
#cindex {
  float: left;
  width: 320px;
  margin: 0;
  padding: 0; 
}
#cindex h1, #midcol h1 { text-align:center; }
#cindex h1, #midcol h1, #r_sidebar h2 {
  font-size: 11px;
  font-family: Verdana;
  text-transform: uppercase;
  margin: 0;
}
#cindex h1 {
  background: url(images/titles.png) 0 0 no-repeat;
  color: #C6DDF7; 
  height:26px;
  padding: 7px 0 0 0;
}
.ftmain1 {width:320px; height:13px; background: #E8E7E7 url(images/titles.png) 0 -159px no-repeat;}
.ftmain2 {width:340px; height:13px; background: #E8E7E7 url(images/titles.png) 0 -192px no-repeat;}
 	
/******************
*	 MID-BAR   *
*******************/
#midcol {
  float: left;
  width: 339px;
  margin: 0 0 0 8px;
  padding: 0 0 20px 0;
  line-height: 20px;
}
#midcol h1 {
  background: #E6E5E5 url(images/titles.png) right -53px no-repeat;
  color: #0E345F; 
  width:340px;
  height:29px;
  padding: 4px 0 0 0;
}
#midcol ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#midcol p {
  padding: 0;
  margin: 0;
  line-height: 13px;
}

/******************
*	 RIGHT SIDEBAR  *
*******************/
#r_sidebar {
  float: right;
  width: 284px;
  margin: 0;
  padding: 0 0 20px 0;
  line-height: 15px;
}
#r_sidebar h2 {
  background: url(images/dots.png) 0 -235px no-repeat;
  height:30px;
  padding: 7px 0 0 40px;
}
#r_sidebar ul, #r_sidebar p {
  margin: 0;
  padding: 0;
}
#r_sidebar li.topli {margin-bottom:10px;}
#content #r_sidebar ul li.bstore p, #content .bstore p img, #r_sidebar ul ul li.ads, #r_sidebar ul ul li.ads a { background:none; float:none; text-align:center; margin:7px auto 10px; padding:0;}
#r_sidebar ul, #r_sidebar ul ul, #r_sidebar ul li, #r_sidebar ul li ul li { list-style-type: none; }
#r_sidebar ul ul, #r_sidebar ul ul ul {padding:0 10px; margin:0;}
#r_sidebar ul ul a {
  background:#FFF url(images/dots.png) 0 -48px no-repeat;
  padding:0 0 5px 17px;
}
#r_sidebar ul ul a:hover, #r_sidebar ul ul li.current-cat a { background:url(images/dots.png) -16px -78px no-repeat; }
.current-cat a , .current-cat-parent a {font-weight:bold;}
#r_sidebar ul ul ul a, #r_sidebar ul ul ul.children  a  {
  background:url(images/dots.png) -30px -107px no-repeat;
  padding:0 0 0 17px;
  font-weight:normal;
}
#r_sidebar ul ul ul a:hover, #r_sidebar ul ul ul.children  li.current-cat a { background:url(images/dots.png) -30px -135px no-repeat; }
#r_sidebar ul ul ul.children  li.current-cat a {text-decoration:underline;}
#r_sidebar ul ul.n0b a { background:none; padding:0; }
/******************
*	 FOOTER         *
*******************/
#ftr-wrap {width:100%; height:126px; background:#eee url(images/ftr-wrap.png) 0 0 repeat-x; }
#ftr {
  width:1018px;
  height:112px;
  background:url(images/ftr.png) center 0 no-repeat;
  padding: 30px 0 0 0;
}
#ftr p {float:left; margin:0; padding:0 0 0 100px;}
#ftr span {float:right; margin:0; padding:0 30px 0 0;}

/******************
*	 COMMENTS       *
*******************/
#commentblock {
  width:620px;
  float: left;
  padding: 10px 10px 10px 0;
  margin: 10px 0 0 0;
  font-family:Tahoma;
  font-size:11px;
}
#commentblock input, textarea {width:250px;border:1px solid #BCBCBC; font-family:Arial; font-size:11px;color:#252629; padding:1px; margin:2px;}
#commentform label {width:150px;float:left;}
#commentblock ol {
  list-style-type: none;
  margin: 0;
  padding: 0 0 10px 0;
}
#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) -639px 0 no-repeat; }
.commentdate {
  font-size: 12px;
  padding-left: 0;
}
#commentlist li p {
  margin-bottom: 8px;
  line-height: 20px;
  padding: 0;
}
.commentname {
  color: #333333;
  margin: 0;
  padding: 5px 5px 5px 0;
}
.commenttext {
  margin: 3px 15px 10px 0;
  padding: 10px;
}
#commentblock input.c0de {width:60px;}
/* MISC */
label {float:left; width:150px;}
label.b { width:150px; float:left; background:#FFF url(images/vc.gif) left no-repeat; margin:0px;}
.s1 {width:140px; background:#FFF; text-align:center;}
.s2 {width:320px; background:#FFF;}
.alexa { padding:3px 0 0 69px;width:127px; height:73px; float:left; background-image:url(images/alexa.gif); background-repeat:no-repeat;}
.fr_fame {color:#49ac00; float:right; margin:0 0 5px 0; font-size:11px; padding:0 0 0 10px; background: url(images/dots.png) -43px -34px no-repeat;}
.clear, .commenttext, .commentinfo, .coolnavigate, #nav, #content h3, #contentleft h2, #cindex h2, #midcol h2, #content p.c-all, #content h1 {clear:both;}

/* COOL NAVIGATE */
.coolnavigate { margin:10px 0; text-align:center;padding:8px 0 10px; font-family:Tahoma; font-size:11px; font-weight:bold;}
.coolnavigate span, .coolnavigate a {padding:10px 3px 15px;}
.pages {color:#666; margin:0 10px 0 0;}

/*--------------
  SLIMBOX
---------------*/
#lbOverlay, #lbCenter, #lbBottomContainer, #lbImage, #lbPrevLink, #lbNextLink {position: absolute;}
#lbOverlay, #lbCenter, #lbBottomContainer {	z-index: 9999;}
#lbOverlay {
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}
#lbCenter, #lbBottomContainer {
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}
.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}
#lbImage {
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
	display: block;
	top: 0;
	width: 50%;
	outline: none;
}
#lbPrevLink {
	left: 0;
  background: transparent url(images/prevlabel.png) no-repeat 0% 100%;
  opacity:0.5;
}
#lbPrevLink:hover {
	background: transparent url(images/prevlabel.png) no-repeat 0% 100%;
  opacity:1.0;
}
#lbNextLink {
	right: 0;
	background: transparent url(images/nextlabel.png) no-repeat 100% 100%;
  opacity:0.5;
}
#lbNextLink:hover {
	background: transparent url(images/nextlabel.png) no-repeat 100% 100%;
  opacity:1.0;
}
#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	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) no-repeat center;
	margin: 5px 0;
	outline: none;
}
#lbNumber {
  color:#e27700;
	float: right;
  clear:both;
  margin:0;padding:0;
}
#lbCaption {
	font-weight: bold;
  margin:0;
}