[CSS STRUCTURE FOR ZARABYTE]

[CSS STRUCTURE FOR ZARABYTE]
/*
      Created by Keith Donegan of Code-Sucks.com

      E-Mail: Keithdonegan@gmail.com

      You can do whatever you want with these layouts,
      but it would be greatly appreciated if you gave a link
      back to http://www.code-sucks.com

*/

* { padding: 0; margin: 0; }

a {
    color: #CCC;
        text-decoration: none;
}

a:hover {
    color: #FF0000;
}
h1 {
        color: #CCC;
    font-size: 10px;
    margin-bottom: 4px;

}
h2 {
        color: #CCC;
    font-size: 10px;
    margin-top: 60px;
        margin-left: 400px;
}
h3 {
        color: #CCC;
    font-size: 24px;
    margin-bottom: 4px;
        margin-left: 560px;
}
body {
 background: #2e2e2e;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper {
 margin: 0 auto;
 width: 922px;
}
#header {
 color: #333;
 width: 810px;
 float: left;
 padding: 10px;
 border: 1px solid #000;
 height: 100px;
 margin: 10px 0px 5px 0px;
 background: url(images/header.gif);

}
#navigation {
 float: left;
 width: 820px;
 color: #333;
 padding: 5px;
 height: 12px;
 border: 1px solid #000;
 margin: 0px 0px 5px 0px;
 background: url(images/nav.gif);
}
#nav_left {
 background: url(images/bg.gif) repeat-x;
 color: #CCC;
 font-size: 10px;
 border: 1px solid #000;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 250px;
 width: 150px;
 float: left;
}
#content {
 float: left;
 color: #333;
 border: 1px solid #000;
 background: url(images/container.gif) repeat-x;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 750px;
 width: 456px;
 display: inline;
}
#nav_right {
 background: url(images/bg.gif) repeat-x;
 color: #CCC;
 border: 1px solid #000;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 250px;
 width: 150px;
 float: left;
}
#footer {
 width: 910px;
 clear: both;
 color: #333;
 border: 1px solid #000;
 background: url(images/nav.gif);
 margin: 0px 0px 10px 0px;
 padding: 5px;
}