Cinema Bizarre

Designer's Comments

Look carefully for specific instructions

If you use it please leave a comment with your URL (if you want xDD) Thanks to http://ohpanic.info/ for the template :) (This layout have Valid XHTML & CSS 2.1.)

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>
<title>Your Site Name | Strify, Shin & Kiro (Cinema Bizarre)</title>
<link rel="stylesheet" href="/style.css" type="text/css" />
<style>
body, html { 
padding : 0; 
margin : 0; 
} 
body { 
background: #DBDBDB url() repeat-x;
text-align: center;
padding : 0; 
font : 75%/170% "Arial", sans-serif;
color : #141414; 
} 
#container { 
margin : 0 auto; 
text-align : left; 
padding : 10px; 
border : 0px solid #504834;
width: 740px;
margin-top: 10px;
margin-bottom: 20px;
} 
#header {
background : url('http://cbimg6.com/layouts/09/01/33540aa.png');
width : 800px;
margin: 0 auto 0 auto;
height : 600px;
margin-bottom : 10px;
} 
#sidebar { 
width: 200px;
float: right;
} 
#content {
width: 510px;
padding: 0px 10px 10px 10px;
float: left;
}
#footer { 
clear : both; 
padding : 15px; 
height : 35px;
text-align: center;
background : #C7C7C7;
margin-bottom: 5px;
} 
 
#navdiv { 
margin : 0; 
} 
#nav2 { 
padding : 5px; 
} 
#navigation2 { 
list-style-type : none; 
margin : 0; 
padding : 0; 
width : 100%; 
} 
#navigation2 li { 
list-style-type : none; 
float : left; 
} 
#navigation2 li a { 
font : 170% "arial"; 
text-align : center; 
text-transform : lowercase; 
color : #999999; 
font-weight:700;
letter-spacing : -1px; 
width : 140px;
display : block; 
margin-bottom: 20px;
background : transparent; 
text-decoration : none; 
} 
#navigation2 li a:hover { 
color : #8BFA8B;
background : transparent; 
} 
table {
color : #202020; 
} 
.entrytext { 
font-weight : 400; 
}

h1 {
color: #172032;
font:170%/140% "thoma";
letter-spacing:-1px;
text-align:left;
font-weight:700;
text-transform:uppercase;
margin:0;
padding:0;
}
h2 { 
background-color : transparent; 
color : #D0D07E; 
font:120%/120% "thoma";
letter-spacing : 1px; 
text-align : left; 
font-weight:700;
text-transform : uppercase;  
margin: 0;
padding : 0; 
} 
h3 {
background-color:transparent;
color:#999;
font:125%/125% "thoma";
letter-spacing:-1px;
text-align:left;
font-weight:700;
text-transform:uppercase;
margin:0;
padding:0;
} 
.box {
border-top : 2px solid #1e334e;
padding : 4px;
margin: 0;
}
a:link,a:visited {
text-decoration:none;
color: #820505;
font-weight:400;
text-align:justify;
text-transform:none;
padding:0;
} 
a:hover { 
color: #808080;
text-decoration : none; 
} 
blockquote { 
background : #C7C7C7;
width : 320px; 
text-align : left; 
color : #141414;  
border-left : 10px solid #26C5C5;  
padding : 4px; 
margin: 0;
}  
textarea { 
color : #141414; 
text-transform : none; 
background : #e0e0e0;  
text-decoration : none; 
text-align : left; 
border: 1px solid #294e77;
} 
input, select, submit { 
color : #141414; 
background : #e0e0e0;  
text-decoration : none; 
text-align : left; 
border: 1px solid #294e77;
} 
.alignleft {
float: left;
text-align: left;
}
a.affies:link, a.affies:visited, a.affies:active { 
display : block;
font : 12px/18px "Arial", sans-serif;
color : #5FCCCC; 
margin : 0; 
padding : 2px;
} 
a.affies:hover { 
color : #808080;
} 
</style>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>

<div id="sidebar">
<h2>Title Here</h2>
<div class="box">
This is your sidebar, you can add whatever you like to it. For example, site statistics, affiliates, layout information, and so on.
<br />
</div>
<br />
<h2>Affiliates</h2>
<div class="box">
<table width="190">
<tr>
<td align="left" width="90" height="0">
<a href="http://" class="affies">Affiliate Link</a>
<a href="http://" class="affies">Affiliate Link</a>
<a href="http://" class="affies">Affiliate Link</a>
<a href="http://" class="affies">Affiliate Link</a>
</td>
<td align="left">
<a href="http://" class="affies">Affiliate Link</a>
<a href="http://" class="affies">Affiliate Link</a>
<a href="http://" class="affies">Affiliate Link</a>
<a href="http://" class="affies">Affiliate Link</a>
</td>
</tr>
</table>
</div>
<br />
<h2>Title Here</h2>
<div class="box">
This is your sidebar, you can add whatever you like to it. For example, site statistics, affiliates, layout information, and so on.<br />
</div>
<br />
<h2>Title Here</h2>
<div class="box">
This is your sidebar, you can add whatever you like to it. For example, site statistics, affiliates, layout information, and so on.<br />
</div>
<br />
<br />
</div>

<div id="content">
Content here<br />
<br />
<center>
<blockquote>
This is an example of blockquote<br />
</blockquote>
</center>
<br />
<h1>Header 1</h1>
<h2>Header 2</h2>
<h3>Header 3</h3>
<a href="http://link.com">Link Example</a><br />
<strong>Strong Text</strong> <br />
<em>Em Text</em>
</div> 
</div>
<div id="footer">
<center>
© <strong>Your Site</strong> All rights reserved. <br />
<a href="http://hardheart.info/">♥</a>.
</center></div>