1 layout (8 variations); 4 icons: Draco/Luna

[amorphous]

1 Draco/Luna (Harry Potter) Layout (8 choices for header)
4 Draco/Luna icons

preview:

Layout

Subject: Harry Potter
Layout style: Flexible Squares S2
Normal Sized Preview: here.
Image: 8 variations; 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8
Background Image: here & "headers" bg.
Additional Instructions: Set all the background custom colors as "#000000".
Credit: Even if you don't credit me, amorphous for the css and header-ization and icon-ization, credit hinky for the original manip!

No hotlinking! Put the header image on your own server, please!

CSS:
body
{
margin: 0px;
background-color: #000000;
background-image: url('http://i47.photobucket.com/albums/f186/south_of_nowhere/bgbgbg.png') }

#content
{
top-margin: 0px;
background-color: #000000;
padding: 0px;
border-right: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-bottom: 0px;
border-top: 0px;
color: #000000;
font-size: 11px;
width: 700px;
padding-left: 0px;
padding-right: 0px
}

#maincontent
{
background-color: #000000;
padding: 0p
}

#header
{
background-color: #000000;
color: #5B93A4;
font-size: 11px;
font-family: century gothic;
padding: 0px;
border: 0px
}

#footer
{

background-color: #000000;
color: #5B93A4;
font-size: 11px;
font-family: century gothic;
padding: 0px;
margin: 0px;
border: 0px
}

.sidebar
{
background-color: #000000;
border: 0px;
padding-right: 0px
}

.subcontent
{
background-color: #000000;
border: 0px;
padding: 0px;
}

.userpic
{
background-color: #000000;
border: 0px
}
.entry
{
background-color: #000000;
color: #DDDDDD;
font-size: 11px;
font-family: century gothic;
border: 0px;
padding: 0px
}

.entry_text
{
background-color: #000000;
color: #DDDDDD;
font-size: 11px;
font-family: century gothic;
text-align: justify;
border: 0px
}
.title, .subtitle
{
color: #5B93A4;
font-size: 13px;
font-family: century gothic;
}

.sbarbody
{
background-color: #000000;
color: #DDDDDD;
font-size: 11px;
font-family: century gothic
border: 0px}

.sbarbody2
{
background-color: #000000;
color: #DDDDDD;
font-size: 11px;
font-family: century gothic;
border: 0px
}

.datesubject
{
background-color: #000000;
color: #5B93A4;
font-size: 11px;
font-family: century gothic
}

.date
{
background-color: #000000;
color: #DDDDDD;
font-size: 11px;
font-family: century gothic
}

li.sbartitle
{
background-color: #000000;
color: #000000;
font-size: 13px;
font-family: century gothic;
font-weight: normal;
background-image: url('http://i47.photobucket.com/albums/f186/south_of_nowhere/sidebg.png');
height: 25px;
padding-top: 10px;
padding-right: 0px;
margin-right: -6px;
border: 0px
}

ul.sbarlist sbarcontent
{
background-color: #000000;
color: #DDDDDD;
font-size: 11px;
font-family: century gothic
}

ul.navheader li {
padding: 0px 0px 0px 0px;
border: 0px;
}

li.sbaritem
{
background-color: #000000;
color: #DDDDDD;
font-size: 11px;
font-family: century gothic
}

ul.navheader
{
color: #5B93A4;
font-size: 11px;
font-family: century gothic;
padding: 0px
}

.subject
{
background-color: #000000;
color: #000000;
font-size: 13px;
font-family: century gothic;
font-weight: normal;
background-image: url('http://i47.photobucket.com/albums/f186/south_of_nowhere/sidebg.png');
height: 35px;
background-repeat: repeat-x;
margin: -6px
}

.comments
{
background-color: #000000;
color: #DDDDDD;
font-size: 11px;
font-family: century gothic
}

a:hover, div#header a:hover, div#footer a:hover, div#sidebar a:hover, .subject a:hover, div.comments a:hover, .datesubjectcomment a:hover,
{
color: #DDDDDD
}

a, a:link, a:visited, div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited, div#sidebar a, div#sidebar a:link, div#sidebar a:visited, .subject a, .subject a:link, .subject a:visited, div.comments a, div.comments a:link, div.comments a:visited, .datesubjectcomment a:link, .datesubjectcomment a:visited
{
font-decoration: none;
color: #5B93A4
}

.headerimage {
position: relative;
width: 700px; /* Width of the banner, in pixels */
height: 434px; /* Height of the banner, in pixels */
margin-left: auto;
margin-right: auto;
margin-top:0px;
margin-bottom: 0px;
border-top: 0px solid #000000;
border-right: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-bottom: 0px solid;
background-image: url('http://pics.livejournal.com/rarity/pic/0001ey84'); /* Header image URL */
background-repeat: no-repeat;
bottom-padding: 0px;
}

Icons

001.
002.
003.
004.
005.









Rules:
- do not alter/change the icons in any way.
- textless icons are not bases.
- if you want something changed, merely ask me and I'll my best to fullfill the request.
- credit in keywords/comments.
- do not try to pass them off as your own. I will find out and then you will have to deal with my wrath.