ecolution-warrior : Design 5 « Templates « HTML / CSS

ecolution-warrior
    

<!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>EcolutionWarrior</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type='text/css'>
/*
Theme Name: Ecolution Warrior
Theme URI: http://www.themewarrior.com
Description: 2 columns dark WordPress Theme designed by <strong><a href="http://www.themewarrior.com">ThemeWarrrior</a></strong>. For support, please go to <a href="http://forums.themewarrior.com"><strong>support forums</strong></a>. <a href="http://www.themewarrior.com/page/license">Read more about this theme's license</a>.
Version: 1.0
Author: Andrayogi
Email: hello@themewarrior.com
Tags: dark, black, two columns, widgets, simple
*/

* {
  margin: 0;
  padding: 0;
}

body {
  background: #454444 url(ecolution-warrior-images/bg-main.gif) repeat-x;
  font: 75% Arial, Helvetica, sans-serif;
  color: #bdbdbd;
  line-height: 150%;
  margin: 0 auto 20px auto;
  text-align: center;
}

a {
  color: #999;
}

a:hover {
  color: #e8cd3a;
}

p {
  margin: 12px 0;
}

ul, ol {
  margin: 0 20px;
}



h1, h2, h3 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  color: #848484;
  letter-spacing: -1px;
  margin: 10px 0;
  padding: 0;
}

h4, h5, h6 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  color: #4c4c4c;
}

h1 {
  font-size: 26px;
  margin: 20px 0;
  padding: 2px 0 10px 0;
}

h2 {
  font-size: 20px;
  padding: 2px 0 6px 0;
}

h3 {
  font-size: 16px;
  padding: 2px 0 4px 0;
}

h4 {
  font-size: 12px;
}

h5 {
  font-size: 10px;
}

h6 {
  font-size: 8px;
}

table {
  margin: 10px 0;
}

blockquote {
  width: 90%;
  font-family: Georgia, "Times New Roman", Times, serif;
  margin: 10px !important;
  padding: 0 20px;
  border-top: 4px solid #ccc;
  border-bottom: 4px solid #ccc;
}

code {
  font-family: "Courier New", Courier, monospace;
}

img {
  border: 0;
}


/* Common Styles */
.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.horizontal-border {
  background: url(ecolution-warrior-images/bg-border-bottom.gif) repeat-x;
}

img.centered {
  text-align: center;
}

img.size-medium, img.size-full {
  border: 4px solid #484848;
}

img.alignright {
  float: right;
  margin: 0 0 10px 10px;
  border: 4px solid #484848;
}

img.alignleft {
  float: left;
  margin: 0 10px 10px 0;
  border: 4px solid #484848;
}

.alignright {
  text-align: right;
}

.alignleft {
  text-align: left;
}

.no-margin-padding {
  margin: 0;
  padding: 0;
}

.ul-no-margin-padding {
  list-style: none;
  margin: 0;
  padding: 0;
}

.orange {
  color: #c77a00;
}

.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}

.margin10 {
  margin: 10px;
}

.font-11 {
  font-size: 11px;
}

.font-18 {
  font-size: 18px;
}

.font-20 {
  font-size: 20px;
}

.clearfix {
  float: left;
  clear: both;
  width: 100%;
}

ul.no-float-list {
  margin: 0;
  padding: 0;
}

ul.no-float-list li {
  list-style: none;
  margin: 0 0 4px 0;
  padding: 0;
}

/* Main container style */
.container {
  width: 950px;
  margin: 0 auto;
  text-align: left;
}

#sub-header .container {
  display: table;
}

#header {
  float: left;
  clear: both;
  width: 100%;
  height: 50px;
  background: url(ecolution-warrior-images/bg-header.gif) repeat-x;
}

#sub-header {
  float: left;
  clear: both;
  width: 100%;
  margin-top: -7px;
}

#maincontent {
  float: left;
  clear: both;
  width: 100%;
}

#maincontent-page {
  float: left;
  clear: both;
  width: 100%;
  padding-top: 6px;
}

#maincontent-page .container {
  float: left;
  width: 700px;
  margin-right: 20px;
}

