Share Your Profile Layouts [Defunct]

lets see if this works .. shall we?

body {
backround-color: #FFFFFF;
backround-image: url
( http://i65.photobucket.com/albums/h207/MyChemicalRomance_PenceyPep/my%20banners%20and%20signs/afrank12.png );
backround-repeat: no-repeat
backround-position: top-center
}

#main {
border-color: #FF0000; border-width: 0px; margin: 40px 0px; 10px 10px; width: 930px;
backround-color: #000000; background-image: url; background-image: url
( http://i65.photobucket.com/albums/h207/MyChemicalRomance_PenceyPep/my%20banners%20and%20signs/frank037.jpg ); background-repeat: repeat-y; background position: bottom left;
}

#info-section {width: 344px;
backround-color: #FFFFFF;

#about-section {width: 525px;
backround-color: #eeeeee;
}

#comment-list p { width: 380px; }

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { color: #C0C0C0; background-color: #000000; }

html body div #options, html body div #options a, html body div #options span a, html body div #options span { color: #ff0000; background-color: #000000; }

#stories { background-color: #000000; font-family: arial;
}

#stories h2 { color: #ff0000; background-color: #000000; text-align: left; font-family: Arial; font-size: 40px; letter-spacing: 2px;
}

#stories li { color: #ffffff; background-color: #000000; text-align: left;
}

#stories li span {color: #C0C0C0;
}

#stories li a {color: #C0C0C0;
}

#stories ul li h3 a { color: #ffffff; }

#journals { background-color: #000000; font-family: arial; }

#journals h2 { color: #ff0000; background-color: #000000; text-align: left; font-family: Arial; font-size: 40px; letter-spacing: 2px; }

#journals li { color: #ffffff; background-color: #000000; text-align: left; }

#journals li span { color: #C0C0C0; }

#journals li a { color: #C0C0C0; }

#journals ul li h3 a { color: #ffffff; }

#poems { background-color: #000000; font-family: arial; }

#poems h2 { color: #ff0000; background-color: #000000; text-align: left; font-family: Arial; font-size: 40px; letter-spacing: 2px; }

#poems li { color: #ffffff; background-color: #000000; text-align: left; }

#poems li span { color: #C0C0C0; }

#poems li a { color: #C0C0C0; }

#poems ul li h3 a { color: #ffffff; }

#articles { background-color: #000000; font-family: arial; }

#articles h2 { color: #ff0000; background-color: #000000; text-align: left; font-family: Arial; font-size: 40px; letter-spacing: 2px; }

#articles li { color: #ffffff; background-color: #000000; text-align: left; }

#articles li span { color: #C0C0C0; }

#articles li a { color: #C0C0C0; }

#articles ul li h3 a { color: #ffffff; }

#photos { background-color: #000000; font-family: arial; }

#photos h2 {color: #ff0000; background-color: #000000; text-align: left; font-family: Arial; font-size: 40px; letter-spacing: 2px; }

#photos li { color: #ffffff; background-color: #000000; text-align: left; }

#photos li span { color: #C0C0C0; }

#photos li a { color: #C0C0C0; }

#photos ul li h3 a { color: #ffffff; }

#friends { background-color: #000000; font-family: arial; }

#friends h2 { color: #ff0000; background-color: #000000; text-align: left; font-family: Arial; font-size: 40px; letter-spacing: 2px; }

#friends li { color: #ffffff; background-color: #000000; text-align: left; }

#friends li span { color: #C0C0C0; }

#friends li a { color: #C0C0C0; }

#friends ul li h3 a { color: #ffffff; }

#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: #000000; color: #C0C0C0; }

#image img, #articles li img, #photos .photo { background-color: #000000; }

#image img { border-color: #C0C0C0; background-color: #000000}

#articles li img, #friends img, #photos .photo { border-color: #ff0000; background-color: #000000}

#friends div { color: #C0C0C0; }

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img { background-color: #000000; text-align: left;}

#about-content { color: #000000; background-color: #FFFFFF; text-align: left;
background-image: url( http://i65.photobucket.com/albums/h207/MyChemicalRomance_PenceyPep/my%20banners%20and%20signs/afrank16.jpg );
background-repeat: no-repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
background-position: bottom center; /* it can also be "center left", "center center" etc.*/
padding-bottom: 200px}

#info-section { background-color: #FFFFFF;}

#about-section { background-color: #FFFFFF; }

#comment-list .options { color: #000000; background-color: #FFFFFF; }

#comment-list .options a { color: #ff0000; }

.pages { background-color: #FFFFFF; }

.pages .info { color: #ff0000; }

.pages a { color: #ff0000; }

.add-comment { background-color: #FFFFFF; color: #000000; }

.add-comment a { color: #C0C0C0; }

#comment-list li { color: #000000; background-color: #FFFFFF; }

#comment-list img { border-color: #C0C0C0; background-color: #FFFFFF; }

#comment-list .options {color: #C0C0C0;background-color: #GGGGGG;}

a:hover { color: #C0C0C0; font-family: Arial; text-decoration: bold; letter-spacing: 1px; word-spacing: 1px; font-weight: italic; text-align:left;}

#about-content a { color: #ff0000; }

#about-content a:hover { color: #ff0000; }

#about-section h2 { color: #ff0000; background-color: #FFFFFF; text-align: left; font-family: Arial; font-size: 40px; letter-spacing: 2px; }

#about h2 { color: #ff0000; background-color: #FFFFFF; text-align: left; font-family: Arial; font-size: 40px; letter-spacing: 2px; }

h1 { color: #ff0000; background-color: #FFFFFF; text-align: left; font-family: Arial; font-size: 40px; letter-spacing: 2px; }

One I made. I call it Gerard Way Black. (:

Quote

/* Theme: Gerard Way Black */

#main {
width: 750px;
}

#info-section {
width: 244px;
}

#about-section {
width: 426px;
}

#comment-list p {
width: 100px;
}

/* Theme: Gerard Way Black */

/* Top Menu */

html body div #menu, #menu a {
color: #ffffff;
background-color: #000000;
}

html body div #options, html body div #options a, html body div #options span a, html body div #options span {
color: #910A25;
background-color: #232323;
}

/* Titles */

h1 { /* Name */
color: #910A25;
background-color: #070707;
font-family: times new roman;
font-size: 1.8em;
}

#about h2 { /* About Me: Title */
color: #ffffff;
background-color: #070707;
font-family: times new roman;
font-size: 1.8em;
}

/* Page Background */

body {
background-color: #000000;
background-image: url(http://i9.tinypic.com/71vq35u.jpg);
background-attachment:fixed;
background-repeat: repeat-x; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
background-position: left top;
}

/* Layout border color */

#main {
border-color: #770C75;
background-image: none;
border-bottom-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
}

#info-section {
background-color: #000000;
color: #ffffff;
}

/* About & Comments background */

#main {
background-color: #000000;
}

#about-section {
background-color: #000000;
}

#about-content {
background-color: #000000;
color: #ffffff;
text-align: left;
}

/* Information */

#info dt { /* Category */
background-color: #070707;
color: #ffffff;
}

#info dd { /* Answer */
background-color: #070707;
color: #ffffff;
}

/*Menu Colors*/

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos {
background-color: #000000;
}

#friends a:hover img {
background-color: #ffffff;
}

#stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color: #000000;
}

#image img, #articles li img, #photos .photo {
background-color: #000000;
}

#image img, #articles li img, #friends img, #photos .photo {
border-color: #770C75;
}

#friends div {
color: #770C75;
}

/* Story section */

#stories { /* Story area */
background-color: #000000;
}

#stories h2 { /* Story title */
color: #ffffff;
background-color: #070707;
font-family: times new roman;
font-size: 1.3em;
}

#stories li { /* Story list */
color: #ffffff;
background-color: #070707;
}

#stories li span { /* Text color */
color: #ffffff;
}

#stories li a { /* Link color */
color: #910A25;
}

/* Article section */

#articles { /* Article area */
background-color: #000000;
}

#articles h2 { /* Article title */
color: #ffffff;
background-color: #070707;
font-family: times new roman;
font-size: 1.3em;
}

#articles li { /* Article list */
color: #ffffff;
background-color: #070707;
}

#articles li span { /* Text color */
color: #ffffff;
}

#articles li a { /* Link color */
color: #910A25;
}

/* Poem section */

#poems { /* Poem area */
background-color: #000000;
}

#poems h2 { /* Poem title */
color: #ffffff;
background-color: #070707;
font-family: times new roman;
font-size: 1.3em;
}

#poems li { /* Poem list */
color: #ffffff;
background-color: #070707;
}

#poems li span { /* Text color */
color: #ffffff;
}

#poems li a { /* Link color */
color: #910A25;
}

/* journal section */

#journals { /* Journal area */
background-color: #000000;
}

#journals h2 { /* Journal title */
color: #ffffff;
background-color: #070707;
font-family: times new roman;
font-size: 1.3em;
}

#journals li { /* Journal list */
color: #ffffff;
background-color: #070707;
}

#journals li span { /* Text color */
color: #ffffff;
}

#journals li a { /* Link color */
color: #910A25;
}

/* Photos section */

#photos { /* Photos area */
background-color: #000000;
}

#photos h2 { /* Photos title */
color: #ffffff;
background-color: #070707;
font-family: times new roman;
font-size: 1.3em;
}

#photos li { /* Photos list */
color: #ffffff;
background-color: #070707;
}

#photos li span { /* Text color */
color: #ffffff;
}

#photos li a { /* Link color */
color: #910A25;
}

/* Friends section */

#friends { /* Friend area */
background-color: #000000;
}

#friends h2 { /* Friend title */
color: #ffffff;
background-color: #070707;
font-family: times new roman;
font-size: 1.3em;
}

