Change spacing of Lists in WP theme

I have a WP theme in which the spacing for the lists is different than the rest of the text

How can I change it to look exactly like the rest of the text:
/*
Theme Name: Integral
Theme URI: http://wpthemespot.com/
Description: <a href="http://wpthemespot.com/themes/integral/" title="Integral Theme">Integral</a> is a WP ThemeSpot Production.
Version: 1.1
Author: WP ThemeSpot
Author URI: http://wpthemespot.com
*/
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* Elements */

body {
margin: 20px 0;
font-size:10px;
font-size:small;
font-family: "Georgia",Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #141414;
}

h1 {
}

h2, h3, h4, h5, h6 {
color: #276729;
font-family:Arial, Verdana, Serif;
}
p
{
margin-bottom:0.3em;
line-height:1.6em;
}
img, a img
{
border:#2582A4 1px solid;
}
img.left
{
margin:0 0em 0em 0;
padding:0;
float:left;
}
img.right
{
margin:0 0 1em 1em;
padding:0;
float:right;
}
blockquote
{
border-left:#b5c767 2px solid;
margin:1em;
padding:0 1em;
}
strong {
font-weight: bold;
color: #003385;
}

a {
color: #87A019;
text-decoration:none;
}

a:hover {
text-decoration: underline;
color: #2582A4;
}
.clear
{
clear:both;
}
.box {
margin-bottom: 0;
padding-bottom: 0;
background: url(images/img07.gif) repeat-x left bottom;
}

.bottom {
display: block;
margin-bottom: 0;
padding-bottom: 10px;
background: url(images/img08.gif) no-repeat left bottom;
}
.bottom span
{
padding-right:5px;
color:#999;
}
.bottom .user
{
background:url(images/user.png) no-repeat left center;
padding-left:12px;
}
.bottom .date
{
background:url(images/date.gif) no-repeat left center;
padding-left:15px;
}
.bottom .comments
{
background:url(images/comments.gif) no-repeat left center;
padding-left:12px;
}
.bottom .cat
{
background:url(images/star.png) no-repeat left center;
padding-left:15px;
}

/* Header */

#header {
width: 928px;
height: 37px;
margin: 0 auto;
background: #BECF74 url(images/img01.gif) repeat-x;
border-bottom: 3px solid #FFFFFF;
}

/* Menu */

#menu {
float: left;
width: 600px;
height: 37px;
margin: 0;
padding: 0 0 0 10px;
list-style: none;
background: url(images/img02.gif) no-repeat;
}

#menu li {
display: inline;
}

#menu a {
display: block;
float: left;
height: 27px;
padding: 10px 15px 0px 15px;
text-transform: lowercase;
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}

#menu a:hover, #menu li.current_page_item a {
background: #A4B74C url(images/img04.gif) repeat-x;
}

/* Search */

#search-form {
float: right;
height: 28px;
margin: 0;
padding: 9px 25px 0 0;
background: url(images/img03.gif) no-repeat right top;
}

#s {
width: 164px;
padding: 2px 5px;
background: #FFFFFF;
border: none;
}

#btnSearch {
height: 20px;
background: #87C4DB;
border: none;
text-transform: lowercase;
font-size: 10px;
font-weight: bold;
color: #fff;
}
#top
{
float: left;
width: 238px;
background: url(images/img05.gif) repeat-x;
margin:3px 0 0 0;
padding:0;
}
/* Logo */

#logo {
height: 150px;
background: url(images/img06.gif) no-repeat;
}

#logo h1, #logo h2, #logo a {
margin: 0;
padding: 0;
text-decoration: none;
text-align: center;
color: #FFFFFF;
}

#logo h1 {
padding-top: 1em;
font-size: 1.8em;
line-height:1em;
}

#logo h2 {
margin-top: 5px;
font-size: 1em;
}

/* Content */

#content {
width: 928px;
margin: 0 auto;
}

#sidebar {
float: left;
width: 238px;
margin:0;
padding:0 0 20px 0;
font-size:0.9em;
}

