I've added a flash banner to my blog. The problem is, it's too far off to the right, and i cant center it.
The blog is at http://cynikalsam.bestcatalog.net/blog
Here's the index.php code;
<?php
/* Don't remove this line. */
require('./wp-blog-header.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/1">
<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
<style type="text/css" media="screen">
@import url( <?php echo get_settings('siteurl'); ?>/style.css );
</style>
<link rel="stylesheet" type="text/css" media="print" href="<?php echo get_settings('siteurl'); ?>/print.css" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php //comments_popup_script(); // off by default ?>
<?php wp_head(); ?>
</head>
<body>
<div id="rap">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html40/loose.dtd">
<html><head>
<title>blogbanner</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="author" content="Owner">
<meta name="generator" content="SWiSHmax http://www.swishzone.com">
<meta name="description" content="blogbanner">
<meta name="keywords" content="about, contact, cynikalsam, forum, guestbook, home, intro, journal, tk, v0">
<!-- text used in the movie -->
<!-- about, contact, cynikalsam, forum, guestbook, home, intro, journal, tk, v0 -->
<!-- Created by SWiSHmax - Flash Made Easy - www.swishzone.com -->
</head>
<body bgcolor="#000000">
<center>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,79,0"
id="blogbanner" width="900" height="110">
<param name="movie" value="blogbanner.swf">
<param name="bgcolor" value="#000000">
<param name="quality" value="high">
<param name="allowscriptaccess" value="samedomain">
<embed type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
width="900" height="110"
name="blogbanner" src="blogbanner.swf"
bgcolor="#000000" quality="high"
swLiveConnect="true" allowScriptAccess="samedomain"
></embed>
</object>
</center>
</body>
</html>
<div id="content">
<?php if ($posts) : foreach ($posts as $post) : start_wp(); ?>
<?php the_date('','<h2>','</h2>'); ?>
<div class="post">
<h3 class="storytitle" id="post-<?php the_ID(); ?>">" rel="bookmark" title="Permanent Link: <?php the_title(); ?>"><?php the_title(); ?></h3>
<div class="meta"><?php _e("Filed under:"); ?> <?php the_category() ?> — <?php the_author() ?> @ <?php the_time() ?> <?php edit_post_link(); ?></div>
<div class="storycontent">
<?php the_content(); ?>
</div>
<div class="feedback">
<?php wp_link_pages(); ?>
<?php comments_popup_link(__('Comments (0)'), __('Comments (1)'), __('Comments (%)')); ?>
</div>
<!--
<?php trackback_rdf(); ?>
-->
<?php include(ABSPATH . 'wp-comments.php'); ?>
</div>
<?php endforeach; else: ?>
<?php _e('Sorry, no posts matched your criteria.'); ?>
<?php endif; ?>
</div>
<div id="menu">
-
<?php get_links_list(); ?>
<li id="categories"><?php _e('Categories:'); ?>
-
<?php wp_list_cats(); ?>
<li id="search">
<label for="s"><?php _e('Search:'); ?></label>
<form id="searchform" method="get" action="<?php echo $PHP_SELF; ?>">
<div>
<input type="text" name="s" id="s" size="15" />
<input type="submit" name="submit" value="<?php _e('Search'); ?>" />
</div>
</form>
<li id="archives"><?php _e('Archives:'); ?>
-
<?php wp_get_archives('type=monthly'); ?>
<li id="calendar">
<?php get_calendar(); ?>
<li id="other"><?php _e('Other:'); ?>
<li id="meta"><?php _e('Meta:'); ?>
</div>
</div>
<p class="credit"><!--<?php echo $wpdb->num_queries; ?> queries. <?php timer_stop(1); ?> seconds. --> <cite><?php echo sprintf(__("Powered by WordPress"), __("Powered by WordPress, state-of-the-art semantic personal publishing platform")); ?></cite>
</body>
</html>
Here's the style.css code;
`/*
Simple and Happy
Modified 2004-02-03 by Gregory Auld (greg@auld.com)
based on:
Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. : )
*/
a {
color: #000164;
}
a img {
border: none;
}
a:visited {
color: #000173;
}
a:hover {
color: #B2B3FF;
}
acronym, abbr {
border-bottom: 1px dashed #333333;
}
acronym, abbr, span.caps {
cursor: help;
font-size: 90%;
letter-spacing: .07em;
}
blockquote {
border-left: 5px solid #CCCCCC;
margin-left: 1.5em;
padding-left: 5px;
}
body {
background-color: #FFFFFF;
color: #000000;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
margin: 0;
padding-left: 25%;
padding-right: 25%;
text-align: center;
}
cite {
font-size: 90%;
font-style: normal;
}
h2 {
background-color: #E2E2E2;
border-bottom: 1px solid #000000;
font: 80% Verdana, "Times New Roman", Times, serif;
font-weight: bold;
letter-spacing: 0.05em;
margin: 15px 0 2px 0;
padding: 5px;
}
h3 {
color: #666666;
font-family: "Lucida Sans Unicode", "Times New Roman", Times, serif;
margin-bottom: 0;
margin-top: 15px;
}
input {
font-family: "Courier New", sans-serif;
font-size: 12px;
}
ol#comments li p {
font-size: 100%;
}
p, li, .feedback {
font: 10px Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
line-height: 15px;
}
.credit {
background: #FFFFFF;
border-top: solid 3px #C0C0C0;
color: #000000;
font-size: 11px;
margin: 10px 0 0 0;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
text-align: center;
width: 80%;
}
.credit a:link, .credit a:hover {
color: #808080;
}
.feedback {
color: #CCCCCC;
text-align: right;
}
.meta {
font-family: Tahoma, Arial, sans-serif;
font-size: .6em;
}
.meta li {
display: inline;
}
.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.meta, .meta a {
color: #808080;
font-weight: normal;
letter-spacing: 0;
}
.storytitle a {
text-decoration: none;
}
#commentform textarea {
width: 100%;
}
#content {
text-align: left;
}
#header {
background: #808080;
border-bottom: solid 3px #000000;
font: 230% 'Trebuchet MS', 'Times New Roman', Times, serif;
font-variant: small-caps;
font-weight: bold;
letter-spacing: 1px;
margin: 0;
padding: 15px 15px 15px 15px;
}
#header a {
border-bottom: 3px solid #808080;
color: #FFFFFF;
text-decoration: none;
}
#header a:hover {
border-bottom: 3px solid #BCBCBC;
color: #BCBCBC;
}
#menu {
background: #FFFFFF;
background-color: #C0C0C0;
border-top: 3px solid #808080;
margin-top: 25px;
padding: 20px 30px 20px 30px;
text-align: left;
}
#menu form {
margin: 0 0 0 13px;
}
#menu input {
font-family: "Courier New", sans-serif;
margin-top: 5px;
width: 100px;
}
#menu ul {
color: #CCCCCC;
font-weight: bold;
list-style-type: none;
margin: 0;
padding-left: 3px;
text-align: left;
text-transform: lowercase;
}
#menu ul li {
color: #7D7D7D;
font: normal 100% 'Trebuchet MS', Verdana, 'Times New Roman', Times, serif;
letter-spacing: 1px;
margin-top: 10px;
padding-bottom: 2px;
text-transform: uppercase;
}
#menu ul ul {
font-variant: normal;
font-weight: normal;
line-height: 100%;
list-style-type: none;
margin: 0;
padding: 0;
text-