#leftcol {
  float: left;
  width: 640px;
  margin-right: 30px;
}

#rightcol {
  float: left;
  width: 280px;
}

#footer {
  float: left;
  clear: both;
  width: 100%;
  margin: 20px 0;
}

/* Top Menu */
#header .top-menu {
  float: left;
  width: 620px;
}

#header .top-menu ul {
  margin: 0;
  padding: 0;
}

#header .top-menu ul li {
  float: left;
  font-size: 11px;
  font-weight: bold;
  list-style: none;
  margin: 0;
  padding: 12px 4px;
  border-right: 1px solid #6f6f6f;
}

#header .top-menu ul li a {
  color: #fff;
  text-decoration: none;
  margin: 0 8px;
}

#header .top-menu ul li a:hover {
  text-decoration: underline;
}

/* Search Box */
.top-menu-search {
}

.search-box {
  float: right;
  width: 250px;
  margin: 8px 0 0 20px;
}

.search-box .search-textbox, .search-box .search-button {
  float: left;
  display: inline;
}

.search-box .search-textbox {
  margin-right: 4px;
}

.search-box .search-button {
  position: relative;
  top: -2px;
}

.search-box .search-textbox input {
  width: 200px;
  background: url(ecolution-warrior-images/bg-searchbox.gif) repeat-x;
  font-weight: bold;
  color: #fff;
  padding: 4px;
  border: none;
}

#sub-header .container {
  height: 260px;
  background: url(ecolution-warrior-images/bg-heading.jpg) top right no-repeat;
}

/* Site Title & Slogan */
.site-info {
  margin: 100px 0 0 0;
}

.site-info h1, .site-info h2 {
  font: bold 48px Georgia, "Times New Roman", Times, serif;
  color: #7f7f7f;
  letter-spacing: -2px;
  margin: 0;
  padding: 0;
}

.site-info h1 {
  font: bold 48px Georgia, "Times New Roman", Times, serif;
}

.site-info h1 a {
  text-decoration: none;
}

.site-info h2 {
  font: bold 24px Georgia, "Times New Roman", Times, serif;
}

/* Featured Content */
#featured-post {
  font-size: 16px;
  line-height: 160%;
  margin-bottom: 20px;
}

#featured-post .frame-top {
  height: 15px;
  background: url(ecolution-warrior-images/bg-featured-frame-top.gif) no-repeat;
}

#featured-post .frame-repeat {
  background: url(ecolution-warrior-images/bg-featured-frame-repeat.gif) repeat-y;
  margin-top: 0;
  _margin-top: -10px;
}

#featured-post .frame-bottom {
  height: 15px;
  background: url(ecolution-warrior-images/bg-featured-frame-bottom.gif) no-repeat;
}

#featured-post .frame-repeat .content {
  color: #bdbdbd;
  padding: 10px;
}

/* Post */
#featured-post .post h2.title {
  font: bold 22px Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin: 0 0 6px 0;
  padding: 0;
}

.post-block {
  margin-bottom: 20px;
}

.post h1.title {
  font: bold 24px Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  margin: 0 0 8px 0;
  padding: 0;
}

.post h2.title {
  font: bold 18px Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  margin: 0 0 8px 0;
  padding: 0;
}

.post h2.title a {
  text-decoration: none;
}

.post h2.title a:hover {
  text-decoration: underline;
}

.post .img-thumb {
  float: left;
  width: 100px;
  margin: 0 20px 20px 0;
}

.post .img-thumb img {
  width: 100%;
  height: 100%;
  margin: 2px;
  padding: 2px;
  border: 1px solid #484848;
}

.post-links {
  margin: 10px 0;
}

.post-links ul {
  margin: 0;
  padding: 0;
}

.post-links ul li {
  float: left;
  font: 11px Tahoma, Arial, Helvetica, sans-serif;
  color: #999;
  list-style: none;
  margin: 0 20px 10px 0;
  padding: 2px 0 2px 24px;
}

.post-links ul li.category {
  background: url(ecolution-warrior-images/icon-folder.gif) no-repeat;
}

