darkforest : Dark « Templates « HTML / CSS






darkforest

  

<!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>DarkForest - About Us</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type='text/css'>
/*
Theme Name: darkforest
Theme URI: http://freethemelayouts.com/
Description: Designed by <a href="http://freethemelayouts.com">FTL</a>.<br /> This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it and make any changes you like. However, credit links must remain on footer for legal use.
Version: 1
Author: FreeThemeLayout/DreamTemplate
Author URI: http://www.freethemelayouts.com/
*/

body { background:#202020 url(darkforest-images/bg_main.jpg) repeat-x top;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin:0; color: #242424; }

html { padding:0; margin:0; }

a:link { text-decoration:none; color :#7f262e; border:0; }
a:active { text-decoration:underline; color :#7f262e; border:0; }
a:visited { text-decoration:none; color :#7f262e; border:0; }
a:hover { text-decoration:underline; color :#7f262e; border:0; } 
a:focus { outline:none;}

.clr { clear:both; }

h1, h2, h3, h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

img { padding:0; margin:0; border:none; text-align:center; }
hr1 { border-left:0 solid #000000; border-right:0 solid #000000; border-top:0 dotted #000000; border-bottom:1px solid #000000; height :1px; }
hr { border-left:0 solid #7f262e; border-right:0 solid #7f262e; border-top:0 dotted #7f262e; border-bottom:1px solid #7f262e; height :1px; }

form { padding:0; margin:0; }
input { font-family:'Verdana'; color:#282b31; font-size:11px; }
textarea { font-family:'Verdana'; color:#282b31; font-size:11px; }
select { font-family:'Verdana'; color:#282b31; font-size:11px; }

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#bgcontainer {width:1000px; margin:0; padding:0; background:url(darkforest-images/CON_bg_body.gif) repeat-y top; }

/**/ * html .Header {height:291px; } /* */ 

.Syn {  height:40px; width:357px; float:right;}
.Syn ul { margin:0px 5px 5px 5px; padding:0 10px 0 10px; background:url(darkforest-images/RSS.jpg) top left no-repeat  ; height:40px; }
.Syn li {margin:5px 5px 0 0; padding:5px 0 5px 55px; list-style-type:none; color:#000;}
.Syn li a {color:#000;}
.Syn li a:visited {color:#000; }
.Syn li a:hover {color:#000; }

.Header { width:1000px; margin:0; height:291px; background:url(darkforest-images/header.jpg) top no-repeat;}

.Logo {height:40px; width:220px; float:left; margin:80px 0 0 25px;}

.Header .LogoText h1 {font-size:32px; line-height:32px; letter-spacing:0px; padding:10px 0 0 106px; margin:0; font-weight:normal; font-family:Arial, Helvetica, sans-serif; position:relative; top:15px; width:327px; height:66px; color:#FFFFFF;}
.Header .LogoText a { color:#FFFFFF; text-decoration:none; }
.Header .LogoText a:visited { color:#FFFFFF; text-decoration:none; }
.Header .LogoText a:hover { color:#FFFFFF; text-decoration:none; }

.Header .Desc {  position:absolute;  color:#ffffff; font-size:12px; line-height:14px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0 0 0 106px; top:141px;}
/* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Menu {padding:0 0 0 0; margin:0; height:71px; width:1000px; position:absolute; top:220px; background:url(darkforest-images/menu_bg.jpg) top no-repeat;}
.Menu ul { list-style:none; margin:0; padding:0; height:70px; }
.Menu ul li { padding:10px 0 35px 15px; margin:0; float:left; line-height:12px; }
.Menu ul li a { padding:30px 20px 30px 20px; margin:0; outline:0; background:none; line-height:18px; letter-spacing:-1px; font:bold 16px Arial, Helvetica, sans-serif; color:#FFFFFF;}
.Menu ul li a:hover { background:url(darkforest-images/menu_hover.gif) no-repeat center;}

/* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.CON { width:731px; padding:0 169px 0 100px; float:none; margin:0; background:url(darkforest-images/CON_bg.jpg) no-repeat top;}

.CON p { padding: 0 10px;}

/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SC { width:500px; padding:10px 0 0 0; margin:20px 41px 0 0; float:left; background:url(darkforest-images/bl_t.gif) no-repeat top;}
.SC_f { width:500px; padding:0 0 19px 0; margin:0 0 0 0; background:url(darkforest-images/bl_b.gif) no-repeat bottom;}
.SC_bg { width:500px; padding:0 0 0 0; margin:0; background:url(darkforest-images/bl_bg.gif);}
/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Post {padding:0; margin:0; color:#d7ceae;}
.pagetitle { line-height:18px; letter-spacing:-1px; padding:5px 0 5px 10px; margin:0 0 5px 10px; color:#e2c47c; font:normal 18px Arial, Helvetica, sans-serif;}

.PostHead { border:0;}
.PostHead h2 { line-height:24px; letter-spacing:-1px; padding:5px 0 5px 30px; margin:0 0 5px 10px; color:#e2c47c; font:normal 20px Arial, Helvetica, sans-serif; background:url(darkforest-images/bg_CS.jpg) no-repeat left; }
.PostHead h2 a { color:#e2c47c; text-decoration:none; }
.PostHead h2 a:visited { color:#e2c47c; text-decoration:none; }
.PostHead h2 a:hover { color:#e2c47c; text-decoration:underline; }

/**/ * html .PostTime { } /**/ 
.PostTime { height:25px; padding:0 10px 0 10px; margin:0 1px 0 1px; color:#000000; background:#9a9646 url(darkforest-images/panel.gif) no-repeat left; float: right; line-height:25px;}
.PostTime strong { font-weight:normal; font-size:14px; }
.PostTime .day { font-size:14px; }
.PostTime .month { font-size:14px; }
.PostTime .year { font-size:14px; }

.PostHead small {padding:5px 0 ; margin:0; font-size:14px; line-height:14px; font-weight:normal; }

.PostAuthor { color:#ffffff; }

.PostCat { color:#000000; }
.PostCat a { color:#ffffff; text-decoration:none; }
.PostCat a:visited { color:#ffffff; text-decoration:none; }
.PostCat a:hover { color:#ffffff; text-decoration:underline; }

.PostContent { padding:0 0 0 10px; font-size:11px; color: #97938a; font-family:Verdana, Arial, Helvetica, sans-serif; }
.PostContent p { font-size:11px; color:#8a867c; padding:0 10px 0 10px;}
.PostContent p strong {}
.PostContent img { margin:0; padding:0; }
.PostContent ol { padding:10px 0 10px 25px; margin:0; }
.PostContent ol li { padding:2px 0 2px 0 ; font-size:12px; line-height:15px; color:#9a9646; }
.PostContent ul { padding:5px 0 ; margin:0; }
.PostContent ul li { padding:2px 0 2px 15px; list-style-type:none; font-size:11px; line-height:15px; color:#9a9646; }
.PostContent blockquote { padding:10px; margin:0; color:#8a867c; background:#000; }
.PostContent blockquote p { font-size:12px; padding:0; margin:0; line-height:15px; }
.PostContent blockquote li { padding:2px 0 2px 15px; list-style-type:none; font-size:12px; line-height:15px; }
.PostContent blockquote a { color:#fff; }
.PostContent blockquote a:visited { color:#fff; }
.PostContent blockquote a:hover { color:#fff; text-decoration:underline; }

/**/ * html .PostContent p img { } /* */ 
.PostContent p img { max-width:420px; }
.PostContent img { margin:0 10px 10px 0 ; float:left; }

.PostCom { padding:10px 0; }
.PostCom ul { padding:0; margin:0; }
.PostCom li { padding:5px 0 5px 25px; margin:0 5px 0 0; list-style-type:none; display:inline; color:#2a688c; font-size:14px; } 
.PostCom li a { font-weight:normal; text-decoration:underline; color:#9a9646; } 
.PostCom li a:visited { font-weight:normal; text-decoration:underline; color:#9a9646; }
.PostCom li a:hover { font-weight:normal; text-decoration:none; color:#9a9646; }

.PostCom .Com { background:url(darkforest-images/ct.gif) no-repeat left center; }
.PostCom .Tags { padding-left:0; }

.edit_this { padding:5px 10px;}


/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.Note { padding-left: 10px; padding-right: 10px; margin:0; color: #b8b8b8; }
.Note li { padding:3px 0 3px 15px; margin:0; list-style-type:none; font-size:12px; }

/* TrackbackList ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.TrackList { background:#f4ebef url(darkforest-images/TrackListBottom.gif) no-repeat bottom; padding:15px; margin-top:20px; position:relative; }
.TrackListTop { background:#f4ebef url(darkforest-images/TrackListTop.gif) no-repeat top; position:absolute; top:0; left:0; width:455px; height:10px; }
.TrackList h3 { font-size:14px; font-weight:bold; margin:0 0 5px 0; padding:0 0 5px 0; color:#333366; letter-spacing:-1px; border-bottom:dashed 1px #beb4c1; }
.TrackList ul { padding:0; margin:0; }
.TrackList li { padding:0 0 0 10px; margin:0; list-style-type:none; font-size:11px; background:url(darkforest-images/TrackListIco.gif) no-repeat left top; }
.TrackList li a { color:#cc3366; }

/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Nav { font-size:11px; padding:10px 0 ; color:#666; font-family:'Verdana'; }
.Nav a { padding:1px 6px 1px 4px; border-right:solid 1px #666; font-size:11px; }
.Nav a:visited { padding:1px 6px 1px 4px; border-right:solid 1px #666; }
.Nav a:hover { padding:1px 6px 1px 4px; border-right:solid 1px #666; text-decoration:none; }
.Nav span { padding:1px 6px 1px 4px; color:#666; border-right:solid 1px #666; }
.Nav .on { padding:1px 6px 1px 4px; border-right:solid 1px #666; font-size:11px; color:#003366; }

/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments { margin:20px 10px 0 10px; position:relative; color:#cccccc; }
.Comments h3 { font-size:16px; letter-spacing:-1px; margin:0 0 5px 0; padding:10px 0; color:#e2c47c; }

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.List ol { padding:0; margin:0; }
.List li { position:relative; padding:5px 0 ; margin:10px 0 ; list-style-type:none; background:url(darkforest-images/PostDotted.gif) repeat-x bottom; }

/**/ * html .List .LGrav { right:30px; } /* */ 
.List .LGrav { position:absolute; right:0; top:10px; }
.List .LGrav img { border:solid 1px #ccc; padding:2px; background:#fff; }

.List .LUsr { margin:0; padding:0; font-size:11px; line-height:12px; color:#999; }
.List .LUsr a { color:#999; text-decoration:none; }
.List .LUsr strong { font:bold 16px "Trebuchet MS", sans-serif; letter-spacing:-1px; color:#666; }
.List .LUsr strong a { color:#cc0000; text-decoration:none; }

.List .LCon { margin:10px 0 0 0 ; padding:0; font-size:12px; line-height:16px; border-top:solid 1px #ccc; }
.List .LCon p { margin:0; padding:5px 0 ; font-size:12px; line-height:16px; }

.List .Author { background:#fff; }

/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Form .Email { }

.Form {  padding:0 0 10px 0 ; position:relative; margin:0; font-family:'Verdana'; }
.Form form { margin:0; padding:0; }
.Form a { text-decoration:underline; }
.Form p { padding:0 0 2px 0 ; margin:0; color:#9a9646; }
.Form p small strong { font-weight:bold; color:#9a9646; }
.Form p small { font-size:11px; display:block; padding:6px 0 ; color:#9a9646; }
.Form .TextField { color:#003366; background:#e9f8ff; border:solid 1px #d5e7f0; padding:6px 6px 6px 30px; font-size:12px; display:block; }
.Form .TextArea { color:#003366; background:#e9f8ff; border:solid 1px #d5e7f0; padding:6px; font-size:12px; }
.Form input.SubmitComment { height:29px; margin-top:4px; }


/* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SR { width:190px; float:left; padding:0; margin:0; }

/* Side Right Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SRR { width:190px; margin:0; padding:0; }
.SRR h2 { letter-spacing:1px; padding:0 15px 10px 15px; margin:0; font:normal 18px Tahoma, Arial; color:#dad8b7; }
.SRR ul { margin:0; padding:0 0 0 20px; }
.SRR li { margin:0; padding:0; list-style-type:none; }
.SRR a { color:#a1a1a1; text-decoration:none; }
.SRR a:visited { color:#a1a1a1; }
.SRR a:hover { color:#a1a1a1; text-decoration:underline; }

/* Categories +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SRR .widget { width:190px; margin:0; padding:0; background:url(darkforest-images/right.gif) no-repeat top; }
.SRR .widget h2 { font:normal 24px "Times New Roman", Times, serif; color:#dad8b7; padding:10px 15px 20px 15px; margin:0; }
.SRR .widget ul { margin:0; padding:0 0 20px 0 ; color:#98b2a2; }
.SRR .widget li { margin:0; padding:1px 0 1px 0 ; list-style-type:none; font-size:12px; color:#98b2a2; }
.SRR .widget ul li { margin:0 5px; padding:1px 0 5px 15px; list-style-type:none; font-size:12px; color:#98b2a2; font-weight:normal; }
.SRR .widget li a { color:#a1a1a1; text-decoration:none; }
.SRR .widget li a:visited { color:#a1a1a1; }
.SRR .widget li a:hover { color:#a1a1a1; text-decoration:underline; }

.SRR .widget_categories { width:180px; margin:0; padding:0 0 10px 10px; background: url(darkforest-images/menu_bgbg.gif) no-repeat bottom; }
.SRR .widget_categories h2 { font:normal 24px  tahoma, Arial; color:#ffffff; padding:10px 25px 5px 10px; margin:0; background: url(darkforest-images/menu_t.gif) no-repeat top; }
.SRR .widget_categories ul { margin:0; padding:0 0 10px 0; background:url(darkforest-images/menu_b.gif) no-repeat bottom; list-style:none; }
.SRR .widget_categories ul li { margin:0; padding:3px 0 4px 25px; list-style-type:none; font-size:12px; color:#a9631a; background:url(darkforest-images/menu_ba.gif) no-repeat bottom; color:#dedb98; }
.SRR .widget_categories li a { color:#dedb98; text-decoration:none; }
.SRR .widget_categories li a:visited { color:#dedb98; }
.SRR .widget_categories li a:hover { color:#dedb98; text-decoration:underline; }
.SRR .widget_tag_cloud { font-family:"Trebuchet MS"; line-height:22px; }

.SRR .widget_calendar h2 { font:italic 24px "Times New Roman", Times, serif; color:#7a491e; padding:10px 15px 20px 15px; margin:0; }
.SRR .widget_calendar table { width:100%; }
.SRR .widget_calendar table td { text-align:center; padding:3px; }
.SRR .widget_calendar caption { background:#fff3e2; padding:5px 0 ; }
.SRR .widget_calendar #today { background:#fff3e2; }

.SRR .widget_tag_cloud { font-family:"Trebuchet MS"; line-height:22px; }

.SRR .widget_calendar table { width:100%; }
.SRR .widget_calendar table td { text-align:center; padding:3px; }
.SRR .widget_calendar caption { background:#ffe0bf; padding:5px 0 ; }
.SRR .widget_calendar #today { background:#ffe0bf; }

/* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/**/ * html .Search  { } /**/ 
.Search { padding:0; background:url(darkforest-images/foot2_bg.gif) no-repeat  bottom; width:190px; float:left;}
.Search form { margin:0; }
.Search input { color:#330033; font-size:12px; }
.Search  input.keyword {border:1px solid #8a8671; width:110px; height:25px; float:left; color:#666666; } 
.Search  input.search { width:48px; height:28px; margin:0 5px 0 10px; padding:0; }
.Search .bt { padding:0; margin:0; background:none; float:left; }

/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.FBG { width:1000px; min-height:226px; margin:0 0 0 0; padding:15px 0 0 0; background:#191919 url(darkforest-images/footerp.gif) no-repeat top;}
.FBG .Footer p { font:normal 12px "Times New Roman", Times, serif; color:#FFFFFF;}

.FBG .FooterPanel { width:731px; padding:0 169px 20px 100px; margin:0 0 10px 0; background:url(darkforest-images/footer_p_bg.gif); }
/* TabContent ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.FBG .TabContent { width:500px; margin:20px 41px 0 0; padding:10px 0 0 0; background:url(darkforest-images/bl2_t.gif) no-repeat top; float:left }
.FBG .TabContent h2 { font:normal 24px "Times New Roman", Times, serif; color:#303030; padding:10px 15px 10px 15px; margin:0; background:url(darkforest-images/bl2_bg.gif) repeat-y; }
.FBG .TabContent ul { margin:0; padding:0 0 10px 0 ; color:#303030; background:url(darkforest-images/bl2_b.gif) no-repeat bottom; }
.FBG .TabContent ul li { margin:0; padding:1px 0 3px 15px; list-style-type:none; font-size:12px; color:#303030; font-weight:normal; background:url(darkforest-images/bl2_bg.gif) repeat-y; }
.FBG .TabContent li a { color:#303030; text-decoration:none; }
.FBG .TabContent li a:visited { color:#303030; }
.FBG .TabContent li a:hover { color:#303030; text-decoration:underline; }
/* Flickrrss ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.widget_flickrrss { width:190px; float:left ;padding:0; margin:20px 0 0 0;}
.widget_flickrrss h2 { font:normal bold 14px Tahoma, Arial; color:#282e30; padding:10px 15px 20px 15px; margin:0; line-height:14px; }
.widget_flickrrss ul { margin:0; padding:0 0 0 10px; text-align:center; }
.widget_flickrrss li { float:left; list-style:none; padding:3px 5px 0 5px; margin:0px; }
.widget_flickrrss li a img { background:#fff; padding:0; border:1px solid #cebea9; }
.widget_flickrrss li a:visited img { background:#fff; padding:0; border:1px solid #cebea9; }
.widget_flickrrss li a:hover img { background:#660000; padding:0; border:1px solid #660000; }

/* Banners ADs ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.banner { width:800px; margin:0 auto; padding:0; float:none;}
.banner h2 { font:normal 24px tahoma, Arial; color:#e2c47c; padding:10px 15px 20px 15px; margin:0; }
.banner ul {margin:0; padding:0 0 15px 20px ; }
.banner li { margin:0; padding:5px 5px 5px 10px; list-style-type:none; float:left; }

/* Recent ADs ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.FBG .Recent {width:264px; margin:0; padding:0; background:url(darkforest-images/Recent.gif) no-repeat top; float:left; }
.FBG .Recent h2 { font:normal  bold 20px Tahoma, Arial; color:#fff; padding:50px 15px 20px 60px; margin:0; }
.FBG .Recent ul {margin:0; padding:0 0 15px 0 ; }
.FBG .Recent li { margin:0; padding:1px 20px 1px 15px; list-style-type:none; }

.Footer { width:1000px; height:46px; padding:0 0 0 0; background:url(darkforest-images/footer.jpg) top no-repeat; margin:0; text-align:center;}
.Footer p { font-size:10px; line-height:15px; color:#fff; padding:0; margin:0; font-family:'Verdana';}
.Footer a { color:#fff; text-decoration:underline;}

</style>


</head>
<body>
<div id="bgcontainer">
  <div class="Header">
    <div class="Logo">
      <div class="LogoText">
        <h1><a href="http://www.free-css.com/">DarkForest</a></h1>
      </div>
      <p class="Desc"> </p>
    </div>
    <div class="Syn">
      <ul>
        <li><a href="http://www.free-css.com/">Entries</a> (RSS) <a href="http://www.free-css.com/">Comments</a> (RSS)</li>
      </ul>
    </div>
    <div class="clr"></div>
    <div class="Menu">
      <ul>
        <li><a href="http://www.free-css.com/">Home</a></li>
        <li><a href="about-us.html">About Us</a></li>
        <li><a href="archives.html">Archives</a></li>
        <li><a href="contact-us.html">Contact Us</a></li>
      </ul>
    </div>
    <div class="clr"></div>
  </div>
  <div class="CON">
    <div class="SC">
      <div class="SC_f">
        <div class="SC_bg">
          <div class="Post">
            <h2 class="pagetitle"> About </h2>
            <div class="clr"></div>
            <p>This is an example of a WordPress page, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many pages like this one or sub-pages as you like and manage all of your content inside of WordPress.</p>
            <div id="lipsum">
              <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras pellentesque consectetuer tortor. In hac habitasse platea dictumst. Suspendisse tempus, arcu at ultricies pretium, tellus velit congue lorem, ac accumsan massa lacus sit amet orci. Nulla risus sapien, varius et, lacinia quis, porta egestas, lorem. Praesent pretium libero et risus. Aliquam erat volutpat. Ut convallis, erat vitae ultrices lobortis, quam erat ornare enim, in auctor sem leo eu arcu. Etiam eget diam. Proin et nibh. Vivamus in quam. Nulla sed lectus nec tortor ultricies bibendum. Quisque urna pede, porttitor at, ultricies in, rhoncus at, mauris. Integer risus tortor, tincidunt ut, dictum vel, posuere in, felis. Pellentesque hendrerit dapibus elit. Sed at eros ac lorem condimentum suscipit. Nulla facilisi. Pellentesque pellentesque. Integer ultrices lectus at tellus. Praesent leo erat, fringilla quis, consectetuer vitae, cursus vitae, lorem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
              <p>Duis tristique laoreet velit. Phasellus viverra ligula nec massa. Sed commodo, est eget posuere aliquet, diam orci ornare pede, eu rhoncus tortor diam non felis. Cras in odio vel orci porta luctus. Ut lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi eu enim ornare pede egestas dapibus. Aliquam tortor lacus, semper vel, commodo non, aliquam sed, augue. Nam dignissim. Nunc mattis egestas lectus. Quisque suscipit convallis sem. Praesent id justo id arcu dapibus porta. Donec vestibulum. Pellentesque egestas dapibus magna. Phasellus sit amet metus nec sem hendrerit aliquam. Pellentesque sit amet tellus. Nulla porta ligula sit amet felis. Vivamus ornare, odio volutpat auctor tempus, leo metus cursus nisl, ac dignissim arcu neque in lacus.</p>
              <p>Aenean pede est, tempor id, pulvinar vitae, adipiscing a, orci. Suspendisse potenti. Phasellus pulvinar, orci vitae interdum vehicula, odio magna mollis turpis, eu rutrum felis erat eu quam. Mauris pede turpis, suscipit ut, venenatis sit amet, bibendum sit amet, quam. Nam porta, tellus in placerat adipiscing, neque libero pretium leo, at tincidunt quam dolor ac tellus. Praesent vestibulum, lacus ac interdum pretium, orci tortor hendrerit est, quis volutpat sapien magna eget mauris. Suspendisse viverra. Curabitur imperdiet orci et ligula. Vivamus rutrum velit id erat. Nam eu dui. In commodo leo quis lectus. Nunc tincidunt malesuada quam. Vivamus nisi sapien, condimentum vel, commodo eu, tempus luctus, pede. In ac massa. Sed metus dui, iaculis ac, feugiat at, pretium et, arcu. Donec augue. Vestibulum malesuada, magna quis consequat accumsan, arcu eros commodo tellus, vel tristique sem pede id turpis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
              <p>Aliquam semper elit sit amet erat. Maecenas sed tortor. Curabitur hendrerit iaculis enim. Aliquam erat volutpat. Nulla turpis turpis, lobortis id, rhoncus eleifend, commodo non, velit. Ut vestibulum sapien et urna. Cras ipsum elit, fermentum sed, commodo eget, gravida vitae, enim. In tincidunt orci sed enim. Pellentesque dictum venenatis felis. Nulla suscipit aliquam orci. Aenean eros nisl, laoreet a, pellentesque a, lacinia a, dolor. Donec in nibh ultricies velit euismod congue. Quisque hendrerit, tortor in vestibulum pretium, ligula nunc ornare mauris, ut dictum leo nibh vitae nisi. Sed vulputate, nulla nec ultricies imperdiet, erat pede sagittis pede, a placerat pede libero at enim. Suspendisse potenti. Etiam ut tortor in lectus fringilla ultricies. In vehicula odio quis velit faucibus vulputate. Duis eget risus.</p>
              <p>Praesent aliquet pellentesque orci. Quisque leo neque, viverra et, blandit et, dapibus id, odio. Morbi sit amet augue non massa mattis tempor. Maecenas tincidunt aliquam lorem. Fusce sem. Phasellus nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis dictum. Etiam magna felis, tristique vel, ullamcorper eu, tristique ut, tortor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin ultricies feugiat erat. Sed rutrum. Donec nisl lectus, pharetra eget, sagittis quis, venenatis hendrerit, ante. Donec purus nisi, semper sed, cursus ac, malesuada at, elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris vitae dui vel odio ornare bibendum. Phasellus dignissim. Nulla facilisi. Praesent adipiscing.</p>
            </div>
            <div id="related-posts">
              <h2>Related Posts</h2>
              <p>None</p>
            </div>
          </div>
          <div class="Comments">
            <div class="List"> </div>
            <h3 id="respond">Leave a reply</h3>
            <div class="Form">
              <div class="FormTop"></div>
              <form href="http://www.free-css.com/" method="post" id="commentform">
                <p>
                  <label for="author"> <small>Name (<strong>*</strong>) </small>
                  <input type="text" name="author" id="author" value="" tabindex="1" class="TextField Name" style="width: 384px; background: #e9f8ff url(darkforest-images/FormName.png) no-repeat left top" />
                  </label>
                </p>
                <p>
                  <label for="email"> <small>E-mail ( <strong>*</strong> )</small>
                  <input type="text" name="email" id="email" value="" tabindex="2" class="TextField"  style="width: 384px; background: #e9f8ff url(darkforest-images/FormEmail.png) no-repeat left top" />
                  </label>
                </p>
                <p>
                  <label for="url"> <small><abbr title="Uniform Resource Identifier">URI</abbr></small>
                  <input type="text" name="url" id="url" value="" tabindex="3" class="TextField URI" style="width: 384px; background: #e9f8ff url(darkforest-images/FormURI.png) no-repeat left top" />
                  </label>
                </p>
                <p>
                  <label><small>Message</small>
                  <textarea name="comment" id="comment" rows="6" tabindex="4" class="TextArea" style="width: 409px;" cols="7"></textarea>
                  </label>
                </p>
                <p>
                  <input name="SubmitComment" type="submit" value="Submit" class="SubmitComment" onmouseover="javascript:changeSty('SubmitCommentIE');" onmouseout="javascript:changeSty('SubmitComment');"  title="Post Your Comment" alt="Post Your Comment" />
                  <input type="hidden" name="comment_post_ID" value="2" />
                </p>
              </form>
            </div>
            <div class="FormBottom"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="SR">
      <div class="SRR">
        <div class="widget widget_categories">
          <h2>Categories</h2>
          <ul>
            <li><a href="http://www.free-css.com/">Business</a> (7) </li>
            <li><a href="http://www.free-css.com/">Entertainment</a> (1) </li>
            <li><a href="http://www.free-css.com/">Science</a> (6) </li>
            <li><a href="http://www.free-css.com/">Technology</a> (7) </li>
            <li><a href="http://www.free-css.com/">World News</a> (1) </li>
          </ul>
        </div>
        <div class="widget widget_archives">
          <h2>Archives</h2>
          <ul>
            <li><a href="http://www.free-css.com/">August 2008</a></li>
          </ul>
        </div>
        <div class="widget widget_links">
          <h2>Links</h2>
          <ul>
            <li><a href="http://www.free-css.com/">Documentation</a></li>
            <li><a href="http://www.free-css.com/">Development Blog</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/">Plugins</a></li>
            <li><a href="http://www.free-css.com/">Themes</a></li>
          </ul>
        </div>
        <div class="widget widget_meta">
          <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>
        </div>
        <div class="Search">
          <form href="http://www.free-css.com/" method="post">
            <h2>Search</h2>
            <input type="text" name="s" class="keyword" />
            <div class="bt">
              <input name="submit" type="submit" class="search" title="Search" alt="Search" value="Go" />
            </div>
          </form>
          <div class="clr"></div>
        </div>
      </div>
    </div>
    <div class="clr"></div>
  </div>
  <div class="FBG">
    <div class="FooterPanel">
      <div class="TabContent">
        <h2 class="TabLink"><span>Recent Comments</span></h2>
        <ul>
          <li>ozan sumer: <a href="http://www.free-css.com/">wonderfull theme thanks </a></li>
          <li>ildvr: <a href="http://www.free-css.com/">beautiful colors! very like it</a></li>
          <li>ildvr: <a href="http://www.free-css.com/">cooool design!!!</a></li>
          <li>Bebe Rebozo: <a href="http://www.free-css.com/">Testing, testing.</a></li>
          <li>Giancarlo: <a href="http://www.free-css.com/">Phasellus semper augue in augue.</a></li>
          <li>Brian: <a href="http://www.free-css.com/">Cras nisl. Pellentesque porta. Suspendisse</a></li>
          <li>Maxine: <a href="http://www.free-css.com/">Aliquam eget justo ac mauris</a></li>
          <li>Jennifer: <a href="http://www.free-css.com/">Nam sed urna a velit</a></li>
          <li>Kyle: <a href="http://www.free-css.com/">Lorem Ipsum Dolar Sit Amet</a></li>
          <li>Jos?lfonso Faz: <a href="http://www.free-css.com/">its a pity wath</a></li>
        </ul>
      </div>
      <div class="widget_flickrrss">
        <h2 class="TabLink">Flickr PhotoStream</h2>
        <ul>
          <li><a href="http://www.free-css.com/"><img src="http://farm4.static.flickr.com/3042/2956585654_78c6b085c3_s.jpg" alt="" /></a></li>
          <li><a href="http://www.free-css.com/"><img src="http://farm4.static.flickr.com/3183/2956398512_6ae0394f32_s.jpg" alt="" /></a></li>
          <li><a href="http://www.free-css.com/"><img src="http://farm4.static.flickr.com/3186/2955526025_24b6951c41_s.jpg" alt="" /></a></li>
          <li><a href="http://www.free-css.com/"><img src="http://farm4.static.flickr.com/3287/2956391266_4a72ea194f_s.jpg" alt="" /></a></li>
        </ul>
      </div>
      <div class="clr"></div>
    </div>
    <div class="banner">
      <h2>Sponsored</h2>
      <ul>
        <li><img src="darkforest-images/Sponsors.jpg" alt="" /></li>
        <li><img src="darkforest-images/Sponsors.jpg" alt="" /></li>
        <li><img src="darkforest-images/Sponsors.jpg" alt="" /></li>
        <li><img src="darkforest-images/Sponsors.jpg" alt="" /></li>
        <li><img src="darkforest-images/Sponsors.jpg" alt="" /></li>
      </ul>
      <div class="clr"><br />
      </div>
    </div>
    <div class="Footer">
      <p><big><strong>&copy; 2008 My Web Blog</strong></big><br />
        <strong><a href="http://www.freethemelayouts.com/" style="color: #ffffff;text-decoration: none;">Wordpress Theme</a> designed by DT <a href="http://www.dreamtemplate.com" style="color: #ffffff;text-decoration: none;">Website Templates</a></strong></p>
    </div>
  </div>
</div>
</body>
</html>

   
    
  








Related examples in the same category

1.metamorph_darkmare
2.metamorph_darknessfall
3.metamorph_darkside
4.metamorph_darksky
5.metamorph_nightsky
6.dark-effect-v2
7.dark-pro
8.Dark 2
9.DarkColors
10.darkened
11.DarkFusion
12.darkgrunge
13.darkit
14.darkportfolio
15.darkshine
16.DarkSplinter
17.darkTech
18.darktheme
19.Dark_Portal
20.shadowed
21.midnight
22.midnightalley
23.Dark background, white links
24.Dark background with white border
25.Dark backgrounds