soloss : Design 7 « Templates « HTML / CSS






  1. HTML / CSS
  2. Templates
  3. Design 7

soloss

  

<!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>
<title>Soloss</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
/*
Theme Name: Soloss
Theme URI: http://www.elegantwpthemes.com/
Description: Soloss unique theme by Elegant WP Themes. The theme is a clean blue and white combination with accordian sidebar and stripe coloured.
Author URI: http://www.elegantwpthemes.com/

XHTML(HTML) and CSS are protected under Non-Commercial Usage
you are allowed to modify but limited to personal and community used only
no resell right with the original/mod theme and css are allowed
you can contact the theme author for more inquiries to date

2007-2008 copyright of elegantwpthemes.com
All Right Reserved.
*/





body {
  font-family: Verdana, sans-serif, Arial;
  font-size: 80%;
  color: #232323;
  margin: 0px;
  padding: 0px;
  background: url(soloss-images/bg.gif) repeat-x top;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Lucida Sans", Tahoma;
}
.pullquote-left {
  color: #000000;
  background: #F6F6F6;
  margin: 8px 8px 0px 2px;
  padding: 3px 3px 8px;
  float: left;
  width: 30%;
  border: 2px solid #CCCCCC;
  text-align: center;
  letter-spacing: -1px;
  font-size: 12px;
  font-weight: bold;
}
.pullquote-right {
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  background: #F6F6F6;
  margin: 8px 20px 0px 3px;
  padding: 3px 3px 8px;
  float: right;
  width: 30%;
  border: 2px solid #CCCCCC;
  text-align: center;
  letter-spacing: -1px;
}
.caption-img-left {
  display: block;
  margin: 15px 5px 2px 0px;
  padding: 0px;
  float: left;
  width: auto;
}
.caption-img-left p {
  font-size: 11px;
  color: #FFFFFF;
  padding: 0px;
  clear: both;
  display: block;
  margin: 0px;
  width: auto;
}


/* caption */
.caption-img-left img {
  margin: 0px;
  padding: 0px;
  display: block;
  float: left;
}

.caption-img-right {
  display: block;
  margin: 15px 5px 2px;
  padding: 0px;
  float: right;
}
.caption-img-right p {
  font-size: 11px;
  color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  clear: both;
  width: auto;
}

.caption-img-right img {
  clear: both;
  margin: 0px;
  padding: 0px;
  display: block;
}

dl {
  padding-left: 10px;
  font-size: 1.1em;
  margin-top: 8px;
  margin-bottom: 8px;
  font-family: Arial, Helvetica, sans-serif;

}

dt {
margin-bottom: 5px;
margin-top: 0px;
font-weight: 400;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
}

dd {
font-style: italic;
margin-bottom: 8px;
margin-left: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;

}

blockquote {
  clear: both;
  margin: 10px 30px 10px 15px;
  font-family: "Lucida Grande", Arial, Verdana;
  font-size: 12px;
  color: #000000;
  font-weight: lighter;
  padding: 5px;
  line-height: 18px;
  border-left: 5px solid #FF0099;
}
blockquote blockquote {
  clear: both;
  margin: 10px 30px 10px 15px;
  font-family: "Lucida Grande", Arial, Verdana;
  font-size: 12px;
  color: #F9F9F9;
  font-weight: lighter;
  padding: 5px;
  line-height: 18px;
  border-left: 5px solid #FFFFFF;
}

code {
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  color: #333333;
}

.alignleft {
  text-align: left;
  float: left;
}
.alignright {
  text-align: right;
  float: right;
}
.center {
  text-align: center;
  margin: 0px auto;
  clear: both;
}
img.alignleft {
  padding: 4px;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
}
img.alignright {
  padding: 4px;
  float: right;
  margin-top: 10px;
  margin-left: 10px;
}
img.center {
  padding: 4px;
  display: block;
  margin: 5px auto;
  clear: both;
}
pre {
  margin: 8px 0px;
  padding: 0px;
  clear: both;
  width: 90%;
  overflow: scroll;
  font-family: Verdana, sans-serif, Arial;
  font-size: 11px;
  background: #FFFFFF;
  color: #000000;
  height: 60px;
}
#wrapper {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
}
#header {
  float: left;
  width: 960px;
  height: 180px;
}
#content {
  float: left;
  width: 960px;
  position: relative;
}
#footer {
  background: url(soloss-images/footer.gif) repeat-x top;
  float: left;
  height: 81px;
  width: 100%;
}
#post {
  float: left;
  width: 550px;
  padding-top: 20px;
  padding-bottom: 25px;
}
#post h2 {
  font-size: 18px;
  color: #38BEF0;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 500px;
}

#sidebar {
  float: right;
  width: 400px;
  padding-top: 15px;
  padding-bottom: 25px;
}
#ad-box {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 400px;
}
#ad-box img {
  padding: 2px;
  float: left;
  margin-right: 2px;
  margin-bottom: 4px;
  border: 1px solid #CCCCCC;
}
#ad-box img:hover {
  padding: 2px;
  float: left;
  margin-right: 2px;
  margin-bottom: 4px;
  border: 1px solid #333333;
}
#tag {
  background: #000000;
  padding: 5px 5px 10px;
  float: left;
  width: 388px;
  border: 1px solid #333333;
  margin-top: 5px;
}
#about {
  background: #000000;
  padding: 5px 5px 10px;
  float: left;
  width: 388px;
  border: 1px solid #333333;
  margin-top: 5px;
}
#about h3 {
  font-size: 15px;
  color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 388px;
}
#tag h3 {
  font-size: 15px;
  color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 388px;
}
.sidebar-litbox {
  font-size: 11px;
  color: #F8F8F8;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 388px;
  line-height: 19px;
}
.sidebar-litbox a {
  color: #FFFFFF;
  text-decoration: none;
}
.sidebar-litbox a:hover {
  color: #0099CC;
  text-decoration: none;
}