.post-links ul li.comment {
  background: url(ecolution-warrior-images/icon-comment.gif) no-repeat;
}

.post-links ul li.date {
  background: url(ecolution-warrior-images/icon-calendar.gif) no-repeat;
}

.post-links ul li.author {
  background: url(ecolution-warrior-images/icon-author.gif) no-repeat;
}

.post-links ul li.tag {
  background: url(ecolution-warrior-images/icon-tag.gif) no-repeat;
}

.post-links ul li.edit-post {
  background: url(ecolution-warrior-images/icon-edit.gif) no-repeat;
}

.post-links ul li a {
  text-decoration: none;
}

.post-links ul li a:hover {
  text-decoration: underline;
}

ul.latest-post {
  float: left;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
}

ul.latest-post li {
  float: left;
  clear: both;
  width: 100%;
  list-style: none;
  margin: 0 0 6px 0;
  padding: 0 0 6px 0;
  border-bottom: 1px solid #3b3b3b;
}

ul.latest-post li .img-thumb {
  float: left;
  width: 60px;
  margin-right: 10px;
}

ul.latest-post li .img-thumb img {
  width: 60px;
  height: 60px;
}

ul.latest-post li .post-desc {
  float: left;
  width: 170px;
}

ul.latest-post li a {
  font-weight: bold;
  text-decoration: none;
}

.page-nav {
}

.page-nav a {
  font-weight: bold;
  text-decoration: none;
  margin-right: 16px;
}

/* Leftcol */
#leftcol .frame-top {
  height: 15px;
  background: url(ecolution-warrior-images/bg-leftcol-frame-top.gif) no-repeat;
}

#leftcol .frame-repeat {
  background: url(ecolution-warrior-images/bg-leftcol-frame-repeat.gif) repeat-y;
  margin-top: 0;
  _margin-top: -2px;
}

#leftcol .frame-bottom {
  height: 15px;
  background: url(ecolution-warrior-images/bg-leftcol-frame-bottom.gif) no-repeat;
}

#leftcol .frame-repeat .content {
  color: #aaa;
  padding: 20px;
}

#leftcol h2.section-title {
  background: url(ecolution-warrior-images/bg-border-bottom.gif) bottom repeat-x;
  font: bold 18px Arial, Helvetica, sans-serif;
  color: #e9e9e9;
  letter-spacing: -1px;
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
}

/* Rightcol */
#rightcol .frame-top {
  height: 15px;
  background: url(ecolution-warrior-images/bg-rightcol-frame-top.gif) no-repeat;
}

#rightcol .frame-repeat {
  background: url(ecolution-warrior-images/bg-rightcol-frame-repeat.gif) repeat-y;
  margin-top: 0;
  _margin-top: -4px;
  padding-bottom: 0;
  .padding-bottom: 16px;
}

#rightcol .frame-bottom {
  height: 15px;
  background: url(ecolution-warrior-images/bg-rightcol-frame-bottom.gif) no-repeat;
}

#rightcol .frame-repeat .content {
  padding: 20px;
}

#rightcol h2.section-title {
  background: url(ecolution-warrior-images/bg-border-bottom.gif) bottom repeat-x;
  font: bold 18px Arial, Helvetica, sans-serif;
  color: #e9e9e9;
  letter-spacing: -1px;
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
}

.rightcol-block {
  margin-bottom: 16px;
}

/* Widgets Is Active */
#rightcol .widgets-active ul {
  margin: 0;
  padding: 0;
}

#rightcol .widgets-active ul li {
  background: url(ecolution-warrior-images/icon-list.gif) 0 2px no-repeat;
  list-style: none;
  margin: 0 8px 8px 0;
  padding: 0 0 0 20px;
}

/* Category List */
ul.categories {
  margin: 0;
  padding: 0;
}

ul.categories li {
  background: url(ecolution-warrior-images/icon-arrow.gif) 0 2px no-repeat;
  list-style: none;
  margin: 0 0 8px 0;
  padding: 0 0 5px 16px;
  border-bottom: 1px solid #3b3b3b;
}