#friends li { /* Friend list */
color: #ffffff;
background-color: #070707;
}

#friends li span { /* Text color */
color: #ffffff;
}

#friends li a { /* Link color */
color: #910A25;
}

/* Comments */

#comment-area h2 { /* Comment: Title */
color: #ffffff;
background-color: #070707;
font-family: times new roman;
font-size: 1.3em;
}

#comment-list li { /* Comment: background color */
color: #ffffff;
background-color: #070707;
}

#comment-list img { /* Comment: Avatar "frame" */

border-color: #000000;
background-color: #000000;
}

#comment-list .options { /* Comment: Username & Date area */
color: #ffffff;
background-color: #070707;
}

#comment-list .options a { /* Comment: Username/Report/Delete links */
color: #770C75;
}

.pages { /* Comment: Comment pages */
background-color: #070707;
}

.pages .info { /* Comment: "PAGES" -text */
color: #ffffff;
}

.pages a { /* Comment: Page numbers - links */
color: #ffffff;
}

.add-comment { /* Comment: "Add comment" area */
background-color: #000000;
}

.add-comment a { /* Comment: "Add comment" link */
color: #ffffff;
}

/* Theme:Blue And Stars*/

/* Top Menu */

html body div #menu, #menu a {
color: #51B4B4;
background-color: #000000;
}

html body div #options, html body div #options a, html body div #options span a, html body div #options span {
color: #51B4B4;
background-color: #232323;
}

/* Titles */

h1 { /* Name */
color: #51B4B4;
background-color: #070707;
font-family: CAC Leslie;
font-size: 1.8em;
}

#about h2 { /* About Me: Title */
color: #51B4B4;
background-color: #070707;
font-family: CAC Leslie;
font-size: 1.8em;
}

/* Page Background */

body {
background-color: #000000;
background-image: url(http://i53.photobucket.com/albums/g53/jessika_strange/Icons/Glitter.gif);
background-repeat: repeat-; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
background-position: center bottom;
}

/* Layout border color */

#main {
border-color: #717F7E;
background-image: none;
border-bottom-width: 2px;
border-top-width: 2px;
border-right-width: 2px;
border-left-width: 2px;
}

#info-section {
background-color: #000000;
color: #51B4B4;
}

/* About & Comments background */

#main {
background-color: #000000;
}

#about-section {
background-color: #000000;
}

#about-content {
background-color: #000000;
color: #ffffff;
text-align: center;
}

/* Information */

#info dt { /* Category */
background-color: #070707;
color: #51B4B4;
}

#info dd { /* Answer */
background-color: #070707;
color: #51B4B4;
}

/*Menu Colors*/

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos {
background-color: #000000;
}

#friends a:hover img {
background-color: #717F7E;
}

#stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color: #000000;
}

#image img, #articles li img, #photos .photo {
background-color: #000000;
}

#image img, #articles li img, #friends img, #photos .photo {
border-color: #cccccc;
}

#friends div {
color: #cccccc;
}

/* Story section */

#stories { /* Story area */
background-color: #000000;
}

#stories h2 { /* Story title */
color: #51B4B4;
background-color: #070707;
font-family: CAC Leslie;
font-size: 1.3em;
}

#stories li { /* Story list */
color: #ffffff;
background-color: #070707;
}

#stories li span { /* Text color */
color: #51B4B4;
}

#stories li a { /* Link color */
color: #cccccc;
}

/* Article section */

#articles { /* Article area */
background-color: #000000;
}

#articles h2 { /* Article title */
color: #51B4B4;
background-color: #070707;
font-family: CAC Leslie;
font-size: 1.3em;
}

#articles li { /* Article list */
color: #ffffff;
background-color: #070707;
}

#articles li span { /* Text color */
color: #51B4B4;
}

#articles li a { /* Link color */
color: #cccccc;
}

/* Poem section */

#poems { /* Poem area */
background-color: #000000;
}

#poems h2 { /* Poem title */
color: #51B4B4;
background-color: #070707;
font-family: CAC Leslie;
font-size: 1.3em;
}

#poems li { /* Poem list */
color: #ffffff;
background-color: #070707;
}

#poems li span { /* Text color */
color: #51B4B4;
}

#poems li a { /* Link color */
color: #cccccc;
}

/* journal section */

#journals { /* Journal area */
background-color: #000000;
}

#journals h2 { /* Journal title */
color: #51B4B4;
background-color: #070707;
font-family: CAC Leslie;
font-size: 1.3em;
}

#journals li { /* Journal list */
color: #ffffff;
background-color: #070707;
}

#journals li span { /* Text color */
color: #51B4B4;
}

#journals li a { /* Link color */
color: #cccccc;
}

/* Photos section */

#photos { /* Photos area */
background-color: #000000;
}

#photos h2 { /* Photos title */
color: #51B4B4;
background-color: #070707;
font-family: CAC Leslie;
font-size: 1.3em;
}

#photos li { /* Photos list */
color: #ffffff;
background-color: #070707;
}

#photos li span { /* Text color */
color: #51B4B4;
}

#photos li a { /* Link color */
color: #cccccc;
}

/* Friends section */

#friends { /* Friend area */
background-color: #000000;
}

#friends h2 { /* Friend title */
color: #51B4B4;
background-color: #070707;
font-family: CAC Leslie;
font-size: 1.3em;
}

#friends li { /* Friend list */
color: #ffffff;
background-color: #070707;
}

#friends li span { /* Text color */
color: #51B4B4;
}

#friends li a { /* Link color */
color: #cccccc;
}

/* Comments */

#comment-area h2 { /* Comment: Title */
color:#51B4B4;
background-color: #070707;
font-family: CAC Leslie;
font-size: 1.3em;
}

#comment-list li { /* Comment: background color */
color: #51B4B4;
background-color: #070707;
}

#comment-list img { /* Comment: Avatar "frame" */

border-color: #51B4B4;
background-color: #000000;
}

#comment-list .options { /* Comment: Username & Date area */
color: #cccccc;
background-color: #070707;
}

#comment-list .options a { /* Comment: Username/Report/Delete links */
color: #cccccc;
}

.pages { /* Comment: Comment pages */
background-color: #070707;
}

.pages .info { /* Comment: "PAGES" -text */
color: #cccccc;
}

.pages a { /* Comment: Page numbers - links */
color: #cccccc;
}

.add-comment { /* Comment: "Add comment" area */
background-color: #000000;
}

.add-comment a { /* Comment: "Add comment" link */
color: #cccccc;
}

I couldn't get a screen shot, so, I'll give you the link, Here The stars move. :) And, you can mess around with it if you like. :D

Need a T.U.A layout? (:

/* Top Menu */

html body div #menu, #menu a {
color: #CCCCCC;
background-color: #000000;
}

html body div #options, html body div #options a, html body div #options span a, html body div #options span {
color: #CCCCCC;
background-color: #232323;
}

/* Titles */

h1 { /* Name */
color: #ffffff;
background-color: #000000;
font-family:Arial Narrow;
font-size:;
text-align: center;
}

#about h2 { /* About Me: Title */
color: #ffffff;
background-color: #fc9000;
font-family:Arial Narrow;
font-size:;
text-align: center;
}

/* Page Background */

body {
background-image: url(http://i233.photobucket.com/albums/ee312/MyArmaggedonRomance/uaficlayout.jpg);
background-repeat: repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
}

/* Layout border color */

#main {
border-color: #000000;
background-image: none;
}

#info-section {
background-color: #000000;
}

/* About & Comments background */

#main {
background-color: #000000;
}

#about-section {
background-color: #000000;
}

#about-content {
background-color: #ffffff;
text-align: center;
}

/* Information */

#info dt { /* Category */
background-color: #fc9000;
color: #c50;
}

#info dd { /* Answer */
background-color: #fc9000;
color: #c50;
}

/*Menu Colors*/

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
background-color: #000000;
}

#stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color: #fc9000;
}

#image img, #articles li img, #photos .photo {
background-color: #000000;
}

#image img, #articles li img, #friends img, #photos .photo {
border-color: #000000;
}

#friends div {
color: #cccccc;
}

/* Story section */

#stories { /* Story area */
background-color: #000000;
}

#stories h2 { /* Story title */
color: #ffffff;
background-color: #000000;
}

#stories li { /* Story list */
color: #ffffff;
background-color: #fc9000;
}

#stories li span { /* Text color */
color: #c50;
}

#stories li a { /* Link color */
color: #cccccc;
}

/* Article section */

#articles { /* Article area */
background-color: #000000;
}

#articles h2 { /* Article title */
color: #ffffff;
background-color: #000000;
}

#articles li { /* Article list */
color: #ffffff;
background-color: #fc9000;
}

#articles li span { /* Text color */
color: #c50;
}

#articles li a { /* Link color */
color: #cccccc;
}

/* Poem section */

#poems { /* Poem area */
background-color: #000000;
}

#poems h2 { /* Poem title */
color: #ffffff;
background-color: #000000;
}

#poems li { /* Poem list */
color: #ffffff;
background-color: #fc9000;
}

#poems li span { /* Text color */
color: #c50;
}

#poems li a { /* Link color */
color: #cccccc;
}

/* journal section */

#journals { /* Journal area */
background-color: #000000;
}

#journals h2 { /* Journal title */
color: #ffffff;
background-color: #000000;
}

#journals li { /* Journal list */
color: #ffffff;
background-color: #fc9000;
}

#journals li span { /* Text color */
color: #c50;
}

#journals li a { /* Link color */
color: #cccccc;
}

* photos section */

#photos { /* photo area */
background-color: #000000;
}

#photos h2 { /* Photos title */
color: #ffffff;
background-color: #000000;
}

#photos li { /* photos list */
color: #ffffff;
background-color: #fc9000;
}