#search {
  background: #000000;
  padding: 5px 5px 10px;
  float: left;
  width: 388px;
  border: 1px solid #333333;
  margin-top: 5px;
}
#search h3 {
  font-size: 15px;
  color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 388px;
}
#search form {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 388px;
}
#search p {
  margin-top: 5px;
  margin-bottom: 0px;
}
#search input {
  padding: 1px;
  width: 370px;
  border: 3px solid #333333;
}

#layout {
  float: left;
  width: 400px;
  margin: 5px 0px 0px;
  padding: 0px;
}
.layer {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 400px;
}

#layout h3 a {
  color: #FFFFFF;
  text-decoration: none;
}
#layout h3 a:hover {
  color: #999999;
  text-decoration: underline;
}
#layout h3 {
  background: #000000;
  margin: 0px;
  float: left;
  width: 390px;
  border: 1px solid #333333;
  font-size: 15px;
  line-height: 30px;
  color: #FFFFFF;
  height: 30px;
  cursor:crosshair;
  display: block;
  padding-left: 8px;
}
#layout ul {
  margin: 0px;
  padding: 5px;
  float: left;
  width: 388px;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  list-style-type: none;
}
.ulwrap {
  float: left;
  width: 400px;
}

#layout ul ul {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 378px;
  border-width: 0px;
  border-style: none;
  list-style-type: none;
}
#layout ul li {
  margin: 0px 0px 5px;
  padding: 0px;
  float: left;
  width: 388px;
  font-size: 12px;
  line-height: 18px;
  color: #333333;
}
#layout ul li a {
  background: url(soloss-images/bullet.gif) no-repeat left 2px;
  width: 366px;
  padding-left: 22px;
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #000000;
  text-decoration: none;
}
#layout ul li a:hover {
  background: url(soloss-images/bullet.gif) no-repeat left 2px;
  width: 366px;
  padding-left: 22px;
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #3EC0F1;
  text-decoration: none;
}
#layout ul ul li {
  margin: 5px 0px 0px;
  padding: 0px;
  float: left;
  width: 378px;
  font-size: 12px;
  line-height: 18px;
  color: #333333;
}
.top-header {
  float: left;
  width: 960px;
  height: 92px;
  padding-top: 60px;
}
.top-header a {
  color: #FFFFFF;
  text-decoration: none;
}
.top-header h1 {
  color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 960px;
  font-size: 26px;
}
.top-header p {
  color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 960px;
}
.navigator {
  float: left;
  width: 960px;
  height: 28px;
}
.navigator ul {
  margin: 0px;
  padding: 0px;
  float: left;
  list-style-type: none;
}
.navigator ul ul {
  margin: 0px;
  padding: 0px;
  float: left;
  list-style-type: none;
}
.page_item {
  display: inline;
  margin: 0px;
  padding: 0px;
  float: left;
  font-size: 13px;
  line-height: 20px;
}
.page_item a {
  color: #FFFFFF;
  text-decoration: none;
  padding-right: 10px;
  padding-left: 10px;
  display: block;
  margin: 0px;
  float: left;
}
.page_item a:hover {
  color: #999999;
  text-decoration: none;
  padding-right: 10px;
  padding-left: 10px;
  display: block;
  background: url(soloss-images/home.gif) no-repeat center bottom;
  padding-bottom: 7px;
  margin: 0px;
  float: left;
}


.home {
  display: inline;
  margin: 0px;
  padding: 0px;
  float: left;
  font-size: 13px;
  line-height: 20px;
}
.home a {
  color: #FFFFFF;
  text-decoration: none;
  padding-right: 10px;
  padding-left: 10px;
  display: block;
  background: url(soloss-images/home.gif) no-repeat center bottom;
  padding-bottom: 7px;
  font-weight: bold;
  float: left;
}

.current_page_item {
  display: inline;
  margin: 0px;
  padding: 0px;
  float: left;
  font-size: 13px;
  line-height: 20px;
}
.current_page_item a {
  color: #38BEF0;
  text-decoration: none;
  padding-right: 10px;
  padding-left: 10px;
  display: block;
  background: url(soloss-images/home.gif) no-repeat center bottom;
  padding-bottom: 7px;
  float: left;
}
.post-meta {
  margin: 0px;
  padding: 0px 0px 20px;
  float: left;
  width: 550px;
}
#post h1 {
  background: url(soloss-images/h1.gif) no-repeat left 4px;
  float: left;
  width: 529px;
  padding-left: 26px;
  margin: 0px;
  padding-top: 15px;
  padding-bottom: 2px;
  font-size: 20px;
  line-height: 25px;
}
#post h1 a {
  color: #000000;
  text-decoration: none;
}
#post h1 a:hover {
  color: #0F9BD0;
  text-decoration: none;
}

