Copy the CSS into a file called styles.css. Save this in the same directory as your HTML document. Be sure to not copy the advertisement copy that may appear within the code.
Add a link to this style sheet in your Web page:
<link href="styles.css" rel="stylesheet" type="text/css" />
The CSS
html, body {
margin: 0px;
padding: 0px;
border-style: none;
}
body {
background: #cccccc;
}
a {
color : #f90;
text-decoration:underline;
}
a:visited, a:hover {
color:#fcc;
text-decoration:none;
}
#body {
width: 700px;
background: #ffffff;
border: solid black 4px;
margin-left: auto;
margin-right: auto;
margin-top: 1em;
padding: 5px;
}
#body h1 {
font : bold small-caps 30px/30px Garamond, "Times New Roman", Times, serif;
color : #060;
}
#body h2, #body h2 a, #body h2 a:hover, #body h2 a:visited {
color : #060;
font : bold small-caps 24px/20px Garamond, "Times New Roman", Times, serif;
}
#body h2 a:hover, #body h2 a:visited {
text-decoration:underline;
}
#body h3 {
font : bold 16px/14px Geneva, Arial, Helvetica, sans-serif;
color : #f90;
margin-bottom: 0px;
}
#body h3 a, #body h3 a:hover, #body h3 a:visited {
color : #f90;
text-decoration:underline;
}
#body h4 {
font : bold 12px/12px Geneva, Arial, Helvetica, sans-serif;
color : #060;
margin-top:-10px;
}
#body p, #body ul, #body ul li {
font : 14px/16px Geneva, Arial, Helvetica, sans-serif;
}
#body .portfolioImg {
float: left;
border: none;
margin-right: 15px;
}
#menu {
float: right;
width: 250px;
border: solid black 1px;
margin-left: 1em;
}
#menu h1 {
font : bold small-caps 16px/32px Geneva, Arial, Helvetica, sans-serif;
color : #060;
margin-bottom: 0;
}
#menu ul {
margin: 0 5px;
padding: 0px 2px 10px 2px;
}
#menu ul li {
margin : 0px;
list-style-type: none;
}
#menu .cat_count {
color: #ccc;
}
You are free to use any of the free Web templates here for personal or commercial designs, either in print or on the Web, excluding items for resale. You may not give away, sell, or redistribute the files in any way. Do not post these files on any another Web site, electronically distribute them, or include them in any package for distribution. If you find these files useful, please include a credit line or a link back to this site [http://webdesign.about.com/]. Terms of use last modified 8/29/2004.
