economics
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Name : Economics
Description: A two-column, fixed-width template suitable for business sites and blogs.
Version : 1.0
Released : 20080116
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Economics by Free CSS Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<style type='text/css'>
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
body {
background: #FFFFFF url(economics-images/img01.jpg) repeat-x top left;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 20px 0px 0px 0px;
padding: 0px;
color: #757575;
}
input, textarea {
width: 220px;
background: #FFFFFF url(economics-images/img04.gif) repeat-x;
border-top: 1px solid #A3A3A3;
border-right: 1px solid #E5E5E5;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #D6D6D6;
font: normal 1em/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #757575;
}
h1, h2, h3 {
color: #31363B;
letter-spacing: -1px;
}
h1, h1 a, h2, h2 a {
text-decoration: none;
}
h1 a:hover, h2 a:hover {
text-decoration: underline;
}
h1 {
font-size: 38px;
}
h2 {
font-size: 28px;
font-weight: normal;
}
h3 {
font-size: 16px;
}
p, ul, ol {
margin-top: 1.5em;
line-height: 190%;
}
ul, ol {
margin-left: 3em;
}
blockquote {
margin-left: 3em;
margin-right: 3em;
}
a {
color: #C11A00;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}
img.left {
float: left;
margin-right: 20px;
}
img.right {
float: right;
margin-right: 20px;
}
hr {
display: none;
}
#header {
width: 960px;
height: 453px;
margin: 0 auto;
}
/* Logo */
#logo {
width: 754px;
height: 120px;
margin: 0 auto;
padding: 2px;
}
#logo h1, #logo h2 {
margin: 0;
padding: 0;
text-transform: uppercase;
}
#logo h1 {
padding: 40px 5px 0 20px;
font-size: 36px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #31363B;
}
#logo h2 {
padding: 0px 0 0 25px;
font-size: 10px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #808080;
}
#logo p {
margin: 0;
padding: 0 0 0 20px;
line-height: normal;
font-size: 1.2em;
font-weight: bold;
}
#logo a {
color: #31363B;
}
#splash {
width: 754px;
height: 266px;
padding-bottom: 3px;
background: url(economics-images/img04.jpg) no-repeat left top;
}
/* Header */
#header {
width: 754px;
margin: 0 auto;
}
#menu {
height: 60px;
width: 754px;
padding-left: 20px;
background: url(economics-images/img02.jpg) no-repeat left top;
font-family: Arial, Helvetica, sans-serif;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}
#menu li {
float: left;
}
#menu a {
display: block;
float: left;
padding: 20px 30px 15px 18px;
margin-right: 1px;
height: 30px;
background: url(economics-images/img03.gif) no-repeat left 35%;
text-decoration: none;
text-transform: uppercase;
font-size: 10px;
color: #FFFFFF;
}
#menu a:hover {
color: #FFFFFF;
}
#menu .current_page_item a {
background: none;
color: #FFFFFF;
}
/* Search */
#search {
float: right;
width: 260px;
margin: 0px;
margin-top: 10px;
}
#search fieldset {
border: none;
}
#search #s {
width: 160px;
height: 23px;
background: #FFDBE1;
border: 1px solid #F57F8C;
}
#search #x {
width: 40px;
background: #F74B61;
border-top: #F74B61 solid 1px;
border-bottom: #F74B61 solid 3px;
border-left: #F74B61 solid 1px;
border-right: #F74B61 solid 1px;
color: #FFDBE1;
}
#wrapper {
width: 754px;
margin: 0 auto;
background: url(economics-images/img05.jpg) repeat-x left top;
}
/* Page */
#page {
width: 754px;
margin: 0 auto;
padding-top: 20px;
}
/* Content */
#content {
float: right;
width: 500px;
}
.post {
}
.post .title {
margin: 0;
padding: 10px 20px 10px 10px;
border-bottom: 1px dotted #D6C9BF;
}
.post h1.title {
padding: 5px 0 0 50px;
height: 40px;
font-size: 2.4em;
text-transform: lowercase;
}
.post .title a:hover {
text-decoration: none;
}
.post .entry {
margin: 0px;
padding: 20px 20px;
}
.post .meta {
height: 35px;
margin: 15px 0 20px 0;
padding: 15px 0 0 20px;
line-height: normal;
background: url(economics-images/img05.jpg) repeat-x left top;
}
.post a {
color: #31363B;
}
/* Sidebar */
#sidebar {
float: left;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}
#sidebar li {
margin-bottom: 40px;
}
#sidebar li ul {
padding-left: 25px;
}
#sidebar li li {
margin: 0;
padding: 5px 10px;
border-bottom: 1px dotted #D6C9BF;
}
#sidebar li h2 {
margin: 0 0 1em 0;
padding: 15px 0 5px 25px;
height: 30px;
text-transform: lowercase;
font-size: 28px;
letter-spacing: -1px;
}
#sidebar li p {
padding: 0 20px;
}
/* Calendar */
#sidebar #calendar {
padding: 0;
}
#calendar caption {
}
#calendar table {
width: 100%;
padding: 0 20px;
text-align: center;
}
#calendar thead th {
border-bottom: 2px solid #F2F2F2;
border-top: 1px solid #F2F2F2;
}
#calendar tbody td {
padding: 5px 0;
border-bottom: 1px solid #F2F2F2;
}
#calendar tfoot td {
border-top: 1px solid #F2F2F2;
}
#calendar #prev {
text-align: left;
}
#calendar #next {
text-align: right;
}
#calendar a {
font-weight: bold;
}
/* Footer */
#footer {
clear: both;
width: 754px;
height: 50px;
margin: 0 auto;
background: #FFFFFF url(economics-images/img01.jpg) repeat-x top left;
}
#footer p {
margin: 0;
line-height: normal;
padding: 35px 15px;
}
#footer a {
}
#footer .legal {
float: left;
}
#footer .credit {
float: right;
}
</style>
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Economics</a></h1>
<h2>Template Design By Free CSS Templates</h2>
</div>
<div id="splash"></div>
<div id="menu">
<ul>
<li class="current_page_item"><a href="#" accesskey="1" title="">Home</a></li>
<li><a href="#" accesskey="2" title="">Articles</a></li>
<li><a href="#" accesskey="3" title="">Blogs</a></li>
<li><a href="#" accesskey="4" title="">About Us</a></li>
<li><a href="#" accesskey="5" title="">Contacts</a></li>
<li><a href="#" accesskey="6" title="">RSS</a></li>
</ul>
</div>
</div>
<hr />
<!-- start page -->
<div id="wrapper">
<div id="page">
<!-- start content -->
<div id="content">
<div class="post">
<h2 class="title"><a href="#">Welcome to Economics</a></h2>
<div class="entry">
<p> This is <strong>Economics</strong>, a free, fully standards-compliant CSS template designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>. The photos in this design are from <a href="http://www.pdphoto.org/">PDPhoto.org</a>.</p>
<p>This free template is released under a <a href="#">Creative Commons Attributions 2.5</a> license, so youre pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :) This design is also available as a <a href="http://www.freewpthemes.net/preview/Economics/">WordPress theme</a> at <a href="http://www.freewpthemes.net/">Free Wordpress Themes</a>.</p>
</div>
<p class="meta">Posted on November 5, 2007 by <a href="#">Someone</a> | <a href="#">32 comments</a></p>
</div>
<div class="post">
<h2 class="title"><a href="#">Blandit volutpat consequat</a></h2>
<div class="entry">
<p>Proin nec magna. Proin nec massa sit amet purus congue molestie. Aliquam erat volutpat. Nulla pellentesque dolor non tellus. Duis vel elit sit amet ipsum vehicula varius. Vestibulum ante ipsum primis in <a href="#">faucibus orci luctus et ultrices</a> posuere cubilia Curae; Suspendisse rhoncus. Nunc est. Praesent interdum lectus quis neque. Aliquam eros. Nulla fermentum dolor eget mi. Cras diam sapien, auctor non, malesuada at, tristique id, dui. Aenean congue ante. </p>
<h3>Prom nec magna tempus lorem ipsum dolor</h3>
<p>Proin nec magna. Proin nec massa sit amet purus congue molestie. Aliquam erat volutpat. Nulla pellentesque dolor non tellus. Duis vel elit sit amet <a href="#">ipsum vehicula varius</a>. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</p>
</div>
<p class="meta">Posted on November 5, 2007 by <a href="#">Someone</a> | <a href="#">32 comments</a></p>
</div>
</div>
<!-- end content -->
<!-- start sidebar -->
<div id="sidebar">
<ul>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Aliquam libero</a></li>
<li><a href="#">Consectetuer elit</a></li>
<li><a href="#">Metus pellentesque</a></li>
<li><a href="#">Suspendisse mauris</a></li>
<li><a href="#">Urnanet molestie semper</a></li>
<li><a href="#">Proin orci porttitor</a></li>
</ul>
</li>
<li>
<h2>Archives</h2>
<ul>
<li><a href="#">September</a> (23)</li>
<li><a href="#">August</a> (31)</li>
<li><a href="#">July</a> (31)</li>
<li><a href="#">June</a> (30)</li>
<li><a href="#">May</a> (31)</li>
</ul>
</li>
<li>
<h2>Lorem ipsum dolor </h2>
<ul>
<li><a href="#">Aliquam libero</a></li>
<li><a href="#">Consectetuer elit</a></li>
<li><a href="#">Metus pellentesque</a></li>
<li><a href="#">Suspendisse mauris</a></li>
<li><a href="#">Urnanet molestie semper</a></li>
<li><a href="#">Proin orci porttitor</a></li>
</ul>
</li>
</ul>
</div>
<!-- end sidebar -->
<div style="clear: both;"> </div>
</div>
</div><!-- end page -->
<div id="footer">
<p class="legal">Copyright (c) 2007 Website Name. All rights reserved.</p>
<p class="credit">Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</body>
</html>
Related examples in the same category