.author {
  float: left;
  width: 550px;
  font-size: 11px;
  line-height: 18px;
}
.post-content {
  margin: 0px;
  padding: 12px 0px;
  float: left;
  width: 550px;
  font-size: 12px;
  line-height: 19px;
  color: #333333;
  overflow: hidden;
}
.post-content h3 {
  margin: 0px 0px 5px;
  padding: 0px;
  clear: both;
  width: 550px;
  font-size: 16px;
  font-weight: bold;
}
.post-content h4 {
  margin: 0px 0px 5px;
  padding: 0px;
  clear: both;
  width: 550px;
  font-size: 15px;
  font-weight: bold;
}
.post-content h5 {
  margin: 0px 0px 5px;
  padding: 0px;
  clear: both;
  width: 550px;
  font-size: 14px;
  font-weight: bold;
}
.post-content h6 {
  margin: 0px 0px 5px;
  padding: 0px;
  clear: both;
  width: 550px;
  font-size: 13px;
  font-weight: bold;
}
.post-content img {
  padding: 3px;
  border: 1px solid #CCCCCC;
}
.post-content ul ul {
  margin: 0px;
  padding: 0px;
}

.post-cat {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 550px;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}
.post-cat a {
  font-weight: normal;
  color: #006699;
  text-decoration: none;
}
.post-cat a:hover {
  color: #006699;
  text-decoration: underline;
}

.author a {
  font-weight: normal;
  color: #006699;
  text-decoration: none;
}
.post-content a {
  font-weight: normal;
  color: #0099CC;
  text-decoration: underline;
}
.post-social {
  background: url(soloss-images/social.gif) no-repeat;
  float: left;
  height: 40px;
  width: 513px;
  padding-right: 15px;
  padding-left: 15px;
}
.post-content a:hover {
  color: #006699;
  text-decoration: none;
}
.post-social p {
  margin: 0px;
  float: left;
  height: 40px;
  line-height: 40px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  font-size: 11px;
  color: #FFFFFF;
}
.post-social p a {
  color: #FFFFFF;
  text-decoration: none;
}
.post-social p a:hover {
  color: #CCCCCC;
  text-decoration: underline;
}

.email {
  background: url(soloss-images/email.gif) no-repeat left center;
  padding-left: 17px;
}
.deli {

  background: url(soloss-images/deli.gif) no-repeat left center;
  padding-left: 17px;
}
.digg {


  background: url(soloss-images/digg.gif) no-repeat left center;
  padding-left: 19px;
}
.permalink {



  background: url(soloss-images/permalink.gif) no-repeat left center;
  padding-left: 17px;
}
.c-count {




  background: url(soloss-images/comment.gif) no-repeat left center;
  padding-left: 24px;
}
.rss-feed {
  background: url(soloss-images/rss.gif) no-repeat;
  float: left;
  height: 85px;
  width: 328px;
  padding-left: 70px;
  padding-top: 30px;
}
.rss-feed a {
  color: #000000;
  text-decoration: none;
}
.rss-feed a:hover {
  color: #FF9900;
  text-decoration: underline;
}


.feed {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 328px;
  text-transform: capitalize;
  line-height: 18px;
}
.updates {
  font-size: 12px;
  color: #666666;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 328px;
}
.sidebars {
  float: left;
  width: 400px;
  position: relative;
  padding-top: 10px;
}
.widget-sidebar {
  padding: 0px;
  width: 200px;
  float: left;
}
.widget-sidebar h3 {
  font-size: 15px;
  line-height: 36px;
  background: url(soloss-images/side-bar.gif) no-repeat;
  margin: 0px;
  padding: 0px 0px 0px 15px;
  float: left;
  height: 37px;
  width: 184px;
  color: #FFFFFF;
  font-weight: bold;
}
.list {
  margin: 0px;
  padding: 8px 0px 15px;
  float: left;
  width: 197px;
  list-style-type: none;
}
.list ul {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 187px;
  list-style-type: none;
}
.list li {
  margin: 0px 0px 3px;
  padding: 0px;
  float: left;
  width: 197px;
  font-size: 11px;
  line-height: 16px;
  color: #000000;
}
.list ul li {
  margin: 3px 0px 0px;
  padding: 0px;
  float: left;
  width: 187px;
  font-size: 11px;
  line-height: 16px;
  color: #000000;
}
.list li a {
  background: url(soloss-images/bullet.gif) no-repeat left 1px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 22px;
  display: block;
  color: #333333;
  text-decoration: none;
}
.list li a:hover {

  background: url(soloss-images/bullet.gif) no-repeat left 1px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 22px;
  display: block;
  color: #0F95C8;
  text-decoration: underline;
}

