darkforest : Dark « Templates « HTML / CSS

HTML / CSS » Templates » Dark 
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.jpgrepeat-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:solid #000000; border-right:solid #000000; border-top:dotted #000000; border-bottom:1px solid #000000; height :1px; }
hr border-left:solid #7f262e; border-right:solid #7f262e; border-top: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.gifrepeat-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.jpgtop 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.jpgtop 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.jpgtop no-repeat;}
.Menu ul list-style:none; margin:0; padding:0; height:70px; }
.Menu ul li padding:10px 0 35px 15px; margin:0float: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.gifno-repeat center;}

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

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

.CON p padding: 0 10px;}

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

.SC width:500px; padding:10px 0 0 0; margin:20px 41px 0 0float:left; background:url(darkforest-images/bl_t.gifno-repeat top;}
.SC_f width:500px; padding:0 0 19px 0; margin:0 0 0 0; background:url(darkforest-images/bl_b.gifno-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.jpgno-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.gifno-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 ; 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 ; font-size:12px; line-height:15px; color:#9a9646; }
.PostContent ul padding:5px ; 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 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.gifno-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.gifno-repeat bottom; padding:15px; margin-top:20px; position:relative; }
.TrackListTop background:#f4ebef url(darkforest-images/TrackListTop.gifno-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.gifno-repeat left top; }
.TrackList li a color:#cc3366; }

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

.Nav font-size:11px; padding:10px ; 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 ; margin:10px ; list-style-type:none; background:url(darkforest-images/PostDotted.gifrepeat-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 ; font-size:12px; line-height:16px; }

.List .Author background:#fff; }

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

.Form .Email { }

.Form {  padding:0 0 10px ; position:relative; margin:0; font-family:'Verdana'; }
.Form form margin:0; padding:0}
.Form a text-decoration:underline; }
.Form p padding:0 0 2px ; margin:0; color:#9a9646; }
.Form p small strong font-weight:bold; color:#9a9646; }
.Form p small font-size:11px; display:block; padding:6px ; 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.gifno-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 ; color:#98b2a2; }
.SRR .widget li margin:0; padding:1px 0 1px ; 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.gifno-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.gifno-repeat top; }
.SRR .widget_categories ul margin:0; padding:0 0 10px 0; background:url(darkforest-images/menu_b.gifno-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.gifno-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 }
.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 }
.SRR .widget_calendar #today background:#ffe0bf; }

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

/**/ html .Search  { } /**/ 
.Search padding:0; background:url(darkforest-images/foot2_bg.gifno-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.gifno-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.gifno-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.gifrepeat-y; }
.FBG .TabContent ul margin:0; padding:0 0 10px ; color:#303030; background:url(darkforest-images/bl2_b.gifno-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.gifrepeat-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:auto; padding:0float: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.gifno-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 }
.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.jpgtop 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/">it´s 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
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.