#photos li span { /* Text color */
color: #c50;
}

#photos li a { /* Link color */
color: #cccccc;
}

/* Friends section */

#friends { /* Friend area */
background-color: #000000;
}

#friends h2 { /* Friend title */
color: #ffffff;
background-color: #000000;
}

#friends li { /* Friend list */
color: #ffffff;
background-color: #fc9000;
}

#friends li span { /* Text color */
color: #c50;
}

#friends li a { /* Link color */
color: #cccccc;
}

/* Comments */

#about-section h2 { /* Comment: Title */
color: #ffffff;
background-color: #fc9000;
font-family:;
font-size:;
text-align: center;
}

#comment-list li { /* Comment: background color */
color: #ffffff;
background-color: #fc9000;
}

#comment-list img { /* Comment: Avatar "frame" */
border-color: #000000;
background-color: #000000;
}

#comment-list .options { /* Comment: Username & Date area */
color: #c50;
background-color: #fc9000;
}

#comment-list .options a { /* Comment: Username/Report/Delete links */
color: #c50;
}

.pages { /* Comment: Comment pages */
background-color: #fc9000;
}

.pages .info { /* Comment: "PAGES" -text */
color: #c50;
}

.pages a { /* Comment: Page numbers - links */
color: #c50;
}

.add-comment { /* Comment: "Add comment" area */
background-color: #fc9000;
}

.add-comment a { /* Comment: "Add comment" link */
color: #c50;
}

:mrgreen:

The Layout is animated....

/* Layout border color */
/* Top Menu */

html body div #menu { padding: 3px 8px; Margin: 15px 0px -1px 0px; font-size: 15px; text-align: center; color: #000000; background-color:transparent; font-family: times; }

html body div #menu a { color: #000000; padding: 2px; text-decoration:none; }

html body div #menu a:hover { text-decoration: none; }

html body div #options { padding: 3px 10px; font-size: 13px; text-align:center; color:#000000; background-color:#000000; font-family: times; }

html body div #options a { color: transparent; padding: 2px; text-decoration:none; }

html body div #options a:hover { text-decoration:none; }

html body div #options span a { color: #000000; }

body { margin: 0; padding: 0; background-color: #000000; font-family: times; }
a { color: #ffffff; text-decoration:none; }

a:strikethrough{ color: #000000; }

html body div #options, html body div #options a, html body div #options span a, html body div #options span {
color: #000000;
background-color: transparent;
}

/* Image as page background */

body {
background-color: #F320A7;
background-attachment:fixed;
background-image: url(http://images.mygirlyspace.com/myspacegraphics/images/graphics/prod_178_39131.gif);
background-repeat: repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
background-position: top left; /* it can also be "center left", "center center" etc.*/
}

#main {
width: 650px;
}

#info-section {
width: 350px;
}

#about-section {
width: 250px;
}

#comment-list p {
width:175px;
}
/* Layout border color */

#main {
border-color: transparent;
background-image: none;
}

#info-section {
background: transparent;
}

#main {
background:transparent;
}

#about-section {
background-color: transparent;
}

/* If you don't like orange, you can try this... */

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
background-color: transparent;
}

#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color: transparent;
}

#image img, #articles li img, #photos .photo {
background-color:transparent;
}

#image img, #articles li img, #friends img, #photos .photo {
border-color: transparent;
}

#friends div {
color:transparent;
}

h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
color: #000000;
}

#stories li span, #articles li span, #poems li span, #journals li span {
color: #000000;
}
/* How to edit comments */

/* Comment background color */

#comment-list li {
color:transparent;
background-color: transparent;
}

/* Avatar "frame" */

#comment-list img {
border-color:transparent;
background-color: #ffffff;
}

/* Username & Date area */

#comment-list .options {
color: #000000;
background-color:transparent;
}

/* Username/Report/Delete links */

#comment-list .options a {
color: #000000;
}

/* Comment pages */

.pages {
background-color: transparent;
}

/* "PAGES" -text */

.pages .info {
color: #000000;
}

/* Page numbers - links */

.pages a {
color: #000000;
}

/* "Add comment" area */

.add-comment {
background-color: transparent;
}

/* "Add comment" link */

.add-comment a {
color: #000000;
}

a:hover {color:transparent!important; border-bottom:1px solid black !important; text-decoration:none !important; background-color: black!important;}

a img {border:0px !important;}

* {line-height:none;}

h1, #stories h2, #articles h2, #poems h2, #photos h2, #about-section h2, #friends h2, #about h2, #journals h2 {
color:black !important;
letter-spacing:-1px !important;
font-size:25pt !important;
font-family:georgia !important;
font-weight:normal !important;
background-color:transparent!important;
text-align:center !important;
display:block !important;
}

* Layout border color */
/* Top Menu */

html body div #menu { padding: 3px 8px; Margin: 75px 1px -1px 1px; font-size: 17px; text-align: center; color: #01A3BE; background-color: #000000; font-family: times; }

html body div #menu a { color: #01A3BE; padding: 2px; text-decoration:none; }

html body div #menu a:hover { text-decoration:none; }

html body div #options { padding: 3px 10px; font-size: 15px; text-align:center; color:#01A3BE; background-color:#000000; font-family: times; }

html body div #options a { color: #01A3BE; padding: 2px; text-decoration:none; }

html body div #options a:hover { text-decoration: none; }

html body div #options span a { color: #01A3BE; }

body { margin: 0; padding: 0; background-color: #00000; font-family: times; }
a { color: #01A3BE; text-decoration:none; }

a:strikethrough{ color: #01A3BE; }

html body div #options, html body div #options a, html body div #options span a, html body div #options span {
color: #01A3BE;
background-color: #000000;
}

/* Image as page background */

body {
background-color: #000000;
background-attachment:fixed;
background-image: url(http://images.mygirlyspace.com/myspacegraphics/images/graphics/prod_1010_40595.jpg);
background-repeat: repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
background-position:top left; /* it can also be "center left", "center center" etc.*/
}
#main {
width: 930px;
}

#info-section {
width: 344px;
}

#about-section {
width: 525px;
}

#comment-list p {
width: 420px;
}
/* Layout border color */

#main {
border-color: transparent;
background-image: none;
}

#info-section {
background: transparent;
}

#main {
background:transparent;
}

#about-section {
background-color:transparent;
}

#about-content { /* About: background */
opacity: .75;
-moz-opacity: 0.75;
filter: alpha(opacity=75);
text-align: center;
background-color: #000000;
color: #FFFFFF;
}

/* If you don't like orange, you can try this... */

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
background-color:transparent;
}

#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color:#000000;
}

#image img, #articles li img, #photos .photo {
background-color:transparent;
}

#image img, #articles li img, #friends img, #photos .photo {
border-color:#00F758;
}

#friends div {
color:transparent;
}

h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
color: #01A3BE;
}

#stories li span, #articles li span, #poems li span, #journals li span {
color: #00F758;
}
/* How to edit comments */

/* Comment background color */

#comment-list li {
color:#01A3BE;
background-color:#000000;
}

/* Avatar "frame" */

#comment-list img {
border-color:transparent;
background-color: #000000;
}

/* Username & Date area */

#comment-list .options {
color: #000000;
background-color:#00F758;
}

/* Username/Report/Delete links */

#comment-list .options a {
color: #01A3BE;
}

/* Comment pages */

.pages {
background-color:#000000;
}

/* "PAGES" -text */

.pages .info {
color: #01A3BE;
}

/* Page numbers - links */

.pages a {
color: #01A3BE;
}

/* "Add comment" area */

.add-comment {
background-color: #000000;
}

/* "Add comment" link */

.add-comment a {
color: #01A3BE;
}

a:hover {color:white!important; border-bottom:1px solid black !important; text-decoration:none !important; background-color: black!important;}

a img {border:0px !important;}

* {line-height:none;}

h1, #stories h2, #articles h2, #poems h2, #photos h2, #about-section h2, #friends h2, #about h2, #journals h2 {
color:white!important;
letter-spacing:-1px !important;
font-size:25pt !important;
font-family:georgia !important;
font-weight:normal !important;
background-color:transparent!important;
text-align:center !important;
display:block !important;
}

Just made this one.
Bring Me The Horizon.
The picture was too big to post on here.

