Need help with the sub-category alignment of my wp blog

hello,

www.diningandkitchen.com is my newly launched blog. everything is just perfect except the alignment of sub-category. as you see the main categories and the sub-categories are aligned same. the subs are supposed to be placed a bit right side than the main categories.. right??

please help me out.

thanks

 

I believe this will solve the problem.

Add the following line to your styles.css:

.list ul ul li { padding-left: 15px; }

Code (markup):

You can change the number of pixels(px) to adjust how far it is indented.

 

where should i paste the code in style.css??

 

You could add it at the very end, or if you want to place it near related styles and keep things organized, I would add it between these two blocks like this (almost half way down the page in styles.css):

.list ul li {
	padding-right:4px;
	font-size: 11px;
	line-height: 16px;
	color: #FFFFFF;
	display:block;
	width: 186px;
	margin: 5px 0px 0px;
	padding: 0px;
	float: left;
}
.list ul ul li { 
	padding-left: 15px;
}
.list li a {
	color: #F8F8F8;
	text-decoration: none;
	margin: 0px;
	float: left;
	padding-left: 15px;
	background: url(images/dot.gif) no-repeat left 2px;
}

Code (markup):

 

wow.. cool... it worked thank you very much man..

 

Great! Always happy to help!