Automatic Spacing (still need help)

body {
    word-spacing:1.2em;
}

a {
text-decoration: none;
}

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background: url(images/bg2.gif) #202020 repeat-y ;
}
a {
 text-decoration: none;
}
#wrapper { 
 margin: 0 auto;
 width: 800px;

}
#header {
 width: 800px;
 background: url(images/R8C_logo.jpg) no-repeat;
 height: 150px;
 padding: 10px;
 margin: 10px 0px 5px 0px;
}
#center {
 text-align: center;
}

#leftcolumn { 
 color: #FFF;
 border: 0px solid #000;
 background: #202020;
 margin: 0px 5px 5px 0px;
 padding: 0px;
 height: auto;
 width: 650px;
 float: left;
}
s1 {
 word-spacing: 0.4cm;
}

.poster{
 padding: 5px;
}

#menu {
	width: 120px;
	height: 336px;
	margin: 0 auto;
	background: #202020;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	;
}

#menu h2 {
	display: none;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
	height: 48px;
}

#menu a {
	display: block;
	float: left;
	width: 120px;
	height: 38px;
	padding-top: 10px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
}

#menu a:hover {
	background: #CC0000;
	color: #FFFFFF;
}

#rightcolumn { 
 float: right;
 color: #FFF;
 background: #202020;
 border: 0px solid #000;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 height: auto;
 width: 140px;
 display: inline;
 
}
a:link {color: #FFFFFF}     /* unvisited link */
a:visited {color: #FFFFFF}  /* visited link */
a:hover {color: #BF0303}   /* mouse over link */
a:active {color: #BF0303}   /* selected link */
#footer { 
 width: 780px;
 clear: both;
 color: #FFF;
 background: #202020;
 margin: 0px 0px 20px 0px;
 padding: 20px;
}

<!-- Wrapper for all listings-->
<div id="listings">
    <!--Wrapper for individual listings-->
    <div class="listing">
        <a href="index.php?id=14">
            <h3 class="title">
            Eye, The
            </h3>
        </a>
        <div class="ratings">
            PG-13 - 97 minutes
        </div>
        <a href="index.php?id=14">
            <img src="assets/images/posters/theeye_smallposter.jpg">
        </a>
        <ul class="s_times">
            <li>5:15</li>
            <li>7:30</li>
            <li class="last">9:35</li>
        </ul>
    </div>
</div>

.listing{
    width:115px;
    float:left;
    margin:10px;
}

#listing h3{
    font-size: //you do your magic 
}

.ratings{
    font-size:  //whatever
}
.ul.stimes{
    margin:0;
    list-style:none;
}

.s_times li{
    display:inline;
    margin-right:10px; //You'll need to play with this
}

.s_times li.last{
    margin-right:none;
}