body { background-image: url(http://i11.tinypic.com/7yhhfko.jpg);
background-repeat: no-repeat; background-position: top center; background-color: #000000; margin: 210px 120px; 120px 0px; }

#main { border-color: #ffffff; border-width: 0px; margin: 40px 0px; 10px 10px; width: 930px; background-color: #000000; background-image: url(http://i17.tinypic.com/2a5m6w8.jpg); background-repeat: repeat-y; background position: bottom left; }

#info-section { width: 344px; background-color: #000000; }

#about-section { width: 525px; background-color: #000000; }

#comment-list p { width: 380px; }

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { color: #C0C0C0; background-color: #000000; }

html body div #options, html body div #options a, html body div #options span a, html body div #options span { color: #ff0000; background-color: #000000; }

#stories { background-color: #000000; font-family: arial; }

#stories h2 { color: #ffffff; background-color: #000000; text-align: left; font-family: Arial; font-size: 24px; letter-spacing: 1px; }

#stories li { color: #ffffff; background-color: #000000; text-align: left; }

#stories li span { color: #C0C0C0; }

#stories li a { color: #C0C0C0; }

#stories ul li h3 a { color: #ffffff; }

#journals { background-color: #000000; font-family: arial; }

#journals h2 { color: #ffffff; background-color: #000000; text-align: left; font-family: Arial; font-size: 24px; letter-spacing: 1px; }

#journals li { color: #ffffff; background-color: #000000; text-align: left; }

#journals li span { color: #C0C0C0; }

#journals li a { color: #C0C0C0; }

#journals ul li h3 a { color: #ffffff; }

#poems { background-color: #000000; font-family: arial; }

#poems h2 { color: #ffffff; background-color: #000000; text-align: left; font-family: Arial; font-size: 24px; letter-spacing: 1px; }

#poems li { color: #ffffff; background-color: #000000; text-align: left; }

#poems li span { color: #C0C0C0; }

#poems li a { color: #C0C0C0; }

#poems ul li h3 a { color: #ffffff; }

#articles { background-color: #000000; font-family: arial; }

#articles h2 { color: #ffffff; background-color: #000000; text-align: left; font-family: Arial; font-size: 24px; letter-spacing: 1px; }

#articles li { color: #ffffff; background-color: #000000; text-align: left; }

#articles li span { color: #C0C0C0; }

#articles li a { color: #C0C0C0; }

#articles ul li h3 a { color: #ffffff; }

#photos { background-color: #000000; font-family: arial; }

#photos h2 {color: #ffffff; background-color: #000000; text-align: left; font-family: Arial; font-size: 24px; letter-spacing:1px; }

#photos li { color: #ffffff; background-color: #000000; text-align: left; }

#photos li span { color: #C0C0C0; }

#photos li a { color: #C0C0C0; }

#photos ul li h3 a { color: #ffffff; }

#friends { background-color: #000000; font-family: arial; }

#friends h2 { color: #ffffff; background-color: #000000; text-align: left; font-family: Arial; font-size: 24px; letter-spacing: 1px; }

#friends li { color: #ffffff; background-color: #000000; text-align: left; }

#friends li span { color: #C0C0C0; }

#friends li a { color: #C0C0C0; }

#friends ul li h3 a { color: #ffffff; }

#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: #000000; color: #C0C0C0; }

#image img, #articles li img, #photos .photo { background-color: #000000; }

#image img { border-color: #C0C0C0; background-color: #000000}

#articles li img, #friends img, #photos .photo { border-color: #ff0000; background-color: #000000}

#friends div { color: #C0C0C0; }

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img { background-color: #000000; text-align: left;}

#about-content { color: #ffffff; background-color: #000000; text-align: left;
background-image: url(http://i12.tinypic.com/35a51m8.jpg);
background-repeat: no-repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
background-position: bottom center; /* it can also be "center left", "center center" etc.*/
padding-bottom: 200px}

#info-section { background-color: #000000;}

#about-section { background-color: #000000; }

#comment-list .options { color: #fffff; background-color: #000000; }

#comment-list .options a { color: #ff0000; }

.pages { background-color: #000000; }

.pages .info { color: #ff0000; }

.pages a { color: #ff0000; }

.add-comment { background-color: #000000; color: #ffffff; }

.add-comment a { color: #C0C0C0; }

#comment-list li { color: #ffffff; background-color: #000000; }

#comment-list img { border-color: #C0C0C0; background-color: #000000; }

#comment-list .options {color: #C0C0C0;background-color: #000000;}

a:hover { color: #ffffff; font-family: Arial; text-decoration: bold; letter-spacing: 1px; word-spacing: 1px; font-weight: italic; text-align:left;}

#about-content a { color: #ff0000; }

#about-content a:hover { color: #ff0000; }

#about-section h2 { color: #ffffff; background-color: #000000; text-align: left; font-family: Arial; font-size: 32px; letter-spacing:1px; }

#about h2 { color: #ffffff; background-color: #000000; text-align: left; font-family: Arial; font-size: 32px; letter-spacing: 1px; }

h1 { color: #ffffff; background-color: #000000; text-align: left; font-family: Arial; font-size: 32px; letter-spacing: 1px; }

If you are into Daniel Radcliffe (played Harry Potter), here's the code of my first layout of him:

body { background-image: url(http://i39.photobucket.com/albums/e151/larissan/HP%20n%20DR/prof_danradcliffe.jpg);
background-repeat: no-repeat; background-position: top center; background-color: #000000; margin: 210px 120px; 120px 0px; }

#main { border-color: #000000; border-width: 0px; margin: 40px 0px; 10px 10px; width: 930px; background-color: #000000; background-image: url(http://i39.photobucket.com/albums/e151/larissan/HP%20n%20DR/daniel14.jpg); background-repeat: repeat-y; background position: bottom center; }

#info-section { width: 344px; background-color: #000000; font-family: Century Gothic;}

#about-section { width: 525px; background-color: #000000; font-family: Century Gothic;}

#comment-list p { width: 380px; }

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { color: #C0C0C0; background-color: #000000; font-family: Century Gothic;}

html body div #options, html body div #options a, html body div #options span a, html body div #options span { color: #0099FF; background-color: #000000; font-family: Century Gothic;}

#stories { background-color: #000000; font-family: century gothic; }

#stories h2 { color: #0099FF; background-color: #000000; text-align: center; font-family: Century Gothic; font-size: 40px; letter-spacing: 2px; }

#stories li { color: #ffffff; background-color: #000000; text-align: center; }

#stories li span { color: #C0C0C0; }

#stories li a { color: #C0C0C0; }

#stories ul li h3 a { color: #ffffff; }

#journals { background-color: #000000; font-family: century gothic; }

#journals h2 { color: #0099FF; background-color: #000000; text-align: center; font-family: Century Gothic; font-size: 40px; letter-spacing: 2px; }

#journals li { color: #ffffff; background-color: #000000; text-align: center; }

#journals li span { color: #C0C0C0; }

#journals li a { color: #C0C0C0; }

#journals ul li h3 a { color: #ffffff; }

#poems { background-color: #000000; font-family: century gothic; }

#poems h2 { color: #0099FF; background-color: #000000; text-align: center; font-family: Century Gothic; font-size: 40px; letter-spacing: 2px; }

#poems li { color: #ffffff; background-color: #000000; text-align: center; }

#poems li span { color: #C0C0C0; }

#poems li a { color: #C0C0C0; }

#poems ul li h3 a { color: #ffffff; }

#articles { background-color: #000000; font-family: century gothic; }

#articles h2 { color: #0099FF; background-color: #000000; text-align: center; font-family: Century Gothic; font-size: 40px; letter-spacing: 2px; }

#articles li { color: #ffffff; background-color: #000000; text-align: center; }

#articles li span { color: #C0C0C0; }

#articles li a { color: #C0C0C0; }

#articles ul li h3 a { color: #ffffff; }

#photos { background-color: #000000; font-family: century gothic; }

#photos h2 {color: #0099FF; background-color: #000000; text-align: center; font-family: Century Gothic; font-size: 40px; letter-spacing: 2px; }

#photos li { color: #ffffff; background-color: #000000; text-align: center; }

#photos li span { color: #C0C0C0; }

#photos li a { color: #C0C0C0; }

#photos ul li h3 a { color: #ffffff; }

#friends { background-color: #000000; font-family: century gothic; }

#friends h2 { color: #0099FF; background-color: #000000; text-align: center; font-family: Century Gothic; font-size: 40px; letter-spacing: 2px; }

#friends li { color: #ffffff; background-color: #000000; text-align: center; }

#friends li span { color: #C0C0C0; }

#friends li a { color: #C0C0C0; }

#friends ul li h3 a { color: #ffffff; }

#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: #000000; color: #C0C0C0; }

#image img, #articles li img, #photos .photo { background-color: #000000; }

#image img { border-color: #0099FF; background-color: #000000}

#articles li img, #friends img, #photos .photo { border-color: #0099FF; background-color: #000000}

#friends div { color: #C0C0C0; }

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img { background-color: #000000; text-align: center;}

#about-content { color: #ffffff; background-color: #000000; text-align: center;
background-image: url(http://i236.photobucket.com/albums/ff286/ashleyannpotter/preview_dan7E1.jpg);
background-repeat: no-repeat;
background-position: bottom right;
padding-bottom: 200px}

#info-section { background-color: #000000;}

#about-section { background-color: #000000; }

#comment-list .options { color: #fffff; background-color: #000000; }

#comment-list .options a { color:#0099FF; }

.pages { background-color: #000000; }

.pages .info { color: #0099FF; }

.pages a { color: #0099FF; }

.add-comment { background-color: #000000; color: #ffffff; }

.add-comment a { color: #C0C0C0; }

#comment-list li { color: #ffffff; background-color: #000000; }

#comment-list img { border-color: #ffffff; background-color: #000000; }

#comment-list .options {color: #ffffff;background-color: #000000;}

a:hover { color: #0099FF; font-family: Century Gothic; text-decoration: bold; letter-spacing: 1px; word-spacing: 1px; font-weight: italic; text-align:left;}

#about-content a { color: #0099FF; }

#about-content a:hover { color: #0099FF; }

#about-section h2 { color: #0099FF; background-color: #000000; text-align: center; font-family: Century Gothic; font-size: 40px; letter-spacing: 2px; }

#about h2 { color: #0099FF; background-color: #000000; text-align: center; font-family: Century Gothic; font-size: 40px; letter-spacing: 2px; }

h1 { color: #0099FF; background-color: #000000; text-align: center; font-family: Century Gothic; font-size: 20px; letter-spacing: 2px; }

An Avenged Sevenfold layout I made.

(Not the best quality picture but Paint kinda sucks... look on my profile if you want a better idea)

CSS:
html body div #menu { padding: 3px 8px; Margin: 75px 1px -1px 1px; font-size: 17px; text-align: center; color: #C12727; background-color: #000000; font-family: cricket; }

html body div #menu a { color: #C12727; padding: 2px; text-decoration:none; }

html body div #menu a:hover { text-decoration:none; }

html body div #options { padding: 3px 10px; font-size: 13x; text-align:center; color:#C12727; background-color:#000000; font-family: cricket; }

html body div #options a { color: #C12727; padding: 2px; text-decoration:none; }

html body div #options a:hover { text-decoration: none; }

html body div #options span a { color: #C12727; }

body { margin: 0; padding: 0; background-color: #00000; font-family: cricket; }
a { color: #C12727; text-decoration: none; }

a:strikethrough{color: #C12727; }

html body div #options, html body div #options a, html body div #options span a, html body div #options span {
color: #C12727;
background-color: #000000;
}

/* Image as page background */

body {
background-color: #000000;
background-attachment:fixed;
background-image: url(http://i248.photobucket.com/albums/gg192/_A7X_/91.jpg);
background-repeat: repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
background-position:top left; /* it can also be "center left", "center center" etc.*/
}
#main {
width: 930px;
}

#info-section {
width: 344px;
}

#about-section {
width: 525px;
}

#comment-list p {
width: 420px;
}
/* Layout border color */

#main {
border-color: transparent;
background-image: none;
}

#info-section {
background: transparent;
}

#main {
background:transparent;
}

#about-section {
background-color:transparent;
}

#about-content { /* About: background */
opacity: .75;
-moz-opacity: 0.75;
filter: alpha(opacity=75);
text-align: center;
background-color: #000000;
color: #696969;
}

/* If you don't like orange, you can try this... */

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
background-color:transparent;
}

#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color:#000000;
}

#image img, #articles li img, #photos .photo {
background-color:transparent;
}

#image img, #articles li img, #friends img, #photos .photo {
border-color:#DBDBDB;
}

#friends div {
color:transparent;
}

h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
color: #600000;
}

#stories li span, #articles li span, #poems li span, #journals li span {
color: #600000;
}
/* How to edit comments */

/* Comment background color */

#comment-list li {
color:#C12727;
background-color:#000000;
}

/* Avatar "frame" */

#comment-list img {
border-color:transparent;
background-color: #000000;
}

/* Username & Date area */

#comment-list .options {
color: #000000;
background-color:#000000;
}

/* Username/Report/Delete links */

#comment-list .options a {
color: #C12727;
}

/* Comment pages */

.pages {
background-color:#000000;
}

/* "PAGES" -text */

.pages .info {
color: #7C2222;
}

/* Page numbers - links */

.pages a {
color: #7C2222;
}

/* "Add comment" area */

.add-comment {
background-color: #000000;
}

/* "Add comment" link */

.add-comment a {
color: #C12727;
}

a:hover {color: #380A0A!important; border-bottom:1px solid black !important; text-decoration:none !important; background-color: black!important;}

a img {border:0px !important;}

* {line-height:none;}

h1, #stories h2, #articles h2, #poems h2, #photos h2, #about-section h2, #friends h2, #about h2, #journals h2 {
color:white!important;
letter-spacing:-1px !important;
font-size:21pt !important;
font-family: cricket !important;
font-weight:normal !important;
background-color:transparent!important;
text-align:center !important;
display:block !important;
}

a:hover {

color: white!important
text-decoration: line-through!important;
background-color: #3A0303!important;
font-size:82%!important

The Header (Layout/HTML):
<center><img src="http://i150.photobucket.com/albums/s115/LetoLover162/avenged%20sevenfold/AvengedSevenfold.jpg"></center>

Enjoy! :mrgreen:

My First Layout.

/* Theme: blood red & gray */

/* Top Menu */

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a {
color: #FF0000;
background-color: #;000000
}

html body div #options, html body div #options a, html body div #options span a, html body div #options span {
color: #FF0000;
background-color: #000000;
}

/* Main Page */

body { /* Page Background */
background-color: #000000;
background-image: url(http://i170.photobucket.com/albums/u280/FrankIeroIsMyBitch/untitled-5.png);
background-position: center top;
background-repeat: no-repeat;
}

/* Table */

#main { /* border */
border-color: #FF0000;
background-image: none;
border-bottom-width: 2px;
border-top-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
margin-top: 500px;
}

#main { /* background */
background-color: #000000;
}

#about-section { /* about & comments background */
background-color: #000000;
}

/* Info Section*/

h1 { /* username */
color: #FF0000;
background-color: #000000;
font-family: "Times New Roman", Times, serif;
font-size: 2.0em;
text-align: center;
}

#info-section, #info { /* background */
background-color: #000000;
}

#image { /* picture background (behind border) */
background-color: #000000;
}

#info dt { /* category */
background-color: #000000;
color: #cccccc;
}

