Layout #2

[allwashedout]

Comments

[allwashedout]

Okay, this should work, I think. You'll have to replace the .pageblock part (under BASICS) and the whole HEADER section in your CSS. After that paste your header's url under .pageblock to "background-image". Add 30 to your header pic's height (in pixels) than paste the number under .pageheaderblock to "padding-top".

.pageblock{
margin-top: 30px;
background-image: url('YOURHEADERSURL');
background-repeat: no-repeat;
background-position: top center;
}

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

.pageheaderblock {
padding-top: 0px;
margin: 30px 30px 0 30px;
text-align: left;
border-bottom: 8px solid #282828;
background-color: transparent;
}

.header-title, .header-subtitle, .header-icon {
display: none;
}

.header-menu {
margin: 0px;
padding: 0px;
text-align: center;
background-color: #282828;
border-top: 8px solid #282828;
border-left: 8px solid #282828;
border-right: 8px solid #282828;
}

.header-menu ul {
padding: 7px 0 7px 0;
margin: 0px;
border: 1px dashed #545454;
}

.header-menu li {
display: inline;
background-color: transparent;
}

.header-menu a, .header-menu a:visited {
padding: 7px 17px 7px 17px;
color: #949494 !important;
text-decoration: none;
font-family: "Arial", sans-serif;
font-size: 14px;
font-weight: normal;
text-transform: lowercase;
}

.header-menu a:hover {
color: #b0b0b0;
}