<br />
<div class="content">
<div id="header">
<div class="title">
<h1>Sayısal.tr.gg</h1>
<h3>Yenidoğan Gençlik Buraya...</h3>
</div>
</div>
<div id="main">
<div class="center">
<h2><a href="http://www.free-css.com/">Hoş Geldiniz<br />
</a></h2>
<h3>YOUR NEWS ON A OLD PAPER</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec sem. Praesent eu metus. Vivamus ac urna. Maecenas tincidunt libero id ipsum. Duis ipsum erat, laoreet in, ultrices at, blandit non, enim. Maecenas et libero. In laoreet vehicula enim. Nam at massa. Donec porttitor, odio id scelerisque pretium, augue eros cursus est, eget interdum dui justo et tellus. Aenean a neque eu mauris ultrices viverra. In ac urna. Etiam in dolor sit amet arcu auctor interdum. Fusce non quam. Nunc aliquet, quam eu facilisis venenatis, pede augue adipiscing lorem, nec tincidunt nunc felis eget odio. Integer iaculis pretium odio. Integer viverra. Integer porttitor elementum diam. In hac habitasse platea dictumst. Donec porta elit.
<p class="date">Posted by Jack <img alt="" src="images/more.gif" /> <a href="http://www.free-css.com/">Read more</a> <img alt="" src="images/comment.gif" /> <a href="http://www.free-css.com/">Comments (15)</a> <img alt="" src="images/timeicon.gif" /> 17.01.</p>
<br />
<h2><a href="http://www.free-css.com/">Günün Sözü</a></h2>
<h3>AND WHY NOT WITH sNEWS 1.5 ;-)</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec sem. Praesent eu metus. Vivamus ac urna. Maecenas tincidunt libero id ipsum. Duis ipsum erat, laoreet in, ultrices at, blandit non, enim. Maecenas et libero. In laoreet vehicula enim. Nam at massa. Donec porttitor, odio id scelerisque pretium, augue eros cursus est, eget interdum dui justo et tellus. Aenean a neque eu mauris ultrices viverra. In ac urna. Etiam in dolor sit amet arcu auctor interdum. Fusce non quam. Nunc aliquet, quam eu facilisis venenatis, pede augue adipiscing lorem, nec tincidunt nunc felis eget odio. Integer iaculis pretium odio. Integer viverra. Integer porttitor elementum diam. In hac habitasse platea dictumst. Donec porta elit.
<p class="date">Posted by Jack <img alt="" src="images/more.gif" /> <a href="http://www.free-css.com/">Read more</a> <img alt="" src="images/comment.gif" /> <a href="http://www.free-css.com/">Comments (15)</a> <img alt="" src="images/timeicon.gif" /> 17.01.</p>
</div>
<div class="leftmenu">
<div class="nav">
<ul>
<li><a href="http://www.free-css.com/">AnaSayfa</a></li>
<li><a href="http://www.free-css.com/">Zirayetçi Defteri<br />
</a></li>
<li><a href="http://www.free-css.com/">Konu Anlatımları<br />
</a></li>
<li><a href="http://www.free-css.com/">Sohbet</a></li>
<li><a href="http://www.free-css.com/">Okulumuz</a></li>
<li><a href="http://www.free-css.com/">Eğlence</a></li>
<li><a href="http://www.free-css.com/">İletişim</a></li>
</ul>
</div>
</div>
</div>
<div id="prefooter">
<div class="particles">
<h2>Top Articles</h2>
<img alt="" src="images/arrow.gif" /> <a href="http://www.free-css.com/">Integer euismod ante non diam adipiscing</a> <br />
<img alt="" src="images/arrow.gif" /> <a href="http://www.free-css.com/">consectetuer adipiscing elit dolor sit amet</a> <br />
<img alt="" src="images/arrow.gif" /> <a href="http://www.free-css.com/">Lorem ipsum dolor sit amet ipsum dolor</a><br />
<img alt="" src="images/arrow.gif" /> <a href="http://www.free-css.com/">Integer euismod ante non adipiscing elit </a><br />
<img alt="" src="images/arrow.gif" /> <a href="http://www.free-css.com/">Lorem ipsum dolor sit amet euismod ante</a></div>
<div class="comments">
<h2>Last Comments</h2>
<img alt="" src="images/arrow.gif" /> <a href="http://www.free-css.com/">Integer euismod ante non diam adipiscing</a> <br />
<img alt="" src="images/arrow.gif" /> <a href="http://www.free-css.com/">consectetuer adipiscing elit dolor sit amet</a> <br />
<img alt="" src="images/arrow.gif" /> <a href="http://www.free-css.com/">Lorem ipsum dolor sit amet ipsum dolor</a><br />
<img alt="" src="images/arrow.gif" /> <a href="http://www.free-css.com/">Integer euismod ante non adipiscing elit </a><br />
<img alt="" src="images/arrow.gif" /> <a href="http://www.free-css.com/">Lorem ipsum dolor sit amet euismod ante</a></div>
</div>
<div id="footer">
<div class="padding">Copyright © 2009 Sayisal.tr.gg | Design: <a href="http://www.free-css-templates.com">by Ertan </a> | <a href="http://www.free-css.com/">Contact</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a href="http://www.solucija.com">Anasayfa </a>| <a href="http://www.free-css.com/">Site Ekle</a></div>
</div>
</div>
<style type="text/css">
* { padding: 0; margin: 0 }
body { margin:5px 0; padding:0; font: 74% Arial, Sans-Serif; color:#000; line-height: 1.4em; background : #575757;}
.content { color: #3B2A0A; margin: 0 auto; padding: 0; width: 825px; background: url(http://img144.imageshack.us/img144/2600/bg2jh2.jpg) repeat-y center bottom; }
#header { background: url(http://img93.imageshack.us/img93/5776/headermp8.jpg) no-repeat; width: 825px; height: 213px; color: #3B2A0A; }
#header h1 { background: inherit; font: bold 3em "Tahoma", Arial; color: #85621E; line-height: 1em;}
#header h3 { background: inherit; font: bold 1em "Tahoma", Arial; color: #000; }
#header .title { padding: 60px 0 0 60px; }
#main { background: url(http://img151.imageshack.us/img151/3753/bghc4.jpg) no-repeat top; height: 353px; margin: 0; padding: 0 }
#main .center { width: 550px; float: right; padding: 0 60px 0 0px; }
#main h2 { background-color: inherit; color: #85621E; line-height: 0.2em; }
#main h3 { font: 85% Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #5f5f5f; background: inherit; }
.leftmenu { width: 120px; float: left; padding: 0; padding: 0 0 0 40px; }
.padding { padding: 15px; }
.img { background: #FFF; float: left; padding: 1px; margin: 5px 8px 5px 0; color: #333; border: 1px solid #e0e0e0; }
/* PREFOOTER */
#prefooter { background: url(http://img502.imageshack.us/img502/3604/prefooterko5.jpg) no-repeat; color: #85621f; height: 190px; text-align: left; clear: both; padding: 0px; margin: 0; }
#prefooter .particles { float: right; width: 300px; padding: 20px 30px 0 0; background: transparent }
#prefooter .comments { width: 270px; padding: 20px 0px 0 0px; float: right; background: transparent }
/* FOOTER */
#footer { background: url(http://img217.imageshack.us/img217/114/footereg1.jpg) no-repeat; color: #8f8f8f; height: 44px; text-align: right; font-size: 90%; clear: both; padding: 0; margin: 0;}
#footer .padding { padding: 20px 60px 0 0; }
#footer hr { width: 740px; color: #888; border: 1px solid #f0f0f0; margin: 0 25px 0 25px; }
#footer a { color: #999; text-decoration:none; }
#footer a:hover { text-decoration: underline; color: #FFF;}
/* NAVIGATION */
.nav { clear: both; text-align: left; color: #85621E; padding: 20px 0 0 0; }
.nav li { font-weight: bold; margin: 0 0 8px 0; padding: 0 0 0 5px; border-bottom: 1px solid #D2B881 }
.nav li a { color: #546078; text-decoration: none; }
.nav li a:hover { color: #95722E; text-decoration: none; }
.boxads { background: #E7EDF0; padding: 5px; border: 1px solid #999; color: #333; }
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
p { margin: 0 0 5px 0; padding: 0; color: #555; background: inherit; }
hr { border: 0; height: 1px; color: #eee; background-color: #eee; }
a { color: #0F5B7F; background: inherit; text-decoration:none; }
a:hover { background: inherit; text-decoration: underline; }
h1 { padding:0; margin:0; color: #0F5B7F; background: inherit;font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a {color: #0F5BFF; background: inherit;}
h2 { background-color: inherit; color:#85621E; font-size:140%; font-weight:bold; margin: 10px 0 10px 0; padding:0; }
h2 a { color: #85621E; }
h2 a:hover { color: #BD9C5C; text-decoration: none;}
ul { margin: 5px 0 20px 15px; padding : 0; list-style : none; }
li { list-style-type: none; color: #F29900; margin: 0 0 0px 0; padding: 0 0 0 0px; }
li a { color: #546078; }
li a:hover { color: #F29900; }
/*----------------- for snews --------------------------*/
fieldset { border: 1px solid #eee; }
textarea.text { height: 150px; width: 90%; border: 1px solid #ccc; background: #fff; color: #000; }
textarea.text:hover { border: 1px solid #eee; background: #FFFFF4; color: #000; }
input.field { border: 1px solid #ccc; background-color: #3C3C3C; width: 100px; color: #000; }
input.field:hover { border: 1px solid #eee; background: #ccc; color: #000; }
input.text { margin: 0; width: 110px; border: 1px solid #546078; background: #FFF; color: #808080; }
input.text:hover { border: 1px solid #3a4354; }
input.searchbutton { margin: 0; font-size: 100%; font-family: Arial, Sans-serif; border: none; background: #FFFFFF; color: #333; padding: 1px; font-weight: bold; }
.date { color: #5f5f5f; background: inherit; text-align: right; margin: 4px 0 5px 0; padding: 0.4em 0 0 0; border-top: 1px solid #85621E; }
.date a { color: #546078; }
input.button { background: #FFFFF4; color: #808080; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.comments { padding: 10px 10px 8px 10px; margin: 0 0 7px 0; background: #FFF; color: #333; }
.commentsbox { padding: 8px 0 10px 10px; margin: 0 0 10px 0; background: #f4f4f4; color: #000; }
.error { color: #990000; background-color: #FFF0F0; padding: 7px; margin-top: 5px; margin-bottom: 10px; border: 1px dashed #990000; }
.error h2 { color: #990000; background: inherit; }
.success { color: #000000; background: #FAFAFA; padding: 7px; margin-top: 5px; margin-bottom: 5px; border: 1px dashed #546078; }
.success h2 { color: #546078; background: inherit; }
</style>