#info dd { /* answer */
background-color: #000000;
color: #cccccc;
font-weight: bold;
}

/* About Section */

#about-section h2 { /* About: title */
color: #ff0000;
background-color: #000000;
font-family: "Times New Roman", Times, serif;
font-size: 2.0em;
text-align: center;
}

#about-content { /* About: background */
background-color: #000000;
text-align: center;
background-image: url();
background-repeat: no-repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
background-position: top center; /* it can also be "center left", "center center" etc.*/
}

/*Menu Colors*/

#friends a:hover img {
background-color: #000000;
}

#stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color: #000000;
}

#articles li img, #photos .photo {
background-color: #000000;
}

#image img {
background-color: #000000;
}

#image img, #articles li img, #friends img, #photos .photo {
border-color: #000000;
}

#friends div {
color: #000000;
}

/* Story section */

#stories { /* Story: area */
background-color: #000000;
}

#stories h2 { /* Story: title */
color: #FF000;
background-color: #000000;
font-family: "Times New Roman", Times, serif;
font-size: 1.2em;
}

#stories li { /* Story: list */
color: #FF0000;
background-color: #000000;
}

#stories li span { /* Story: text color */
color: #FF0000;
}

#stories li a { /* Story: link color */
color: #ff0000;
}

/* Article section */

#articles { /* Article: area */
background-color: #000000;
}

#articles h2 { /* Article: title */
color: #FF0000;
background-color: #000000;
font-family: "Times New Roman", Times, serif;
font-size: 1.2em;
}

#articles li { /* Article: list */
color: #FF0000;
background-color: #000000;
}

#articles li span { /* Article: text color */
color: #FF0000;
}

#articles li a { /* Article: link color */
color: #FF0000;
}

/* Poem section */

#poems { /* Poem: area */
background-color: #000000;
}

#poems h2 { /* Poem: title */
color: #FF0000;
background-color: #000000;
font-family: "Times New Roman", Times, serif;
font-size: 1.2em;
}

#poems li { /* Poem: list */
color: #FF0000;
background-color: #000000;
}

#poems li span { /* Poem: text color */
color: #FF0000;
}

#poems li a { /* Poem: link color */
color: #FF0000;
}

/* journal section */

#journals { /* Journal: area */
background-color: #000000;
}

#journals h2 { /* Journal: title */
color: #FF0000;
background-color: #000000;
font-family: "Times New Roman", Times, serif;
font-size: 1.2em;
}

#journals li { /* Journal: list */
color: #FF0000;
background-color: #000000;
}

#journals li span { /* Journal: text color */
color: #000000;
}

#journals li a { /* Journal: link color */
color: #FF0000;
}

/* Photos section */

#photos { /* Photos: area */
background-color: #000000;
}

#photos h2 { /* Photos: title */
color: #FF0000;
background-color: #000000;
font-family: "Times New Roman", Times, serif;
font-size: 1.2em;
}

#photos li { /* Photos: list */
color: #FF0000;
background-color: #000000;
}

#photos li span { /* Photos: text color */
color: #FF0000;
}

#photos li a { /* Photos: link color */
color: #FF0000;
}

/* Friends section */

#friends { /* Friends: area */
background-color: #000000;
}

#friends h2 { /* Friends: title */
color: #FF0000;
background-color: #000000;
font-family: "Times New Roman", Times, serif;
font-size: 1.2em;
}

#friends li { /* Friends: list */
color: #FF0000;
background-color: #000000;
}

#friends li span { /* Friends: text color */
color: #FF0000;
}

#friends li a { /* Friends: link color */
color: #FF0000;
}

/* Comments */

#comment-area h2 { /* Comment: Title */
color: #FF0000;
background-color: #000000;
font-family: verdana;
font-size: 1.3em;
font-weight: bold;
}

#comment-list li { /* Comment: background color */
color: #FF0000;
background-color: #000000;
text-align: center;
font-family: verdana;
font-size: 0.8em;
font-weight: bold;
}

#comment-list img { /* Comment: Avatar "frame" */

border-color: #000000;
background-color: #000000;
width: 0px;
height: 0px;
align: center;
}

#comment-list .options { /* Comment: Username & Date area */
color: #FF0000;
background-color: #000000;
width: 390px;
text-align: center;
font-family: verdana;
font-size: 0.7em;
}

#comment-list .options a { /* Comment: Username/Report/Delete links */
color: #FF0000;
}

.pages { /* Comment: Comment pages */
background-color: #000000;
}

.pages .info { /* Comment: "PAGES" -text */
color: #FF0000;
font-family: verdana;
font-size: 0.7em;
font-weight: bold;
}

.pages a { /* Comment: Page numbers - links */
color: #FF0000;
font-family: verdana;
font-size: 0.7em;
font-weight: bold;
}

.add-comment { /* Comment: "Add comment" area */
background-color: #000000;
font-family: verdana;
font-size: 0.7em;
font-weight: bold;
}

.add-comment a { /* Comment: "Add comment" link */
color: #FF0000;
}

The img tag didn't work...I don't know why...
so here is the link instead:
screen shot here (click me)

/* Top Toolbar */
html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a {
color:#4F7072;
background-color: #EBF2D6;
Margin: 25px 0px -1px 0px;
}
html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a {
opacity: .90;
-moz-opacity: 0.90;
filter: alpha(opacity=90);
text-align: center;
background-color: #EBF2D6;
color: #000000;
}
html body div #menu, html body div #menu span{ border-color:#59BB9F;
border-style: double;
}

