Charlatans and Saints [v.6]

RULES
Do not claim as your own.
Do not edit the stylesheet.
DO NOT REMOVE THE WATERMARK!
Enjoy!

Billie Joe Armstrong 2 (Peacemaker) HTML::

CSS code::

PASTE THIS IN YOUR CSS::

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { color: #8c8c8c; background-color: transparent; font-size: 09px; }

html body div #options, html body div #options a, html body div #options span a, html body div #options span { color: #832323; background-color: transparent; font-size: 09px; }

#comments
{
font-size: .9em;
color: #c5ccc2;
background-color: transparent;
width: 415px;
height: 120px;
overflow: hidden;
}

.options
{
clear: left;
position: relative;
text-align: left;
margin-top: 5px;
padding: 5px 20px;
color: #c5ccc2;
background-color: transparent;
}

.options a
{
margin-left: 0px;
background-color: transparent;
}

.options .number
{
position: absolute;
top: 5px;
left: 5px;
color: #c5ccc2;
}

a.comment
{
padding-left: 30px;
background: url(none) left center no-repeat;
}

a.report
{
padding-left: 30px;
background: url(none) left center no-repeat;
}

a.comment-edit
{
padding-left: 30px;
background: url(none) left center no-repeat;
}

a.comment-add
{
padding-left: 10px;
background: url(none) left center no-repeat;
}

a.comment-delete
{
padding-left: 30px;
background: url(none) left center no-repeat;
}

a.profile
{
padding-left: 30px;
background: url(none) left center no-repeat;
}

.pages { 
background-color: transparent; 
color: #c5ccc2;
}
.pages .info { 
color: #c5ccc2; 
font-family: verdana; 
text-transform: lowercase;
font-size: 9px; 
}

#comment-list
{
list-style: none;
margin: 5px 1px;
padding: 0;
font-size: 1.0em;
}

#comment-list li
{
margin: 0 0 10px 0;
padding: 0px 0px;
background-color: transparent; 
}

#comment-list a:hover
{
text-decoration: none;
}

#comment-list img
{
border-color: #333333; 
background-color: #832323; 
font-family:trebuchet ms; 
font-size:9px; 
width: 45px; 
height: 50px; 
align: left;
}

#comment-list p
{
float: left;
width: 315px;

}

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

#comment-list .options span
{
font-size: 0.9em;
padding: 0 10px 0 0;
}

#comment-list .options a
{
margin-left: 20px;
outline: none;
}

#popup
{
z-index: 2;
margin-top:  30px;
margin-left: 260px;
margin-bottom:0px;
position: absolute;
top: 0px;
left: 0px;
width: 360px;
padding-bottom: 10px;
border: black 5px double;
color: #black;
background-image:url(http://i42.tinypic.com/24e9c35.jpg);
font-size: 0.8em;
text-align: center;
}

#popup-background
{
position: absolute;
top: 0px;
left:0px;
width: 100%;
height: 100%;
padding: 10px 0;
background-color:transparent;
color: 121212;
}

#popup h2
{
color: #832323;
font-family:georgia;
font-size:15px;
line-height: 15px;
text-align:right;
text-transform:uppercase;
background-image:url(http://i42.tinypic.com/24e9c35.jpg);
margin-left:0px;
padding: 4px 7px;
}

#popup label
{
display: block;
color: #333333;
font-family:verdana;
font-size:5px;
line-height: 5px;
text-align:right;
background-color:#121212;
font-size:10px;
padding: 3px 5px;
}

#popup .check
{
text-align:center;
padding: 4px 7px;
}

#popup .check label
{
display: inline;
background-color: transparent;
font-weight: italics;
}

#popup .inside
{
padding-left: 25px;
margin-bottom: 5px;
}

#popup .inside label
{
font-weight: normal;
}

#popup textarea
{
width: 250px;
margin: 8px 8px;
padding: 2px 4px;
background-color:#832323;
border: #000 3px double;
font-family:georgia;
color: #121212;
font-size:10px;
text-align: center;
}
#popup button
{
clear: left;
margin: 3px 3px;
border: #121212 1px solid;
font-family:verdana;
font-size:9px;
line-height: 5px;
color:#c5ccc2;
background-color:#121212;
}

#popup #comment-delete
{
margin-top: 15px;
}

#popup p
{
margin: 0;
padding: 15px;
}

#popup p.error
{
color: #b00;
}

#popup-options
{
border-bottom:#ea67a8; 1px solid;
text-align: center;
font-size: 0.9em;
}

#popup-options a
{
color:#333333;
font-family:verdana;
font-size:10px;
line-height: 5px;
text-align:right;
text-decoration: none;
padding: 2px 4px;
display: block;
background-color:#121212;
}

#popup-options a:hover
{
background-color: #121212;
text-align:left;
}

HTML code:

PASTE THIS IN YOUR HTML::

.header{
position:absolute;
top:0px;
left:0px;
width: 833px;
height: 800px;
background:url(http://i43.tinypic.com/2eaosbn.png); center; no-repeat;
background-color:transparent;
overflow:hidden;
border:0px;
}

img,a:active img,a:visited img,a:link img,a:hover img{
border:0px;
cursor:normal;
!important
}

font, td, a,table, body, td, li, p, div, li, h1, h2, p, br,.text,small,big,sup,sub{
font-family:verdana;
font-size:9px;
color:#c5ccc2;
font-weight:normal;
text-decoration:none;
letter-spacing: 0px;
text-transform:none;
line-height:9px;
}

b{
font-family:georgia;
font-size:20px;
color:#832323;
background-color:transparent;
letter-spacing: 0px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
line-height:15px;
}

s{
font-family:verdana;
font-size:9px;
color:#333333;
background-color:transparent;
letter-spacing: 0px;
font-weight:line-through, lighter;
text-decoration:strikethrough;
text-transform:uppercase;
line-height:9px;
}

i{
font-family:verdana;
font-size:9px;
color:#333333;
letter-spacing: 0px;
font-weight:italize;
text-decoration:none;
text-transform:none;
line-height:9px;
}

u{
font-family:verdana;
font-size:9px;
color:#832323;
letter-spacing: 0px;
text-transform:none;
line-height:9px;
border-bottom: 1px solid; 
border-color:#333333;
}

a:active,a:link, a:visited{
color:#832323;
letter-spacing: 0px;
font-family:verdana;
font-size:9px;
text-transform:lowercase;
font-weight:normal;
line-height:9px;
}

a:hover{
color:#c5ccc2;
background-color:#111111;
letter-spacing: 0px;
font-family:verdana;
font-size:9px;
text-transform:lowercase;
font-weight:normal;
cursor: se-resize;
line-height:9px;
}

A.nav:link, A.nav:visited, A.nav:active {
display : block;
text-decoration : none;
text-transform : uppercase;
font-family : verdana;
font-size : 9px;
letter-spacing : 1px;
color : #ffffff;
}
a.nav:hover {
display : block;
background-color : #832323;
text-decoration : none;
text-transform : uppercase;
font-family : verdana;
font-size : 9px;
letter-spacing : 1px;
color : #111111;
border-left : 1px solid #c5ccc2;
border-right : 1px solid #c5ccc2;
}

.layer1{
position:absolute;
left:240px;
top:780px;
width:415px;
overflow:hidden;
border:0px;
background-color:transparent;
z-index:4;
text-align:left;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}

.layer2{
position:absolute;
left:23px;
top:765px;
width:210px;
height:259px;
overflow:hidden;
border:0px;
background-color:transparent;
z-index:4;
text-align:left;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}

</style>

<div class="header"></div>
<div class="layer1">
<div style='width: 415px; overflow:auto; padding: 0px;'>
Type all you want about yourself here. Favourite bands, music, books, heroes, whatever.<br>
Links to your stories or friends?<br>
Here's what basic HTML looks like on this layout.<br>
<b>bold</b> <s>strike</s> <u>underline</u> <i>italics</i> <a href=http://www.mibba.com>link</a><br>
<HR SIZE=1 WIDTH=90%  COLOR=333333>
All graphics, codes and content made by <a href=http://www.charlatansandsaints.webs.com>Ash @ Charlatans and Saints</a>!<br>
Want one? Ask, don't steal. It kills babies.<br>

<div id="comment-area">
{COMMENTS}
</div>

<br>
<p>

</div>

<b>NAME:</b> your name here <br>
<b>LOCATION:</b> where you live<br>
<b>SIGN:</b> astrological sign <br>
<b>STATUS:</b> single? taken?<br>
<b>ORIENTATION:</b> here<br>
<b>LINKS:</b> other websites? Instant messengers?
<HR SIZE=1 WIDTH=100%  COLOR=333333>
<b>STORIES</b><br>
I.<i>Title</i>
<a href="story url">Latest Chapter</a><br>
II.<i>Title</i>
<a href="story url">Latest Chapter</a><br>
III.<i>Title</i>
<a href="story url">Latest Chapter</a><br>
IV.<i>Title</i>
<a href="story url">Latest Chapter</a><br>
V.<i>Title</i>
<a href="story url">Latest Chapter</a><br>
<HR SIZE=1 WIDTH=100%  COLOR=333333>
<b>FRIENDS</b><br>
<table width="200">
<tr><td align="left" width="50" height="0">
<a href="//urlhere//" class="nav">friend</a><br>
<a href="//urlhere//" class="nav">friend</a><br>
<td align="left" width="50" height="0">
<a href="//urlhere//" class="nav">friend</a><br>
<a href="//urlhere//" class="nav">friend</a><br>
<td align="left" width="50" height="0">
<a href="//urlhere//" class="nav">friend</a><br>
<a href="//urlhere//" class="nav">friend</a><br>
<td align="left" width="50" height="0">
<a href="//urlhere//" class="nav">friend</a><br>
<a href="//urlhere//" class="nav">friend</a><br>
</td></tr></table>
<p>
</div>

Billie Joe Armstrong 1 (21 Guns) HTML::

CSS code::

PASTE THIS IN YOUR CSS::

html body div #menu, html body div #menu a, html body div #menu span, html body div #menu span a { color: #c3af17; background-color: transparent; font-size: 09px; }

html body div #options, html body div #options a, html body div #options span a, html body div #options span { color: #6f5d0b; background-color: transparent; font-size: 09px; }