Header problem

[x_heavenly_x]

Journal Preview: x_heavenly_x
Style Name: Smooth Sailing
Account Type: Plus

Problem/Question: I have never worked with any 'smooth sailing' layouts before, I am trying to add this header to my LJ but i can't really seem to understand where and what type of code i need to put in...It would be great if anyone here could help me!


/* Cleaned CSS: */
/*---------------------------------------------------
STYLESHEET CREATOR: aerfly.livejournal.com
STYLESHEET NAME: Divine
S2 STYLE: Smooth Sailing

This base stylesheet was created by scythe at thrashmetal.livejournal.com. Feel free to use it, abuse it, and twist it into your own creation.
-----------------------------------------------------*/

body {
background:#746a62 url('') repeat scroll 0 0;
margin:0;
padding-top:0px !important
}
a, a:visited {
color:#e9cb55;
letter-spacing:0;
text-decoration:none;
}
a:hover {
color:#e9cf73;
}
img {
max-width: 400px;
}
ul {
}
li {
}
blockquote {
background:transparent none repeat scroll 0 0;
border: 7px solid #eee;
line-height:17px;
padding: 10px;
font-family: times, sans-serif;
font-style:italic;
}
textarea, select {
color: #666;
text-align:center;
font-family:calibri, sans-serif;
font-size:11px;
}
input {
color: #5792AF;
text-align:center;
font-family:georgia;
background:#000;
}

/* -------------------------------------------- JOURNAL STRUCTURE -----------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/

.pageblock {
position:absolute;
width:100%;
}
.header-title {
background:#F2F2F2 none repeat scroll 0 0;
display:none;
}
.header-subtitle {
background:#D2D2D2 none repeat scroll 0 0;
display:none;
}
.header-icon {
}
.pageheaderblock {
margin:0 auto;
text-align:center;
}
.pagefooterblock {
background:#C2C2C2 none repeat scroll 0 0;
display: none;
}
.pagefooterblock a, .pagefooterblock a:visited {
}
.bodynavblock {
}
.bodynavblock a, .bodynavblock a:visited {
}
.bodyheaderblock {
}
.body-title {
background:#B2B2B2 none repeat scroll 0 0;
display:none;
}
.entryHolder {
background:#000 none repeat scroll 0 0;
color:#ffe3b9;
font-size:11px;
margin-bottom:20px;
width:600px;

}

/* -------------------------------------------- ENTRY ----------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/

.entryUserinfo {
text-align:center;

}
.entryUserinfo-username img[src*="userinfo.gif"], .entryUserinfo-username img[src*="community.gif"], .entryUserinfo-username img[src*="partnercomm.gif"], .entryUserinfo-username img[src*="newsinfo.gif"], .entryUserinfo-username img[src*="syndicated.gif"] {
display:none;
}
.entryUserinfo-username {
background:transparent;
text-align:center;
padding:2px;
}
.entryUserinfo-username .ljuser a b {
font-weight:normal;
font-family:arial;
font-size:10px;
text-align:center;
color:#aaa;
}
.entryUserinfo-username .ljuser a:hover b {
font-weight:normal;
font-family:arial;
font-size:11px;
text-align:center;
}
.entryUserinfo-usericon img {
background:#e9cb55 none repeat scroll 0 0;
padding:20px;
border:0;
}
.entryUserinfo-usericon img:hover {
}

.entryText {
color:#6F6F6F;
font-family:verdana, arial, sans-serif;
font-size:11px;
text-align:justify;
padding:20px;
background:#fff none repeat scroll 0 0;
line-height: 22px;

}

/* ---- SUBJECT/DATE BAR ---- */

.entryHeader {
font-size:0px;
font-weight:normal;
padding:10px 0 5px 10px;
text-align:left;
padding-left:15px;
background:#000 none repeat scroll 0 0;
text-align:center;
}
.entryHeader a { /* Only affects the subject permalink */
}
.entryHeader a:hover { /* Only affects the subject permalink */
text-decoration:none;
}
.entryHeaderSubject { /* Styles JUST the subject, EXCLUDES date */
font-style:normal;
font-weight:normal;
font-family: courier new, sans-serif;
font-size: 0px;
text-transform: uppercase;
}
.entryHeaderSubject a, .entryHeaderSubject a:visited {
font-style:normal;
font-weight:normal;
font-size: 11px;
text-transform: uppercase;
padding-right: 5px;
}
.entryHeaderSubject a:hover {
}
.entryHeaderDate { font-size: 8px;
margin-right: 5px; /* readds the space between the date and the subject */
padding:8px 8px 0px 8px;
text-align:center;
background:transparent none repeat scroll 0 0;
display:inline;
color:#666;
font-family:courier new, sans-serif;
text-transform:uppercase;
letter-spacing:1px;
}
.entryHeaderTags { /* Only applicable if you set Display >> Entry Tags Position to "After subject text in subjectbar". */
display:block;
}
.entryHeaderTags a {
}

/* ---- METADATA ---- */

.entryMetadata {
font-size:11px;
text-transform: lowercase;
background:#fff none repeat scroll 0 0;
padding:20px;
font-family:arial, sans-serif;
color:#777;
border-top:1px solid #ddd;
}
.entryMetadata a, .entryMetadata a:visited {
}
.entryMetadata a:hover {
text-decoration:none;
}
.entryMetadata ul {
margin:0;
padding:0;
}
.entryMetadata li {
list-style-type:none;
}
.entryMetadata-label {
font-weight:bold;
padding-right:4px;
text-transform:lowercase;
color:#666;
font-family:arial, sans-serif;
}
.entryMetadata img {
margin: 0 0 0 5px;
vertical-align: middle;
}

/* ---- COMMENT LINKBAR --- */