ul.children li {
  background: url(ecolution-warrior-images/icon-arrow.gif) 0 2px no-repeat;
  list-style: none;
  margin: 8px 0;
  padding: 0 0 0 16px;
  border: none;
}

ul.categories li a {
  font: bold 14px Arial, Helvetica, sans-serif;
  text-decoration: none;
}

ul.categories li a:hover {
}

/* Archives */
#rightcol ul.archives {
  margin: 0;
  padding: 0;
}

#rightcol ul.archives li {
  float: left;
  width: 100px;
  background: url(ecolution-warrior-images/icon-arrow.gif) 0 2px no-repeat;
  list-style: none;
  margin: 0 8px 8px 0;
  padding: 0 0 0 16px;
}

#rightcol ul.archives li a {
  text-decoration: none;
}

/* Tag Clouds */
.tag-clouds {
  margin: 20px 0;
}

.tag-clouds a {
  line-height: 150%;
  text-decoration: none;
}

/* Flickr */
.flickr img {
  float: left;
  width: 40px;
  height: 40px;
  margin: 7px;
  padding: 2px;
  border: 1px solid #484848;
}

/* Footer */
#footer .content {
  font: 10px Arial, Helvetica, sans-serif;
  color: #959595;
  text-transform: uppercase;
  padding: 0 10px;
}

dl.form {
  margin: 10px 0;
}

dl.form dt {
  float: left;
  clear: both;
  width: 120px;
  font-weight: bold;
  margin-right: 10px;
  padding-bottom: 6px;
}

dl.form dd {
  float: left;
  width: 450px;
  padding-bottom: 6px;
}

dl.form dd input.textbox, dl.form dd textarea, dl.form dd select {
  width: 98%;
  font-family: Arial, Helvetica, sans-serif;
  padding: 2px;
  border: 2px solid #5b5b5b;
}

.hint {
  font-size: 11px;
  color: #ccc;
}

/* Comments */
#comments {
  margin: 20px 0;
}

#comments .comment {
  background: #393939;
  margin-bottom: 20px;
  border-bottom: 1px solid #434343;
}

#comments .comment .content {
  padding: 20px;
}

#comments .gravatar {
  float: left;
  width: 80px;
  margin: 0 10px 10px 0;
  border-right: 1px solid #474646;
}

#comments .comment p {
  margin: 0 0 16px 0;
}

#comments .comment-number {
  font: bold italic 20px Arial, Helvetica, sans-serif;
  color: #484848;
  margin-bottom: 4px;
}

#comments .comment-footer {
  clear: both;
  margin-top: 10px;
  .margin-top: -10px;
}

#comments .moderation {
  margin-bottom: 6px;
}

#comments .moderation .content {
  background: url(ecolution-warrior-images/icon-info.gif) 0 22px no-repeat;
  font-size: 11px;
  font-weight: bold;
  color: #f9d5d5;
  padding-left: 24px;
}

/* Paging */
.wp-pagenavi {
  float: left;
  clear: both;
  width: 100%;
  margin: 10px 0;
  .margin: 20px 0 10px 0;
  padding: 4px 0;
}

.wp-pagenavi span, .wp-pagenavi a {
  font-size: 14px;
  font-weight: bold;
  color: #696969 !important;;
  padding: 4px !important;
  border: 1px solid #a5a5a5 !important;
}

.wp-pagenavi .current {
}