.nolist {
  margin: 0px;
  padding: 8px 0px 15px;
  float: left;
  width: 197px;
  list-style-type: none;
}
.nolist ul {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 187px;
  list-style-type: none;
}
.nolist li {
  margin: 0px 0px 3px;
  padding: 0px;
  float: left;
  width: 197px;
  font-size: 11px;
  line-height: 16px;
  color: #000000;
}
.nolist ul li {
  margin: 3px 0px 0px;
  padding: 0px;
  float: left;
  width: 187px;
  font-size: 11px;
  line-height: 16px;
  color: #000000;
}
.nolist li a {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 8px;
  display: block;
  color: #333333;
  text-decoration: none;
}
.nolist li a:hover {
  padding-top: 3px;
  padding-bottom: 3px;
  display: block;
  color: #0F95C8;
  text-decoration: underline;
  padding-left: 8px;
}
.post-navigator {
  font-size: 13px;
  margin: 0px;
  float: left;
  width: 550px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 18px;
}
.post-navigator a {
  color: #FFFFFF;
  text-decoration: none;
  background: #38BEF0;
  padding: 5px;
}
.post-navigator a:hover {
  color: #FFFFFF;
  text-decoration: none;
  background: #0F95C8;
  padding: 5px;
}
#comment-tpl {
  margin: 0px;
  padding: 10px 0px 0px;
  float: left;
  width: 550px;
}
#comment-tpl h4 {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 550px;
  font-size: 17px;
  font-weight: bold;
}
.subscribes {
  margin: 0px 0px 15px;
  padding: 2px 0px 2px 14px;
  float: left;
  width: 500px;
  background: url(soloss-images/rssfeed.png) no-repeat left center;
}
.subscribes a {
  color: #FF6600;
  text-decoration: underline;
}

#comment-tpl h5 {
  margin: 15px 0px 5px;
  padding: 0px;
  float: left;
  width: 550px;
  font-size: 18px;
  color: #000000;
}
#comment-tpl h6 {
  margin: 15px 0px 5px;
  padding: 0px;
  float: left;
  width: 550px;
  font-size: 20px;
  color: #000000;
}
.comment-list {
  float: left;
  width: 520px;
  position: relative;
  padding: 5px 5px 8px;
  font-size: 11px;
}
.comment-user {
  float: left;
  width: 100px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #333333;
}
.comment-block {
  float: left;
  width: 400px;
  font-size: 12px;
  color: #333333;
  line-height: 18px;
  border-left: 5px solid #CCCCCC;
  padding-left: 5px;
}
#comment-tpl small {
  font-size: 12px;
  color: #666666;
  font-style: italic;
}
.comment-list a {
  color: #0F97CA;
  text-decoration: none;
}
.comment-list-alt a {
  color: #0F97CA;
  text-decoration: none;
}
.comment-list-alt {
  float: left;
  width: 520px;
  position: relative;
  padding: 5px 5px 8px;
  background: #F8F8F8;
  font-size: 11px;
}
.comment-block:hover {

  float: left;
  width: 400px;
  font-size: 12px;
  color: #333333;
  line-height: 18px;
  border-left: 5px solid #B0E139;
  padding-left: 5px;
}
.comment-list-alt a:hover {

  color: #095A79;
  text-decoration: underline;
}
.comment-list a:hover {

  color: #0A6689;
  text-decoration: underline;
}
#sfrom {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 500px;
}
#sfrom p {
  margin-top: 0px;
  margin-bottom: 5px;
  font-size: 12px;
  color: #666666;
}
.sbox {
  padding: 1px;
  width: 250px;
  border: 2px solid #CCCCCC;
}
#sfrom textarea {
  height: 150px;
  width: 400px;
  border: 2px solid #CCCCCC;
}
#sfrom textarea:hover {
  height: 150px;
  width: 400px;
  border: 2px solid #B9B9B9;
}
.sbox:hover {
  padding: 1px;
  width: 250px;
  border: 2px solid #898989;
}
#footer-block {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
#footer-content {
  width: 960px;
  position: relative;
  float: left;
  padding-top: 25px;
  padding-bottom: 5px;
  font-size: 11px;
  line-height: 18px;
  color: #FFFFFF;
}
#footer-content a {
  color: #38BEF0;
  text-decoration: none;
}
#footer-content a:hover {

  color: #CCCCCC;
  text-decoration: underline;
}
#themeswitcher {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 197px;
  list-style-type: none;
}
#themeswitcher li {
  margin: 5px 0px;
  padding: 0px;
  float: left;
  width: 197px;
  list-style-type: none;
}
#themeswitcher li select {
  padding: 1px;
  width: 170px;
  list-style-type: none;
  font-family: Verdana, "Times New Roman", Times, Georgia, serif;
  font-size: 13px;
  color: #666666;
  border: 1px solid #999999;
  margin-left: 10px;
}

</style>


<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
  // Collapse everything but the first menu:
  $(".layer > .ulwrap > h3").not(":six").find("+ ul").slideUp(1);

  // Expand or collapse:
  $(".layer > .ulwrap > h3").click(function() {
    $(this).find("+ ul").slideToggle("slow");
  });
});

