Clutch Control

Designer's Comments

Look carefully for specific instructions

please leave credit to my band for this layout because we spent forever trying to make the header and the stuff thats with it. well hope you like it and give it a try.

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<link rel="icon" href="http://www.clutchcontrol.5u.com/favicon.ico" type="image/x-icon"/> 
<link rel="shortcut icon" href="http://www.clutchcontrol.5u.com/favicon.ico" type="image/x-icon"/> 
<title>Clutch Control | Home</title>
<style type="text/css">
body {
padding:0;
margin:0 auto;
color:#bba086;  
background-color:#bba086;
text-align:justify;
font-family: "Verdana";
font-size:8.5pt;
}

#container{
width:694px;
margin:0 auto;
padding:5px;
background: #bba086;}

#header{
width:694px;
height:261px;
margin:0 auto;
padding:0;
background: #bba086 url('http://cbimg6.com/layouts/08/02/02/25130aa.jpg') repeat-y;}

#main{
width:694px;
padding:2px 0px 0px 0px;
margin:0 auto;
background-color:#bba086;
}

#thestuff { 	
margin:0 0 0 6px;
width:73%;
float:right;
padding:0;
text-align:left;
vertical-align: middle;	
background-color:#bba086;
}

#side {
float:left;
width:25%;
background-color:#bba086;
text-align:left;
}

#footer {
clear:both;
margin:0 auto;
text-align:center;
color:#000;
width:694px;
height:15px;
background:#ddd;
}

h1{
color:#65706A;
font:12pt 'Verdana';
background-color:#E2EBF4;
margin:0 0 0px;
text-align:center;
padding:0px;
border: 1px solid #668CB5;
}

h2{
color:#65706A;
font:8pt 'Verdana';
background-color:#FFFFFF;
margin:0 0 5px;
text-align:center;
padding:0px;
border-right: 1px solid #668CB5;
border-left: 1px solid #668CB5;
border-bottom: 1px solid #668CB5;
}

h3{
color:#65706A;
font:9pt 'Verdana';
background-color:#E2EBF4;
margin:0 0 0px;
text-align:left;
padding:0px;
border-top: 1px solid #668CB5;
border-right: 1px solid #668CB5;
border-left: 5px solid #668CB5;
border-bottom: 1px solid #668CB5;
}

h4{
color:#65706A;
font:7pt 'Verdana';
background-color:#FFFFFF;
margin:0 0 5px;
text-align:left;
padding:0px;
border-right: 1px solid #668CB5;
border-left: 1px solid #668CB5;
border-bottom: 1px solid #668CB5;
}

h5{
color:#65706A;
font:12pt 'Verdana';
background-color:#E2EBF4;
margin:0 0 5px;
text-align:center;
padding:0px;
border: 1px solid #668CB5;
}

b{
color:#717171;
}

u{
color:#999999;
}

i{
color:#35608E;
}

a{
color:#6e6e6e;
}

a:hover{
color:#35608E;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
</div>

<h3>Navigation</h3>
<h4>
<a href="http://www.clutchcontrol.5u.com/index.html">Home</a><br>
<a href="http://www.clutchcontrol.5u.com/band.html">The Band</a><br>
<a href="http://www.clutchcontrol.5u.com/songs.html">Songs</a><br>
<a href="http://www.clutchcontrol.5u.com/thanks.html">Our Thanks</a><br>
<a href="http://www.clutchcontrol.5u.com/contact.html">Contact</a><br>
<a href="http://www.clutchcontrol.5u.com/mail.html">Mailing List</a><br>
<a href="http://www.clutchcontrol.5u.com/site.html">Site Map</a><br>
</h4>
<h3>News!!!</h3>
<h4>
<font color="#333333">02.01.08 New Website up now!!<br>
01.31.08 New CD coming soon!<br>
</h4>
</div>

<div id="thestuff">
<h1>About Us</h1>
<h2>
Clutch Control started out as Chase and Nathan jamming together in Nathan's basement. As the days went on they figured that they would want other people to jam out with them...<a href="http://www.clutchcontrol.5u.com/band.html">[more]</a>
</h2>

</center>
</div>
</div>
<div id="footer">
© 2008 <a href="http://www.myspace.com/clutchcontrolband">Clutch Control</a> All Pictures, Lyrics and Songs © Clutch Control.
</div>
</div>
</body>
</html>