/* Image */
.aligncenter, div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.wp-caption {
  text-align: center;
  margin: 10px;
  border: 2px solid #3b3b3b;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text {
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

img.size-thumbs, img.size-medium, img.size-full,
.attachment img {
  margin: 2px;
  padding: 2px;
  border: 1px solid #3b3b3b;
}

.wp-caption img {
  border: none;
}

/* Navigation */
.navigation {
  font-size: 11px;
  font-weight: bold;
  margin: 10px 0;
}

.navigation img {
  margin: 2px;
  padding: 2px;
  border: 1px solid #3b3b3b;
}

.navigation .align-left {
  float: left;
  width: 45%;
  text-align: left;
  margin-right: 20px;
}

.navigation .align-right {
  float: right;
  width: 45%;
}

.paging {
  font-size: 14px;
  margin: 20px 0;
}

.paging .left {
  float: left;
  width: 48%;
  margin-right: 20px;
}

.paging .right {
  float: right;
  width: 48%;
  text-align: right;
}

/* Gallery */
.gallery {
  clear: both;
  width: 85%;
  margin: 10px 0 10px 40px !important;
  padding: 0 20px;
  border-left: 8px solid #545353;
}

.gallery img {
  margin: 1px;
  padding: 1px;
  border: 1px solid #3b3b3b !important;
}

dl.gallery-item {
  float: left;
  width: 150px;
  margin: 10px 20px 20x 0 !important;
  padding: 0;
  text-align: center;
}

dl.gallery-item, dl.gallery-item dt, dl.gallery-item dd {
  margin-right: 10px;
}

dd.gallery-caption {
  font: 11px Georgia, "Times New Roman", Times, serif !important;
}

dl.gallery dt.gallery-icon img {
}

div.attachment {
  text-align: center;
  margin-bottom: 20px;
}

/* Archives */
ul.archives {
  margin: 0;
  padding: 2px;
}

ul.archives li {
  float: left;
  width: 170px;
  list-style: none;
  margin: 0 10px 12px 0;
  padding: 0 0 0 24px;
}

ul.archives li ul {
  list-style: none;
  margin: 0 10px 12px 0;
  padding: 0;
}

ul.archives li ul li {
  list-style: none;
  margin: 0 10px 12px 0;
  padding: 0 0 0 24px;
}

/* Author Page */
dl.author {
  margin: 10px 0;
}

dl.author dt {
  float: left;
  clear: both;
  width: 100px;
  margin-right: 10px;
}

dl.author dd {
  float: left;
  width: 350px;
  margin-right: 10px;
  padding-bottom: 6px;
}

.author-posts ul {
  margin: 0;
  padding: 0;
}

.author-posts ul li {
  float: left;
  clear: both;
  width: 100%;
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0 0 4px 0;
  border-bottom: 1px solid #484848;
}

.author-posts ul li .thumb {
  float: left;
  width: 55px;
  margin-right: 10px;
}

.author-posts ul li .thumb img {
  margin: 2px;
  padding: 2px;
  border: 1px solid #484848;
}

.author-posts ul li .post-desc {
  float: left;
  width: 500px;
}

.author-posts ul li .meta {
  font-size: 11px;
  color: #868686;
}

/* Wordpress Calendar Widget */
table#wp-calendar {
  width: 100%;
}

table#wp-calendar tr, table#wp-calendar td {
  text-align: center;
}

table#wp-calendar td#today {
  background: #ccc;
  color: #fff;
}

</style>


</head>
<body>
<div id="header">
  <div class="container">
    <div class="top-menu-search">
      <div class="top-menu">
        <ul>
          <li><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/">Archives</a></li>
        </ul>
      </div>
      <div class="search-box">
        <form method="get" href="http://www.free-css.com/">
          <div class="search-textbox">
            <input type="text" name="s" id="s" />
          </div>
          <div class="search-button">
            <input type="image" src="ecolution-warrior-images/b-go.gif" value="Go" />
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
<div id="sub-header">
  <div class="container">
    <div class="site-info">
      <h1><a href="http://www.free-css.com/">Ecolution<span class="orange">Warrior</span></a></h1>
      <h2>Free CSS Website Template</h2>
    </div>
  </div>
