Adding a header - SOLVED!

[yffie]

I have tried to find the answer to my question, but haven't been able to find it, so here it goes;

I want to add a header to my layout. With all the tips I've gotten or found on this sit, I get the header to appear, but the topbar stays on top of it. I would like the topbar to go underneath the header, of course, but can't seem to figure it out.

Hope my question makes sense. This is my layout code (found at thrashmetal)

body {
background:#D1D1D1 none repeat scroll 0 0;
color:#8E8E8E;
font-family:helvetica,arial,sans-serif;
font-size:11px;
margin:0;
}
.pageblock {
margin:0 auto;
position:absolute;
width:100%;
}
a, a:visited {
color:#E3901B;
letter-spacing:0;
text-decoration:none;
}
a:hover {
color:#0091BD;
}
a img {
border:medium none;
}
ul {
list-style-type:square;
}
blockquote {
border:1px solid #D1D1D1;
color:#B3B3B3;
font-family:arial;
font-size:11px;
letter-spacing:0;
line-height:21px;
padding:8px;
}
blockquote b {
}
.header-title {
background-color:#3D5D2E;
color:#F6F6BB;
display:none;
font-size:30px;
padding:0 20px;
}
.header-subtitle {
display:none;
}
.header-icon {
border-bottom:2px solid #F6F6BB;
border-left:2px solid #F6F6BB;
position:absolute;
right:0;
top:0;
z-index:1;
}
.pageheaderblock {
text-align:center;
width:100%;
}
.pagefooterblock {
display:none;
}
.pagefooterblock a, .pagefooterblock a:visited {
color:#E92E20;
}
.bodyblock {
margin:0 auto;
padding-top:147px;
width:700px;
}
.bodyheaderblock {
display:none;
padding:6px 0;
}
.bodynavblock {
color:#AEAEAE;
margin:16px;
padding:0;
}
.bodynavblock a, .bodynavblock a:visited {
color:#4B1721;
}
.body-title {
display:none;
}
.body-midtitle {
display:none;
}
.entryHolder {
background:#EDEDED none repeat scroll 0 0;
color:#4F4F4F;
font-size:11px;
margin-top:1px;
}
.entryUserinfo {
border-bottom:1px solid #D1D1D1;
border-right:1px solid #D1D1D1;
margin-right:-1px;
}
.entryUserinfo-username {
background:transparent none repeat scroll 0 0;
font-size:11px;
line-height:18px;
margin-left:8px;
margin-right:5px;
margin-top:5px;
position:absolute;
text-align:left;
z-index:300;
}
.entryUserinfo-username .ljuser a b {
background:transparent none repeat scroll 0 0;
color:#00D494;
font-size:15px;
letter-spacing:0;
text-decoration:none !important;
}
.entryUserinfo-usericon img {
border:20px solid #F3F3F3;
opacity:0.5;
}
.entryUserinfo-usericon img:hover {
border:20px solid #F3F3F3;
opacity:1;
}
.entryText {
background:#EDEDED none repeat scroll 0 0;
border-left:1px solid #D1D1D1;
color:#8E8E8E;
font-size:11px;
line-height:21px;
min-height:130px;
padding:19px;
text-align:justify;
}
.entryHeader {
background:#F3F3F3 none repeat scroll 0 0;
border-bottom:1px solid #D1D1D1;
font-size:0;
line-height:18px;
padding:24px 15px 5px;
text-align:left;
}
.entryHeaderDate {
color:#DEDEDE;
display:block;
font-size:47px;
letter-spacing:-4px;
position:relative;
text-transform:lowercase;
z-index:0;
}
.entryHeader a {
color:#8E8E8E;
font-size:28px;
font-weight:normal;
letter-spacing:-1px;
position:relative;
text-transform:lowercase;
z-index:10;
}
.entryHeader a:hover {
}
.entryHeaderSubject {
padding-left:21px;
position:relative;
z-index:30;
}
.entryMetadata {
background:#EDEDED none repeat scroll 0 0;
border-left:1px solid #D1D1D1;
color:#AEAEAE;
margin-bottom:0;
padding:0 40px 17px;
}
.entryMetadata a, .entryMetadata a:visited {
color:#8E8E8E;
font-size:9px;
text-transform:lowercase;
}
.entryMetadata a:hover {
border-bottom:0 none;
text-decoration:none;
}
.entryMetadata ul {
margin:0;
padding:0;
}
.entryMetadata li {
display:block;
font-size:9px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-right:10px;
}
.entryMetadata-label {
font-size:10px;
font-weight:bold;
padding-right:4px;
text-transform:uppercase;
}
.entryLinkbar {
background:transparent none repeat scroll 0 0;
border-top:1px solid #D1D1D1;
margin-top:0;
padding:1px 0;
text-align:right;
text-transform:lowercase;
}
.entryLinkbar a {
background:transparent none repeat scroll 0 0;
border:medium none;
color:#AEAEAE;
font-size:13px;
font-weight:normal;
letter-spacing:0;
padding:0;
}
.entryLinkbar a:hover {
color:#4F4F4F;
text-decoration:none;
}
.entryLinkbar ul {
margin:3px 0;
padding:0;
}
.entryLinkbar li {
border-left:1px solid #D1D1D1;
display:inline;
margin:0;
padding:6px 12px;
}
.entryLinkbar li:hover {
background:#F3F3F3 none repeat scroll 0 0;
padding:6px 12px 5px;
}
.commentHolder {
background:#EDEDED none repeat scroll 0 0;
border-left:0 none;
margin:19px 0 0;
}
.commentUserinfo {
font-size:0;
margin-right:10px;
text-align:center;
}
.commentUserinfo .ljuser a b {
font-size:15px;
}
.commentUserinfo-usericon img {
background:#F3F3F3 none repeat scroll 0 0;
border-bottom:1px solid #D1D1D1;
border-right:1px solid #D1D1D1;
opacity:0.5;
padding:20px;
}
.commentUserinfo-usericon img:hover {
opacity:1;
}
.commentText {
background:transparent none repeat scroll 0 0;
color:#4F4F4F;
font-family:arial;
font-size:11px;
line-height:20px;
padding:10px 13px 0 4px;
text-align:justify;
}
.commentHeader {
background:#F3F3F3 none repeat scroll 0 0;
border-bottom:1px solid #D1D1D1;
color:#DEDEDE;
font-size:32px;
letter-spacing:-4px;
line-height:18px;
padding:24px 15px 14px;
text-align:left;
text-transform:lowercase;
}
.commentHeaderSubject {
color:#8E8E8E;
font-size:23px;
font-weight:normal;
letter-spacing:-1px;
position:relative;
text-transform:lowercase;
z-index:10;
}
.commentHeaderScreened {
color:#4F4F4F;
font-family:georgia;
font-size:17px;
letter-spacing:2px;
padding-left:10px;
padding-top:10px;
text-align:left;
text-transform:lowercase;
}
.commentLinkbar {
background:#EDEDED none repeat scroll 0 0;
border-top:1px solid #D1D1D1;
color:#878787;
font-size:11px;
padding:1px 12px 5px;
text-align:right;
}
.commentLinkbar ul {
margin:0;
padding:0;
}
.commentLinkbar li {
border-left:1px solid #D1D1D1;
color:#4F4F4F;
display:inline;
margin:0;
padding:6px 12px;
}
.commentLinkbar li:hover {
background:#F3F3F3 none repeat scroll 0 0;
}
.commentLinkbar a:hover {
color:#4F4F4F;
text-decoration:none;
}
.commentLinkbar a {
background:transparent none repeat scroll 0 0;
color:#AEAEAE;
font-size:13px;
font-weight:normal;
letter-spacing:0;
padding:0;
text-transform:lowercase;
}
.replyform {
color:#4F4F4F;
line-height:16px;
padding:20px;
}
.yearlinks {
text-align:right;
}
.yearlink {
padding-left:4px;
padding-right:4px;
}
.month {
background:transparent none repeat scroll 0 0;
margin:10px auto;
padding:6px 0 12px;
}
.daysubjects {
color:#434343;
padding:8px 8px 8px 40px;
}
.daytitles {
background:#F3F3F3 none repeat scroll 0 0;
border:1px solid #EDEDED;
color:#8E8E8E;
font-size:17px;
letter-spacing:0;
text-align:center;
text-transform:lowercase;
}
.day {
background:#F3F3F3 none repeat scroll 0 0;
border:1px solid #EDEDED;
margin-bottom:0;
padding:3px;
width:80px;
}
.day-date {
color:#8E8E8E;
margin:2px;
}
.day-count {
float:right;
font-size:20px;
text-align:center;
width:50%;
}
.day-count a {
color:#0091BD;
font-size:21px;
font-weight:normal;
padding:3px;
text-decoration:none;
}
.sidebar {
background:#F3F3F3 none repeat scroll 0 0;
border-left:medium none;
font-family:arial;
font-size:11px;
height:136px;
line-height:19px;
padding-left:0;
position:absolute;
text-align:center;
top:0;
width:700px;
}
.sidebox {
color:#000000;
margin-bottom:0;
margin-right:auto;
margin-top:0;
padding:8px 13px 5px;
text-align:justify;
}
.sideboxTitle {
color:#E3901B;
font-family:helvetica,arial,sans-serif;
font-size:24px;
letter-spacing:-2px;
line-height:10px;
margin-bottom:6px;
margin-left:10px;
padding:0;
text-transform:lowercase;
}
.sideboxContent {
background:transparent none repeat scroll 0 0;
color:#8E8E8E;
display:inline;
font-family:helvetica;
font-size:9px;
line-height:16px;
margin-left:3px;
text-align:justify;
}
.sidebox #freetext2 {
}
.sidebox #freetext2 a, .sidebox #freetext2 a:visited {
font-family:georgia;
font-size:14px;
margin-right:5px;
}
.sidebox #freetext2 a:hover {
color:#8B8660;
}
.sidebox #latestmonth, .sidebox #search {
text-align:center;
}
.sidebox #profile {
border-left:1px solid #D1D1D1;
float:right;
margin:-8px 4px 3px 13px;
padding:17px 2px 19px 18px;
}
.sidebox #profile img {
opacity:0.5;
}
.sidebox #profile img:hover {
opacity:1;
}
.profile-label {
display:none;
}
.profile-content {
display:none;
}
.sidebox #tags_sidebox {
text-align:center;
}
.sidebox #systemlinks {
font-size:12px;
line-height:normal;
margin-bottom:0;
padding:0;
top:0;
}
.sidebox #systemlinks a:link, .sidebox #systemlinks a:active, .sidebox #systemlinks a:visited {
background:transparent url(http://irondevil.org/icon/categories/graphicpush/external.gif) no-repeat scroll 0 1px;
border:medium none;
color:#0091BD;
font-size:11px;
letter-spacing:1px;
margin-right:7px;
padding-left:12px;
text-transform:lowercase;
}
.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
color:#8E8E8E;
text-decoration:none;
}
.listitem {
display:inline;
}
.listspacer {
height:1px;
}
.sidebox #latestmonth table {
margin-left:auto;
margin-right:auto;
margin-top:4px;
width:90%;
}
.listtitle {
display:none;
}
.profile-label {
display:none;
font-weight:bold;
}
.header-menu {
background:#F3F3F3 none repeat scroll 0 0;
margin:0 auto;
padding:6px 0;
position:relative;
text-align:right;
top:137px;
width:700px;
}
.header-menu a, .header-menu a:visited {
border:medium none;
color:#E3901B;
font-family:helvetica,arial,sans-serif;
font-size:16px;
font-weight:normal;
letter-spacing:1px;
margin-right:8px;
text-align:left;
text-decoration:none;
text-transform:lowercase;
white-space:nowrap;
}
.header-menu a:hover {
color:#AEAEAE;
}
#footer-menu {
font-size:11px;
margin-bottom:10px;
margin-left:0;
margin-top:11px;
padding:0 0 10px;
text-align:left;
}
#footer-menu a, .footer-menu a:visited {
background:transparent none repeat scroll 0 0;
color:#E9E9E9;
font-family:georgia;
font-size:14px;
margin-right:8px;
text-align:left;
text-transform:lowercase;
white-space:nowrap;
}
#footer-menu a:hover {
text-decoration:none;
}
.header-menu ul {
margin:0;
padding:0;
}
.header-menu li {
background:#EDEDED none repeat scroll 0 0;
border-left:1px solid #D1D1D1;
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:11px 0 8px 10px;
}
.header-menu li:hover {
background:#F3F3F3 none repeat scroll 0 0;
padding:11px 0 8px 10px;
}
#footer-menu ul {
margin:0;
padding:0;
}
#footer-menu li {
display:inline;
list-style-type:none;
}
.tagstable, .tagstable td {
border:0 none;
}
.tagstable {
width:500px;
}
.taglist {
padding-bottom:10px;
}
textarea, input, select {
background:#F5F5F5 none repeat scroll 0 0;
border:0 none;
color:#6C6C6C;
font-family:courier new;
font-size:12px;
line-height:normal;
margin:2px;
padding:5px;
}
.ljuser a b {
background:transparent none repeat scroll 0 0;
color:#00D494;
letter-spacing:0;
text-decoration:none !important;
}
.ljuser a:hover b {
background:transparent none repeat scroll 0 0;
border-bottom:0 none;
text-decoration:none !important;
}
img[src*="userinfo.gif"] { height:0; width:0; } img[src*="openid-profile.gif"] { height:0; width:0; } img[src*="anonymous.gif"] { height:0; width:0; } img[src*="community.gif"] { height:0; width:0; } img[src*="partnercomm.gif"] { height:0; width:0; } img[src*="newsinfo.gif"] { height:0; width:0; } img[src*="syndicated.gif"] { height:0; width:0; }