/* Bottom Toolbar */
html body div #options, html body div #options a, html body div #options span a, html body div #options span {
color:#000000;
background-color: transparent;
Margin: 10px 0px -1px 0px;
}

/* Image as page background */

body {
background-color: #000000;
background-attachment:fixed;
background-image: url(http://image.wetpaint.com/image/1/iDL8zlMufnqqJFY15QbDkw179077);
background-repeat: repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
background-position: top left; /* it can also be "center left", "center center" etc.*/
}
#main {
width: 700px;
margin-left:250px;
margin-right:0px;
}

#info-section {
width: 344px;
}

#about-section {
width: 325px;
}

#comment-list p {
width: 325px;
}
/* Layout border color */

#main {
border-color:transparent;
background-image: none;
}

#info-section {
background: transparent;
}

#main {
background:transparent;

}

#about-section {
background-color: transparent;
}

#about-content { /* About: background */
opacity: .60;
-moz-opacity: 0.60;
filter: alpha(opacity=60);
text-align: center;
background-color: #000000;
color: #FFFFFF;
}

/* If you don't like orange, you can try this... */

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
background-color: transparent;
}

#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color: transparent;
}

#image img, #articles li img, #photos .photo {
background-color:transparent;
}

#image img, #articles li img, #friends img, #photos .photo {
border-color: transparent;
}

#friends div {
color:transparent;
}
h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div,#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
opacity: .90;
-moz-opacity: 0.90;
filter: alpha(opacity=0);
text-align: center;
background-color: #EBF2D6;
color: #000000;
}
#comment-list .options a, .pages a, .add-comment a, #comment-list li, #comment-list{.options,
color: #005BFF;
}

#stories li span, #articles li span, #poems li span, #journals li span {
color: #7F7891;
}
/* How to edit comments */

/* Comment background color */

#comment-list li {
color:#000000;
background-color: transparent;
}

/* Avatar "frame" */

#comment-list img {
border-color:transparent;
background-color: #000000;
}

/* Username & Date area */

#comment-list .options {
color: #000000;
background-color: transparent;
}

/* Username/Report/Delete links */

#comment-list .options a {
color: #000000;
}

/* Comment pages */

.pages {
background-color: transparent;
}

/* "PAGES" -text */

.pages .info {
color: #000000;
}

/* Page numbers - links */

.pages a {
color: #000000;
}

/* "Add comment" area */

.add-comment {
background-color: transparent;
}

/* "Add comment" link */

.add-comment a {
color: #000000;
}

a { color:black!important; text-decoration:none; cursor:crosshair!important;}
a:hover {color:#7F7891!important;DodgerBlue!important; text-decoration: line-through!important; background-color:none!important;font-size:100%!important}

a img {border:0px !important;}

* {line-height:none;}

h1, #stories h2, #articles h2, #poems h2, #photos h2, #about-section h2, #friends h2, #about h2, #journals h2 {
color: black!important;
letter-spacing:-1px !important;
font-size:25pt !important;
font-family:georgia !important;
font-weight:normal !important;
background-color:transparent!important;
text-align:center !important;
display:block !important;
}

I made another one...I was bored today...it scrolls! *woots*

The img tag didn't work...again
so here is the link instead:
screen shot here (click me)

/* Top Toolbar */
html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a {
color:#4F7072;
background-color: #EBF2D6;
Margin: 25px 0px -1px 0px;
}
html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a {
opacity: .90;
-moz-opacity: 0.90;
filter: alpha(opacity=90);
text-align: center;
background-color: #EBF2D6;
color: #000000;
}
html body div #menu, html body div #menu span{ border-color:#59BB9F;
border-style: double;
}

/* Bottom Toolbar */
html body div #options, html body div #options a, html body div #options span a, html body div #options span {
color:#000000;
background-color: transparent;
Margin: 10px 0px -1px 0px;
}

/* Image as page background */

body {
background-color: #000000;
background-attachment:fixed;
background-image: url(http://image.wetpaint.com/image/1/asbNpurmaDq3uxsmmvvl9A94134);
background-repeat: repeat; /* it can also be "no-repeat", "repeat-y" or "repeat-x" */
background-position: bottom right; /* it can also be "center left", "center center" etc.*/
}
#main {
width: 730px;
margin-left:200px;
margin-top:100px;
height:500px;
overflow: auto;
}

#info-section {
width: 344px;
}

#about-section {
width: 325px;
}

#comment-list p {
width: 325px;
height:100px;
overflow: auto;
}

/* Layout border color */

#main {
border-color:transparent;
background-image: none;
}

#info-section {
background: transparent;
}

#main {
background:transparent;

}

#about-section {
background-color: transparent;
}

#about-content { /* About: background */
opacity: .60;
-moz-opacity: 0.60;
filter: alpha(opacity=60);
text-align: center;
background-color: #000000;
color: #FFFFFF;
}

/* If you don't like orange, you can try this... */

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
background-color: transparent;
}

#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color: transparent;
}

#image img, #articles li img, #photos .photo {
background-color:transparent;
}

#image img, #articles li img, #friends img, #photos .photo {
border-color: transparent;
}

#friends div {
color:transparent;
}
h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div,#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
opacity: .90;
-moz-opacity: 0.90;
filter: alpha(opacity=0);
text-align: center;
background-color: #EBF2D6;
color: #000000;
}
#comment-list .options a, .pages a, .add-comment a, #comment-list li, #comment-list{.options,
color: #005BFF;
}

#stories li span, #articles li span, #poems li span, #journals li span {
color: #7F7891;
}
/* How to edit comments */

/* Comment background color */

#comment-list li {
color:#000000;
background-color: transparent;
}
#comment {
overflow: auto;
height:100px;
}

/* Avatar "frame" */

#comment-list img {
border-color:transparent;
background-color: #000000;
}

/* Username & Date area */

#comment-list .options {
color: #000000;
background-color: transparent;
}

/* Username/Report/Delete links */

#comment-list .options a {
color: #000000;
}

/* Comment pages */

.pages {
background-color: transparent;
}

/* "PAGES" -text */

.pages .info {
color: #000000;
}

/* Page numbers - links */

.pages a {
color: #000000;
}

/* "Add comment" area */

.add-comment {
background-color: transparent;
}

/* "Add comment" link */

.add-comment a {
color: #000000;
}

a { color:black!important; text-decoration:none; cursor:crosshair!important;}
a:hover {color:#7F7891!important;DodgerBlue!important; text-decoration: line-through!important; background-color:none!important;font-size:100%!important}

a img {border:0px !important;}

* {line-height:none;}

h1, #stories h2, #articles h2, #poems h2, #photos h2, #about-section h2, #friends h2, #about h2, #journals h2 {
color: black!important;
letter-spacing:-1px !important;
font-size:25pt !important;
font-family:georgia !important;
font-weight:normal !important;
background-color:transparent!important;
text-align:center !important;
display:block !important;
}

http://i27.tinypic.com/2n1gec4.png
I made this David Tennant DIV last night.
It's HTML/CSS.

If you want to use it message me and I'll send it to you in a message.
I'm going to be making a Gareth David-Lloyd/Ianto layout soon.

Hey guys.
I made another HTML/CSS div.
This time it's Ianto Jones.

http://i25.tinypic.com/2zhmj4o.png

PM me for the code.

screen shot one
screen shot two

