Textured

Designer's Comments

Look carefully for specific instructions

Please leave credits on the layout, redistribution is not allowed. Do not claim ownership of the layout in any way - it belongs to ME :P

You can download this layout as a wordpress theme at http://hiddentragedy.com/wordpress-themes (:

(The layout has valid XHTML + CSS)

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

body { 
text-align: center;
background: #383838;
padding : 0; 
font : 90%/150% "Trebuchet MS";
color : #071927; 
}

#header {
font : 700 50px "georgia";
font-style: italic;
color : #2F5857;
letter-spacing: -3px;
text-transform : none;
text-align: center;
padding-top: 30px;
background: url(http://i600.photobucket.com/albums/tt83/hiddentragedy/texture30.png?t=1245606607);
width : 800px;
height : 100px;
}

#container { 
background: #ffffff;
margin : 0 auto; 
text-align : left; 
width: 800px;
margin-top: 20px;
margin-bottom: 10px;
padding: 7px;
}

#sidebar { 
width: 200px;
float: right;
padding : 5px; 
}

#content {
width: 570px;
padding : 5px; 
float: left;
}

#footer { 
clear : both; 
border-top : 0.4px solid #454545;
font-weight: 400;
padding : 5px; 
text-align: left;
height : 40px;
}

#navdiv { 
margin : 0; 
}

#nav2 { 
padding : 5px; 
}

#navigation2 { 
list-style-type : none;
list-style-image : none; 
margin : 0; 
padding : 0; 
width : 100%; 
}

#navigation2 li { 
list-style-type : none; 
width: auto;
float : left; 
}

#navigation2 li a { 
background-color: #8E51AC;
font : 410 13px "Trebuchet MS";
font-weight:800;
text-align : center; 
text-transform : uppercase; 
color : #ffffff;
width: 156px;
letter-spacing: -1px;
padding : 2px; 
padding-bottom: 2px;
margin-bottom: 25px;
clear: both;
display : block; 
text-decoration : none; 
}

#navigation2 li a:hover { 
background-color: #23B89A;
font : 410 13px "Trebuchet MS";
font-weight:800;
text-align : center; 
text-transform : uppercase; 
color : #ffffff;
width: 156px;
letter-spacing: -1px;
padding : 2px; 
padding-bottom: 2px;
margin-bottom: 25px;
clear: both;
display : block; 
text-decoration : none; 
border-bottom: 0px solid #000000;
}

.entrytext { 
font-weight : 400; 
}

.date-blog { 
color : #2F5857; 
font:60%/120% "Trebuchet MS";
text-transform: uppercase;
}

i, em { 
color : #36AA9F;
}

b, strong {
color: #A768BF;
}

.commenter-name { 
color : #A768BF; 
text-transform : uppercase; 
}

.comments { 
background-color : #ffffff; 
width : 450px; 
text-align : left;
color : #000000;  
padding : 6px; 
border : 4px double #383838;
}

h1 {
color: #A461B9;
font:190%/120% "Trebuchet MS";
text-align: left;
font-style: italic;
font-weight:700;
text-transform: none;
letter-spacing : -1px;
margin:0;
padding:0;
border-bottom: 4px double #17AC8B;
}

h2 { 
color : #2F5857; 
font:120%/120% "Trebuchet MS";
text-transform: uppercase;
padding: 2px;
text-align: center;
}

h2:first-letter { 
font:120%/100% "Trebuchet MS";
font-weight: 400;
padding : 0px;
}

h3 {
background-color: transparent;
color : #2AC2A8; 
font:140%/140% "Trebuchet MS";
text-align: right; 
font-weight: 700;
text-transform: lowercase;
margin: 0;
padding : 4px; 
}

h4 {
background-color: #ffffff;
color : #000000; 
text-align:center;
font-size: 14px;
font-weight: 400;
text-transform:none;
margin:0;
padding:7px;
}

h5 {
background-color: transparent;
color : #009E80; 
font:120%/100% "Trebuchet MS";
letter-spacing:-1px;
text-align:center;
font-weight:400;
margin:0;
padding:12px;
}

.box {
background: #F1F9F5;
padding : 6px;
margin: 0;
text-decoration: none;
font-size:12px;
}

a:link,a:visited {
color: #9256C3;
font-weight:400;
text-align:justify;
text-decoration: none;
padding:0;
}

a:hover { 
color: #36BCB0;
border-bottom: 1px solid #9256C3;
}

blockquote { 
background: #ffffff;
width : 380px; 
text-align : center; 
color : #000000;  
border-left: 7px solid #B0C8D5;  
padding : 5px; 
margin: 0;
}

input, select, submit { 
color : #000000; 
background : #ffffff;  
text-decoration : none; 
text-align : left; 
border: 1px solid #000000;
}

</style>

</head>

<body>

Site Name Here

</div>

</ul>

</div>

<div class="box">
<h2>Header</h2>
Here you can put whatever you like, text, links, images, anything.   Remember to make it short and simple - it's only your sidebar.
</div>
<br />

</div>

<div id="content">
<h1>Title Here    <span class="date-blog">Date Here</span></h1>

Your blog goes here. <br /><br />

Please do not remove any credits from this layout, redistribution is not allowed.<br /><br />

<b>Bold Text</b><br />
<i>Italic Text</i><br />
<u>Underlined Text</u><br /><br />

<blockquote>This is an example of a blockquote.</blockquote>

<br /><br />
</div>
<div id="footer">
<center>
<b>© Your Site Name.</b>  Layout by <a href="http://hiddentragedy.com" target="_blank">HiddenTragedy</a><br />
Valid <a href="http://validator.w3.org/check?uri=referer" target="_blank">XHTML</a> & <a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank">CSS</a>. 
</center></div>
</div>
<br />
</body>
</html>