</div>
<div id="maincontent">
  <div class="container">
    <div id="featured-post" class="clearfix">
      <div class="frame-top clearfix"> &nbsp; </div>
      <div class="frame-repeat clearfix">
        <div class="content">
          <div class="post">
            <div id="post-45" class="post-block clearfix">
              <h2 class="title"><a href="http://www.free-css.com/">Yet Another Post</a></h2>
              <div class="img-thumb"> <img src="ecolution-warrior-images/no-thumb.gif" width="50" height="50" alt="" border="0" /> </div>
              Welcome to ThemeWarrio demo page, these are just sample posts for demo purpose only. I really hope that you like this theme. Before using the theme, make sure you read the readme file first. If you have any problems regarding one of ThemeWarrior theme, just head to the support forum to get your problem solve.
              <div class="post-links clearfix">
                <ul>
                  <li class="category"><a href="http://www.free-css.com/">Category 1</a> </li>
                  <li class="comment"> <a href="http://www.free-css.com/">Comments (0)</a> </li>
                  <li class="date">October 12, 2008, 8:23 pm</li>
                  <li class="author">Written by <a href="http://www.free-css.com/">admin</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="frame-bottom clearfix"> &nbsp; </div>
    </div>
    <div id="leftcol">
      <div class="frame-top clearfix"> &nbsp; </div>
      <div class="frame-repeat clearfix">
        <div class="content">
          <h2 class="section-title">Previous Post</h2>
          <div class="post clearfix">
            <h2 class="title"><a href="http://www.free-css.com/">Lots of Headings and Other Miscellaneous Stuff That You Might Want To Check. Oh, This Post Will Have More Than 1 Lines Now</a></h2>
            <div id="post-31" class="post-block clearfix">
              <div class="img-thumb"> <img src="ecolution-warrior-images/no-thumb.gif" width="50" height="50" alt="" border="0" /> </div>
              Nusquam salutandi democritum an vix, aliquid philosophia ut his, pri ne dico quas everti. Stet fierent lucilius in vel, ne viris debitis comprehensam vel. Latine veritus minimum ad his, et eam integre utroque theophrastus. Per et voluptua scaevola aliquyam, altera eligendi oportere te cum, ut illum placerat comprehensam mei. Heading 1 Lorem ipsum admodum appareat facilisis at [...]
              <div class="post-links clearfix">
                <ul>
                  <li class="category"><a href="http://www.free-css.com/">Category 1</a>, <a href="http://www.free-css.com/">Category 3</a> </li>
                  <li class="comment"> <a href="http://www.free-css.com/">Comments (0)</a> </li>
                  <li class="date">October 12, 2008, 7:13 am</li>
                  <li class="author">Written by <a href="http://www.free-css.com/">admin</a></li>
                </ul>
              </div>
            </div>
            <h2 class="title"><a href="http://www.free-css.com/">Post With Image Gallery</a></h2>
            <div id="post-14" class="post-block clearfix">
              <div class="img-thumb"> <a href="http://www.free-css.com/"><img src="ecolution-warrior-images/laptop-3-150x150.jpg" alt="" /></a> </div>
              Verear aperiam virtute et eos. Ad erroribus corrumpit pertinacia sea, velit recteque et qui. Laudem utroque nam ei. Movet veniam sententiae ea per, cum cu liber mollis.
              <div class="post-links clearfix">
                <ul>
                  <li class="category"><a href="http://www.free-css.com/">Category 2</a> </li>
                  <li class="comment"> <a href="http://www.free-css.com/">Comments (2)</a> </li>
                  <li class="date">October 5, 2008, 10:39 pm</li>
                  <li class="author">Written by <a href="http://www.free-css.com/">admin</a></li>
                </ul>
              </div>
            </div>
            <h2 class="title"><a href="http://www.free-css.com/">Post With Image</a></h2>
            <div id="post-3" class="post-block clearfix">
              <div class="img-thumb"> <a href="http://www.free-css.com/"><img src="ecolution-warrior-images/photo-150x150.jpg" alt="" /></a> </div>
              Lorem ipsum duo at adolescens consectetuer, impetus partiendo salutatus eos ad. Ex vis sensibus scribentur referrentur. Et veri adversarium usu, his ei scaevola signiferumque, ne eam omittam albucius atomorum. Quaestio convenire moderatius et vix, omnes quaestio petentium eos cu. Nobis vituperatoribus esse cu eam. Eu democritum omittantur pro.
              <div class="post-links clearfix">
                <ul>
                  <li class="category"><a href="http://www.free-css.com/">Category 1</a> </li>
                  <li class="comment"> <a href="http://www.free-css.com/">Comments (3)</a> </li>
                  <li class="date">September 5, 2008, 5:20 pm</li>
                  <li class="author">Written by <a href="http://www.free-css.com/">admin</a></li>
                </ul>
              </div>
            </div>
            <h2 class="title"><a href="http://www.free-css.com/">Video Post - Muse Live in Jakarta</a></h2>
            <div id="post-21" class="post-block clearfix">
              <div class="img-thumb"> <img src="ecolution-warrior-images/no-thumb.gif" width="50" height="50" alt="" border="0" /> </div>
              Example WordPress post with embedded video.
              <div class="post-links clearfix">
                <ul>
                  <li class="category"><a href="http://www.free-css.com/">Category 2A</a> </li>
                  <li class="comment"> <a href="http://www.free-css.com/">Comments (0)</a> </li>
                  <li class="date">August 3, 2008, 8:16 pm</li>
                  <li class="author">Written by <a href="http://www.free-css.com/">admin</a></li>
                </ul>
              </div>
            </div>
            <h2 class="title"><a href="http://www.free-css.com/">Blockquote &#038; Code Test</a></h2>
            <div id="post-1" class="post-block clearfix">
              <div class="img-thumb"> <img src="ecolution-warrior-images/no-thumb.gif" width="50" height="50" alt="" border="0" /> </div>
              Verear aperiam virtute et eos. Ad erroribus corrumpit pertinacia sea, velit recteque et qui. Laudem utroque nam ei. Movet veniam sententiae ea per, cum cu liber mollis. In qui alii exerci partem, nihil graeci partiendo duo at. Eius efficiantur voluptatibus his ea, an ubique integre fabellas vis. Alia nostro sententiae pri id, an laboramus gloriatur mea, [...]
              <div class="post-links clearfix">
                <ul>
                  <li class="category"><a href="http://www.free-css.com/">Category 1</a>, <a href="http://www.free-css.com/">Category 2</a>, <a href="http://www.free-css.com/">Category 2B</a>, <a href="http://www.free-css.com/">Category 3</a> </li>
                  <li class="comment"> <a href="http://www.free-css.com/">Comments (1)</a> </li>
                  <li class="date">July 4, 2008, 8:47 pm</li>
                  <li class="author">Written by <a href="http://www.free-css.com/">admin</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="frame-bottom clearfix"> &nbsp; </div>
      <div class="tag-clouds clearfix">
        <div class="frame-top clearfix"> &nbsp; </div>
        <div class="frame-repeat clearfix">
          <div class="content">
            <h2 class="section-title">Tag Clouds</h2>
            <a href="http://www.free-css.com/" style="font-size: 8pt;">Blockquote</a> <a href="http://www.free-css.com/" style="font-size: 8pt;">Code</a> <a href="http://www.free-css.com/" style="font-size: 8pt;">Gallery</a> <a href="http://www.free-css.com/" style="font-size: 8pt;">Headings</a> <a href="http://www.free-css.com/" style="font-size: 8pt;">Image</a> <a href="http://www.free-css.com/" style="font-size: 8pt;">Post</a> <a href="http://www.free-css.com/" style="font-size: 8pt;">ThemeWarrior</a> <a href="http://www.free-css.com/" style="font-size: 8pt;">Video</a> </div>
        </div>
        <div class="frame-bottom clearfix"> &nbsp; </div>
      </div>
    </div>
    <div id="rightcol">
      <div class="frame-top clearfix"> &nbsp; </div>
      <div class="frame-repeat clearfix">
        <div class="content">
          <div class="rightcol-block clearfix">
            <h2 class="section-title">About This Blog</h2>
            This is the place where you can write a short description about your self and your blog, you can even put a photo of your self. </div>
          <div class="rightcol-block clearfix">
            <h2 class="section-title">Post Category</h2>
            <ul class="categories">
              <li><a href="http://www.free-css.com/">Category 1</a> </li>
              <li><a href="http://www.free-css.com/">Category 2</a>
                <ul class="children">
                  <li><a href="http://www.free-css.com/">Category 2A</a> </li>
                  <li><a href="http://www.free-css.com/">Category 2B</a> </li>
                </ul>
              </li>
              <li><a href="http://www.free-css.com/">Category 3</a> </li>
            </ul>
          </div>
          <div class="rightcol-block clearfix">
            <h2 class="section-title">Archives</h2>
            <ul class="archives">
              <li><a href="http://www.free-css.com/">October 2008</a></li>
              <li><a href="http://www.free-css.com/">September 2008</a></li>
              <li><a href="http://www.free-css.com/">August 2008</a></li>
              <li><a href="http://www.free-css.com/">July 2008</a></li>
            </ul>
          </div>
          <div class="rightcol-block flickr clearfix">
            <h2 class="section-title">My Flickr Photos</h2>
            <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?show_name=1&amp;count=12&amp;display=latest&amp;size=s&amp;layout=h&amp;source=user&amp;user=79988198%40N00"></script>
          </div>
        </div>
      </div>
      <div class="frame-bottom clearfix"> &nbsp; </div>
    </div>
    <div id="footer">
      <div class="content"> Copyright &copy; 2008 ThemeWarrior. <br />
        Ecolution Warrior Wordpress Theme by <a href="http://www.themewarrior.com">ThemeWarrior</a> </div>
    </div>
  </div>
