Alone jojuk - Css tasarımlar 2

TASARIM ÜSTÜ

<div id="box"> <div id="top"> <div id="header"><h1><a href="http://themepreview.amazingwordpressthemes.com/" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/" title="‘World of Warcraft/world-of-warcraft’ Theme Preview">‘World of Warcraft/world-of-warcraft’ Theme Preview</a></h1></div>  </div>  <div id="navbox"> <div id="nav"> <ul class="nav"> <li class="current_page_item"><a href="http://themepreview.amazingwordpressthemes.com/" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/">Home</a></li> <li class="page_item page-item-2"><a href="http://themepreview.amazingwordpressthemes.com/?page_id=2" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-5"><a href="http://themepreview.amazingwordpressthemes.com/?page_id=5" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?page_id=5" title="Sample Page">Sample Page</a></li> </ul> </div>  <form id="searchform" method="get" action="http://themepreview.amazingwordpressthemes.com/"><input value="Search" onfocus_fckprotectedatt="%20onfocus%3D%22if%20(this.value%20%3D%3D%20'Search')%20%7Bthis.value%20%3D%20''%3B%7D%22" onblur_fckprotectedatt="%20onblur%3D%22if%20(this.value%20%3D%3D%20'')%20%7Bthis.value%20%3D%20'Search'%3B%7D%22" size="18" maxlength="50" name="s" id="s" type="text"> </form> </div>  <div id="content"> <div class="post" id="post-4"> <div class="posthead"> <h2>HackeR FrienD</h2> <small class="postauthor">Bilgi Güçtür, Paylaştıkça Büyür!</small> <p class="postdate"> <small class="day">12</small> <small class="month">Feb</small> <small class="year"></small> </p> </div> <!--{12487054253254}-

TASARIM ALTI

