Popped date to the left, fixing centering problems

2 files changed, 14 insertions, 10 deletions

@@ -23,7 +23,7 @@ $getimage3 = mysql_fetch_array($getimage2);
                                 </DIV>
 
                                 <DIV CLASS="title">
-                                        <H1><?php echo($getimage3['title']); ?></H1>
+                                        <H2><?php echo($getimage3['title']); ?></H2>
                                 </DIV>
                         </DIV>
 
@@ -1,6 +1,8 @@
 div#wrap {
  margin: 0 auto;
  width: 31.25em;
+ padding: 0 3.5em;
+ position: relative;
 }
 
 div.post {
@@ -8,24 +10,20 @@ div.post {
 }
 
 div.date {
- float: left;
  background-color: #cccccc;
  text-align: center;
  text-transform: uppercase;
  font-family: Arial;
  padding: 4px;
- margin-right: 4px;
  width: 3em;
- height: 3.5em;
+ position: absolute;
+ left: 0;
 }
 
 div.title {
- padding-top: 4px;
- width: 28em;
- min-height: 3.5em;
- letter-spacing: -1px;
- font-style: "Trebuchet MS", Tahoma, Arial;
- line-height: 100%;
+ height: 3.65em;
+ font-size: 110%;
+ padding-top: 0.1em;
 }
 
 h1 {
@@ -33,6 +31,12 @@ h1 {
  font-family: Arial;
 }
 
+h2 {
+ text-align: center;
+ font-family: Arial;
+ margin: 0;
+}
+
 div.cleardiv {
  clear: both;
 }