Help with indenting subcategory on sidebar

The random white space you’re talking about looks to be an inline Google ad that’s not showing up. If you view the source for the page and scroll to where the white space is, you’ll see the script for the ad I’m talking about. Either remove the ad from inside your post, or figure out why Google isn’t displaying an ad in the space. It may be that you’ve got your Google ad unit setup to just show a solid color if there isn’t a relevant ad for the content (and the google_alternate_color is set to #ffffff (white), so that’s why you’re not seeing anything in the space.)

As for your subcategories not being indented, that you’ll need to solve with some CSS. In reviewing your page, it looks like this CSS will do the trick.

ul.list3 li { margin-left: 10px; }

Play with margin-left and padding-left until you get your desired effect.

Thank you so much for the help, pshero. You were absolutely correct about the random white spaces. I made some changes and seemed a lot better. At least to know where to go to make changes. As for the indent subcategory, I tried to make changes every possible ways to the CSS and still cannot get it to indent just the subcategory. When I view source, I do not see

ul.list3 li { margin-left: 10px; }

. I give up for now. big headache. LOL. Thank you for your help

Styles don’t show up when you view the source because they’re called from an external css file which the browser reads before displaying the page. You just need to add that code to the bottom of the style.css file inside your theme folder.

Mannnn, this thing is driving me up the wall!! About the “indent” issue, I tried your suggestion and many other combinations and still cannot get it to indent. I also discover something else in the process. The subcategory is all the way to the left under my second category. I think my style.css is MESSED UP. I restored the theme css file to its original state. Can you help please look at my css code and bring me back to life?

/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: url(images/bgr.gif) #E2E1DD repeat-y center;
	color: #000000;
	font: .8em Arial,Tahoma,Verdana,Helvetica,Sans-Serif
}
a{
	color: #FF7800;
	text-decoration: none
}
a:hover{
	text-decoration: underline
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 12px;
	padding: 2px
}
select{
	padding: 0
}
li{
	list-style: none
}
h1, h2, h3{
	font-family: Georgia,"Times New Roman", Times, serif;
	font-weight: normal;
	letter-spacing: -1px
}
/*=== Layout ===*/
#page{
	margin: 0 auto;
	width: 956px
}
/*=== Header ===*/
#header{
	height: 107px
}
/*- Logo -*/
#header h1{
	background: url(images/logo.gif) no-repeat;
	float: left;
	text-indent: -9999px
}
#header h1 a{
	display: block;
	height: 107px;
	width: 457px
}
/*- RSS -*/
#rss{
	float: right;
	font: 13px Georgia,"Times New Roman", Times, serif;
	padding: 20px 0 0;
	text-align: right;
	width: 295px
}
#rss a{
	color: #666666;
	text-decoration: underline
}
#rss a:hover{
	color: #FF7800
}
#rss ul{
	float: left;
	margin: 10px 0 0;
	width: 220px
}
#rss li{
	margin: 0 0 3px;
	padding: 0 0 5px
}
#rss img{
	float: right
}
/*========= NAVIGATION LISTS =========*/

/*- Category Navigation -*/
#catnav {
	background: url(images/navbgr.gif) no-repeat top;
	height:59px;
	width:956px;
}

.nav2, .nav2 * {
	margin:0;
	padding:0;

}
.nav2 {
	background: url(images/nav-bgr.gif) no-repeat top;
	height: 30px;
	line-height:30px;
	position:relative;
}
.nav2 ul {
	background:#fff; /*IE6 needs this*/
	float: left;
	position:relative;
}
.nav2 li {
	line-height: 30px;
	float: left;
	font-size: 12px;
	text-transform: uppercase;
	list-style:none;
	z-index:999;
}
.nav2 li.current ul {
	z-index: 999;
}
.nav2 li.sfHover ul,
ul.nav2 li:hover ul {
	z-index: 1000;
	background:none;
	color: #ffffff;
	text-decoration: none;
}
.nav2 li li {
}
.nav2 a {
	color: #000000;
	display: block;
	padding: 0 13px;
}
.nav2 li ul a {
	color:#FFF !important;
}
.nav2 li ul a:hover {
	color: #FF7800 !important;
}
.nav2 li ul {
	left:0;
	top:-999em;
	position:absolute;
	width:956px;
	height:29px;
	line-height:29px;
}
.nav2 li:hover,
.nav2 li.sfHover,
.nav2 li.current,
.nav2 a:focus, .nav2 a:hover, .nav2 a:active {
	color: #FF7800;
	text-decoration: none;
	background: #666;
}
.nav2 li.sfHover a,
.nav2 li.current a,
.nav2 a:focus, .nav2 a:hover, .nav2 a:active {
	border-bottom: none;
}
.nav2 li li.current a {
	font-weight: bold;
	color:#FFF !important;
}
.nav2 li li:hover,
.nav2 li li a:focus, .nav2 li li a:hover, .nav2 li li a:active {
	background:none !important;
}
.nav2 li:hover ul, /* pure CSS hover is removed below */
body .nav2 li.current ul, /* this must be more specific than the .superfish override below */
ul.nav2 li.sfHover ul {
	top:2.5em;
}