body { background-color: #000000; margin: 25px 25px 25px 25px; }

#main { border-width: 100; background-color: #000000; }

#about-section { background-color: #000000; }

#comment-list li { color: #ffffff; background-color: #000000; }

#comment-list img { border-color: #ffffff; background-color: #000000; }

#comment-list .options { color: #ffffff; background-color: #000000; }

#comment-list .options a { color: #777777; }

.pages { background-color: #000000; }

.pages .info { color: #000000; }

.pages a { color: #777777; }

.add-comment { background-color: #000000; color: #ffffff; }

.add-comment a { color: #777777; }

h1 { color: #ffffff; background-color: #000000; font-family: times; font-size: 43px; letter-spacing: -6px; }

#stories h2 { color: #ffffff; background-color: #000000; font-family: times; font-size: 43px; letter-spacing: -6px; }

#journals h2 { color: #ffffff; background-color: #000000; font-family: times; font-size: 43px; letter-spacing: -6px; }

#articles h2 { color: #ffffff; background-color: #000000; font-family: times; font-size: 43px; letter-spacing: -6px; }

#poems h2 { color: #ffffff; background-color: #000000; font-family: times; font-size: 43px; letter-spacing: -6px; }

#photos h2 { color: #ffffff; background-color: #000000; font-family: times; font-size: 43px; letter-spacing: -6px; }

#about-section h2 { color: #ffffff; background-color: #000000; font-family: times; font-size: 43px; letter-spacing: -6px; }

#friends h2 { color: #ffffff; background-color: #000000; font-family: times; font-size: 43px; letter-spacing: -6px; }

#about h2 { color: #ffffff; background-color: #000000; font-family: times; font-size: 43px; letter-spacing: -5px; }

#info-section { background-color: #ffffff; }

body { background-color: #ffffff; background-image: url(http://i47.photobucket.com/albums/f183/xxOnAHolidayxx/Collagecopy.jpg);
background-repeat: repeat; background-position: right; }

#main { background-color: #000000; }

#about-section { background-color: #000000; }

#main { border-color: #ffffff; background-image: url(http://i47.photobucket.com/albums/f183/xxOnAHolidayxx/Collagecopy.jpg); background-position: bottom left; background-repeat: repeat; }

#image, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img { background-color: #222222; }

#info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div { background-color: #555555; }

#image img, #articles li img, #photos .photo { background-color: #777777; }

#image img, #articles li img, #friends img, #photos .photo { border-color: #999999; }

#friends div { color: #ffffff; }

A:link { text-decoration: none}

a:hover{ color: #6E2C00; font-family: times; text-transform: lowercase; text-decoration: line-through; letter-spacing: -2px; word-spacing: 4px; font-weight: italic; }

html body div #menu { padding: 5px 10px; Margin: 50px 50px -1px 0px; font-size: 14px; text-align: center; color: #777777; background-color: #000000; font-family: times; }

html body div #menu a { color: #777777; padding: 2px; text-decoration: none; }

html body div #menu a:hover { text-decoration: none; }

html body div #options { padding: 5px 10px; font-size: 11px; text-align: center; color: #ffffff; background-color: #000000; font-family: times; }

html body div #options a { color: #ffffff; padding: 2px; text-decoration: none; }

html body div #options a:hover { text-decoration: underline; }

html body div #options span a { color: #ffffff; }

body { margin: 10; padding: 10; background-color: #ffffff; font-family: times; }

textarea { font-family: Arial, ; font-size: 1em; }

a { color: #ffffff; text-decoration: none; }

a:hover { color: #ffffff; }

seize the day - screenshot one
seize the day - screenshot two

body
{
background-color:#ffffff;
font-color:#000000;
margin: 75px 75px 25px 25px;
text-align: center;
}

a:link
{
color:#333399;
text-decoration:none;
font-family:serif;
font-weight: 900;
text-align: center;
}

a:hover
{
color: #000000;
font-family: times;
text-transform: lowercase;
letter-spacing: -2px;
word-spacing: 4px;
font-weight: italic;
text-align: center;
}

#main
{
border-style:double;
border-color:#000000;
background-color:#ffffff;
text-align: center;
}

#about-section
{
background-color:#ffffff;
text-align: center;
}

#comment-list li
{
color:#000000;
text-transform:lowercase;
font-family: serif;
background-color:#ffffff;
text-align: center;
border-style:double;
border-width:small;
border-style:double;
}

#comment-list img
{
border-color: #000000;
border-style:double;
border-width:small;
border-style:dashed;
background-color: #ffffff;
text-align: center;
}

#comment-list .options
{
color: #6699FF;
background-color: #ffffff;
text-align: center;
}

#comment-list .options a
{
color:#333399;
text-transform:lowercase;
font-family:times;
text-align: center;
}

#comment-list .options a
{
color:#333399;
text-decoration:none;
font-family:times;
font-weight: 900;
text-align: center;
}

#comment-list .options a:hover
{
color: #000000;
font-family: times;
text-transform: lowercase;
letter-spacing: -2px;
word-spacing: 4px;
font-weight: italic;
text-align: center;
}

.pages
{
background-color: #ffffff;
text-align: center;
}

.pages .info
{
color:#000000;
font-family: serif;
text-transform: lowercase;
text-align: center;
}

.pages a
{
color: #000000;
text-align: center;
}

.add-comment
{
background-color: #ffffff;
color:#000000;
text-align: center;
}

h1
{
color: #000000;
background-color: #ffffff;
font-family: serif;
font-size: 43px;
font-variant:small-caps;
letter-spacing: -5px;
text-align: center;
}

#stories h2
{
color: #000000;
background-color: #ffffff;
font-family: serif;
font-size: 43px;
font-variant:small-caps;
letter-spacing: -5px;
text-align: center;
}

#journals h2
{
color: #000000;
background-color: #ffffff;
font-family: serif;
font-size: 43px;
font-variant:small-caps;
letter-spacing: -5px;
text-align: center;
}

#articles h2
{
color: #000000;
background-color: #ffffff;
font-family: serif;
font-size: 43px;
font-variant:small-caps;
letter-spacing: -5px;
text-align: center;
}

#poems h2
{
color: #000000;
background-color: #ffffff;
font-family: serif;
font-size: 43px;
font-variant:small-caps;
letter-spacing: -5px;
text-align: center;
}

#photos h2
{
color: #000000;
background-color: #ffffff;
font-family: serif;
font-size: 43px;
font-variant:small-caps;
letter-spacing: -5px;
text-align: center;
}

#about-section h2
{
color: #000000;
background-color: #ffffff;
font-family: serif;
font-size: 43px;
font-variant:small-caps;
letter-spacing: -5px;
text-align: center;
}

#friends h2
{
color: #000000;
background-color: #ffffff;
font-family: serif;
font-size: 43px;
font-variant:small-caps;
letter-spacing: -5px;
text-align: center;
}

#about h2
{
color: #000000;
background-color: #ffffff;
font-family: serif;
font-size: 43px;
font-variant:small-caps;
letter-spacing: -5px;
text-align: center;
}

#info-section
{
background-color: #ffffff;
text-align: center;
}

body
{
background-color: #ffffff;
text-align: center;
}

#main
{
background-color: #ffffff;
text-align: center;
}

#about-section
{
background-color: #ffffff;
font-family:serif;
text-align: center;
}

#main
{
border-color: #000000;
background-attachment: fixed;
background-image: url(http://i47.photobucket.com/albums/f183/xxOnAHolidayxx/capture_139.jpg);
background-position: center top;
background-repeat: no-repeat;
text-align: center;
}

#image,
#info,
#stories,
#articles,
#poems,
#journals,
#friends,
#photos,
#friends a:hover img
{
background-color: #ffffff;
text-align: center;
}

#info dt,
#info dd,
#stories li,
#articles li,
#poems li,
#journals li,
#friends img,
#photos .photo div
{
background-color: #111111;
text-align: center;
}

#image img,
#articles li img,
#photos .photo
{
background-color: #000000;
text-align: center;
}

#image img,
#articles li img,
#friends img,
#photos .photo
{
border-color: #999999;
text-align: center;
}

#friends div
{
color: #000000;
font-family:serif
text-align: center;
}

html body div #menu
{
padding: 5px 10px;
Margin: 350px 50px 0px 0px;
font-size: 14px;
text-align: center;
color: #777777;
background-color: #000000;
font-family: times;
}

html body div #menu a
{
color: #ffffff;
padding: 2px;
text-decoration: none;
text-align: center;
font-family:serif;
}

html body div #menu a:hover
{
text-decoration: none;
font-family:times;
font-size:15px;
}

html body div #options
{
padding: 5px 10px;
font-size: 10px;
text-align: center;
color: #ffffff;
background-color: #000000;
font-family: serif;
}

html body div #options a
{
color: #ffffff;
padding: 2px;
text-decoration: none;
font-size:10px;
}

html body div #options a:hover
{
text-decoration: underline;
font-family:times;
}

body
{
margin: 10;
padding: 10;
background-color: #ffffff;
background-attachment: fixed;
background-image: url(http://i47.photobucket.com/albums/f183/xxOnAHolidayxx/capture_139.jpg);
background-position: center top;
background-repeat: no-repeat;
font-family: times;
font-size:14px;
}

Stripes

html body div #menu {
font-family: Georgia;
}

html body div #options {
font-family: Arizona;
}

body
{
background-image: url(http://i178.photobucket.com/albums/w264/heyoh_2000/rainbow.gif);
background-repeat: fixed;
font-family: Tahoma;
}

h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {
font-size: 2em;
}

#main {
background-image: none;
overflow: hidden;
}

#info-section {
border-style: none;
border-width: 0 0 10px 0;
}

#about-content {
line-height: 1.7em;
}

html body div #menu, #info-section {
background-color: transparent;
}

#main, #info-section, #photos .photo, #friends img, #comment-list img {
border-color: transparent;
}

#photos .photo, #comment-list li, #comment-list img, .pages, .add-comment, html body div #options, h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color: transparent;
}

#image img {
border-color: transparent;
}

body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
background-color: transparent;
}

.pages .info {
color: #000000;
}

h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, html body div #menu a, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, html body div #options a, html body div #options span a, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
color: #000000;
}

#stories li span, #articles li span, #poems li span, #journals li span {
color: #000000;
}

#articles li img {
padding: 0;
border-color: #fff;
}

#main {
width: 575px;
text-align: center;
}

#info dt {
width: 270px;
}

#info dd {
width: 260px;
text-align: left;
}

#info-section {
width: 575px;
}

#photos {
padding: 10px 40px 30px 40px;
}

#about-section h2 {
text-align: center;
}

#photos h2{
margin-left: -75px;
}

Diamonds

And it continues to go down with all the stuff.
html body div #menu {
font-family: Georgia;
}

html body div #options {
font-family: Georgia;
}

body
{
background-image: url(http://i105.photobucket.com/albums/m205/DIN0SAURSareRADD/cute.png);
background-repeat: fixed;
font-family: Georgia;
}

h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2 {
font-size: 2em;
}

#main {
background-image: none;
overflow: hidden;
}

#info-section {
border-style: none;
border-width: 0 0 10px 0;
}

#about-content {
line-height: 1.7em;
}

html body div #menu, #info-section {
background-color: transparent;
}

#main, #info-section, #photos .photo, #friends img, #comment-list img {
border-color: transparent;
}

#photos .photo, #comment-list li, #comment-list img, .pages, .add-comment, html body div #options, h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color: transparent;
}

#image img {
border-color: transparent;
}

body, #main, #comment-list .options, #about-section, #image, #image img, #info, #stories, #articles, #poems, #journals, #friends, #photos, #friends a:hover img {
background-color: transparent;
}

.pages .info {
color: #000000;
}

h1, #stories h2, #poems h2, #articles h2, #photos h2, #journals h2, #friends h2, #about-section h2, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, html body div #menu a, #comment-list .options a, .pages a, .add-comment a, #about-content, #comment-list li, #comment-list .options, html body div #options a, html body div #options span a, #info dt, #info dd, #stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div, #stories li h3 a, #articles li h3 a, #poems li h3 a, #journals li h3 a, #about-content a, #stories li span a, #articles li span a, #poems li span a, #journals li span a {
color: #000000;
}