</script>
</head>
<body>
<div id="wrapper">
  <div id="header">
    <div class="top-header">
      <h1><a href="http://www.free-css.com/">Soloss</a></h1>
      <p>This is a wordpress themes...</p>
    </div>
    <div class="navigator">
      <ul>
        <li class="home"><a href="http://www.free-css.com/">Home</a></li>
        <li class="page_item"><a href="http://www.free-css.com/">About Us</a></li>
        <li class="page_item"><a href="http://www.free-css.com/">About Us</a></li>
        <li class="page_item"><a href="http://www.free-css.com/">About Us</a></li>
        <li class="current_page_item"><a href="http://www.free-css.com/">About Us</a></li>
      </ul>
    </div>
  </div>
  <div id="content">
    <div id="post">
      <div class="post-meta">
        <h1><a href="http://www.free-css.com/">This is a soloss wordpress theme by elgant wordpress</a></h1>
        <div class="author">posted by <a href="http://www.free-css.com/">admin</a> in 07 October, 2007&nbsp;&nbsp;<a href="http://www.free-css.com/">edit</a></div>
        <div class="post-cat">in <a href="http://www.free-css.com/">News</a>, <a href="http://www.free-css.com/">Daily</a>&nbsp;&nbsp;Tags: <a href="http://www.free-css.com/">3D</a>, <a href="http://www.free-css.com/">Animations</a></div>
        <div class="post-content"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, <strong>molestie</strong> eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id <a href="http://www.free-css.com/">mauris pretium</a> venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum. </div>
        <div class="post-social">
          <p class="email"><a href="http://www.free-css.com/">email this</a></p>
          <p class="deli"><a href="http://www.free-css.com/">Add to deli.cio.us</a></p>
          <p class="digg"><a href="http://www.free-css.com/">Digg it</a></p>
          <p class="permalink"><a href="http://www.free-css.com/">Permalink</a></p>
          <p class="c-count"><a href="http://www.free-css.com/">55 Comments</a></p>
        </div>
      </div>
      <div class="post-meta">
        <h1><a href="http://www.free-css.com/">This is a soloss wordpress theme by elgant wordpress</a></h1>
        <div class="author">posted by <a href="http://www.free-css.com/">admin</a> in 07 October, 2007&nbsp;&nbsp;<a href="http://www.free-css.com/">edit</a></div>
        <div class="post-cat">in <a href="http://www.free-css.com/">News</a>, <a href="http://www.free-css.com/">Daily</a>&nbsp;&nbsp;Tags: <a href="http://www.free-css.com/">3D</a>, <a href="http://www.free-css.com/">Animations</a></div>
        <div class="post-content"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id <a href="http://www.free-css.com/">mauris pretium</a> venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum. </div>
        <div class="post-social">
          <p class="email"><a href="http://www.free-css.com/">email this</a></p>
          <p class="deli"><a href="http://www.free-css.com/">Add to deli.cio.us</a></p>
          <p class="digg"><a href="http://www.free-css.com/">Digg it</a></p>
          <p class="permalink"><a href="http://www.free-css.com/">Permalink</a></p>
          <p class="c-count"><a href="http://www.free-css.com/">55 Comments</a></p>
        </div>
      </div>
      <div class="post-meta">
        <h1><a href="http://www.free-css.com/">This is a soloss wordpress theme by elgant wordpress</a></h1>
        <div class="author">posted by <a href="http://www.free-css.com/">admin</a> in 07 October, 2007&nbsp;&nbsp;<a href="http://www.free-css.com/">edit</a></div>
        <div class="post-cat">in <a href="http://www.free-css.com/">News</a>, <a href="http://www.free-css.com/">Daily</a>&nbsp;&nbsp;Tags: <a href="http://www.free-css.com/">3D</a>, <a href="http://www.free-css.com/">Animations</a></div>
        <div class="post-content"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id <a href="http://www.free-css.com/">mauris pretium</a> venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum. </div>
        <div class="post-social">
          <p class="email"><a href="http://www.free-css.com/">email this</a></p>
          <p class="deli"><a href="http://www.free-css.com/">Add to deli.cio.us</a></p>
          <p class="digg"><a href="http://www.free-css.com/">Digg it</a></p>
          <p class="permalink"><a href="http://www.free-css.com/">Permalink</a></p>
          <p class="c-count"><a href="http://www.free-css.com/">55 Comments</a></p>
        </div>
      </div>
      <div class="post-meta">
        <h1><a href="http://www.free-css.com/">This is a soloss wordpress theme by elgant wordpress</a></h1>
        <div class="author">posted by <a href="http://www.free-css.com/">admin</a> in 07 October, 2007&nbsp;&nbsp;<a href="http://www.free-css.com/">edit</a></div>
        <div class="post-cat">in <a href="http://www.free-css.com/">News</a>, <a href="http://www.free-css.com/">Daily</a>&nbsp;&nbsp;Tags: <a href="http://www.free-css.com/">3D</a>, <a href="http://www.free-css.com/">Animations</a></div>
        <div class="post-content"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id <a href="http://www.free-css.com/">mauris pretium</a> venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum. </div>
        <div class="post-social">
          <p class="email"><a href="http://www.free-css.com/">email this</a></p>
          <p class="deli"><a href="http://www.free-css.com/">Add to deli.cio.us</a></p>
          <p class="digg"><a href="http://www.free-css.com/">Digg it</a></p>
          <p class="permalink"><a href="http://www.free-css.com/">Permalink</a></p>
          <p class="c-count"><a href="http://www.free-css.com/">55 Comments</a></p>
        </div>
      </div>
      <div class="post-meta">
        <h1><a href="http://www.free-css.com/">This is a soloss wordpress theme by elgant wordpress</a></h1>
        <div class="author">posted by <a href="http://www.free-css.com/">admin</a> in 07 October, 2007&nbsp;&nbsp;<a href="http://www.free-css.com/">edit</a></div>
        <div class="post-cat">in <a href="http://www.free-css.com/">News</a>, <a href="http://www.free-css.com/">Daily</a>&nbsp;&nbsp;Tags: <a href="http://www.free-css.com/">3D</a>, <a href="http://www.free-css.com/">Animations</a></div>
        <div class="post-content"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id <a href="http://www.free-css.com/">mauris pretium</a> venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum. </div>
        <div class="post-social">
          <p class="email"><a href="http://www.free-css.com/">email this</a></p>
          <p class="deli"><a href="http://www.free-css.com/">Add to deli.cio.us</a></p>
          <p class="digg"><a href="http://www.free-css.com/">Digg it</a></p>
          <p class="permalink"><a href="http://www.free-css.com/">Permalink</a></p>
          <p class="c-count"><a href="http://www.free-css.com/">55 Comments</a></p>
        </div>
      </div>
      <div class="post-navigator">Page <a href="http://www.free-css.com/">1</a> <a href="http://www.free-css.com/">2</a> <a href="http://www.free-css.com/">3</a></div>
      <div id="comment-tpl">
        <h4>344 Users Responded in &quot; this post &quot; </h4>
        <div class="subscribes">Subscribes to <a href="http://www.free-css.com/">comments rss</a> feed or leave a <a href="http://www.free-css.com/">trackback</a> </div>
        <div class="comment-list">
          <div class="comment-user">Admin</div>
          <div class="comment-block">Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. <a href="http://www.free-css.com/">Mauris</a> et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum. <br />
            <small>07 october 2007</small>&nbsp;&nbsp;&nbsp;<a href="http://www.free-css.com/">edit this comment</a> </div>
        </div>
        <div class="comment-list">
          <div class="comment-user"><a href="http://www.free-css.com/">Admin</a></div>
          <div class="comment-block">Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, ac<br />
            <small>07 october 2007</small>&nbsp;&nbsp;&nbsp;<a href="http://www.free-css.com/">edit this comment</a> </div>
        </div>
        <div class="comment-list-alt">
          <div class="comment-user"><a href="http://www.free-css.com/">Admin</a></div>
          <div class="comment-block">Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, ac<br />
            <small>07 october 2007</small>&nbsp;&nbsp;&nbsp;<a href="http://www.free-css.com/">edit this comment</a> </div>
        </div>
        <div class="comment-list">
          <div class="comment-user"><a href="http://www.free-css.com/">Admin</a></div>
          <div class="comment-block">Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, ac<br />
            <small>07 october 2007</small>&nbsp;&nbsp;&nbsp;<a href="http://www.free-css.com/">edit this comment</a> </div>
        </div>
        <div class="comment-list-alt">
          <div class="comment-user"><a href="http://www.free-css.com/">Admin</a></div>
          <div class="comment-block">Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, ac<br />
            <small>07 october 2007</small>&nbsp;&nbsp;&nbsp;<a href="http://www.free-css.com/">edit this comment</a> </div>
        </div>
        <h5>Pingback and Trackback</h5>
        <div class="comment-list-alt"> Pingback from <a href="http://www.free-css.com/">dezzain studio - some topic about this topics here</a> - 12 Ocotber 2007&nbsp;&nbsp;<a href="http://www.free-css.com/">edit</a> </div>
        <div class="comment-list"> Pingback from <a href="http://www.free-css.com/">aecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non</a> - 12 Ocotber 2007&nbsp;&nbsp;<a href="http://www.free-css.com/">edit</a> </div>
        <h6>Leave A Reply Below</h6>
        <form action="http://www.free-css.com/" method="get" id="sfrom">
          <p>
            <input name="" type="text" class="sbox"/>
