/* draft for ground zero css document */

/* basic elements */
/* purpose of the html category??? */
body {
font: 12pt "gill sans", verdana, "times new roman", arial, serif;
color: black;
background-color: black;
text-align: center; /* allows all div centered in ie5 */
}

p {text-align: left;
margin-left: 20px;
margin-right: 20px;
margin-top: 12px;
margin-bottom: 12px;
font: 10pt "gill sans", verdana, "times new roman", arial, serif;
}

p.para:first-letter {
font-size: 180%;
float: left;
}

/* change to p references? fix double spacing */
/* links under newspaper header and smaller headers on site */
p.head1 {
font: bold 16pt "gill sans", verdana, "times new roman", arial, serif;
text-align: center;
}

/* newspaper header */
p.head2 {
font: bold 24pt "gill sans", verdana, "times new roman", arial, serif;
text-align: center;
}

/* date */
p.date {
font: 12pt "gill sans", verdana, "times new roman", arial, serif;
text-align: right;
}

/* big black with white header */
p.head3 {
font: 18pt "gill sans", verdana, "times new roman", arial, serif;
color: blanchedalmond;
background-color: black;
text-align: center;
}

/* small black with white header */
p.head4 {
font: 14pt "gill sans", verdana, "times new roman", arial, serif;
color: blanchedalmond;
background-color: black;
text-align: center;
}

/* float left */
p.floatleft {
font: bold 21pt "gill sans", verdana, "times new roman", arial, serif;
text-align: center;
float: left;
}

hr {
background-color: black;
size: 2px;
width: 550px;
border-style: solid;
}

a:link, a:active, a:visited {
text-decoration:none;
color: black;
}


/* specific div */

#page { /* contains all below */
width: 800px;
height: 1000px;
margin-right: auto;
margin-left: auto;
background-color: black;
}

#banner {
position: relative; /* should make it stand on its own */
width: 800px;
height: 200px;
margin-bottom: 10px;
background-color: black;
background-image: url(banner.jpg);
/* eliminating attachment and position puts it in the right place */
background-repeat: no-repeat;
}

#navbar {
position: relative;
width: 195px;
height: 750px;
margin-right: 5px;
background-color: beige;
float: left;
}

/* remember to find still bg code */
#mainspace {
position: relative;
width: 595px;
height: *px;
margin-left: 5px;
background-color: beige;
background-image: url(crumpledpaper.jpg);
background-attachment: fixed;  /* may have to take this out??? */
text-align: center;
float: left;
}

#copyright {
position: relative; /* should make it stand on its own */
width: 800px;
height: 50px;
margin-top: 10px;
background-color: black;
color: white;
clear: left; /* makes sure it is not connected to the columns */
}