.nav2 li:hover li ul,
.nav2 li.sfHover li ul {
	top:-999em;
}
.nav2 li li:hover ul, /* pure CSS hover is removed below */
ul.nav2 li li.sfHover ul {
	top:2.5em;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}
.nav2 li.fr{
	float: right
}
.nav2 li.last a{
	background: none
}
/*- Page Navigation -*/
#nav2{
	background: url(images/nav2-bgr.gif) no-repeat top;
	height: 29px
}
#nav2 ul{
	padding: 0 2px
}
#nav2 li{
	float: left;
	font-size: 12px;
	letter-spacing: -1px;
	line-height: 29px;
	text-transform: capitalize
}
#nav2 li.fr{
	float: right
}
#nav2 li a{
	background: url(nav2-sep.gif) no-repeat right;
	color: #666;
	display: block;
	padding: 0 17px
}
#nav2 li.last a{
	background: none
}
#nav2 li a:hover,
#nav2 li.active a{
	color: #FF7800;
	text-decoration: none
}

/*=== Columns ===*/
#columns{
	margin: 15px 0 0;
	padding: 0 0 25px
}
.col1{
	float: left;
	width: 475px
}
.col2{
	float: right;
	width: 457px
}
#columns h1{
	border-bottom: 1px solid #E2E1DD;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 0 13px;
	padding: 0 0 5px
}
#columns h2{
	color: #FF7800;
	font-size: 2em;
	line-height: 26px
}
#columns .col2 h2{
	font-size: 1.6em;
	margin: 0 0 5px
}
#columns p{
	line-height: 18px;
	padding: 0 0 12px
}
/*- Search -*/
#search{
	background: url(images/search-bgr.gif) no-repeat left top;
	float: right;
	height: 36px;
	margin: 0 0 10px;
	width: 306px
}
#search input{
	border: 0;
	float: left;
	margin: 8px 14px 0 15px;
	width: 186px
}
#search .btn{
	margin: 6px 0 0;
	padding: 0;
	width: auto
}

/*- SideTabs -*/
.sideTabs .idTabs{
	font-size: 12px;
	height: 28px;
	letter-spacing: -1px
}
.sideTabs .idTabs li{
	float: left;
	line-height: 28px;
	text-transform: uppercase
}
.sideTabs .idTabs li a{
	background: url(images/tab.gif) no-repeat left top;
	color: #FFFFFF;
	display: block;
	height: 28px;
	margin: 0 5px 0 0;
	text-align: center;
	width: 110px
}
.sideTabs .idTabs li.last a{
	margin: 0
}
.sideTabs .idTabs li a:hover,
.sideTabs .idTabs .selected{
	color: #FF7800;
	background: url(images/tab-.gif) no-repeat left top;
	text-decoration: none
}
/*--- Sub Columns ---*/
.subcol{
	border-bottom: 1px solid #E2E1DD;
	float: left;
	height: auto !important;
	height: 220px;
	margin: 0 20px 15px 0;
	min-height: 220px;
	width: 132px
}
.subcol h2{
	border-bottom: 1px solid #E2E1DD;
	padding: 0 0 4px
}
.subcol.last{
	margin: 0
}
/*=== Post ===*/
#columns .post h3{
	border-bottom: 1px solid #E2E1DD;
	border-top: 1px solid #E2E1DD;
	clear: both;
	color: #666666;
	color: #666666;
	font-size: 1em;
	height: 28px;
	letter-spacing: normal;
	line-height: 28px;
	margin: 0 0 15px;
	padding: 0px !important;
}
#columns .post h3 a{
	color: #666666
}
#columns .post h3 span{
	float: left;
	text-transform: uppercase
}
#columns .post h3 em{
	float: right;
	font-size: .85em;
	font-style: normal
}
#columns .post h2{
	color: #FF7800;
	font-size: 1.3em
}
/*- Featured Post -*/
.post #featured .pic{
	height: 40px;
	margin: 0 0 10px;
	padding: 140px 0 0
}
#columns .post #featured h2{
	font-size: 2em
}
#columns .post #featured .pic h3{
	background: #262626;
	border: 0;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	font-family:Helvetica, sans-serif;
	height: 32px;
	line-height: 32px;
	margin: 0;
	padding: 0 0 0 15px !important;
	text-transform: uppercase
}
#columns p.posted{
	color: #666666;
	font: 1.4em Georgia,"Times New Roman", Times, serif;
	letter-spacing: -1px
}
/*=== Styling Boxes ===*/
/*- Box -*/
.box{
	background: #E2E1DD;
	clear: both;
	color: #666666;
	margin: 0 0 12px;
	width: 457px
}
.box a{
	color: #666666
}
.box-top,.box-bot{
	background: url(images/box-top.gif) no-repeat top;
	clear: both;
	height: 4px;
	overflow: hidden
}
.box-bot{
	background: url(images/box-bot.gif) no-repeat top
}
.box .spacer{
	height: 1%;
	padding: 10px 17px
}
/*- Ads -*/
.box .spacer.ads .ar{
	padding: 0 12px
}
.ads {
	text-align: center
}
.ads img{
	margin: 0 6px
}
/*=== Styling Lists ===*/
/*- List1 -*/
.list1 li{
	font: 1.4em Georgia,"Times New Roman", Times, serif;
	margin: 0 0 3px
}
.list1 li a{
	padding: 0 0 0 22px
}
/*- List3 -*/
.list3{
	padding: 5px 0
}
.list3 li{
	font-size: 1.1em;
	margin: 0 0 1px
}
.list3 li a{
	color: #000000
}
.list3 li  a em{
	color: #FF7800;
	font-size: .85em;
	font-style: normal
}
/*=== Footer ===*/
#footer{
	border-top: 1px solid #E2E1DD;
	clear: both;
	color: #666666;
	font: .95em Georgia,"Times New Roman", Times, serif;
	padding: 10px 0 20px
}
#footer a{
	color: #666666
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden
}
.ar{
	text-align: right
}
a.more{
	color: #666666;
	font-weight: bold
}
a.more2{
	color: #666666;
	font: 1.4em Georgia,"Times New Roman", Times, serif;
	font-weight: bold
}
.th{
	border: 1px solid #C0C0C0;
	float: left;
	margin: 0 10px 10px 0
}
.fl{
	float: left;
}
.fr{
	float: right;
}

