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

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.

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

Post a comment in response: