newfangled - muratsahin92

newfangled

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title><%WindowTitle%></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />

<style type="text/css">
/* top elements */
* { padding: 0; margin: 0; }
body {
   margin: 20px 0;
   background: #FFFFFF;
   font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #666666;
}

h1, h2, h3 {
   color: #333333;
}

h2 {
}

h3 {
   font-size: 1em;
}

p, blockquote, ul, ol {
   margin-bottom: 1.5em;
   line-height: 1.65em;
   text-align: justify;
}

p {
}

blockquote {
   margin-left: 2em;
   margin-right: 2em;
   font-style: italic;
}

ul {
   margin-left: 3em;
}

ul li {
}

ol {
   margin-left: 3em;
}

ol li {
}

a {
   text-decoration: underline;
   color: #3E9722;
}

a:hover {
   text-decoration: none;
   color: #E58C24;
}

img {
   border: none;
}

img.left {
   float: left;
   margin: 5px 20px 0 0;
}

img.right {
   float: right;
   margin: 5px 0 0 20px;
}

/* Boxed Style */

.boxed {
}

.boxed .title {
   background: #3C74E6 url(http://img520.imageshack.us/img520/6565/img06pe9.gif) repeat-x;
}

.boxed .title h2 {
   height: 28px;
   padding: 12px 0 0 20px;
   text-transform: uppercase;
   font-size: 1em;
   color: #FFFFFF;
}

.boxed .content {
   padding: 20px;
   border-top: 1px solid #FFFFFF;
   background: url(http://img520.imageshack.us/img520/729/img07hm3.gif) repeat-x;
}

/* Post */

.post {
}

.post .title {
   background: #3C74E6 url(http://img520.imageshack.us/img520/6565/img06pe9.gif) repeat-x;
   font-size: 1em;
   text-transform: uppercase;
   color: #FFFFFF;
}

.post .title span {
   display: block;
   height: 28px;
   padding: 12px 0 0 20px;
}

.post .date {
   margin-top: -25px;
   padding-bottom: 10px;
   padding-right: 20px;
   text-align: right;
   font-size: x-small;
   color: #FFFFFF;
}

.post .date .month {
}

.post .date .day {
}

.post .date .year {
}

.post .meta {
   clear: both;
}

.post .meta p {
   margin: 0;
   padding: 10px 20px 40px 20px;
   border-top: 1px dotted #CCCCCC;
   line-height: normal;
   font-size: x-small;
}

.post .story {
   padding: 20px;
   border-top: 1px solid #FFFFFF;
   background: url(http://img520.imageshack.us/img520/729/img07hm3.gif) repeat-x;
}

/* Header */

#header {
   width: 920px;
   height: 120px;
   margin: 0 auto;
   padding: 20px 20px 0 20px;
   background: #CAE646 url(http://img293.imageshack.us/img293/4013/img01te4.jpg) no-repeat;
}

/* Header > Logo */

#logo {
   float: left;
   width: 240px;
   height: 50px;
}

#logo h1 {
   float: left;
   margin: 0;
   padding: 50px 0 0 0;
   font-size: 2.6em;
}

#logo h2 {
   float: left;
   margin-top: -5px;
   font-size: 1em;
}

#logo a {
   text-decoration: none;
   color: #000000;
}

/* Header > Menu */

#menu {
   float: right;
}

#menu ul {
   margin: 0;
   padding-top: 79px;
   list-style: none;
}

#menu li {
   display: inline;
}

#menu a {
   display: block;
   float: left;
   width: 120px;
   height: 30px;
   margin-left: 2px;
   padding-top: 10px;
   background: url(http://img213.imageshack.us/img213/6880/img03jy2.gif) no-repeat;
   text-decoration: none;
   text-align: center;
   font-weight: bold;
   color: #000000;
}

#menu a:hover {
   background-image: url(http://img213.imageshack.us/img213/8890/img04xq1.gif);
}

#menu .active a {
   background-image: url(http://img293.imageshack.us/img293/4669/img05vf5.gif);
}

/* Content */

#content {
   width: 920px;
   margin: 0 auto;
   padding: 20px;
   background: url(http://img213.imageshack.us/img213/8199/img02nk2.jpg) no-repeat;
   border-top: 1px solid #FFFFFF;
}

/* Content > Main */

#main {
   float: left;
   width: 480px;
   padding-left: 20px;
}

/* Content > Main > Welcome */

#welcome {
}

/* Content > Main > Example */

#example {
}

/* Content > Sidebar */

#sidebar {
   float: left;
   width: 220px;
}

#sidebar .boxed .title h2 {
   background: url(http://img520.imageshack.us/img520/1583/img08kn0.gif) no-repeat;
}

/* Content > Sidebar > Login */

#login {
}

#login form {
}

#login fieldset {
   border: none;
}

#login legend {
   display: none;
}

#login label {
   display: block;
}

#login input {
   margin-bottom: 10px;
   padding: 2px 5px;
   font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #666666;
}

#inputtext1, #inputtext2 {
   width: 160px;
}

#inputsubmit1 {
   margin: 0;
   padding: 0;
}

/* Content > Sidebar > Updates*/

#updates {
}

#updates ul {
   margin: 0;
   list-style: none;
}

#updates h3 {
   font-size: .8em;
}

#updates p {
   line-height: normal;
   font-size: .8em;
}

#updates a {
   text-decoration: none;
}

/* Content > Sidebar2 */

#sidebar2 {
   float: left;
   width: 180px;
   padding-left: 20px;
}

#sidebar2 .boxed .title h2 {
   background: url(http://img293.imageshack.us/img293/4598/img10af0.gif) no-repeat right top;
}