.entryLinkbar {
font-size:10px;
text-align:right;
font-family:georgia, sans-serif;
padding:5px;
text-transform:lowercase;
background:#000 none repeat scroll 0 0;
}
.entryLinkbar a {
color:#D5BFAF;
}
.entryLinkbar a:hover {
color:#DFCFC3;
}
.entryLinkbar ul {
margin:0;
}
.entryLinkbar li {
display:inline;
margin:0;
padding:0 5px;
}
.entryLinkbar a[href*="subscriptions"] {
display:none;
}
.entryLinkbar a[href*="tellafriend"] {
display:none;
}

/* -----------------------------------------ARCHIVE CALENDARS ---------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/

.month {
width:500px;
}
.daysubjects {
}
.daytitles {
background:#D2D2D2 none repeat scroll 0 0;
border:1px solid white;
}
.day-blank {
}
.day {
background:#F2F2F2 none repeat scroll 0 0;
border:1px solid white;
}
.day-date {
color:#878787;
}
.day-count {
float:right;
font-size:20px;
text-align:center;
width:50%;
}
.day-count a {
color:#959595;
}

/* -------------------------------------------- SIDEBAR --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/

.sidebar {
background:#fff none repeat scroll 0 0;
position: absolute;
height:140px;
width:600px;
top: 34px;
padding:10px 0 10px 0;
}
.sidebar a, .sidebar a:visited {
}
.sidebar a:hover {
}
.sidebox {
}
.sideboxTitle {
display:none;
}
.sideboxContent {
}

/* PROFILE BOX */
.sidebox #profile {
}
.profile-label {
display:none;
}
.profile-content {
display:none;
}
.profile-userpic {
float:left;
border:2px solid #ddd;
padding:3px;
margin:15px;
}

/* SEARCH BOX */
.sidebox #search {
}

/* TAGS BOX */
.sidebox #tags_sidebox {
}

/* PAGE SUMMARY */
.sidebox #summary{
}
.summaryList {
}

/* LATEST MONTH */
.sidebox #latestmonth {
}
.latestmonth-inactive {
}
.latestmonth-active {
}
.sidebox #latestmonth table {
}

/* LINKS LIST */
.sidebox #systemlinks {
font-family: courier new, sans-serif;
font-size:11px;
text-transform:uppercase;
text-align:right;
padding:5px 20px 5px 20px;
}
.sidebox #systemlinks a:link, .sidebox #systemlinks a:visited {
margin-left:15px;
padding-left:5px;
border-left:0px solid #ddd;
}
.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
}
.listitem {
display:inline;
}
.listspacer {
}
.listtitle {
}

/* FREETEXT: Just add .sidebox#freetext3, .sidebox#freetext4 and so on if you want to customize each of the boxes.
Just ignore or delete these selectors if you don't want to individually style each one.*/
.sidebox #freetext {
font-family:verdana;
color:#8B949F;
text-align:justify;
font-size:10px;
padding:10px;
}
.sidebox#freetext2 {
}
.sidebox#freetext_private {
}
.bodyblock {
width:600px;
margin: 0 auto;
padding-top:175px;
}

/* -------------------------------------------- HEADER MENU --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/

.headerimage {
position: relative;
background: transparent url(http://i273.photobucket.com/albums/jj210/4romheaven/Banners/111.png) no-repeat scroll 50% 50%;
width: 600px;
height: 240px;
margin: 0 auto; }

.header-menu {
padding:10px 0 10px 0;
margin:0 auto;
text-align:center;
background:#000 none repeat scroll 0 0;
width:600px;
}
.header-menu a, .header-menu a:visited {
margin-right:8px;
font-family: arial, sans-serif;
font-weight:normal;
text-transform:lowercase;
font-size:11px;
}
.header-menu a:hover {
}
.header-menu ul {
margin:0 auto;
padding:0;
}
.header-menu li {
display:inline;
}

/* -------------------------------------------- FOOTER MENU --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/

#footer-menu {
background:#000 none repeat scroll 0 0;
text-align:right;
padding:10px;
text-transform:lowercase;
}
#footer-menu a, .footer-menu a:visited {
padding:5px;
font-size:11px;
font-family:arial;
}
#footer-menu a:hover {
}
#footer-menu ul {
margin:0 auto;
padding:0;
}
#footer-menu li {
display:inline;
}

/* -------------------------------------------- TAGS PAGE --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/

.tagstable, .tagstable td { /* Styles the tags table */
border:0 none;
}
.taglist { /* Styles the tags list */
}

/* -------------------------------------------- LJ USER LINKS --------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/

.ljuser a b {
font-weight:normal;
}
.ljuser a:hover b {
font-weight:normal;
}

span.ljuser img, .ljuser img {
display: none;
}

/* CUSTOMIZED USER ICONS
To add in your own , replace the URL and adjust the numbers under the padding property.*/

img[src*="icon_protected.gif"] {
background-image:url(http://i49.tinypic.com/2dky17b.jpg) !important;
background-repeat:no-repeat !important;
height:0;
padding:12px 20px 0 0 !important;
width:0;
}
img[src*="icon_groups.gif"] {
background-image:url(http://i49.tinypic.com/2dky17b.jpg) !important;
background-repeat:no-repeat;
height:0;
padding:12px 20px 0 0 !important;
width:0;
}
img[src*="icon_private.gif"] {
background-image:url(http://i48.tinypic.com/245kfeq.jpg) !important;
background-repeat:no-repeat;
height:0;
padding:12px 20px 0 0 !important;
width:0;
}

/* -------------------------------------------- MISC --------------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/

#lj_controlstrip{
display: none;
}
b {
color:#45494F;
font-weight:normal;
}
i {
color:#45494F;
}
li {
list-style-type:square;
}