</div>  <div class="navigation"> <div class="alignleft"></div> <div class="alignright"></div> </div>  </div>  <div id="sidebar"> <div class="lsidebar"> <ul> <li class="pagenav"><h2>Pages</h2><ul><li class="page_item page-item-2"><a href="http://themepreview.amazingwordpressthemes.com/?page_id=2" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-5"><a href="http://themepreview.amazingwordpressthemes.com/?page_id=5" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?page_id=5" title="Sample Page">Sample Page</a></li> </ul></li> <li class="categories"><h2>Categories</h2><ul> <li class="cat-item cat-item-3"><a href="http://themepreview.amazingwordpressthemes.com/?cat=3" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?cat=3" title="View all posts filed under Sample Posts">Sample Posts</a> (2) </li> <li class="cat-item cat-item-1"><a href="http://themepreview.amazingwordpressthemes.com/?cat=1" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a> (1) </li> </ul></li> <li><h2>Archives</h2> <ul> <li><a href="http://themepreview.amazingwordpressthemes.com/?m=200802" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?m=200802" title="February 2008">February 2008</a> (3)</li> </ul> </li> <li id="linkcat-2" class="linkcat"><h2>Blogroll</h2> <ul> <li><a href="http://wordpress.org/development/" _fcksavedurl="http://wordpress.org/development/">Development Blog</a></li> <li><a href="http://codex.wordpress.org/" _fcksavedurl="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/" _fcksavedurl="http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="http://wordpress.org/extend/ideas/" _fcksavedurl="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/" _fcksavedurl="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/" _fcksavedurl="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/" _fcksavedurl="http://planet.wordpress.org/">WordPress Planet</a></li> </ul> </li> </ul> </div>  <div class="rsidebar"> <ul> <li><h2>Recent Comments</h2> <ul> <li>admin:<a href="http://themepreview.amazingwordpressthemes.com/?p=4#comment-2" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?p=4#comment-2" title="on Sample Post">Id wisi erat lorem massa pede </a></li> <li>Mr WordPress:<a href="http://themepreview.amazingwordpressthemes.com/?p=1#comment-1" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?p=1#comment-1" title="on Hello world!">Hi, this is a comment.To</a></li> </ul> </li> <li><h2>Recent Post</h2> <ul> <li><a href="http://themepreview.amazingwordpressthemes.com/?p=3" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?p=3">Lorem ipsum</a></li> <li><a href="http://themepreview.amazingwordpressthemes.com/?p=4" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?p=4">Sample Post</a></li> </ul> </li> </ul> </div>  </div>  <div id="bottom-sep"> </div> <div id="bottom"> <div class="bottom-divs">  <div id="bottom-left"> <h2>About Author</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum at arcu. Integer et risus. Morbi id tellus. Integer felis. Mauris malesuada, turpis vitae facilisis euismod, dui arcu adipiscing sem, eu vulputate leo ante in lacus. Sed porta accumsan lectus. Aenean ac sem. In consequat tempus velit. Phasellus leo enim, adipiscing a, egestas nec, pretium ut, pede. Mauris sollicitudin diam et mauris. Sed quis enim vel augue egestas lobortis. Etiam tempus ipsum vel neque. </p> </div>   <div id="bottom-mid"> <h2>Resources</h2> <ul> <li><a href="" _fcksavedurl="" title="">Resources 1</a></li> <li><a href="" _fcksavedurl="" title="">Resources 2</a></li> <li><a href="" _fcksavedurl="" title="">Resources 3</a></li> <li><a href="" _fcksavedurl="" title="">Resources 4</a></li> <li><a href="" _fcksavedurl="" title="">Resources 5</a></li> </ul> </div>   <div id="bottom-right"> <h2>Meta</h2> <ul> <li><a href="http://themepreview.amazingwordpressthemes.com/wp-login.php" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/wp-login.php">Login</a></li> <li><a href="http://validator.w3.org/check/referer" _fcksavedurl="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li> <li><a href="http://gmpg.org/xfn/" _fcksavedurl="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li> <li><a href="http://wordpress.org/" _fcksavedurl="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li> </ul> </div>  </div>  </div>  <div id="footer"> <p>© 2008 <a href="http://themepreview.amazingwordpressthemes.com/" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/" title="‘World of Warcraft/world-of-warcraft’ Theme Preview"> ‘World of Warcraft/world-of-warcraft’ Theme Preview </a> | World of Warcraft and Blizzard are trademarks of Blizzard Entertainment<br> <a href="http://www.templatepanic.com/" _fcksavedurl="http://www.templatepanic.com/">World of Warcraft Theme</a> by TemplatePanic <br> Powered By Wordpress - Theme Provided By <a href="http://www.amazingwordpressthemes.com/" _fcksavedurl="http://www.amazingwordpressthemes.com/">Wordpress Theme</a> - <a href="http://onlinecollege.typolis.net/" _fcksavedurl="http://onlinecollege.typolis.net/">distance learning college online</a> </p> </div>  </div>

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* -------------------- GENERAL -------------------- */ body { font-family: Verdana, Arial, Helvetica; font-size: 13px; background: #101f05 url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/bg.jpg) repeat-y top center; margin: 0; padding: 0; color: #f2f2f2; } #box { width: 940px; margin: 0 auto; padding: 0px; } #top { width: 940px; background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/header.jpg) no-repeat; height: 208px; margin: 0; padding: 0; } a, a:link { text-decoration: none; color: #f7941d; } a:hover { text-decoration: underline; color: #0072bc; } hr { border: none; border-top: 1px solid #ccc; } /* -------------------- HEADER -------------------- */ #header { float: left; width: 880px; margin: 160px 0 0 10px; padding: 0; } #header h1 { font-family: Georgia, Tahoma, Verdana; margin: 0; padding: 0; color: #fbaf5d; font-size: 26px; font-weight: normal; font-style: italic; text-align: right; } #header h1 a, #header h1 a:link { color: #fad00a; } #header h1 a:hover { color: #fff; text-decoration: none; } #description { text-align: right; color: #fff; width: 880px; font-size: 12px; padding: 0 0 0 10px; } /* -------------------- SEARCH -------------------- */ #searchform { height: 25px; line-height: 25px; float: right; padding: 20px 18px 0 0; margin: 0; } #searchform #s { font-size: 8pt; width: 230px; } #searchform #submit { font-size: 8pt; } input#s { font-family: Verdana, Arial; color: #ccc; text-align: center; border: 1px solid #1d1d1d; background: #111; } input#s:hover { background: #193207; } /* -------------------- NAV -------------------- */ #navbox { background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/nav.jpg) no-repeat top center; height: 42px; margin: 0px auto; } #nav { width: 510px; height: 25px; line-height: 35px; float: left; padding: 0; } ul.nav { height: 35px; line-height: 25px; float: left; list-style: none; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0; } ul.nav li { float: left !important; list-style-type: none; margin: 0; padding: 0; } ul.nav li ul { float: left; margin: 0; padding: 0; } ul.nav li a, ul.nav li a:link, ul.nav li a:visited { border-left: 0; color: #999; float: left; display: block; text-decoration: none; padding: 10px 10px 0 10px; height: 42px; } ul.nav li a:hover, ul.nav li a:active { background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/nav-hover.jpg) repeat-x; color: #ccc; text-decoration: none; height: 42px; } ul.nav li.current_page_item a { text-decoration: none; height: 42px; background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/nav-hover.jpg) repeat-x; color: #f2f2f2; } /* -------------------- POST -------------------- */ .post { width: 520px; float: left; margin: 5px auto; padding: 10px; } .post img { border: none; padding: 5px; } h2 { font-size: 22px; font-weight: normal; padding: 0px; margin: 0px; } #content { width: 545px; float: left; margin: 5px auto; padding: 0; } .notes { padding: 25px; } .posthead { position: relative; clear: left; padding-bottom: 10px; } .posthead h2 { font-size: 22px; font-weight: normal; padding: 0px 0px 0px 50px; margin: 0px; } .posthead h2 a { color: #fff200; } .posthead h2 a:hover { color: #007e03; } .postauthor { padding: 0px 0px 0 50px; margin: 0px; font-size: 10px; color:#666; } .postdate { margin: 0px; position: absolute; top: 0px; left: 0px; text-align: center; padding: 0px 10px 6px 10px; } .postdate small { font-size: 9px; color:#666; } .postdate .month { display:block; text-transform: uppercase; font-size: 9px;} .postdate .day { display:block; font-size: 22px; letter-spacing: -1px; font-weight: normal; color:#777;} .postdate .year { display:block;} .navigation { width: 510px; float: left; color: #666; padding: 5px 6px 10px; } .relatedposts { width: 520px; float: left; color: #666; margin: 5px auto; padding: 0 5px 5px 5px; font-size: 10px; } h1, h2, h3 { padding: 0 10px 0 0; font-family: Georgia, Verdana; } img.wp-smiley { border: 0; padding: 0; } /* -------------------- SIDEBAR -------------------- */ #sidebar { width: 380px; float: right; font-size: 11px; margin-top: 5px; padding: 0; } #sidebar img, .lsidebar img { border: none; } .alignright { float: right; margin-top: 10px; } .alignleft { float: left; margin-top: 10px; } .rsidebar { width: 165px; float: right; margin: 0 auto; padding: 0 10px 5px; } .rsidebar, .lsidebar img { border: none; } .lsidebar { width: 165px; float: left; margin: 0 auto; padding: 0 10px 5px; } .lsidebar h2, .rsidebar h2 { font-size: 12px; font-weight: bold; margin: 0 0 10px; padding: 5px 0 0 5px; background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/sidebartitle.jpg) no-repeat top center; height: 39px; width: 166px; color: #f2f2f2; } .rsidebar ul, .lsidebar ul { list-style-type: none; margin: 0; padding: 0; } .rsidebar ul li, .lsidebar ul li { list-style-type: none; margin: 0 0 25px; padding: 0; } .rsidebar ul li ul, .lsidebar ul li ul { list-style-type: square; margin: 0; padding: 0 0 0 5px; } .rsidebar ul li ul li, .lsidebar ul li ul li { list-style-type: circle; margin: 0 0 0 10px; padding: 0 0 0 5px; } .rsidebar p, .lsidebar p { padding: 0 5px; } /* -------------------- FOOTER -------------------- */ #footer { width: 940px; background: #111 url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/footer.jpg) no-repeat bottom center; height: 50px; clear: both; color: #ccc; font-size: 9px; margin: 0; text-align: center; } #footer p { padding: 16px 10px 0 0; } #footer a, .footer a:link { text-decoration: none; color: #04bf08; } #footer a:hover { text-decoration: none; color: #ccc; } /*-------------------- Comment --------------------*/ .commentsbox { width: 520px; float: left; margin: 5px auto; } .commentsbox p { margin: 0; padding: 0; } .commentsbox img { border: 1px solid #666; margin: 3px; } #commentlist ol { margin: 0; padding: 0; } #commentlist li { list-style-position: outside; list-style-type: decimal; padding: 10px; } .alt { background-color: #040002 !important; background-image: none !important; } #commentlist li:hover { background-color: #040002; } .comment-title { margin: 0 0 0 0px; font-size: 10px; color: #666; } .comment-title a:link { color: #0072bc; } .comment-title a:hover { color: #666; } .comment-text { } h2.postcomment { margin: 0; font-size: 20px; font-weight: normal; } .postcomment { clear: both; margin: 20px 0 0 0; padding: 20px; } .postcomment input, .postcomment textarea { border: 1px dotted #aaa; background: #0d1d01; color: #ccc; } .postcomment input:hover, .postcomment textarea:hover { border: 1px dotted #ccc; background: #040002; } .postcomment input#author, .postcomment input#email, .postcomment input#url { width: 100% !important; width: 456px; /* IE hack */ height: 18px; } .postcomment textarea#comment { width: 100% !important; /* IE hack */ height: 200px; } .postcomment input#submit { width: auto; background: #0d1d01; height: 25px; padding: 2px 10px 3px 10px; } .postcomment input#submit:hover { background: #040002; } /*-------------------- Bottom --------------------*/ #bottom { clear: both; float: left; width: 940px; height: 100%; margin: 0 0 0 0; padding: 0; background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/bot.jpg) top center; text-align: left; color: #ccc; font-size: 10px; } #bottom-divs { float: left; clear: both; margin: 0; padding: 20px; } #bottom-left { width: 30%; padding: 20px 0 20px 30px; float: left; } #bottom-mid, #bottom-right { width: 30%; padding: 20px 0 20px 20px; float: left; } #bottom h2 { margin: 0 0 10px 0; padding: 0 8px; font-size: 14px; color: #f2f2f2; font-weight: bold; } #bottom h3 { margin: 0; padding: 10px 10px; font-size: 12px; color: #999; text-align: center; } #bottom h3:hover { color: #f2f2f2; } #bottom ul { margin: 0; padding: 0; list-style-type: none; border-top: 1px solid #666; } #bottom ul li { line-height: 20px; border-bottom: 1px solid #666; } #bottom ul li a { display: block; padding: 0 10px; color: #fff; text-decoration: none; } #bottom ul li a:hover { background: #111; } #bottom-right ul li a:hover { background: #111; } #bottom-sep { clear: both; }

TASARIM ÜSTÜ

<center> <div class="all"> <div style="" class="pway"><span style="" class="pathway">Home </span></div> <div style="" id="logo"><a class="logo" href="index.php" _fcksavedurl="index.php">Themza Joomla! 1.0.x Templates</a></div> <div class="div"> <div id="menu"> <div class="menuc"> <div style="" id="topnavi"> <ul> <li><a href="index.php?option=com_frontpage&Itemid=1" _fcksavedurl="index.php?option=com_frontpage&Itemid=1"><span>Home</span></a></li><li><a href="index.php?option=com_content&task=view&id=5&Itemid=6" _fcksavedurl="index.php?option=com_content&task=view&id=5&Itemid=6"><span>Joomla! License</span></a></li><li><a href="index.php?option=com_content&task=section&id=1&Itemid=2" _fcksavedurl="index.php?option=com_content&task=section&id=1&Itemid=2"><span>News</span></a></li><li><a href="index.php?option=com_content&task=blogsection&id=0&Itemid=9" _fcksavedurl="index.php?option=com_content&task=blogsection&id=0&Itemid=9"><span>Blog</span></a></li><li><a style="" href="index.php?option=com_weblinks&Itemid=23" _fcksavedurl="index.php?option=com_weblinks&Itemid=23"><span style="">Links</span></a></li><li><a style="" href="index.php?option=com_contact&Itemid=3" _fcksavedurl="index.php?option=com_contact&Itemid=3"><span style="">Contact Us</span></a></li><li><a href="index.php?option=com_search&Itemid=5" _fcksavedurl="index.php?option=com_search&Itemid=5"><span>Search</span></a></li><li><a href="index.php?option=com_newsfeeds&Itemid=7" _fcksavedurl="index.php?option=com_newsfeeds&Itemid=7"><span>News Feeds</span></a></li><li><a href="index.php?option=com_content&task=category&sectionid=3&id=7&Itemid=25" _fcksavedurl="index.php?option=com_content&task=category&sectionid=3&id=7&Itemid=25"><span>FAQs</span></a></li><li><a href="index.php?option=com_wrapper&Itemid=8" _fcksavedurl="index.php?option=com_wrapper&Itemid=8"><span style="">Wrapper</span></a></li> </ul> </div> </div> </div> </div><div id="pagecontainer"> <table cellpadding="0" cellspacing="0"> <tbody><tr> <td style="" class="leftcol" valign="top"> <table class="moduletable" cellpadding="0" cellspacing="0"> <tbody><tr> <th style="" valign="top"> Choose a Template </th> </tr> <tr> <td> <ul class="menu"><li> <a style="" href="?joomla10-template=themza_j10_01" _fcksavedurl="?joomla10-template=themza_j10_01">Football League</a> </li> <li> <a style="" href="?joomla10-template=themza_j10_02" _fcksavedurl="?joomla10-template=themza_j10_02">Football Dreams</a> </li> </ul> </td> </tr> </tbody></table> <table class="moduletable" cellpadding="0" cellspacing="0"> <tbody><tr> <th style="" valign="top"> Main Menu </th> </tr> <tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr align="left"><td><a style="" href="http://demo.themza.com/joomla10/index.php?option=com_frontpage&Itemid=1" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_frontpage&Itemid=1" class="mainlevel" id="active_menu">Home</a></td></tr> <tr align="left"><td><a style="" href="http://demo.themza.com/joomla10/index.php?option=com_content&task=view&id=5&Itemid=6" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_content&task=view&id=5&Itemid=6" class="mainlevel">Joomla! License</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_content&task=section&id=1&Itemid=2" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_content&task=section&id=1&Itemid=2" class="mainlevel">News</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_content&task=blogsection&id=0&Itemid=9" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_content&task=blogsection&id=0&Itemid=9" class="mainlevel">Blog</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_weblinks&Itemid=23" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_weblinks&Itemid=23" class="mainlevel">Links</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_contact&Itemid=3" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_contact&Itemid=3" class="mainlevel">Contact Us</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_search&Itemid=5" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_search&Itemid=5" class="mainlevel">Search</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_newsfeeds&Itemid=7" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_newsfeeds&Itemid=7" class="mainlevel">News Feeds</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_content&task=category&sectionid=3&id=7&Itemid=25" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_content&task=category&sectionid=3&id=7&Itemid=25" class="mainlevel">FAQs</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_wrapper&Itemid=8" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_wrapper&Itemid=8" class="mainlevel">Wrapper</a></td></tr> </tbody></table> </td> </tr> </tbody></table> <table class="moduletable" cellpadding="0" cellspacing="0"> <tbody><tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr align="left"><td><a href="http://www.joomla.org" _fcksavedurl="http://www.joomla.org" class="mainlevel">Joomla! Home</a></td></tr> <tr align="left"><td><a href="http://forum.joomla.org" _fcksavedurl="http://forum.joomla.org" class="mainlevel">Joomla! Forums</a></td></tr> <tr align="left"><td><a href="http://www.opensourcematters.org" _fcksavedurl="http://www.opensourcematters.org" class="mainlevel">OSM Home</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/administrator/" _fcksavedurl="http://demo.themza.com/joomla10/administrator/" class="mainlevel">Administrator</a></td></tr> </tbody></table> </td> </tr> </tbody></table> <table class="moduletable" cellpadding="0" cellspacing="0"> <tbody><tr> <th valign="top"> Login Form </th> </tr> <tr> <td> <form action="http://demo.themza.com/joomla10/index.php" method="post" name="login"> <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td> <label for="mod_login_username"> Username </label> <br> <input name="username" id="mod_login_username" class="inputbox" alt="username" size="10" type="text"> <br> <label for="mod_login_password"> Password </label> <br> <input id="mod_login_password" name="passwd" class="inputbox" size="10" alt="password" type="password"> <br> <input name="remember" id="mod_login_remember" class="inputbox" value="yes" alt="Remember Me" type="checkbox"> <label for="mod_login_remember"> Remember me </label> <br> <input name="Submit" class="button" value="Login" type="submit"> </td> </tr> <tr> <td> <a href="http://demo.themza.com/joomla10/index.php?option=com_registration&task=lostPassword" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_registration&task=lostPassword"> Lost Password?</a> </td> </tr> <tr> <td> No account yet? <a href="http://demo.themza.com/joomla10/index.php?option=com_registration&task=register" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_registration&task=register"> Register</a> </td> </tr> </tbody></table> <input name="option" value="login" type="hidden"> <input name="op2" value="login" type="hidden"> <input name="lang" value="english" type="hidden"> <input name="return" value="http://demo.themza.com/joomla10/index.php?joomla10-template=themza_j10_02" type="hidden"> <input name="message" value="0" type="hidden"> <input name="force_session" value="1" type="hidden"> <input name="j47dde8b8415c49d0056fd8f80f9a5b65" value="1" type="hidden"> </form> </td> </tr> </tbody></table> </td> <td style="" class="maincol" valign="top"> <div style=""> <table class="blog" cellpadding="0" cellspacing="0"><tbody><tr><td valign="top"><div style=""> <table class="contentpaneopen"> <tbody><tr> <td style="" class="contentheading" width="100%">HackeR FrienD.Net</td> </tr> </tbody></table> <table style="" class="contentpaneopen"> <tbody><tr> <td style="" colspan="2" valign="top" width="70%" align="left"> <span style="" class="small">Bilgi Güçtür, Paylaştıkça Büyür!</span> </td> </tr> <tr style=""> <td style="" colspan="2" class="createdate" valign="top"></td> </tr> <tr> <td style="" colspan="2" valign="top">

TASARIM ALTI

</td> </tr> <tr> <td style="" colspan="2" align="left"></td> </tr> </tbody></table> <span class="article_seperator"> </span> </div></td></tr><tr><td valign="top"><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td style="" valign="top" width="50%"></td><td style="" valign="top" width="50%"></td></tr></tbody></table></td></tr><tr><td style="" valign="top"><div class="blog_more"> <div> <strong style=""></strong> </div> <ul> <li style=""></li> </ul> </div></td></tr><tr><td style="" valign="top" align="center"></td></tr><tr><td style="" valign="top" align="center"></td></tr></tbody></table> </div> </td> <td style="" class="rightcol" valign="top"> <table class="moduletable" cellpadding="0" cellspacing="0"> <tbody><tr> <th valign="top"> Polls </th> </tr> <tr> <td style=""> <script language="javascript" type="text/javascript">  </script> <form name="pollxtd1" method="post" action="http://demo.themza.com/joomla10/index.php?option=com_poll"> <table class="poll" width="95%" align="center" border="0" cellpadding="1" cellspacing="0"> <thead> <tr> <td style="font-weight: bold;"> Do you like our templates </td> </tr> </thead> <tbody><tr> <td style="" align="center"> <table class="pollstableborder" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td class="sectiontableentry2" valign="top"> <input name="voteid" id="voteid1" value="1" alt="1" type="radio"> </td> <td class="sectiontableentry2" valign="top"> <label for="voteid1"> They are amazing </label> </td> </tr> <tr> <td style="" class="sectiontableentry1" valign="top"> <input style="" name="voteid" id="voteid2" value="2" alt="2" type="radio"> </td> <td style="" class="sectiontableentry1" valign="top"> <label style="" for="voteid2"> Hell ya </label> </td> </tr> <tr> <td class="sectiontableentry2" valign="top"> <input name="voteid" id="voteid3" value="3" alt="3" type="radio"> </td> <td style="" class="sectiontableentry2" valign="top"> <label for="voteid3"> Yes </label> </td> </tr> <tr> <td class="sectiontableentry1" valign="top"> <input name="voteid" id="voteid4" value="4" alt="4" type="radio"> </td> <td style="" class="sectiontableentry1" valign="top"> <label for="voteid4"> Maybe </label> </td> </tr> <tr> <td style="" class="sectiontableentry2" valign="top"> <input name="voteid" id="voteid5" value="5" alt="5" type="radio"> </td> <td class="sectiontableentry2" valign="top"> <label for="voteid5"> No </label> </td> </tr> <tr> <td class="sectiontableentry1" valign="top"> <input name="voteid" id="voteid6" value="6" alt="6" type="radio"> </td> <td class="sectiontableentry1" valign="top"> <label for="voteid6"> Absolutely not </label> </td> </tr> </tbody></table> </td> </tr> <tr> <td> <div align="center"> <input onclick_fckprotectedatt="%20onclick%3D%22submitbutton_Poll1()%3B%22" name="task_button" class="button" value="Vote" type="button"> <input name="option" class="button" value="Results" onclick_fckprotectedatt="%20onclick%3D%22document.location.href%3D'http%3A%2F%2Fdemo.themza.com%2Fjoomla10%2Findex.php%3Foption%3Dcom_poll%26task%3Dresults%26id%3D14'%3B%22" type="button"> </div> </td> </tr> </tbody></table> <input name="id" value="14" type="hidden"> <input name="task" value="vote" type="hidden"> <input name="j4fe163d9aad8d09b2c8ee446c4766cb2" value="1" type="hidden"> </form> </td> </tr> </tbody></table> <table class="moduletable" cellpadding="0" cellspacing="0"> <tbody><tr> <th valign="top"> Who's Online </th> </tr> <tr> <td> We have 2 guests online </td> </tr> </tbody></table> </td> </tr> </tbody></table> <div style="" class="footer_bg"> <div class="footer"> <div style="" align="center"> © 2009 Themza Joomla! 1.0.x Templates</div> <div style="" align="center"> <a href="http://www.joomla.org" _fcksavedurl="http://www.joomla.org">Joomla!</a> is Free Software released under the GNU/GPL License. <a style="" href="http://www.themza.com/joomla1.0/" _fcksavedurl="http://www.themza.com/joomla1.0/" target="_blank" title="themes for joomla 1.0">ThemZa Joomla Templates</a>, <a style="" href="http://www.ntchosting.com/" _fcksavedurl="http://www.ntchosting.com/" target="_blank" title="budget web hosting">php hosting</a>. </div></div> </div> <div style="background: rgb(87, 87, 87) none repeat scroll 0% 0%; height: 10px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></div> </div> </div> </center>

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} body { overflow-x : hidden; overflow: -moz-scrollbars-vertical; } .body { color: #000000; margin: 0 0 0 0; padding: 0px; font-size: 11px; font-family: "Trebuchet MS"; background: #575757; } .all { width:970px; margin:0 auto; padding:0; background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/bg_page.gif) repeat-y; } #logo { background: transparent url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/bg.jpg) no-repeat top center; margin:0 auto; width: 100%; padding:0; height:119px; text-align:left; vertical-align:middle; } #logo a { margin:20px 0 0 75px; line-height:80px; font-family:"Trebuchet MS"; font-size:23px; color:#FFFFFF; } .topmaincol { width:100%; height:30px; } /* --- nav --- */ .div { } #menu{ position:relative; height:58px; color:#E0E0E0; background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/topmenu_bg.jpg) repeat-x; width:966px; font-size:13px; } #menu .menuc { margin: 0px auto; width: 966px; font-family:"Trebuchet MS"; } #topnavi{ position:relative; height:58px; font-size:12px; font-weight: normal; font-family:"Trebuchet MS"; background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/topmenu_bg.jpg) repeat-x top left; padding:0 0 0 5px; } #topnavi ul{ margin:0; padding:0; list-style-type:none; width:auto; float:left; } #topnavi ul li{ display:block; float:left; margin:0 1px; } #topnavi ul li a{ display:block; float:left; color: #FFFFFF; text-decoration:none; padding:0 0 0 11px; height:52px; } #topnavi ul li a span{ font-size:12px; padding:17px 11px 0 0; height:52px; float:left; } #topnavi ul li a:hover{ font-size:12px; color: #000000; } #topnavi ul li a:hover span{ font-size:12px; display:block; width:auto; cursor:pointer; } #topnavi ul li a.current,#topnavi ul li a.current:hover{ color: #FFFFFF; background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/topmenu_left.jpg) no-repeat top left; line-height:350%; } #topnavi ul li a.current span{ display:block; padding:0 10px 0 0; width:auto; background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/topmenu_right.jpg) no-repeat top right; height:52px; } /* --- end nav --- */ /* /////////////////////////////////////////////////////////////////////////// */ form {display:inline;} hr { color : #999999; height : 1px; width : 100%; } .back_button { color : #999999; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; font-weight : normal; padding-bottom : 3px; margin-right : 4px; float : right; line-height : 20px; } .button { font-size : 11px; color : #333333; border : 1px solid #999999; margin : 3px; background-color : #EDEDED; padding : 1px; cursor : pointer; } .inputbox { color : #000000; background : #ffffff; border : 1px solid #cccccc; margin : 3px; } table,td,div { color : #000000; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; margin:0; } p { color : #000000; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; line-height : 16px; padding:4px 0px 4px 0px; margin:0; } strong { color : #000000; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; line-height : 16px; padding:4px 0px 4px 0px; margin:0; } i { color : #000000; font-family : Verdana, Helvetica, sans-serif; font-size : 10px; line-height : 16px; padding:4px 0px 4px 0px; margin:0; font-style: normal; } em { color : #000000; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; line-height : 16px; padding:4px 0px 4px 0px; margin:0; font-style: normal; } /* /////////////////////////////////////////////////////////////////////////// */ .leftcol {width:200px;padding:10px 5px 10px 10px;} .maincol {width:525px;padding:10px 5px 10px 5px;} .rightcol {width:200px;padding:10px 10px 10px 10px;} .pollstableborder td{ text-align:left} #pagecontainer { width:970px; height:100%; margin: 0px auto; padding:0; text-align: left; } /* -------------------------------------------------------------------------------------------------------------- */ table.moduletable { margin : 0 0 20px 0; width : 100%; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 10px; } table.moduletable th { font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; font-weight : bold; text-align : left; height : 34px; color : #FFFFFF; padding : 8px 0 0 13px; text-indent : 10px; line-height : 15px; background : #fff url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/moduletable_th_bg.jpg) no-repeat left top; } table.moduletable td { padding-top: 2px; } table.moduletable td table{ width : 100%; } .sectiontableheader { font-size : 10px; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-weight : normal; text-transform : uppercase; letter-spacing : 1px; color : #333333; background : #ffffff; padding : 1px; } .sectiontableentry1 { vertical-align : top; padding : 3px; background : #D9D9D9; border-bottom : 1px solid #ffffff; line-height : 25px; } .sectiontableentry2 { vertical-align : top; padding : 3px; border-bottom : 1px solid #ffffff; background : #EEEEEE; line-height : 25px; } a.mainlevel { display : block; width : auto; margin : 1px 0; padding : 0; font-size : 12px; background : none; text-indent : 10px; width : 200px; } a.mainlevel:link, a.mainlevel:visited { display : block; font-size : 11px; background : transparent url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/mainlevel.gif) repeat-x right bottom; font-weight : normal; padding : 4px 0 4px 0; color : #000000; text-indent : 11px; } a.mainlevel:hover { background : transparent url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/mainlevel_h.gif) repeat-x right bottom; font-size : 11px; font-weight : normal; color : #D01C0D; text-decoration : none; text-indent : 11px; } #active_menu { color : #D01C0D; background : transparent url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/mainlevel_h.gif) repeat-x right bottom; } a#active_menu:hover { color : #333333; } a:link, a:visited { font-size : 11px; color : #333333; text-decoration : none; font-weight : bold; } a:hover { font-size : 11px; color : #D01C0D; text-decoration : none; font-weight : bold; } a.category:link, a.category:visited { font-size : 11px; font-weight : bold; } a.readon:link, a.readon:visited { color : #999999; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; background : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/readon.gif) no-repeat; white-space : normal; font-weight : bold; padding : 1px 0 3px 18px; float : right; line-height : 10px; text-decoration : underline; } a.readon:hover { color : #D01C0D; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; background : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/readon.gif) no-repeat; white-space : normal; font-weight : bold; padding : 1px 0 3px 18px; line-height : 10px; text-decoration : underline; } ul { margin : 2px; padding-left : 10px; list-style : none; } li { line-height : 15px; padding-left : 10px; padding-top : 0; } table.contenttoc { border : 1px solid #dcdcdc; background : #F1F1F1; padding : 5px; margin-left : 2px; margin-bottom : 2px; } .pagenavcounter { font-size : 10px; color : #4da338; } .pagenavbar { border-top : 1px solid #999999; padding : 2px; } .pagenav { font-weight : bold; } a.pagenav:link, a.pagenav:visited { font-size : 11px; color : #999999; text-decoration : none; } a.pagenav:hover { font-size : 11px; color : #3333ff; text-decoration : none; } .date { font-size : 10px; font-weight : bold; color : #707070; padding-right : 12px; } .small { font-size : 10px; color : #333333; } .smalldark { font-size : 10px; color : #333333; } .createdate, .modifydate { float : right; font-size : 10px; color : #666666; font-weight : bold; } .content_vote { font-size : 10px; height : 22px; padding-top : 2px; padding-bottom : 2px; } .content_rating { font-size : 10px; color : #999999; } .pway { margin:0 auto; text-align:left; width:970px; height:18px; padding:5px 0 0 0 ; background:#575757; } .pathway { font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; color : #D01C0D; padding-left : 12px; } a.pathway:link, a.pathway:visited { font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; color : #FFFFFF; font-size : 11px; padding-left : 0; } a.pathway:hover { color:#efefef; font-size : 11px; padding-left : 0; } table.content{ width : 100%; padding : 0; border-collapse : collapse; border-spacing : 0; margin-bottom : 10px; } table.contentpane { width : 100%; border-spacing : 0; padding-left : 5px; padding-right : 5px; margin-bottom : 5px; } table.contentpaneopen { width : 100%; border-spacing : 0; padding-left : 5px; padding-right : 5px; margin-bottom : 5px; } .poll { color : #333333; line-height : 12px; font-weight: normal; } .pollstableborder{ border-color : #999999; } .contentheading,.componentheading { width : 90%; font-size : 12px; font-weight : bold; line-height : 16px; text-transform : uppercase; text-align : left; text-indent : 0; color : #D01C0D; padding : 1px; margin : 3px 0px; } .ontab { border-left : 1px solid #666666; text-align : center; font-weight : bold; color : #333333; padding : 5px; cursor : pointer; line-height : 30px; } .offtab { border-left : 1px solid #666666; text-align : center; color : #999999; font-weight : normal; padding : 5px; cursor : pointer; line-height : 30px; } .tabpadding { border-left : 1px solid #666666; } .col { vertical-align : top; background : #ffffff; padding-top: 5px; } .contentdescription { width : auto !important; margin : 0; padding : 0; padding-top : 5px; text-align : left; } td.top1{ margin: 0; padding: 0; height: 28px !important; height: 28px; padding-top: 2px !important; padding-top: 3px; background : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/shadow.jpg) #f1f1f1 repeat-x top; } table.top2{ background : #ffffff; } .searchbox { margin : 0; padding : 0; margin-top : 13px; margin-left : 10px; width : 130px; font-size : 11px; color : #707070; border : 1px solid #cccccc; padding : 2px !important; padding : 1px; background : none; } .sublevel { font-family :"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : normal; color : #999999; margin-top : 10px; } a.sublevel:link, a.sublevel:visited { font-family :"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : normal; color : #999999; padding : 5px 1px 3px 5px; text-decoration : none; } a.sublevel:hover { color : #D01C0D; text-decoration : none; } a.sublevel#active_menu { background : transparent; color : #ff6600; border : 0; } a.toclink:link, a.toclink:visited { font-family :"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : normal; color : #999999; padding : 5px 1px 3px 5px; text-decoration : none; } a.toclink:hover { color : #D01C0D; text-decoration : none; } td.logoheader { margin: 0; padding: 0; background : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/header.jpg) no-repeat bottom; height : 65px; width : 770px; } td.topnav { margin : 0px; padding: 0px; background : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/bg_top.jpg) repeat-x top left; height : 42px; width : 770px; } td.bgline { margin : 0; padding: 0; background : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/s.gif) repeat-y; width : 7px; } #mainlevel-nav { font-size : 11px; list-style : none; padding : 0; margin : 0; margin-left : 1px; } #mainlevel-nav li { float : right; display : block; list-style : none; background-image : none; padding-left : 2px; padding-right : 2px; margin : 0; width : auto !important; font-size : 11px; line-height : 28px; white-space : nowrap; border-left : 1px solid #cccccc; } #mainlevel-nav li a { padding-left : 10px; padding-right : 10px; font-size : 11px; color : #000033; text-decoration : none; } #mainlevel-nav li a:hover { font-size : 11px; color : #999999; } .blog_more { margin : 10px 0 7px 7px; } .buttonheading { padding : 0 2px; } .mosimage { border : 1px solid #dedede; margin : 5px; padding-top: 3px; background:#FFFFFF; } .mosimage_caption { margin-top: 3px; padding : 2px; color : #000066; font-size : 10px; background: #f1f1f1; } /* -------------------------- */ .footer_bg { width:970px; background:#575757 url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/footer_bg.jpg) no-repeat left top; color:#FFFFFF; padding:6px 0px 0 0; height:43px; text-align: center; margin:0px; } .footer { color:#fff; padding:0; margin:0 0 10px 0; } .footer div, .footer div a, .footer div a:visited{ color:#fff; }

TASARIM ÜSTÜ

TASARIM ALTI

</div> <p class="meta"><a href="#" _fcksavedurl="#">Z.Defteri</a> | <a href="#" _fcksavedurl="#">İletişim</a></p> </div> <div class="post"> <h4 class="title">Linkler</h4> <div class="entry">Buraya link ekleyebilirsiniz...</div> <p class="meta">Bilgi Güçtür, Paylaştıkça Büyür!</p> </div> </div>   <div id="sidebar"> <ul> <li> <h4>Categories</h4> <ul> <li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> <li><a href="#" _fcksavedurl="#">Consectetuer elit</a></li> <li><a href="#" _fcksavedurl="#">Metus pellentesque</a></li> <li><a href="#" _fcksavedurl="#">Suspendisse mauris</a></li> <li><a href="#" _fcksavedurl="#">Urnanet molestie semper</a></li> <li><a href="#" _fcksavedurl="#">Proin orci porttitor</a></li> </ul> </li> <li> <h4>Archives</h4> <ul> <li><a href="#" _fcksavedurl="#">September</a> (23)</li> <li><a href="#" _fcksavedurl="#">August</a> (31)</li> <li><a href="#" _fcksavedurl="#">July</a> (31)</li> <li><a href="#" _fcksavedurl="#">June</a> (30)</li> <li><a href="#" _fcksavedurl="#">May</a> (31)</li> </ul> </li> <li> <h4>Lorem ipsum dolor </h4> <ul> <li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> <li><a href="#" _fcksavedurl="#">Consectetuer elit</a></li> <li><a href="#" _fcksavedurl="#">Metus pellentesque</a></li> <li><a href="#" _fcksavedurl="#">Suspendisse mauris</a></li> <li><a href="#" _fcksavedurl="#">Urnanet molestie semper</a></li> <li><a href="#" _fcksavedurl="#">Proin orci porttitor</a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div>  <div id="footer"> <p class="legal">Copyright (c) 2007 Website Name. All rights reserved.</p> <p class="credit">Designed by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p> </div>

CSS

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ body { background: #FFDBE1 url(http://www.freecsstemplates.org/templates/previews/valentine/images/img01.jpg) repeat-x top left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #EF7283; margin: 0px; padding: 0px; } input, textarea { width: 220px; background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/valentine/images/img04.gif) repeat-x; border-top: 1px solid #A3A3A3; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #D6D6D6; font: normal 1em/normal "Trebuchet MS", Arial, Helvetica, sans-serif; color: #6E6E6E; } h1, h4, h3 { color: #F62D47; letter-spacing: -1px; } h1, h1 a, h4, h4 a { text-decoration: none; } h1 a:hover, h4 a:hover { text-decoration: underline; } h1 { font-size: 38px; } h4 { font-size: 28px; font-weight: normal; } h3 { font-size: 16px; } p, ul, ol { margin-top: 1.5em; line-height: 190%; } ul, ol { margin-left: 3em; } blockquote { margin-left: 3em; margin-right: 3em; } a { color: #F62D47; } a:hover { text-decoration: none; color: #F62D47; } a img { border: none; } img.left { float: left; margin-right: 20px; } img.right { float: right; margin-right: 20px; } hr { display: none; } #header { width: 960px; height: 206px; margin: 0 auto; background: url(http://www.freecsstemplates.org/templates/previews/valentine/images/img02.jpg) no-repeat top left; } /* Logo */ #logo { width: 970px; height: 196px; margin: 0 auto; background: url(http://www.freecsstemplates.org/templates/previews/valentine/images/img02.jpg) no-repeat left top; } #logo h1, #logo h4 { margin: 0; padding: 0; text-transform: lowercase; } #logo h1 { padding: 50px 5px 0 195px; font-size: 48px; color: #F74B61; } #logo h4 { padding: 0px 0 0 198px; text-transform: uppercase; font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #FA8899; } #logo p { clear: left; margin: 0; padding: 0 0 0 20px; line-height: normal; font-size: 1.2em; font-weight: bold; color: #FA8899; } #logo a { color: #F74B61; } /* Header */ #header { width: 976px; margin: 0 auto; background: url(http://www.freecsstemplates.org/templates/previews/valentine/images/img02.gif) no-repeat top left; margin-top: -31px; }  #menu { height: 60px; width: 960px; padding-left: 20px; font-family: Arial, Helvetica, sans-serif; } #menu ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #menu li { float: left; } #menu a { display: block; float: left; height: 30px; padding: 20px 30px 15px 18px; background: url(http://www.freecsstemplates.org/templates/previews/valentine/images/img03.jpg) no-repeat left 40%; margin-right: 1px; text-decoration: none; text-transform: uppercase; font-size: 10px; color: #FFFFFF; } #menu a:hover { color: #FFFFFF; } #menu .current_page_item a { color: #FFFFFF; } /* Search */ #search { float: right; width: 260px; margin: 0px; margin-top: 10px; } #search fieldset { border: none; } #search #s { width: 160px; height: 23px; background: #FFDBE1; border: 1px solid #F57F8C; } #search #x { width: 40px; background: #F74B61; border-top: #F74B61 solid 1px; border-bottom: #F74B61 solid 3px; border-left: #F74B61 solid 1px; border-right: #F74B61 solid 1px; color: #FFDBE1; } /* Banner */ #banner { width: 960px; margin: 0 auto; padding: 8px 0; } /* Page */ #page { width: 900px; margin: 0 auto; padding: 45px 35px 0 25px; } #pagecontent { float: right; width: 603px; padding-top: 20px; } .post { background: url(http://www.freecsstemplates.org/templates/previews/valentine/images/img08.jpg) repeat-y left top; } .post .title { margin: 0; padding: 10px 20px 10px 50px; background: #F74B61 url(http://www.freecsstemplates.org/templates/previews/valentine/images/img05.jpg) no-repeat left top; border-bottom: 1px dotted #FFC1CA; } .post h1.title { padding: 5px 0 0 50px; background: #FECBD3 url(http://www.freecsstemplates.org/templates/previews/valentine/images/img05.jpg) no-repeat left top; height: 40px; font-size: 2.4em; text-transform: lowercase; } .post .title a:hover { text-decoration: none; } .post .entry { margin: 0px; padding: 20px 20px; } .post .meta { height: 35px; margin: 15px 0 20px 0; padding: 15px 0 0 20px; background: #F74B61 url(http://www.freecsstemplates.org/templates/previews/valentine/images/img04.jpg) no-repeat; line-height: normal; border-top: 1px dotted #FFC1CA; } /* Sidebar */ #sidebar { float: left; width: 250px; } #sidebar ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #sidebar li { margin-bottom: 40px; } #sidebar li ul { padding-left: 25px; } #sidebar li li { margin: 0; padding: 5px 10px; background: url(http://www.freecsstemplates.org/templates/previews/valentine/images/img07.gif) no-repeat left 50%; } #sidebar li h4 { margin: 0 0 1em 0; background: url(http://www.freecsstemplates.org/templates/previews/valentine/images/img06.jpg) no-repeat left 70%; padding: 15px 0 10px 25px; border-bottom: 1px dotted #FA8496; height: 30px; text-transform: lowercase; font-size: 28px; letter-spacing: -1px; } #sidebar li p { padding: 0 20px; } /* Calendar */ #sidebar #calendar { padding: 0; } #calendar caption { } #calendar table { width: 100%; padding: 0 20px; text-align: center; } #calendar thead th { border-bottom: 2px solid #F2F2F2; border-top: 1px solid #F2F2F2; } #calendar tbody td { padding: 5px 0; border-bottom: 1px solid #F2F2F2; } #calendar tfoot td { border-top: 1px solid #F2F2F2; } #calendar #prev { text-align: left; } #calendar #next { text-align: right; } #calendar a { font-weight: bold; } /* Footer */ #footer { clear: both; width: 870px; height: 50px; margin: 0 auto; padding: 35px 45px; border-top: 5px solid #FA8597; } #footer p { margin: 0; line-height: normal; color: #FA8597; } #footer a { color: #F62D47; } #footer .legal { float: left; } #footer .credit { float: right; }