/* Content > Sidebar2 > Sponsors */

#sponsors {
}

#sponsors ul {
   margin-left: 0;
   padding-left: 0;
   list-style: inside;
}

/* Content > Sidebar2 > ad120x600 */

#ad120x600 {
   text-align: center;
}

/* Footer */

#footer {
   clear: both;
   width: 960px;
   height: 80px;
   margin: 0 auto;
   padding: 20px 0;
   background: url(http://img213.imageshack.us/img213/8199/img02nk2.jpg) no-repeat;
}

#footer p {
   margin: 0;
   text-align: center;
   line-height: normal;
   font-size: x-small;
}

#footer a {
   text-decoration: underline;
   color: #666666;
}

#footer a:hover {
   text-decoration: none;
}

/* Footer > Legal */

#legal {
}

/* Footer > Links */

#links {
}

</style>


</head>

<body>

<div id="header">
   <div id="logo">
       <h1><a href="<%MainPageURL%>">Blog Başlığı</a></h1>

       <h2><a href="<%MainPageURL%>">Sloganınızı yazın..</a></h2>
   </div>
   <div id="menu">
       <ul>
           <li class="active"><a href="<%MainPageURL%>" title="">Anasayfa</a></li>
           <li><a href="<%ProfileURL%>" title="">Profilim</a></li>
           <li><a href="<%ArchiveURL%>" title="">Arşivim</a></li>

           <li><a href="<%SiteFeedURL%>" title="">RSS</a></li>
           <li><a href="mailto: <%Email%>" title="">Email</a></li>
       </ul>
   </div>
</div>
<div id="content">
   <div id="sidebar">
       <div id="login" class="boxed">
           <div class="title">

               <h2>Kategorlerim</h2>
           </div>
           <div class="content">
               <ul><li><%Kategorilerim%></li></ul>
           </div>

       </div>
       
       <div id="updates" class="boxed">
           <div class="title">
               <h2>Son Yazılarım</h2>
           </div>
           <div class="content">
               <ul>

                   <RecentEntry><li><%RecentEntryTitle%></li></RecentEntry>
               </ul>

           </div>
       </div>
       
   </div>
   
   <div id="main">
       <div id="welcome" class="post">
           <IfMainPage>
<Entry>
<a href="<%EntryURL%>" rel="bookmark"><%EntryTitle%></a>
<%EntryDate%><IfCategoriesAllowed><div class="meta">Kategori: <%EntryCategory%>
</div></IfCategoriesAllowed>
           <p><%EntryBody%></p>
           <blockquote>
<IfCommentsAllowed><a href='<%EntryURL%>'>Yorum</a> (<%EntryCommentCount%>) </IfCommentsAllowed>
<IfCommentPostAllowed><a href='<%CommentPostURL%>'>Yorum yaz!</a></IfCommentPostAllowed>
<a href='<%EntryURL%>'>Kalıcı Bağlantı</a>
</blockquote>
</Entry>
</IfMainPage>
<IfArchivePage><div class=post>Arşiv
<%ArchiveInfo%>
<%Description%>
</div>
</IfArchivePage>
<IfEntryPage>
<Entry>
<a href="<%EntryURL%>" rel="bookmark"><%EntryTitle%></a>
<%EntryDate%> <IfCategoriesAllowed>
<div class="descr"> Kategori: <%EntryCategory%> </div>
</IfCategoriesAllowed>
<p><%EntryBody%></p>
<IfCommentsAllowed><IfCommentPostAllowed>
<a href='<%CommentPostURL%>'>Yorum yaz!</a>
</IfCommentPostAllowed></IfCommentsAllowed>
<font class='gray'>::</font> <SendThisLink>Arkadaşına Gönder</SendThisLink><br />
<%EntryCommentCount%> yorum yazilmistir
<br />
<IfCommentsAllowed>
<Comment>
<div class="descr" >
<%CommentDate%> - <%CommentTitle%>
Yazan: <%CommentAuthor%> <%CommentAuthorIP%><br />
<%CommentBody%>
<br />
<a href='<%CommentURL%>'>Bağlanti</a> ::
<CommentEdit>Düzenle</CommentEdit> ::
<CommentDelete>Sil</CommentDelete>
<br /> <br />
<div style="clear:both"></div>
</div>
</Comment>
</IfCommentsAllowed>
<div style=" clear:both"></div>

</Entry>
</IfEntryPage>
<IfPages><table cellpadding='0' cellspacing='0' width='100%'>
<tr><td> <LaterLink>Önceki Sayfa</LaterLink> <EarlierLink>Sonraki Sayfa</EarlierLink> </td></tr></table>
</IfPages></td>
<br />
           </div>

       </div>
       
   </div>
   
   <div id="sidebar2">
       <div id="sponsors" class="boxed">
           <div class="title">
               <h2>Son Yorumlar</h2>

           </div>
           <div class="content">
               <ul>
                   <li><%SonYorumlar%></li>
               </ul>
           </div>
       </div>
       
       <div id="ad120x600"><a href="#"><img src="http://img293.imageshack.us/img293/1829/ad120x600pe9.jpg" alt="" width="120" height="600" /></a></div>

   </div>
   <div style="clear: both;"> </div>
</div>


<div id="footer">
   <p id="legal">Copyright © 2007 Blogadı. All Rights Reserved. Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a> Blogcuya Uyarlayan <a href="http://www.teknomurat.com">Tekno Murat</a></p>
   <p id="links"><a href="#">Privacy Policy</a> | <a href="http://www.blogcu.com">Blogcu</a></p>

</div>
</body>
</html>