My First Website Template, ? Options

[funride]

I want to know what you guys think of this.
It's my first time coding a website template and desiging it.
So heres the screen cap:
http://i44.tinypic.com/2nk6y6o.png

And heres the code:

CODE

<style type="text/css">

body{background-color: #f4fee5;
background-image:url(http://funride.org/funridebackground.png);
background-image: repeat;
color: #ffffff;
font-family: century gothic;
font-size: 12px;}

#content{
position: absolute;
overflow: hidden;
top: 370px;
left: 28px;
width: 280px}

h1{
color:FF0000;
font-family: Georgia;
border: 1px solid; border-color: #FFFFFF;
font-size: 30px}

#banner{
position: absolute;
top: 0px;
left: 0px;
width: 301px}

#content h1 { margin-left: 0px;
text-align: left; }
#content p { margin-left: 0px;
width: 300px; }

#conenttwo{
position: absolute;
overflow: hidden;
top: 10px;
left: 550px;
width: 175px}

#conenttwo h1 { margin-left: 350px;
text-align: left; }
#contenttwo p { margin-left: 350px;
width: 300px; }

#conenttwo h1 { margin-left: 0px;
text-align: left; }



</style>

<div id="banner">
<img src="http://funride.org/new funride layout.png">
</div>


<div id="content">
<h1>Header</h1>
<p>AFDLKJASDFL;JASDF;LJSDFL;DJFLDJFSDL;FJDLFJK;FJADL;JL;JF;LNLASDKFJNCL;KJDFL;NC
;KJDFLC;LFJK;LSMFL;KDJFLNCL;KJFLK;CLKJSDFLKSJF;LACIE;QPADF;LAJSDFKH;ASDIFFASO;DF
;LSKFJ;LDSFKJA;IOFU;LDFJ;LFJLD;FJL;DSFKJA;DFLJASDLFKJASDLF;JASDFLKJDF;LDJF;ALDFJ
;DSJFLD;FJD I WANT TO SEE IF THESE WORDS GET CUT OFF, IM PRETTY SURE THERE GONNA BUT I HOPE NOT.</p>

<h1>Header</h1>
<p>AFDLKJASDFL;JASDF;LJSDFL;DJFLDJFSDL;FJDLFJK;FJADL;JL;JF;LNLASDKFJNCL;KJDFL;NC
;KJDFLC;LFJK;LSMFL;KDJFLNCL;KJFLK;CLKJSDFLKSJF;LACIE;QPADF;LAJSDFKH;ASDIFFASO;DF
;LSKFJ;LDSFKJA;IOFU;LDFJ;LFJLD;FJL;DSFKJA;DFLJASDLFKJASDLF;JASDFLKJDF;LDJF;ALDFJ
;DSJFLD;FJD I WANT TO SEE IF THESE WORDS GET CUT OFF, IM PRETTY SURE THERE GONNA BUT I HOPE NOT.</p>

<h1>Header</h1>
<p>AFDLKJASDFL;JASDF;LJSDFL;DJFLDJFSDL;FJDLFJK;FJADL;JL;JF;LNLASDKFJNCL;KJDFL;NC
;KJDFLC;LFJK;LSMFL;KDJFLNCL;KJFLK;CLKJSDFLKSJF;LACIE;QPADF;LAJSDFKH;ASDIFFASO;DF
;LSKFJ;LDSFKJA;IOFU;LDFJ;LFJLD;FJL;DSFKJA;DFLJASDLFKJASDLF;JASDFLKJDF;LDJF;ALDFJ
;DSJFLD;FJD I WANT TO SEE IF THESE WORDS GET CUT OFF, IM PRETTY SURE THERE GONNA BUT I HOPE NOT.</p>

</div>

<div id="conenttwo">
<h1>Heading Here</h1>
<p>Words words words words words. Words words words words words. These are words I want to see if they get cut off? Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words</p>
</div>

[digitalfragrance]

It's a great start! However, I'd try to stay a little more color consistent - the red in the headers stands out and isn't found anywhere in the design. Also, borders are always a good idea. Part of the good points of website design is seamlessly integrating content and design. By using borders, it stands out kind of awkwardly and takes away from the design.

I have a suggestion. On the banner - create a new layer, set it to "lighten" and use some large feathered round brushes with some lighter colors to add some colorful tints and shades. You could then incorporate this into the stylesheet coding with your content.

Overall, great start.

Edit: About submitting it, I would take some of what I suggested into account before submitting it to cB.