img[src*="icon_protected.gif"] {
background-image:url(http://irondevil.org/icon/categories/fugue/lock.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:16px 18px 0 0 !important;
width:0;
}
img[src*="icon_groups.gif"] {
background-image:url(http://irondevil.org/icon/categories/fugue/lock.png) !important;
background-repeat:no-repeat;
height:0;
padding:16px 15px 0 0 !important;
width:0;
}
img[src*="icon_private.gif"] {
background-image:url(http://irondevil.org/icon/categories/fugue/key.png) !important;
background-repeat:no-repeat;
height:0;
padding:16px 18px 0 0 !important;
width:0;
}
div.ContextualPopup img {
border:0 none;
}
div.ContextualPopup div.Inner {
background-color:#F7F7F7 !important;
border:1px solid #D1D1D1 !important;
color:#6C6C6C !important;
font-family:helvetica;
padding:3px;
width:20em;
}
div.ContextualPopup .Content {
line-height:1.4;
margin-right:50px;
padding:2px 4px 6px;
}
div.ContextualPopup .Relation {
font-weight:normal !important;
font-size:18px;
text-transform:lowercase;
letter-spacing:-1px;
color:#0091BD;
}
div.ContextualPopup .Content .OnlineStatus {
font-weight:bold;
}
div.ContextualPopup .Userpic {
padding:8px 8px 0 0;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color:#E3901B !important;
font-weight:normal;
text-decoration:none !important;
}
#lj_controlstrip {
background:#D1D1D1 none repeat scroll 0 0 !important;
opacity:0.5;
}
#lj_controlstrip td {
border-bottom:medium none;
color:#515151;
}
#lj_controlstrip_statustext {
color:#858585;
}
#lj_controlstrip a {
color:#8E8E8E;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
border-right:0 none;
}
#lj_controlstrip_login td {
border-bottom:0 none;
}
#lj_controlstrip td td {
border-bottom:0 none;
}
#lj_controlstrip_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptd4dce8000000);
}
#lj_controlstrip_loggedout_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptd4dce8000000);
}
#lj_controlstrip input {
background:#EDEDED none repeat scroll 0 0;
border:0 none !important;
color:#9C9C9C;
}
#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {
background:#EDEDED none repeat scroll 0 0 !important;
border:0 none !important;
}
#lj_controlstrip .ljuser a b {
background:transparent none repeat scroll 0 0;
color:#8E8E8E;
letter-spacing:0;
text-decoration:none !important;
}
.pageheaderblock { background-image: url("http://i143.photobucket.com/albums/r136/Yffie/LiveJournal%20Headers/WentworthMiller700px.png"); background-position: top center; background-repeat: no-repeat; padding-top: 326px; }

My problem is solved!! Thanks though!!!