</div>
</body>
</html>
Related examples in the same category

1.	d-tv
2.	dogstemplate
3.	domesticated
4.	dottis
5.	duet-plasma
6.	dusky
7.	dusplic
8.	dynamic
9.	dzine
10.	eastern-tales
11.	easybreeze
12.	easymoto
13.	eatlon
14.	ebullient
15.	echo
16.	ecom-1
17.	edgy
18.	edy-builders
19.	efflorescence
20.	elements
21.	elitecircle1-0
22.	emblazoned
23.	embouteillage
24.	emerald
25.	emergence
26.	emperor
27.	empireserver
28.	emporium
29.	enclosed
30.	endless
31.	energybox
32.	enlight
33.	enlighten1-0
34.	enormous
35.	enter
36.	enthusiastica
37.	entomology
38.	envision1-0
39.	epod
40.	equivalency
41.	ergophobia
42.	established
43.	etags
44.	euphonics
45.	europe
46.	everydayseries
47.	evolution
48.	exalted
49.	excess
50.	excursus
51.	Executive Template
52.	executive
53.	Exotic_Blue
54.	Exotic_Red
55.	fotografix
56.	fotolandia
57.	foundation
58.	foxy
59.	fractalbroccoli
60.	fragrance
61.	frankincense
62.	freches-fruechtchen
63.	free-css-lunch
64.	freecsstemplate 55
65.	freecsstemplateno57
66.	freecsswebsitetemplate39
67.	freecss_greentextile
68.	freecss_modern
69.	freecss_monolit
70.	freecss_redleaves
71.	freecss_set
72.	freeport
73.	freeradicals
74.	freestyle
75.	frozenage
76.	ftd-redblack
77.	ftdbusiness
78.	ftdcinema
79.	ftddrops
80.	ftdExplosionBlue
81.	ftditight
82.	ftdkiwi
83.	ftdlagoon
84.	ftdLight
85.	ftdLightBlue
86.	ftdluminescent
87.	ftdMoonLight
88.	ftdprime
89.	ftdspace
90.	ftdvivid
91.	ftdworld
92.	funkytimes
93.	funride
94.	futuremag-aio
95.	fword_three
96.	galaxy
97.	gallerize
98.	gamberetto
99.	gameportal
100.	Ganesh01
101.	gastropoda
102.	gathering14
103.	gazebo
104.	gconsultant
105.	general
106.	genesis
107.	genghiskahn
108.	genius_web
109.	gentle_wiki
110.	geoforce
111.	gestured
112.	gift-gallery
113.	giftig-gruen
114.	gila
115.	glazed
116.	godetia
117.	godofgates
118.	GoFlexible
119.	goinggrey
120.	gradientis
121.	grandenally
122.	grandhost
123.	GraniteGlass
124.	greefies