&nbsp;Username</p>
          <p>
            <input name="" type="text" class="sbox"/>
&nbsp;Username</p>
          <p>
            <input name="" type="text" class="sbox"/>
&nbsp;Username</p>
          <p>
            <textarea name="" cols="" rows=""></textarea>
          </p>
          <p>
            <input name="" type="submit" value="Submit" />
          </p>
        </form>
      </div>
    </div>
    <div id="sidebar">
      <div class="rss-feed">
        <p class="feed"><a href="http://www.free-css.com/">Subscribes to Rss Feeds</a></p>
        <p class="updates">get latest updates on site news and site post</p>
      </div>
      <div id="ad-box"> <a href="http://www.free-css.com/"><img src="soloss-images/light_125x125.jpg" alt="" border="0" /></a> <a href="http://www.free-css.com/"><img src="soloss-images/freshbooks125x125.gif" alt="" width="125" height="125" border="0" /></a> <a href="http://www.free-css.com/"><img src="soloss-images/mosso_125x125.jpg" alt="" width="125" height="125" border="0" /></a><a href="http://www.free-css.com/"><img src="soloss-images/light_125x125.jpg" alt="" border="0" /></a> <a href="http://www.free-css.com/"><img src="soloss-images/mosso_125x125.jpg" alt="" width="125" height="125" border="0" /></a> <a href="http://www.free-css.com/"><img src="soloss-images/light_125x125.jpg" alt="" border="0" /></a> </div>
      <div id="about">
        <h3>About</h3>
        <div class="sidebar-litbox"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. </div>
      </div>
      <div id="tag">
        <h3>Tags</h3>
        <div class="sidebar-litbox"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. </div>
      </div>
      <div id="search">
        <h3>Search</h3>
        <form action="http://www.free-css.com/" method="get">
          <p>
            <input type="text" value="type and press enter" />
          </p>
        </form>
      </div>
      <div id="layout">
        <div class="layer">
          <div class="ulwrap">
            <h3>Recent Entries</h3>
            <ul>
              <li><a href="http://www.free-css.com/">Test Category 1</a>
                <ul>
                  <li><a href="http://www.free-css.com/">Health</a></li>
                  <li><a href="http://www.free-css.com/">SEO Optimizer</a></li>
                  <li><a href="http://www.free-css.com/">3D Animations</a></li>
                  <li><a href="http://www.free-css.com/">Child 2 - sits under Category 1</a></li>
                  <li><a href="http://www.free-css.com/">Child 1 - sits under Category 1</a></li>
                  <li><a href="http://www.free-css.com/">Child 2 - sits under Category 1</a></li>
                  <li><a href="http://www.free-css.com/">Child 1 - sits under Category 1</a></li>
                  <li><a href="http://www.free-css.com/">Child 2 - sits under Category 1</a></li>
                </ul>
              </li>
              <li><a href="http://www.free-css.com/">Test Category 2</a>
                <ul>
                  <li><a href="http://www.free-css.com/">Child 3 - sits under Category 2</a></li>
                </ul>
              </li>
              <li><a href="http://www.free-css.com/">Test Category 3</a></li>
              <li><a href="http://www.free-css.com/">Uncategorized</a></li>
            </ul>
          </div>
          <div class="ulwrap">
            <h3>Recent Entries</h3>
            <ul>
              <li><a href="http://www.free-css.com/">Test Category 1</a>
                <ul>
                  <li><a href="http://www.free-css.com/">Health</a></li>
                  <li><a href="http://www.free-css.com/">SEO Optimizer</a></li>
                  <li><a href="http://www.free-css.com/">3D Animations</a></li>
                  <li><a href="http://www.free-css.com/">Child 2 - sits under Category 1</a></li>
                  <li><a href="http://www.free-css.com/">Child 1 - sits under Category 1</a></li>
                  <li><a href="http://www.free-css.com/">Child 2 - sits under Category 1</a></li>
                  <li><a href="http://www.free-css.com/">Child 1 - sits under Category 1</a></li>
                  <li><a href="http://www.free-css.com/">Child 2 - sits under Category 1</a></li>
                </ul>
              </li>
              <li><a href="http://www.free-css.com/">Test Category 2</a>
                <ul>
                  <li><a href="http://www.free-css.com/">Child 3 - sits under Category 2</a></li>
                </ul>
              </li>
              <li><a href="http://www.free-css.com/">Test Category 3</a></li>
              <li><a href="http://www.free-css.com/">Uncategorized</a></li>
            </ul>
          </div>
          <div class="ulwrap">
            <h3>Recent Entries</h3>
            <ul>
              <li><a href="http://www.free-css.com/">Test Category 1</a>
                <ul>
                  <li><a href="http://www.free-css.com/">Health</a></li>
                  <li><a href="http://www.free-css.com/">SEO Optimizer</a></li>
                  <li><a href="http://www.free-css.com/">3D Animations</a></li>
                  <li><a href="http://www.free-css.com/">Child 2 - sits under Category 1</a></li>
                  <li><a href="http://www.free-css.com/">Child 1 - sits under Category 1</a></li>
                  <li><a href="http://www.free-css.com/">Child 2 - sits under Category 1</a></li>
                  <li><a href="http://www.free-css.com/">Child 1 - sits under Category 1</a></li>
                  <li><a href="http://www.free-css.com/">Child 2 - sits under Category 1</a></li>
                </ul>
              </li>
              <li><a href="http://www.free-css.com/">Test Category 2</a>
                <ul>
                  <li><a href="http://www.free-css.com/">Child 3 - sits under Category 2</a></li>
                </ul>
              </li>
              <li><a href="http://www.free-css.com/">Test Category 3</a></li>
              <li><a href="http://www.free-css.com/">Uncategorized</a></li>
            </ul>
          </div>
        </div>
      </div>
      <div class="sidebars">
        <div class="widget-sidebar">
          <h3>Categories</h3>
          <ul class="list">
            <li><a href="http://www.free-css.com/">Test Category 1</a>
              <ul>
                <li><a href="http://www.free-css.com/">Health</a></li>
                <li><a href="http://www.free-css.com/">SEO Optimizer</a></li>
                <li><a href="http://www.free-css.com/">3D Animations</a></li>
                <li><a href="http://www.free-css.com/">Child 2 - sits under Category 1</a></li>
                <li><a href="http://www.free-css.com/">Child 1 - sits under Category 1</a></li>
                <li><a href="http://www.free-css.com/">Child 2 - sits under Category 1</a></li>
                <li><a href="http://www.free-css.com/">Child 1 - sits under Category 1</a></li>
                <li><a href="http://www.free-css.com/">Child 2 - sits under Category 1</a></li>
              </ul>
            </li>
            <li><a href="http://www.free-css.com/">Test Category 2</a>
              <ul>
                <li><a href="http://www.free-css.com/">Child 3 - sits under Category 2</a></li>
              </ul>
            </li>
            <li><a href="http://www.free-css.com/">Test Category 3</a></li>
            <li><a href="http://www.free-css.com/">Uncategorized</a></li>
          </ul>
          <h3>Categories</h3>
          <ul class="list">
            <li><a href="http://www.free-css.com/">Test Category 1</a>
              <ul>
                <li><a href="http://www.free-css.com/">Child 1 - sits under Category 1</a></li>
              </ul>
            </li>
            <li><a href="http://www.free-css.com/">Test Category 2</a>
              <ul>
                <li><a href="http://www.free-css.com/">Child 3 - sits under Category 2</a></li>
              </ul>
            </li>
            <li><a href="http://www.free-css.com/">Test Category 3</a></li>
            <li><a href="http://www.free-css.com/">Uncategorized</a></li>
          </ul>
        </div>
        <div class="widget-sidebar">
          <h3>Categories</h3>
          <ul class="list">
            <li><a href="http://www.free-css.com/">Test Category 1</a>
              <ul>
                <li><a href="http://www.free-css.com/">Child 1 - sits under Category 1</a></li>
                <li><a href="http://www.free-css.com/">Child 2 - sits under Category 1</a></li>
                <li><a href="http://www.free-css.com/">Child 1 - sits under Category 1</a></li>
                <li><a href="http://www.free-css.com/">Child 2 - sits under Category 1</a></li>
                <li><a href="http://www.free-css.com/">Child 1 - sits under Category 1</a></li>
                <li><a href="http://www.free-css.com/">Child 2 - sits under Category 1</a></li>
                <li><a href="http://www.free-css.com/">Child 1 - sits under Category 1</a></li>
                <li><a href="http://www.free-css.com/">Child 2 - sits under Category 1</a></li>
              </ul>
            </li>
            <li><a href="http://www.free-css.com/">Test Category 2</a>
              <ul>
                <li><a href="http://www.free-css.com/">Child 3 - sits under Category 2</a></li>
              </ul>
            </li>
            <li><a href="http://www.free-css.com/">Test Category 3</a></li>
            <li><a href="http://www.free-css.com/">Uncategorized</a></li>
          </ul>
          <h3>Categories</h3>
          <ul class="nolist">
            <li><a href="http://www.free-css.com/">Test Category 1</a>
              <ul>
                <li><a href="http://www.free-css.com/">Child 1 - sits under Category 1</a></li>
              </ul>
            </li>
            <li><a href="http://www.free-css.com/">Test Category 2</a>
              <ul>
                <li><a href="http://www.free-css.com/">Child 3 - sits under Category 2</a></li>
              </ul>
            </li>
            <li><a href="http://www.free-css.com/">Test Category 3</a></li>
            <li><a href="http://www.free-css.com/">Uncategorized</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="footer">
  <div id="footer-block">
    <div id="footer-content">
      <div class="alignleft"> &copy;2006-2007 <a href="http://www.free-css.com/">Your Site</a><br />
        Designed by <a href="http://www.dezzain.com/">Dezzain Studio</a> </div>
      <div class="alignright">Valid <a href="http://www.free-css.com/">XHTML</a> and Valid <a href="http://www.free-css.com/">CSS</a></div>
    </div>
  </div>