#stories li span, #articles li span, #poems li span, #journals li span {
color: #000000;
}

#articles li img {
padding: 0;
border-color: #fff;
}

#main {
width: 575px;
text-align: center;
}

#info dt {
width: 270px;
}

#info dd {
width: 260px;
text-align: left;
}

#info-section {
width: 575px;
}

#photos {
padding: 10px 40px 30px 40px;
}

#about-section h2 {
text-align: center;
}

#photos h2{
margin-left: -75px;
}

blue purple and pink tye dye layout

/* Top Menu */

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a {
color: #CC66CC;
background-color: #FF3366;
}

html body div #options, html body div #options a, html body div #options span a, html body div #options span {
color: #CC66CC;
background-color: #FF3366;
}

/* Main Page */

body { /* Page Background */
background-color: #000000;
background-image: url(http://i95.photobucket.com/albums/l136/bidaisy/BACKGROUNDS.jpg);
background-position: bottom;
background-repeat: repeat;
margin-bottom: 350px;
}

/* Table */

#main { /* border */

border-color: #99CCFF;
background-position: center top;
background-repeat: no-repeat;
border-bottom-width: 10px;
border-top-width: 10px;
border-left-width: 10px;
border-right-width: 10px;
}

#main { /* background */
background-color: #FF3366;
}

#about-section { /* about & comments background */
background-color: #FF3366;
}

/* Info Section*/

h1 { /* username */
color: #99CCFF;
background-color: #CC66CC;
text-align: center;
}

#info-section, #info { /* background */
background-color: #FF3366;
}

#image { /* picture background (behind border) */
background-color: #FF3366;
}

#info dt { /* category */
background-color: #FF3366;
color: #99CCFF;
}

#info dd { /* answer */
background-color: #FF3366;
color: #99CCFF;
}

/* About Section */

#about-section h2 { /* About: title */
color: #99CCFF;
background-color: #CC66CC;
text-align: center;
}

#about-content { /* About: background */
background-color: #FF3366;
background-image: url();
background-position: center bottom;
background-repeat: no-repeat;
color: #ccc;
}

/*Menu Colors*/

#friends a:hover img {
background-color: #FF3366;
}

#stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color: #FF3366;
}

#articles li img, #photos .photo {
background-color: #FF3366;
}

#image img {
background-color: #FF3366;
}

#image img, #articles li img, #friends img, #photos .photo {
border-color: #000000;
}

#friends div {
color: #99CCFF;
}

/* Story section */

#stories { /* Story: area */
background-color: #FF3366;
}

#stories h2 { /* Story: title */
color: #99CCFF;
background-color: #CC66CC;
}

#stories li { /* Story: list */
color: #99CCFF;
background-color: #FF3366;
}

#stories li span { /* Story: text color */
color: #99CCFF;
}

#stories ul li a { /* Story: link color */
color: #99CCFF;
}
/* Poem section */

#poems { /* Poem: area */
background-color: #FF3366;
}

#poems h2 { /* Poem: title */
color: #99CCFF;
background-color: #CC66CC;
}

#poems li { /* Poem: list */
color: #99CCFF;
background-color: #FF3366;
}

#poems li span { /* Poem: text color */
color: #99CCFF;
}

#poems ul li a { /* Poem: link color */
color: #99CCFF;
}

/* Photos section */

#photos { /* Photos: area */
background-color: #FF3366;
}

#photos h2 { /* Photos: title */
color: #99CCFF;
background-color: #CC66CC;
}

#photos li { /* Photos: list */
color: #99CCFF;
background-color: #FF3366;
}

#photos li span { /* Photos: text color */
color: #99CCFF;
}

#photos ul li a { /* Photos: link color */
color: #99CCFF;
}

/* Friends section */

#friends { /* Friends: area */
background-color: #FF3366;
}

#friends h2 { /* Friends: title */
color: #99CCFF;
background-color: #CC66CC;
}

#friends li { /* Friends: list */
color: #99CCFF;
background-color: #FF3366
}

#friends li span { /* Friends: text color */
color: #99CCFF;
}

#friends ul li a { /* Friends: link color */
color: #99CCFF;
}

/* Comments */

#comment-area h2 { /* Comment: title */
color: #99CCFF;
background-color: #CC66CC;
}

#comment-list li { /* Comment: comment background */
color: #99CCFF;
background-color: #FF3366;
text-align: center;
}

#comment-list img { /* Comment: avatar "frame" */

border-color: #a0191f;
background-color: #CC66CC;
}

#comment-list .options { /* Comment: username & date area */
color: #99CCFF;
background-color: #CC66CC;
}

#comment-list .options a { /* Comment: username/report/delete links */
color: #99CCFF;
}

.pages { /* Comment: comment pages */
background-color: #CC66CC;
}

.pages .info { /* Comment: "PAGES" - text */
color: #99CCFF;
}

.pages a { /* Comment: page numbers - links */
color: #99CCFF;
}

.add-comment { /* Comment: "add comment" area */
background-color: #CC66CC;
}

.add-comment a { /* Comment: "add comment" link */
color: #99CCFF;
}

Butterflies And Stars

CSS CODE

/* Top Menu */

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a {
color: #fffffff;
background-color: transparent;
}

html body div #options, html body div #options a, html body div #options span a, html body div #options span {
color: #ffffff;
background-color: transparent;
}

/* Main Page */

body { /* Page Background */
background-color: transparent;
background-image: url(http://i141.photobucket.com/albums/r59/Hannah77456/stars%20hearts%20rainbows%20butterfly/starsonblack.jpg);
background-position: left;
background-repeat: repeat;
}

/* Table */

#main { /* border */
border-color: transparent;
background-image: url();
border-bottom-width: 10px;
border-top-width: 10px;
border-left-width: 10px;
border-right-width: 10px;
}

#main { /* background */
background-color: transparent;
}

#about-section { /* about & comments background */
background-color: transparent;
}

/* Info Section*/

h1 { /* username */
color: #fffffff;
background-color: transparent;
text-align: center;
}

#info-section, #info { /* background */
background-color: transparent;
}

#image { /* picture background (behind border) */
background-color: transparent;
}

#info dt { /* category */
background-color: transparent;
color: #ffffff;
}

#info dd { /* answer */
background-color: transparent;
color: #ffffff;
}

/* About Section */

#about-section h2 { /* About: title */
color: #ffffff;
background-color: transparent;
text-align: center;
}

#about-content { /* About: background */
background-color: #000000;
background-image: url(http://i141.photobucket.com/albums/r59/Hannah77456/stars%20hearts%20rainbows%20butterfly/thbutterfly.jpg);
background-position: left bottom;
background-repeat: no-repeat;
color: #fff;
}

/*Menu Colors*/

#friends a:hover img {
background-color: transparent;
}

#stories li, #articles li, #poems li, #journals li, #friends img, #photos .photo div {
background-color: transparent;
}

#articles li img, #photos .photo {
background-color: transparent;
}

#image img {
background-color: transparent;
}

#image img, #articles li img, #friends img, #photos .photo {
border-color: transparent;
}

#friends div {
color: #ffffff;
}

/* Story section */

#stories { /* Story: area */
background-color: transparent;
}

#stories h2 { /* Story: title */
color: #ffffff;
background-color: transparent;
}

#stories li { /* Story: list */
color: #ffffff;
background-color: transparent;
}

#stories li span { /* Story: text color */
color: #ffffff;
}

#stories ul li a { /* Story: link color */
color: #ffffff;
}

/* Poem section */

#poems { /* Poem: area */
background-color: transparent;
}

#poems h2 { /* Poem: title */
color: #ffffff;
background-color: transparent;
}

#poems li { /* Poem: list */
color: #fffffff;
background-color: transparent;
}

#poems li span { /* Poem: text color */
color: #ffffff;
}

#poems ul li a { /* Poem: link color */
color: #ffffff;
}

/* Photos section */

#photos { /* Photos: area */
background-color: transparent;
}

#photos h2 { /* Photos: title */
color: #ffffff;
background-color: transparent;
}

#photos li { /* Photos: list */
color: #ffffff;
background-color: transparent;
}

#photos li span { /* Photos: text color */
color: #ffffff;
}

#photos ul li a { /* Photos: link color */
color: #ffffff;
}

/* Friends section */

#friends { /* Friends: area */
background-color: #000000;
background-image: url(http://i141.photobucket.com/albums/r59/Hannah77456/stars%20hearts%20rainbows%20butterfly/thbutterfly.jpg);
background-position: right bottom;
background-repeat: no-repeat;
color: #fff;

}

#friends h2 { /* Friends: title */
color: #ffffff;
background-color: transparent;
}

#friends li { /* Friends: list */
color: #ffffff;
background-color: transparent;
}

#friends li span { /* Friends: text color */
color: #ffffff;
}

#friends ul li a { /* Friends: link color */
color: #ffffff;
}

/* Comments */

#comment-area h2 { /* Comment: title */
color: #000000;
background-color: transparent;
}

#comment-list li { /* Comment: comment background */
color: #ffffff;
background-color: transparent;
text-align: center;
}

#comment-list img { /* Comment: avatar "frame" */

border-color: transparent;
background-color: transparent;
}

#comment-list .options { /* Comment: username & date area */
color: #ffffff;
background-color: transparent;
}

#comment-list .options a { /* Comment: username/report/delete links */
color: #ffffff;
}

.pages { /* Comment: comment pages */
background-color: transparent;
}

.pages .info { /* Comment: "PAGES" - text */
color: #ffffff;
}

.pages a { /* Comment: page numbers - links */
color: #ffffff;
}

.add-comment { /* Comment: "add comment" area */
background-color: transparent;
}

.add-comment a { /* Comment: "add comment" link */
color: #ffffff;
}