#sidebar h2
{
padding: 0 20px;
font-size:1.4em;
}
#sidebar p
{
margin:0;
padding:0 0 5px 20px;
}
#sidebar ul
{
margin:0;
padding:0;
list-style:none;
}
#sidebar ul ul {
margin: 0;
padding-left: 20px;
list-style: none;
}

#sidebar li li {
padding:5px 0;
border-top: 1px solid #EFEFEF;
}
#sidebar li.box
{
margin:10px 0;
padding:5px 0;
}
#main {
float: right;
width: 617px;
margin:-150px 0 0 0;
padding: 30px 40px 0 30px;
background: url(images/img09.gif) repeat-x;
}

#main h2 {
color: #05387e;
margin-top: 0;
font-size: 1.6em;
}
#main h2 a
{
color:#2582A4;
text-decoration:none;
}
#main h2 a:hover
{
text-decoration:underline;
}
#main .box {
margin: 0 -30px 30px -20px;
padding: 0 30px 0 20px;
}

#main .bottom {
margin: 0 0 20px -20px;
padding: 10px 0 30px 20px;
}
/* Comments */
#content .commentlist {
margin: 0;
padding: 0;
list-style:none;
}
.commentlist li
{
list-style:none;
}
.commentlist li .cmtinfo
{
font-size:0.9em;
color:#999;
border-bottom:#eee 1px solid;
}
.commentlist li cite
{
font-style:normal;
font-weight:bold;
font-size:1.1em;
}
.commentlist li .cmtinfo em
{
margin:0;
padding:0;
font-style:normal;
font-size:0.9em;
color:#999;
}
#content .nocomments
{
text-align:center;
color:#999;
font-size:0.9em;
}
input.textbox
{
border:#ccc 1px solid;
background:#f9f9f9;
font:1em Verdana, Arial, Serif;
padding:2px;
width:150px;
}
textarea{
width: 90%;
padding:5px;
height: 20em;
border: 1px solid #ccc;
background:#f9f9f9;
font:1em Verdana, Arial, Serif;
}
.textbox:focus, textarea:focus
{
background:#fff;
border:#999 1px solid;
}

/* Footer */

#footer {
clear: both;
width: 928px;
margin: 0 auto;
padding-top: 40px;
background: url(images/img11.gif) repeat-x;
}

#footer p {
margin: 0;
text-align: center;
}
#content_start {position: absolute;left: -10000px;};

 

Can you link to the actual website so we can see which lists you are talking about? I see three lists in that code: the sidebar, the menu and the comments list.

 

That is actually my problem

I am referring to lists in the content section - I see no styling referring to it yet it is spaced differently than the rest of the content in the main section.

 

Did you try giving it a style and see if that works. Without looking at the code, it's hard to tell if something else could be causing that.

 

No, where can I get an example of styling with regular spacing? I couldn't find any instructions online

 

Try adding this to your CSS file

.post .content ul li {
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.post .content ol li {
padding: 0 0 0 0;
margin: 0 0 0 0;
}

I'm suspecting your lists have padding or margins around them. I'm not sure this will work though.

Or try this instead:

.post .content ul li {
padding: auto;
margin: auto;
}

.post .content ol li {
padding: auto;
margin: auto;
}

 

Nope, nothing's changed I tried both.

I think I should delete the part of the CSS that refers to styling lists in the content area but I can't tell what is causing it.

 

Anyone? Please?

 

cannot say anything from here link us to see for visual understanding

 

Post your website link and then only we can figure out what actually you want to change

 

I am attaching a picture with an example of the problem: the spacing between the lines in listing is not the same -

img710.imageshack.us/img710/1236/examplel.jpg

 

you mean to say that there is no spacing between the list that is there and you want spacing like the other paragraphs up there

 

yes - exactly. Is that possible? I can't find how to do it.

 

sorry there is nothing in your css that would help us , i have a solution but not without the website link

 

I am sorry but I don't understand, why is the website link important? isn't the problem with the CSS file?

 

sorry but the website link is important , if you dont want help then please stop posting here, pay some one and get it done