</div>
</body>
</html>








Related examples in the same category

1.SimpleSimple
2.simplestyle_1
3.simplestyle_2
4.simplestyle_3
5.simplestyle_4
6.simplestyle_5
7.simplestyle_6
8.pomodoro
9.portcentral
10.portfolio-extended
11.portfolio
12.postscriptum
13.powderpuff
14.power
15.precision
16.predilection
17.premiumseries
18.prepaid
19.presented
20.pressurized
21.prideandprejudice
22.primitiveelement
23.printing
24.pristine
25.private-lawyer-co
26.product-landing-page
27.production
28.ProductPackage
29.programme
30.progress
31.projection
32.proofing
33.Prosperity
34.province
35.purensimple
36.purgatory_shuffle
37.puzzled
38.quadrangle
39.quartz-istorage
40.quatrain
41.racetrackplaya
42.radiance
43.rainonleaves
44.ramblingsoul-2
45.ramblingsoul-9
46.ramblingsoul3
47.ramblingsoul4
48.ramblingsoul5
49.ramblingsoul7
50.ramblingsoul_2
51.ramblingsoul_3
52.random
53.rational
54.realize
55.realone
56.rebel-magazine
57.reckoning
58.recreations
59.reference
60.regeneracy
61.rehabilitation
62.reinvent
63.replenish
64.republic
65.resizeme
66.resplendissant
67.revolt-01
68.ridinghood
69.rockband
70.rogue
71.Rothko
72.route66
73.rust
74.safe-as-houses
75.sahara
76.sampling
77.Sapphire
78.schemermag
79.scotchmark
80.scribbled
81.secretlab
82.seduction
83.selcouth
84.sensa
85.settings
86.shallowgrunge
87.shalom-typo
88.shape
89.she
90.showcase
91.sifiso
92.silenceandharmony
93.SILK
94.Simpatico
95.sindromk
96.singapore
97.sinorcaish
98.six-oh-six
99.sixpence
100.sixties_style
101.skipopia
102.skitemplate
103.sky
104.sliced
105.slight_amnesia
106.socialnet
107.softenedcells
108.solemnity
109.solitude
110.solutions
111.somewhere-peaceful
112.soniatemplate
113.space
114.spaced
115.spasaloon
116.spatter
117.speedracing
118.spheroids
119.spidercity
120.splash
121.splatt
122.spontaneous