carrera
<!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">
<head profile="http://gmpg.org/xfn/11">
<title>Carrera</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type='text/css'>
/*
Theme Name: Carrera
Theme URI: http://www.themesjunction.com
Description: a clean and simple fixed width, 3-column layout with the sidebar on the right.
Author: Themes Junction
Author URI: http://www.themesjunction.com
*/
body {
font: 12px arial,verdana,sans-serif;
padding:0px;
margin:0px;
background:#8F939F;
}
#wrap {
clear: both;
width: 1004px;
padding:0;
margin:0px;
}
#content-container {
float: left;
width: 1004px;
padding:0px;
margin-top:0px;
margin:0px;
background:url(carrera-images/content-bg.gif) repeat-y center;
}
#content {
margin:0 0 0 20px;
}
#header {
height:404px;
width: 1004px;
padding:0px;
margin:0px auto;
background:url(carrera-images/header.jpg) no-repeat top center;
float:none;
}
#header h1
{
font:36px 'times new roman';
text-align:center;
padding-left:630px;
padding-top:65px;
font-weight:bold;
width:350px;
}
#header h1, h1 a, h1 a:visited {
text-decoration: none;
margin:0;
color:#ffffff;
}
#header h1 a:hover {
text-decoration: none;
color:#ffffff;
}
#subtitle {
padding-left:680px;
color: #ffffff;
font:14px 'times new roman';
text-align:left;
font-weight:bold;
}
#navlist-container{
padding:0px 0px 0 18px;
position:absolute;
top:0;
margin-top:0px;
height:30px;
float:left;
}
#navlist{
position:relative;
display:block;
height:40px;
font-size:12px;
font-weight:normal;
font-weight:bold;
padding:0;
font-family:Verdana,arial;
}
#navlist ul{
margin:0px;
padding:0px 0px 0 20px;
list-style-type:none;
width:auto;
float:left;
}
#navlist ul li{
display:block;
float:left;
margin:0 ;
width:110px;
}
#navlist ul li a{
display:block;
float:left;
color:#999999;
padding:13px 0px 0 0px;
width: 110px;
height: 30px;
background:url(carrera-images/menu.gif) no-repeat right top;
text-align: center;
text-decoration:none;
}
#navlist ul li a:hover,#navlist ul li.current_page_item a{
color:#4d4d4d;
background:url(carrera-images/menu.gif) no-repeat top left;
width: 110px; height: 30px;
text-align: center;
}
#navlist ul li .current_page_item a,#navlist ul li .current_page_item a:hover{
color:#3A5978;
width: 110px; height: 30px;
background:url(carrera-images/menu.gif) no-repeat top left;
}
#footer {
color:#ffffff;
font: 12px arial,verdana,sans-serif;
text-align:left;
height:106px;
float:left;
position:relative;
width:1004px;
margin:0px;
background:url(carrera-images/footer.gif) no-repeat bottom center;
}
.footerlinks
{
color:#ffffff;
text-align:left;
margin-top:50px;
padding-left:50px;
float:left;
}
.footerlinks a
{
color:#e5e5e5;
text-decoration:underline;
}
/* General Header Styles */
h2 {
margin-top:0;
font-size:16px;
}
h3 {
margin:0;
font-size:14px;
}
/* Post Related */
h2 a:hover, h2 a:visited, h2 a {
text-decoration:none;
}
.post-container
{
float:left;
width:600px;
margin-top:0px;
}
.post {
width:594px;
margin:0;
padding-top:0;
color:#323232;
float:none;
display:block;
margin-bottom:30px;
clear:both;
background:url(carrera-images/post-bg.gif) repeat-y left ;
}
.posttop {
width:594px;
height:60px;
color:#e5e5e5;
padding-top:15px;
background:url(carrera-images/post-top.gif) no-repeat top left;
}
.post p {
margin:0px;
}
.post a:hover {
color:#000000;
}
.posttop h2 {
font: 16px arial;
text-align:left;
overflow:visible;
margin-bottom:10px;
padding:0;
float:left;
font-weight:bold;
margin-left:10px;
width:550px;
border-bottom:2px dotted #FFFFFF;
}
.posttop h2 a {
color:#ffffff;
}
.postinfo {
width:560px;
clear:both;
color:#111111;
font-size:11px;
padding:5px 10px 0 10px;
line-height:40px;
}
.postinfo a {
text-decoration:none;
color:#C41407;
}
.postinfo a:hover {
color:#C41407;
text-decoration:underline;
}
.postinfo .posted {
float:left;
background:url(carrera-images/filled.gif) no-repeat left;
padding-left:18px;
padding-bottom:10px;
margin-right:0px;
}
.postinfo .published {
float:right;
background:url(carrera-images/date.gif) no-repeat left;
padding-left:20px;
width:120px;
padding-bottom:10px;
margin-right:0px;
}
.postbottom
{
font-size:11px;
color:#C41407;
text-align:left;
width:594px;
padding:0;
height:40px;
background:url(carrera-images/post-bottom.gif) no-repeat bottom left;
}
.postbottom a
{
text-decoration:none;
color:#111111;
}
.postbottom a:hover
{
text-decoration:underline;
color:#111111;
}
.postbottom .comments {
float:right;
background:url(carrera-images/comments.gif) no-repeat left bottom;
height:16px;
position:relative;
padding:15px 20px 0 20px;
}
.postbottom .rssfeed {
float:left;
display:none;
background:url(carrera-images/rssfeed.gif) no-repeat left ;
height:16px;
padding:13px 0 0 20px;
margin-left:7px;
}
.navigation a {
color:#A90101;
text-decoration:none;
}
.navigation a:hover
{
color:#A90101;
text-decoration:underline;
}
.navigation {
text-align:left;
width:530px;
float:left;
font-size:12px;
}
img.centered {
display: block;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
.navigation .alignright {
margin-bottom:10px;
}
.navigation .alignleft {
margin-bottom:10px;
}
.pagetitle{
font: bold 26px verdana;
margin-top:0;
margin-bottom:5px;
text-align:left;
color:#A90101;
overflow:visible
}
blockquote {
font-style:italic;
margin:5px;
border-left:5px solid #CD0100;
padding-left:5px;
}
a img {
border:0;
}
.entry {
font: 12px arial,verdana,sans-serif;
padding-right:20px;
padding-left:15px;
padding-bottom:10px;
text-align:justify;
clear:both;
}
.entrytext .postmetadata {
font: 12px arial,verdana,sans-serif;
}
.more-link {
font: 10px arial,verdana,sans-serif;
}
/* Sidebar Related */
#sidebars-area{
width:368px;
float:left;
}
#sidebars{
width:368px;
padding-left:10px;
float:left;
}
#sidebar {
width:160px;
padding-left:0px;
margin-top:0px;
margin-left:0px;
float:left;
}
#sidebar ul {
margin: 0 ;
padding: 0;
width:160px;
}
#sidebar ul h2{
font:14px 'times new roman';
color:#ffffff;
text-align:center;
font-weight:bold;
padding:10px 0 0 0px;
height:33px;
margin:0;
border:none;
background:url(carrera-images/topbar.gif) no-repeat top left;
}
#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin:0;
padding:0;
}
#sidebar ul li ul {
margin: 0 0 10px 0;
padding:0;
}
#sidebar ul ul li {
list-style-type: none;
margin-left:0px;
list-style-image: none;
color:#c4c4c4;
padding:5px 0 5px 0px;
margin-left:10px;
font:12px arial;
width:150px;
}
#sidebar ul ul ul li {
list-style-type: disc;
padding:0;
margin-left:5px;
color:#c4c4c4;
}
#sidebar p {
margin:0;
font: 10px arial,verdana,sans-serif;
}
#sidebar a {
color:#c4c4c4;
text-decoration:none;
}
#sidebar a:hover {
text-decoration:underline;
}
#sidebar2 {
width:160px;
padding-left:20px;
margin-top:0px;
margin-left:0px;
float:left;
}
#sidebar2 ul {
margin: 0 ;
padding: 0;
width:160px;
}
#sidebar2 ul h2{
font:14px 'times new roman';
color:#ffffff;
text-align:center;
font-weight:bold;
padding:10px 0 0 0px;
height:33px;
margin:0;
border:none;
background:url(carrera-images/topbar.gif) no-repeat top left;
}
#sidebar2 ul li {
list-style-type: none;
list-style-image: none;
margin:0;
padding:0;
}
#sidebar2 ul li ul {
margin: 0 0 10px 0;
padding:0;
}
#sidebar2 ul ul li {
list-style-type: none;
margin-left:0px;
list-style-image: none;
color:#c4c4c4;
padding:5px 0 5px 0px;
margin-left:10px;
font:12px arial;
width:150px;
}
#sidebar2 ul ul ul li {
list-style-type: disc;
padding:0;
margin-left:5px;
color:#c4c4c4;
}
#sidebar2 p {
margin:0;
font: 10px arial,verdana,sans-serif;
}
#sidebar2 a {
color:#c4c4c4;
text-decoration:none;
}
#sidebar2 a:hover {
text-decoration:underline;
}
/* User Comment Specific */
#comment
{
border:1px solid #333333;
color:#333333;
background:#ffffff;
height:160px;
width:450px
}
#respond
{
padding-left:10px;
}
#commentform
{
padding:10px;
}
#commentform input
{
color:#333333;
background-color:#ffffff;
border:1px solid #333333;
margin-bottom:5px;
}
ol.commentlist {
margin-left:25px;
padding:0;
}
ol.commentlist a {
color:#c4c4c4;
}
ol.commentlist p {
margin-top:3px;
margin-bottom:10px;
}
small.commentmetadata {
font: 10px arial,verdana,sans-serif;
}
small.commentmetadata a {
text-decoration:none;
}
#submit {
height: 25px;
background-color: #D6E5BD;
margin: 10px 10px 0 0;
color:#ffffff;
font-size: 1.2em;
}
/************************/
/* Search Design */
/************************/
#searchform{
display:none;
}
#s
{
width:140px;
font:12px tahoma;
color:#c4c4c4;
}
#menu_search_box{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:11px;
height:30px;
float:left;
position:absolute;
top:370px;
left:375px;
}
#menu_search_box input.s{
width:175px;
font-size:11px;
color:#c4c4c4;
padding:5px;
background:none;
border:none;
height:15px;
float:left;
}
.searchttl{
padding-top:7px;
padding-left:5px;
height:25px;
float:left;
}
#menu_search_box span{
position:relative;
top:-1px;
font-weight:bold;
}
/*-------------Other------------------*/
hr {
display: none;
}
a
{
color:#A90101;
}
#wp-calendar
{
width:150px;
color:#ffffff;
margin-left:5px;
text-align:center;
}
#calendar
{
}
td
{
color:#999999;
}
#aboutus{
float:left;
width:320px;
height:150px;
color:#8E929E;
padding:20px;
padding-top:5px;
overflow:hidden;
position:absolute;
top:200px;
left:630px;
}
#aboutus a{
color:#ffffff;
text-decoration:none;
}
</style>
</head>
<body>
<div id="wrap">
<div id="content-container">
<div id="header">
<div id="navlist-container">
<div id="navlist">
<ul>
<li class="current_page_item"><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">About</a></li>
<li><a href="http://www.free-css.com/">FAQ</a></li>
<li><a href="http://www.free-css.com/">Contacts</a></li>
</ul>
</div>
</div>
<h1><a href="http://www.free-css.com/">Carrera</a></h1>
<div id="subtitle">Free CSS Template</div>
<div class="alignleft"> </div>
<div id="menu_search_box">
<form method="get" id="searchform" style="display:inline;" href="http://www.free-css.com/">
<span class="searchttl">Search: </span>
<input type="text" class="s" value="" name="s" id="s" />
</form>
</div>
</div>
<div id="aboutus"> <b>About us</b> <br />
Duiet laculum fring non anterdum vestas elit ac dolor elit convallicituris. Auguemus vestibulum temper vestibulum sodalesuada vitae nibh molesuada aenean sit pretra. Metuerleo ipsum liberos euisque tellus portis ut pede semper odio tor. Ideuis habiturpiscingillam gravida convallis tor vel moles morbi vitae mollis wisi.<br />
<a href="http://www.free-css.com/">more...</a></div>
<div id="content">
<div class="post-container">
<div class="post" id="post-3">
<div class="posttop">
<h2><a href="http://www.free-css.com/"> Download High Quality Car Wallpapers </a></h2>
<div class="postinfo">
<div class="posted"> Filed under: <a href="http://www.free-css.com/">Wallpapers</a> </div>
<div class="published"> 26 July 2008 </div>
</div>
</div>
<div class="entry">
<div class="content">
<p>Duiet laculum fring non anterdum vestas elit ac dolor elit convallicituris. Auguemus vestibulum temper vestibulum sodalesuada vitae nibh molesuada aenean sit pretra. Metuerleo ipsum liberos euisque tellus portis ut pede semper odio tor. Ideuis habiturpiscingillam gravida convallis tor vel moles morbi vitae mollis wisi. Accumlaoreet libero elis maurisus laorem sce ero orci augue molesuada duis.</p>
<p>Acsempus convallis orci id nullamcorper nisl pretium tortor lacus id vitas. Tempusalique por pede nibh aliquam in ipsum ac lacilis euis tempus. Lobortaodio nam ridictus temper laorem platea masse eget ut temper et. Nibhlaorem dignisse ut nunc eget condimente ut platea sed et faucibulum. Utaccumsan diam nec famet sagittitor urna magna nibh aenean temporttis nullam.</p>
<p>Condisconvallisis cursus hendrerit convallis consequam doloreet ut ac purus tincidunt dui. Aenenasnulla nisl gravida facinia sus loreet pretium nibh amet quis trices. Tempusrhoncus dui nibh augue quisque ac nulla sit tellus convallicitudin fring. Aliquatvelis venec nec laorem porta praesenean portis por et vestibulum nulla. Ligulaipsum pellentum pellus et ut dictus pellus id nonummy a consequam.</p>
<p>Nullamtemper tincidunt faucibus in nequam estas nasce eros wisi non adipiscing. Gravidanibh sem urna intesque platea tur et nulla ut ut loreet. Ametuerconsequam temper nulla intesque neque torta justo alique cumst sit interdum. Vitaenequat vestas tincidunt adipis metus massa pellus et et hendreristique feugiat. Justoero condiment platea sed elit sed id pellent semper ac cras.</p>
<p>Euadipiscing consectum justo fauctor sed a rutrum dignisl vitae ligula scetuer. Etnec wisi cursus at mi velit purus et ut sed wisi. Aliqueet at a et sem ut vivamus at adipiscing molesuada alique. Nibhtincidunt curabitae vel nulla convallis consectetus tincidunt sus aucibulum interdum et. Eulacilis non leo torta tincidunt torta et morbi nunc ligula feugiat.</p>
</div>
</div>
<div class="postbottom">
<div class="rssfeed"> <a href="http://www.free-css.com/">RSS</a> </div>
<div class="comments"> <a href="http://www.free-css.com/">1 Comment</a> </div>
</div>
</div>
<div class="post" id="post-1">
<div class="posttop">
<h2><a href="http://www.free-css.com/"> Hello world! </a></h2>
<div class="postinfo">
<div class="posted"> Filed under: <a href="http://www.free-css.com/">Templates</a> </div>
<div class="published"> 26 July 2008 </div>
</div>
</div>
<div class="entry">
<p>Hendreritid consectetuer pellus quis libero justo morbi ut justo condis dui. Interdummagna nulla fametuer vel sem mollicitur vel quismodo mattitor rutrum magna. Quisipsum pellentum risus congue euis sodalesuada a nibh nam faucibus phasellentesque. Curabiturpisciniaac nibh velis sit at eros dignisl urna libero congue euisque. Habiturnunc trisus vestibulum aenean elit et ipsum rhoncus urna felit morbi.</p>
</div>
<div class="postbottom">
<div class="rssfeed"> <a href="http://www.free-css.com/">RSS</a> </div>
<div class="comments"> <a href="http://www.free-css.com/">1 Comment</a> </div>
</div>
</div>
</div>
<div id="sidebars-area">
<div id="sidebars">
<div id="sidebar">
<ul>
<li id="categories-187785351" class="widget widget_categories">
<h2 class="widgettitle">Categories</h2>
<ul>
<li><a href="http://www.free-css.com/">Templates</a> </li>
<li><a href="http://www.free-css.com/">Wallpapers</a> </li>
</ul>
</li>
<li id="archives" class="widget widget_archive">
<h2 class="widgettitle">Archives</h2>
<ul>
<li><a href="http://www.free-css.com/">July 2008</a></li>
</ul>
</li>
<li id="calendar" class="widget widget_calendar">
<h2 class="widgettitle"> </h2>
<div id="calendar_wrap">
<table id="wp-calendar" summary="Calendar">
<caption>
October 2008
</caption>
<thead>
<tr>
<th scope="col" title="Monday">M</th>
<th scope="col" title="Tuesday">T</th>
<th scope="col" title="Wednesday">W</th>
<th scope="col" title="Thursday">T</th>
<th scope="col" title="Friday">F</th>
<th scope="col" title="Saturday">S</th>
<th scope="col" title="Sunday">S</th>
</tr>
</thead>
<tfoot>
<tr>
<td abbr="July" colspan="3" id="prev"><a href="http://www.free-css.com/">« Jul</a></td>
<td class="pad"> </td>
<td colspan="3" id="next" class="pad"> </td>
</tr>
</tfoot>
<tbody>
<tr>
<td colspan="2" class="pad"> </td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
</tr>
<tr>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
</tr>
<tr>
<td id="today">20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
</tr>
<tr>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td class="pad" colspan="2"> </td>
</tr>
</tbody>
</table>
</div>
</li>
</ul>
</div>
<div id="sidebar2">
<ul>
<li>
<h2>Archives</h2>
<ul>
<li><a href="http://www.free-css.com/">July 2008</a></li>
</ul>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="http://www.free-css.com/">Templates</a> (1) </li>
<li><a href="http://www.free-css.com/">Wallpapers</a> (1) </li>
</ul>
</li>
<li class="linkcat">
<h2>Blogroll</h2>
<ul>
<li><a href="http://www.free-css.com/">Development Blog</a></li>
<li><a href="http://www.free-css.com/">Documentation</a></li>
<li><a href="http://www.free-css.com/">Plugins</a></li>
<li><a href="http://www.free-css.com/">Suggest Ideas</a></li>
<li><a href="http://www.free-css.com/">Support Forum</a></li>
<li><a href="http://www.free-css.com/">Themes</a></li>
</ul>
</li>
<li>
<h2>Meta</h2>
<ul>
<li><a href="http://www.free-css.com/">Log in</a></li>
<li><a href="http://validator.w3.org/check/referer">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
<li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="footerlinks"> Designed by: <a href="http://www.hostsvault.com">HostsVault.com</a> the leader in <a href="http://www.hostsvault.com">Cheap Hosting</a> solutions. </div>
</div>
</div>
</div>
</body>
</html>
Related examples in the same category