/*========= VIDEO =========*/

.video{
	float: left;
	height: 228px;
	margin: 0 15px 0 0;
	width: 275px
}
#videolist .idTabs li{
	font: .85em Georgia,"Times New Roman", Times, serif;
	margin: 0 0 7px
}

/*========= COMMENTS =========*/

h2.commh2{
	font-size: 1.4em !important;
	padding: 0 0 5px;
	font-weight:bold !important;
	color:#000 !important;
}
ol.commentlist{
	margin: 10px 0 20px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 20px;
}
ol.commentlist p{
	margin-bottom:10px;
	line-height: 20px;
}
ol.commentlist cite{
	font-style: normal;
	font-weight: bold;
}
ol.commentlist li{
	padding: 20px 10px 10px 10px;
}
ol.commentlist li.alt{
	padding: 10px 10px 0 10px !important;
	background:#DDD;
	border:1px solid #C0C0C0;
}

/*========= SINGLE POST SPECIFIC =========*/

.singletags {
	margin-top:5px;
	font-weight:bold;
	color:#C0C0C0;
}
.singleh2 {
	font-weight:bold !important;
	font-size:1.8em !important;
}
.entry p{
	text-align:left;
	font-size:12px;
	line-height:20px !important;
	}
.entry blockquote {
	padding: 3px 15px;
	background: #def3ff;
	border: 1px solid #0253b8;
	margin: 5px auto 15px auto;
	color:#000;
	width:85%;
	}
.entry blockquote p {
	font-size:12px;
	padding: 5px 0px;
	margin: 5px 0px;
	line-height: 20px;
	}
.entry img {
	padding: 2px 2px 2px 2px;
	background:#DDD;
	border: solid 1px #C0C0C0;
	}
.entry ul, .entry ol {
	margin-bottom:15px;
	font-size:12px;
	line-height:20px;
	}
.entry ul li ul, .entry ol li ol{
	margin-bottom:0px;
	padding-top:3px;
	}
.entry ul li {
	list-style:circle inside !important;
	margin-left:15px;
	padding:3px 0px;
	}
.entry ul li ul li {
	list-style:disc inside !important;
	}
.entry ol li {
	list-style:decimal inside !important;
	font-size:12px;
	padding:3px 0px;
	}
.entry ol li ol li {
	list-style:decimal-leading-zero inside !important;
	}

/*========= ARCHIVE SPECIFIC =========*/

#archivebox {
	background:#EEE;
	padding:10px;
	width:455px;
	margin-bottom:25px;
}
#archivebox h2 {
	font-size:1.5em;
	color:#000;
}
#archivebox h2 em{
	color:#C0C0C0 !important;
	font-style:normal;
}
.archivefeed {
	margin-top:5px;
}
.archivefeed a {
	background:url(images/ico-arcfeed.gif) center left no-repeat;
	padding-left:20px;
	color:#000;
	font-weight:bold;
}
.arclist{
	border-top: 3px solid #c0c0c0;
	border-bottom: 3px solid #c0c0c0;
	margin: 0 0 15px;
	padding: 10px 0 10px;
	width: 230px;
}
.arclist h2{
	font-size:1.5em !important;
	color:#000 !important;
	padding: 0 0 10px 0 !important;
}

.arclist ul li{
	padding:0 0 7px 10px;
	color:#c0c0c0;
	font-size:14px;
	font-weight:bold;
}
/*=== Page Navigation (Next / Previous Posts) ===*/
.navigation {
}
.navigation a {
	color: #c0c0c0;
	font-size: 1.2em;
	font-weight: bold;
}
.alignleft{
	display:inline;
	float:left;
}
.alignright{
	display:inline;
	float:right;
}