aykutservistasarim-com

Ana Sayfa

TASARIMIN ÜSTÜNE

<SCRIPT>
            function Eins()
            {window.status = "                [   -  -  -  -  -  - ][  wWw.TuWeb.CoM  ][   -  -  -  -  -  - ]  ";
            setTimeout("Zwei()",60);
            }
            function Zwei()
            {window.status = "                [  -  -  -  -  -  -  ][  wWw.TuWeb.CoM  ][  -  -  -  -  -  -  ]  ";
            setTimeout("Drei()",60);
            }
            function Drei()
            {window.status = "                [ -  -  -  -  -  -   ][  wWw.TuWeb.CoM  ][ -  -  -  -  -  -   ]  ";
            setTimeout("Eins()",60);
            }
            Eins();
            function FP_popUpMsg(msg) {//v1.0
            alert(msg);
            }
            </SCRIPT>
            <BODY style="background-image: url('http://nolose.webcindario.com/fondo.gif')"><font face="Comic Sans MS" size="2">
            <span style="text-transform: capitalize">
            </span></font>
            <TABLE class=contenedor-principal cellSpacing=0 cellPadding=0 width=770
            align=center border=0>
            <TBODY><TR>
            <TD><font face="Comic Sans MS" size="2">
            <span style="text-transform: capitalize">
            </span></font>
            <TABLE cellSpacing=0 cellPadding=0 width=764 align=center border=0>
            <TBODY>
            <TR>
            <TD>
            <img border="0" src="http://nolose.webcindario.com/head.gif" width="764" height="170"></TD></TR></TBODY></TABLE>
            <font face="Comic Sans MS" size="2">
            <span style="text-transform: capitalize"></span></font>
            <TABLE cellSpacing=0 cellPadding=0 width=765 align=center border=0>
            <TBODY>
            <TR>
            <TD width=433 bgcolor="#FFFFFF">
            <TABLE id=AutoNumber1 style="BORDER-COLLAPSE: collapse" height=19
            cellSpacing=0 cellPadding=0 width="177%"
            background=http://nolose.webcindario.com/img-2.gif border=0>
            <TBODY>
            <TR></TR></TBODY></TABLE>
            </TR></TBODY></TABLE></TD></TR>
            <TR><TD><TABLE cellSpacing=0 cellPadding=0 width=764 align=center border=0>
            <TBODY>
            <TR>
            <TD class=img4 width=764>
            <map name="FPMap0">
            <area href="index.htm" shape="rect" coords="169, 6, 232, 34">
            </map>
            <img border="0" src="http://nolose.webcindario.com/menu.gif" width="764" height="38" usemap="#FPMap0"></TD>
            </TR></TBODY></TABLE></TD></TR>
            <TR>
            <TD>
            <DIV class=publicidad>
            <DIV class=cpx-publicidad>
            <font face="Comic Sans MS" size="2">
            <span style="text-transform: capitalize">
            </span></font></DIV>
            </DIV></TD></TR>
            <TR>
            <TD>
            <TABLE cellSpacing=0 cellPadding=0 width=756 align=center border=0>
            <TBODY>
            <TR>
            <TD valign=top width=154>
            <DIV class=menu-arriba>
            <DIV class=menu-letra-blanca>
            <span style="font-weight: 400; text-transform: capitalize">
            <font face="Comic Sans MS" size="2">Menú</font></span></DIV></DIV>
            <DIV class=menu-fondo style="WIDTH: 150px; HEIGHT: 242px">
            <SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><SPAN
            style="BACKGROUND-POSITION-Y: 50%; BACKGROUND-REPEAT: no-repeat"><span style="text-transform: capitalize">
            <br>
            </span></SPAN>
            <SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><SPAN
            style="BACKGROUND-POSITION-Y: 50%; BACKGROUND-REPEAT: no-repeat"><span style="text-transform: capitalize"><br>
            </span></SPAN>
            <SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><SPAN
            style="BACKGROUND-POSITION-Y: 50%; BACKGROUND-REPEAT: no-repeat"><span style="text-transform: capitalize"><br>
            </span></SPAN>
            <SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%"> <br>
            </span><SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><SPAN
            style="BACKGROUND-POSITION-Y: 50%; BACKGROUND-REPEAT: no-repeat"><span style="text-transform: capitalize"><br>
            </span></SPAN>
            <SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%"><br>
            </span><SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><SPAN
            style="BACKGROUND-POSITION-Y: 50%; BACKGROUND-REPEAT: no-repeat"><span style="text-transform: capitalize">
            <br>
            </span></SPAN>
            <SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><SPAN
            style="BACKGROUND-POSITION-Y: 50%; BACKGROUND-REPEAT: no-repeat"><span style="text-transform: capitalize">
            <br>
            </span></SPAN>
            <SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%"><br>
            </span><SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><SPAN
            style="BACKGROUND-POSITION-Y: 50%; BACKGROUND-REPEAT: no-repeat"><span style="text-transform: capitalize">
            <br>
            </span></SPAN>
            <SPAN
            style="text-transform:capitalize">
            <a href="http://royalcast.tr.gg">css-şablon</a></SPAN><SPAN
            style="BACKGROUND-POSITION-Y: 50%; BACKGROUND-REPEAT: no-repeat"><span style="text-transform: capitalize">
            <br>
            </span></SPAN>
            <SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%"><br>
            </span><SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%"> <br>
            </span><SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%"><br>
            </span><SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%"> <br>
            </span><SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%"><br>
            </span><SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%"><br>
            </span><SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%"><br>
            </span><SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%"><br>
            </span><SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%"><br>
            </span><SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%"> <br>
            </span><SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%"> <br>
            </span><SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%"> <br>
            </span><SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%"> <br>
            </span><SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%"><br>
            </span><SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%"><br>
            </span><SPAN
            style="text-transform:capitalize">
            <a href="http://www.royalcast.tr.gg/">css-şablon</a></SPAN><span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%"> <br>
            </span><SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%"><br>
            </span><SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%"> <br>
            </span><SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%"> <br>
            </span><SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%"> <br>
            </span><SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><SPAN
            style="BACKGROUND-POSITION-Y: 50%; BACKGROUND-REPEAT: no-repeat"><span style="text-transform: capitalize"></font></A><font face="Comic Sans MS" size="2"><BR>
            </font>
            <font face="Comic Sans MS" size="2"><br>
            </font></span>
            </DIV>
            <font face="Comic Sans MS" size="2">
            <span style="text-transform: capitalize">
            <img src="http://nolose.webcindario.com//aba.jpg" width="153" height="19">
            </span></font></SPAN></TD>
            <TD vAlign=top align=middle width=448>
            <font face="Comic Sans MS" size="2">
            <span style="text-transform: capitalize"><LINK
            href="fritz.css" type=text/css rel=StyleSheet>
            </span></font>
            <TABLE cellSpacing=0 cellPadding=0 width=436 align=center
            border=0><TBODY>
            <TR>
            <TD vAlign=top align=middle width=132>
            <font face="Comic Sans MS" size="2">
            <span style="text-transform: capitalize">
            </span></font>
            <DIV class=menu-arriba-grande>
            <DIV class=menu-letra-blanca>
            <span style="font-weight: 400; text-transform: capitalize">
            <font face="Comic Sans MS" size="2">Bienvenidos</font></span></DIV>
            </DIV>
            <DIV class=menu-fondo-grande
            style="WIDTH: 440px; HEIGHT: 508px">

TASARIMIN ALTINA

<form action="http://eduneoxz.webspacemania.com/" method="get" target="_blank">
            <p>
            <p>
            </DIV>
            <DIV class=menu-abajo-grande></DIV>
            <font face="Comic Sans MS" size="2">
            <span style="text-transform: capitalize">
            </span></font>
            <DIV class=menu-fondo-grande
            style="WIDTH: 440px; HEIGHT: 300px">
            <font face="Comic Sans MS" size="2">
            <span style="text-transform: capitalize">
            </span></font>
            <DIV class=menu-arriba-grande>
            <DIV class=menu-letra-blanca
            style="WIDTH: 440px; HEIGHT: 22px">
            <span style="font-weight: 400; text-transform: capitalize">
            <font face="Comic Sans MS" size="2">Contenidos</font></span></DIV></DIV>
            <DIV class=menu-fondo-grande
            style="WIDTH: 440px; HEIGHT: 420px">
            <TABLE id=table1 cellSpacing=0 cellPadding=0 width=384
            border=0>
            <TBODY>
            <TR>
            <TD align=middle width=384>
            <span style="text-transform: capitalize">
            <font face="Comic Sans MS" size="2">
            <div align="center">
            <table border="0" width="100%" cellspacing="1" cellpadding="0" id="table1">
            <tr>
            <td align="center" width="100%">
            <br></td>
            </tr>
            </table>
            </div></FONT>
            </span></font></TD></TR></TBODY></TABLE><font face="Comic Sans MS" size="2">
            <span style="text-transform: capitalize"></FORM></span>
            </font></DIV>
            <DIV
            class=menu-abajo-grande></DIV>
            <font face="Comic Sans MS" size="2">
            <span style="text-transform: capitalize"></CENTER>
            </span></font></DIV></TD></TR></TBODY></TABLE>
            <b><font face="Verdana">
            <font class="content" size="4" color="#FF0000">
            </TD>
            <TD vAlign=top width=154 bgcolor="#313C4A"><font face="Comic Sans MS" size="2">
            <span style="text-transform: capitalize">
            </span></font><DIV class=menu-arriba>
            <DIV class=menu-letra-blanca>
            <span style="font-weight: 400; text-transform: capitalize">
            <font face="Comic Sans MS" size="2">Menú</font></span></DIV></DIV>
            <DIV class=menu-fondo style="WIDTH: 150px; HEIGHT: 3px">
            <SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN></DIV>
            <font face="Comic Sans MS" size="2">
            <span style="text-transform: capitalize">
            <span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%">
            <img src="http://nolose.webcindario.com/aba.jpg" width="150" height="19"></span></span></font><DIV class=menu-arriba>
            <DIV class=menu-letra-blanca>
            <span style="font-weight: 400; text-transform: capitalize">
            <font face="Comic Sans MS" size="2">Menú</font></span></DIV></DIV>
            <DIV class=menu-fondo style="WIDTH: 150px; HEIGHT: 3px">
            <SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a><br>
            <a href="index.htm">Link</a><br>
            </SPAN>
            <SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a></SPAN><SPAN
            style="text-transform:capitalize"><br>
            <a href="index.htm">Link</a><br>
            <a href="index.htm">Link</a><br>
            <a href="index.htm">Link</a><br></SPAN>
            </DIV>
            <font face="Comic Sans MS" size="2">
            <span style="text-transform: capitalize">
            <span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%">
            <img src="http://nolose.webcindario.com/aba.jpg" width="154" height="19"></span></span></font><DIV class=menu-arriba>
            <DIV class=menu-letra-blanca>
            <span style="font-weight: 400; text-transform: capitalize">
            <font face="Comic Sans MS" size="2">Menú</font></span></DIV></DIV>
            <DIV class=menu-fondo style="WIDTH: 150px; HEIGHT: 196px">
            <SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a><br>
            <a href="http://www.royalcast.tr.gg/">css-sablon</a><br>
            <a href="index.htm">Link</a><br>
            <a href="index.htm">Link</a><br>
            <a href="index.htm">Link</a><br>
            <a href="index.htm">Link</a><br>
            <a href="index.htm">Link</a><br>
            <a href="index.htm">Link</a><br>
            <a href="index.htm">Link</a><br>
            <a href="index.htm">Link</a><br>
            <a href="index.htm">Link</a><br>
            <a href="index.htm">Link</a><br>
            <a href="index.htm">Link</a> </SPAN>
            </DIV>
            <font face="Comic Sans MS" size="2">
            <span style="text-transform: capitalize">
            <span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%">
            <img src="http://nolose.webcindario.com/aba.jpg" width="153" height="19"></span></span></font><DIV class=menu-arriba>
            <DIV class=menu-letra-blanca>
            <span style="font-weight: 400; text-transform: capitalize">
            <font face="Comic Sans MS" size="2">Menú</font></span></DIV></DIV>
            <DIV class=menu-fondo style="WIDTH: 150px; HEIGHT: 3px">
            <SPAN
            style="text-transform:capitalize">
            <a href="index.htm">Link</a><br>
            <a href="index.htm">Link</a><br>
            <a href="index.htm">Link</a><br>
            <a href="index.htm">Link</a><br>
            <a href="index.htm">Link</a><br>
            <a href="index.htm">Link</a><br></SPAN>
            </DIV>
            <font face="Comic Sans MS" size="2">
            <span style="text-transform: capitalize">
            <span style="text-transform: capitalize; background-repeat:no-repeat; background-position-y:50%">
            <img src="http://nolose.webcindario.com/aba.jpg" width="151" height="19"></span>         </span></font></TD></TR></TBODY></TABLE></TD></TR>
            <TR>
            <TD></TD></TR>
            <TR>
            <TD align=middle>
            <TABLE cellSpacing=0 cellPadding=0 width=764 align=center border=0>
            <TBODY>
            <TR>
            <TD width=764>
            <DIV class=footer>
            <DIV class=texto-footer>
            <font face="Comic Sans MS" size="2" color="#FF0000">
            <span style="text-transform: capitalize">© 2007-2008,
            Robney.us / All rights
            reserved. versión </span></font></DIV>
            </DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

CSS KODU

#content {
            clear: both;
            width: 420px;
            }
            lli.nav_element{display: none;}
            li.nav_element a{display: none;}
            #extraDiv1 {display: none;}
            #extraDiv2 {display: none;}
            #extraDiv3 {display: none;}
            #extraDiv4 {display: none;}
            #extraDiv5 {display: none;}
            #extraDiv6 {display: none;}
            #pre_header {display: none;}
            #post_header {display: none;}
            #pre_content {display: none;}
            #nav_heading{display: none;}
            div.header{display: none;}
            h1#title{display: none;}
            h2#title span {display: none;}
            #counter {
            position: absolute;
            left: 23%;
            top:52px;
            margin-left: 300px;
            width: 450px;
            height:20px;
            }
            BODY {
            SCROLLBAR-FACE-COLOR: #000000; FONT-SIZE: 12px; BACKGROUND-IMAGE: url('http://nolose.webcindario.com/fondo.gif'); MARGIN: 10px 0px; SCROLLBAR-HIGHLIGHT-COLOR: #4c4d52; CURSOR: url('cursoy.cur'); SCROLLBAR-SHADOW-COLOR: #23242c; COLOR: #cccccc; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #e8e8e8; SCROLLBAR-TRACK-COLOR: #676767; FONT-FAMILY: Arial; SCROLLBAR-DARKSHADOW-COLOR: #000000; BACKGROUND-COLOR: #000000
            }
            .contenedor-principal {
            BACKGROUND: url('http://nolose.webcindario.com/fondo-tabla-contenedor.gif');
            }
            .img2 {
            BACKGROUND: url('http://nolose.webcindario.com/img-2.gif');
            }
            .img4 {
            BACKGROUND: url('http://nolose.webcindario.com/img-4.gif') repeat-x;
            }
            .footer {
            BACKGROUND-IMAGE: url('http://nolose.webcindario.com/footer.gif'); WIDTH: 764px; HEIGHT: 50px
            }
            .texto-footer {
            FONT-SIZE: 12px; COLOR: #000000; PADDING-TOP: 14px; TEXT-ALIGN: center
            }
            .menu-horizontal {
            padding:0px; BACKGROUND: url('http://nolose.webcindario.com/img-4.gif') repeat-x; MARGIN: 0px auto; LIST-STYLE-TYPE: none; POSITION: relative
            }
            .menu-horizontal LI {
            PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
            }
            .menu-horizontal LI A {
            PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: url('http://nolose.webcindario.com/img-5.gif') no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; CURSOR: pointer; COLOR: #020202; LINE-HEIGHT: 39px; PADDING-TOP: 0px; FONT-FAMILY: sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
            }
            .menu-horizontal LI A:hover {
            PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: url('http://nolose.webcindario.com/img-5.gif') no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; CURSOR: pointer; COLOR: #616161; LINE-HEIGHT: 39px; PADDING-TOP: 0px; FONT-FAMILY: sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
            }
            .menu-arriba {
            BACKGROUND-IMAGE: url('http://nolose.webcindario.com/menu-arriba.gif'); WIDTH: 154px; HEIGHT: 28px
            }
            .menu-fondo {
            PADDING-LEFT: 4px; FONT-SIZE: 12px; BACKGROUND: url('http://nolose.webcindario.com/menu-fondo.gif') repeat-y; WIDTH: 154px; FONT-FAMILY: Tahoma; HEIGHT: auto; TEXT-ALIGN: justify; TEXT-DECORATION: none
            }
            .menu-fondo-B A:link A:hover A:visited A:active {
            PADDING-LEFT: 4px; FONT-SIZE: 15px; BACKGROUND: url('http://nolose.webcindario.com/menu-fondo.gif') repeat-y; WIDTH: 154px; FONT-FAMILY: Tahoma; HEIGHT: auto; TEXT-ALIGN: justify; TEXT-DECORATION: none
            }
            .menu-abajo {
            BACKGROUND-IMAGE: url('http://nolose.webcindario.com/menu-abajo.gif'); WIDTH: 154px; HEIGHT: 28px
            }
            .menu-letra-blanca {
            FONT-WEIGHT: bold; FONT-SIZE: 9px; TEXT-TRANSFORM: uppercase; COLOR: #ffffff; PADDING-TOP: 9px; FONT-FAMILY: Verdana; TEXT-ALIGN: center
            }
            .menu-fondo A:link {
            PADDING-LEFT: 24px; FONT-SIZE: 12px; BACKGROUND: url('http://nolose.webcindario.com/bolita-normal.gif') no-repeat 0px 50%; COLOR: #a5a5a5; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
            }
            .menu-fondo A:visited {
            PADDING-LEFT: 24px; BACKGROUND: url('http://nolose.webcindario.com/bolita-normal.gif') no-repeat 0px 50%; COLOR: #a5a5a5; TEXT-DECORATION: none
            }
            .menu-fondo A:hover {
            PADDING-LEFT: 24px; BACKGROUND: url('http://nolose.webcindario.com/bolita-hover.gif') no-repeat 0px 50%; COLOR: #ededed; TEXT-DECORATION: none
            }
            .menu-fondo A:active {
            BACKGROUND: url('http://nolose.webcindario.com/bolita-hover.gif') no-repeat 0px 50%; COLOR: #ededed; TEXT-DECORATION: none
            }
            .menu-arriba-grande {
            BACKGROUND-IMAGE: url('http://nolose.webcindario.com/menu-arriba-grande.gif'); WIDTH: 440px; HEIGHT: 35px
            }
            .menu-fondo-grande {
            FONT-SIZE: 12px; BACKGROUND: url('http://nolose.webcindario.com/menu-fondo-grande.gif') repeat-y; WIDTH: 440px; FONT-FAMILY: Tahoma; HEIGHT: auto; TEXT-ALIGN: center; TEXT-DECORATION: none
            }
            .menu-abajo-grande {
            BACKGROUND-IMAGE: url('http://nolose.webcindario.com/menu-abajo-grande.gif'); WIDTH: 440px; HEIGHT: 22px
            }
            .div-buscar {
            WIDTH: 210px; HEIGHT: 25px
            }
            .publicidad {
            MARGIN-TOP: 5px; BACKGROUND: #000000 url('http://nolose.webcindario.com/publicidad.gif') no-repeat; MARGIN-LEFT: 8px; WIDTH: 754px; HEIGHT: 100px
            }
            .cpx-publicidad {
            MARGIN-TOP: 5px; MARGIN-LEFT: 21px; WIDTH: 728px; HEIGHT: 90px
            }
            .texto-A {
            FONT-SIZE: 14px; COLOR: #cccccc; FONT-FAMILY: Arial
            }

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</div>
            </div>
            
            <div id="sidebar">
            <ul>
            <li>
            <h2>Aliquam tempus</h2>
            <p>Mauris vitae nisl nec metus placerat perdiet est. Phasellus dapibus semper consectetuer hendrerit.</p>
            </li>
            <li>
            <h2>Categories</h2>
            <ul>
            <li><a href="#">Aliquam libero</a></li>
            <li><a href="#">Consectetuer adipiscing elit</a></li>
            <li><a href="#">Metus aliquam pellentesque</a></li>
            <li><a href="#">Suspendisse iaculis mauris</a></li>
            <li><a href="#">Urnanet non molestie semper</a></li>
            <li><a href="#">Proin gravida orci porttitor</a></li>
            </ul>
            </li>
            <li>
            <h2>Blogroll</h2>
            <ul>
            <li><a href="#">Aliquam libero</a></li>
            <li><a href="#">Consectetuer adipiscing elit</a></li>
            <li><a href="#">Metus aliquam pellentesque</a></li>
            <li><a href="#">Suspendisse iaculis mauris</a></li>
            <li><a href="#">Urnanet non molestie semper</a></li>
            <li><a href="#">Proin gravida orci porttitor</a></li>
            </ul>
            </li>
            <li>
            <h2>Archives</h2>
            <ul>
            <li><a href="#">Aliquam libero</a></li>
            <li><a href="#">Consectetuer adipiscing elit</a></li>
            <li><a href="http://www.royalcast.tr.gg/">Royalcast</a></li>
            <li><a href="#">Suspendisse iaculis mauris</a></li>
            <li><a href="#">Urnanet non molestie semper</a></li>
            <li><a href="#">Proin gravida orci porttitor</a></li>
            </ul>
            </li>
            </ul>
            </div>
            
            <div style="clear: both;"> </div>
            </div>
            </div>
            </div>
            
            </div>
            <div id="footer-wrapper">
            <div id="footer">
            <p>Copyright (c) 2009 nombre de tu web. All rights reserved. Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates </a> Adaptado por: Mz <a href="http://www.musica-zone.es.tl">Musica-Zone</p>
            </div>
            
            </div>
            </body>
            </html>

CSS KODU

lli.nav_element{display: none;}
            li.nav_element a{display: none;}
            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 {
            margin: 0;
            padding: 0;
            background: #1B120B;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #787878;
            }
            h1, h2, h3 {
            margin: 0;
            padding: 0;
            font-family: Georgia, "Times New Roman", Times, serif;
            font-weight: normal;
            color: #181818;
            }
            h1 {
            font-size: 2em;
            }
            h2 {
            font-size: 1.8em;
            }
            h3 {
            font-size: 1.6em;
            }
            p, ul, ol {
            margin-top: 0;
            line-height: 180%;
            }
            ul, ol {
            }
            a {
            text-decoration: none;
            color: #B94E0E;
            }
            a:hover {
            }
            #wrapper {
            margin: 0 auto;
            padding: 0;
            background: url(http://img41.xooimage.com/files/1/a/8/img05-123c275.jpg) repeat-x left top;
            }
            /* Header */
            #header-wrapper {
            }
            #header {
            width: 960px;
            height: 240px;
            margin: 0 auto;
            background: url(http://img29.xooimage.com/files/4/6/5/img02-123c282.jpg) no-repeat left top;
            }
            /* Logo */
            #logo {
            float: left;
            height: 240px;
            margin: 0;
            padding: 0px;
            color: #FFFFFF;
            }
            #logo h1, #logo p {
            margin: 0;
            padding: 0;
            }
            #logo h1 {
            float: left;
            padding-left: 25px;
            letter-spacing: -1px;
            text-transform: lowercase;
            font-size: 2.6em;
            }
            #logo p {
            float: left;
            margin: 0;
            padding: 12px 0 0 10px;
            font: normal 14px Georgia, "Times New Roman", Times, serif;
            font-style: italic;
            }
            #logo a {
            border: none;
            background: none;
            text-decoration: none;
            color: #FFFFFF;
            }
            /* Search */
            #search {
            float: right;
            width: 279px;
            height: 110px;
            padding: 0;
            }
            #search form {
            height: 41px;
            margin: 0;
            padding: 10px 0 0 30px;
            }
            #search fieldset {
            margin: 0;
            padding: 0;
            border: none;
            }
            #search-text {
            width: 195px;
            padding: 6px 10px;
            border: 1px #4C4842 solid;
            background: none;
            text-transform: lowercase;
            font: normal 11px Arial, Helvetica, sans-serif;
            color: #808080;
            }
            #search-submit {
            display: none;
            }
            /* Menu */
            #menu {
            width: 960px;
            height: 40px;
            margin: 0 auto;
            padding: 0;
            background: url(http://img47.xooimage.com/files/4/1/c/img03-123c28e.jpg) repeat-x left top;
            }
            #menu ul {
            margin: 0;
            padding: 0px 0px 0px 25px;
            list-style: none;
            line-height: normal;
            }
            #menu li {
            float: left;
            }
            #menu a {
            display: block;
            height: 18px;
            margin-right: 3px;
            padding: 12px 40px 0px 40px;
            background: url(http://img27.xooimage.com/files/e/4/2/img06-123c29e.jpg) no-repeat right 10px;
            text-decoration: none;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-weight: normal;
            color: #FFFFFF;
            border: none;
            }
            #menu a:hover, #menu .current_page_item a {
            }
            #menu .current_page_item a {
            padding-left: 0;
            }
            #menu a:hover {
            text-decoration: underline;
            }
            /* Page */
            #page {
            width: 960px;
            margin: 0 auto;
            padding: 0;
            background: url(http://img29.xooimage.com/files/c/b/2/img04-123c2a6.jpg) repeat-y left top;
            }
            #page-bgtop {
            }
            #page-bgbtm {
            padding: 30px 20px 0px 20px;
            }
            /* Content */
            #content {
            float: left;
            width: 640px;
            padding: 0;
            }
            .post {
            }
            .post .title {
            height: 38px;
            padding: 12px 0 0 20px;
            letter-spacing: -.5px;
            color: #181818;
            }
            .post .title a {
            color: #181818;
            border: none;
            }
            .post .meta {
            margin-top: -10px;
            padding-bottom: 5px;
            padding-left: 20px;
            text-align: left;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
            font-style: italic;
            }
            .post .meta a {
            }
            .post .entry {
            text-align: justify;
            margin-bottom: 25px;
            padding: 30px 20px 10px 20px;
            }
            .links {
            display: block;
            width: 130px;
            margin: 20px 0px;
            padding: 5px;
            background: #A03128;
            border-left: 20px solid #1B120B;
            text-align: center;
            text-transform: uppercase;
            font-size: 10px;
            color: #FFFFFF;
            }
            /* Sidebar */
            #sidebar {
            float: right;
            width: 250px;
            padding: 10px 0px 0px 0px;
            color: #787878;
            }
            #sidebar ul {
            margin: 0;
            padding: 0;
            list-style: none;
            }
            #sidebar li {
            margin: 0;
            padding: 0;
            }
            #sidebar li ul {
            margin: 0px 15px;
            padding-bottom: 30px;
            }
            #sidebar li li {
            line-height: 35px;
            border-bottom: 1px dashed #D1D1D1;
            padding-left: 15px;
            }
            #sidebar li li span {
            display: block;
            margin-top: -20px;
            padding: 0;
            font-size: 11px;
            font-style: italic;
            }
            #sidebar h2 {
            height: 38px;
            padding: 12px 0 0 15px;
            letter-spacing: -.5px;
            color: #181818;
            }
            #sidebar p {
            margin: 0 0px;
            padding: 0px 20px 20px 20px;
            text-align: justify;
            }
            #sidebar a {
            border: none;
            color: #B94E0E;
            }
            #sidebar a:hover {
            text-decoration: underline;
            }
            /* Calendar */
            #calendar {
            }
            #calendar_wrap {
            padding: 20px;
            }
            #calendar table {
            width: 100%;
            }
            #calendar tbody td {
            text-align: center;
            }
            #calendar #next {
            text-align: right;
            }
            /* Footer */
            #footer-wrapper {
            width: 100%;
            background: #231202;
            }
            #footer {
            width: 960px;
            height: 100px;
            margin: 0 auto;
            padding: 0px 0 15px 0;
            background: url(http://img27.xooimage.com/files/c/8/b/img01-123c2b5.jpg) repeat-x left top;
            font-family: Arial, Helvetica, sans-serif;
            }
            #footer p {
            margin: 0;
            padding-top: 40px;
            line-height: normal;
            font-size: 9px;
            text-transform: uppercase;
            text-align: center;
            color: #D78983;
            }
            #footer a {
            color: #FFDBD9;
            }

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA CSS KODU

lli.nav_element{display: none;}
            li.nav_element a{display: none;}
            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 {
            margin: 0;
            padding:0;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
            line-height: 1.5em;
            background: #989898;
            }
            a:link, a:visited { color: #9e0052; text-decoration: none; }
            a:active, a:hover { color: #9e0052; text-decoration: none }
            h1 {
            font-size: 18px;
            font-weight: bold;
            color: #c301c5;
            line-height: 1.6em;
            }
            h2 {
            font-size: 14px;
            font-weight: bold;
            color: #e105e4;
            }
            #templatemo_container {
            width: 902px;
            margin: auto;
            background: #FFFFFF;
            }
            #templatemo_topsection {
            float: left;
            width: 902px;
            height: 266px;
            background: url(http://img47.xooimage.com/files/a/4/8/templatemo_header-123fb12.jpg) no-repeat;
            }
            .templatemo_topmenu{
            float: right;
            height: 59px;
            width: 300px;
            text-align: right;
            }
            .templatemo_topmenu ul {
            list-style: none;
            padding: 0px;
            margin: 0px;
            }
            .templatemo_topmenu li{
            display: inline;
            }
            .templatemo_topmenu li a {
            float: left;
            font-size: 12px;
            font-weight: bold;
            text-decoration: none;
            color: #fff;
            width: 80px;
            height: 30px;
            margin-left: 14px;
            padding-top: 20px;
            text-align: center;
            }
            #templatemo_title {
            float: left;
            width: 752px;
            height: 50px;
            margin-top: 30px;
            font-weight: bold;
            font-size: 30px;
            color: #FFFFFF;
            line-height: 1.6em;
            text-align: right;
            padding-right: 150px;
            }
            #templatemo_slogan {
            float: left;
            width: 752px;
            text-align: right;
            padding-right: 150px;
            color: #FFFFFF;
            font-weight: bold;
            }
            #templatemo_top_search {
            float: left;
            width: 852px;
            padding-top: 40px;
            height: 30px;
            color: #fff;
            font-weight: bold;
            text-align: right;
            padding-right: 50px;
            }
            #search {
            font-size: 12px;
            }
            #ok {
            background: #B425A9;
            border: solid 1px #FFFFFF;
            font-size: 12px;
            width: 40px;
            font-weight: bold;
            color: #fff;
            }
            .templatemo_midmenu{
            float: left;
            height: 71px;
            width: 902px;
            background: url(http://img25.xooimage.com/files/f/d/3/templatemo_menu_bg-123fb15.jpg);
            }
            .templatemo_midmenu ul {
            list-style: none;
            padding: 0px;
            margin: 0px;
            margin-left: 80px;
            }
            .templatemo_midmenu li{
            display: inline;
            }
            .templatemo_midmenu li a{
            float: left;
            font-size: 11px;
            font-weight: bold;
            text-decoration: none;
            color: #fff;
            width: 95px;
            height: 30px;
            margin-left: 10px;
            padding-top: 20px;
            text-align: center;
            }
            .templatemo_midmenu li a:hover, .templatemo_midmenu li .current{
            color: #FF0;
            }
            #templatemo_left_column {
            float: left;
            width: 273px;
            }
            #templatemo_left_top {
            float: left;
            width: 205px;
            height: 40px;
            margin-left: 40px;
            color: #FFFFFF;
            font-weight: bold;
            font-size: 13px;
            text-align: center;
            padding-top: 25px;
            background: url(http://img47.xooimage.com/files/1/8/d/templatemo_left_top-123fb18.jpg) no-repeat;
            }
            .templatemo_leftmenu {
            float: left;
            width: 205px;
            margin-left: 40px;
            }
            .templatemo_leftmenu ul {
            list-style-type: none;
            padding: 0;
            margin: 0px;
            width: 205px;
            }
            .templatemo_leftmenu li a {
            display: block;
            height: 22px;
            padding-top: 7px;
            color: #775977;
            padding-left: 50px;
            font-weight: bold;
            background: url(http://img47.xooimage.com/files/9/0/b/templatemo_menu_button-123fb1b.jpg);
            }
            .templatemo_leftmenu li a:hover, .templatemo_leftmenu li .current {
            color: #c00;
            }
            #templatemo_left_bot {
            float: left;
            margin-left: 40px;
            width: 205px;
            height: 32px;
            background: url(http://img45.xooimage.com/files/a/5/8/templatemo_left_bot-123fb1c.jpg) no-repeat;
            }
            #templatemo_contact {
            float: left;
            width: 177px;
            height: 94px;
            margin: 20px 0px 0px 40px;
            padding: 25px 0px 0px 30px;
            background: url(http://img29.xooimage.com/files/3/8/1/templatemo_contact-123fb1e.jpg) no-repeat;
            }
            #templatemo_right_column {
            float: left;
            width: 560px;
            margin-left: 20px;
            text-align: justify;
            padding-top: 20px;
            }
            #templatemo_product_column {
            float: left;
            width: 560px;
            margin: 0px;
            padding-top: 10px;
            }
            .templatemo_product_left {
            float: left;
            width: 185px;
            height: 81px;
            }
            .templatemo_product_mid {
            float: left;
            width: 88px;
            height: 51px;
            font-size: 14px;
            font-weight: bold;
            color: #970399;
            text-align: center;
            padding-top: 30px;
            }
            .templatemo_product_right {
            float: left;
            width: 247px;
            padding-top: 10px;
            padding-left: 20px;
            padding-right: 20px;
            text-align: justify;
            height: 71px;
            background: url(http://img23.xooimage.com/files/9/3/d/templatemo_product-123fb21.jpg) no-repeat;
            }
            .spacing {
            float: left;
            width: 902px;
            height: 20px;
            }
            #templatemo_footer {
            clear: both;
            width: 902px;
            height: 34px;
            padding-top: 15px;
            margin-bottom: 20px;
            font-weight: bold;
            color: #fff;
            text-align: center;
            background: url(http://img21.xooimage.com/files/e/1/6/templatemo_footer-123fb23.jpg) no-repeat;
            }
            #templatemo_footer a{
            color: #FFF;
            }

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</div>
            <div id="templatemo_right_column">
            <div class="templatemo_section">
            <form method="get" action="#">
            <input name="search" type="text" value="Search Anything"  id="keyword" /> <input type="submit" value="Go" class="button" />
            </form>
            </div>
            <div class="templatemo_section">
            <div class="section1_top"></div>
            <div class="section1_middle">
            <h2>Categories</h2>
            <ul>
            <li><a href="#">» Vestibulum dapibus tortor</a></li>
            <li><a href="#">» Cum sociis natoque penatibus</a></li>
            <li><a href="#">» Lorem ipsum dolor sit amet</a></li>
            <li><a href="#">» Cras urna metus, feugiat non</a></li>
            <li><a href="http://www.templatemo.com" target="_parent">» Free CSS Layouts</a></li>
            </ul>
            </div>
            <div class="section1_bottom"></div>
            </div>
            <div class="templatemo_section">
            <div class="section2_top"></div>
            <div class="section2_middle">
            <h2>Archives</h2>
            <ul>
            <li><a href="#">» Suspendisse potenti</a></li>
            <li><a href="#">» Aliquam tristique lacus</a></li>
            <li><a href="#">» Duis pulvinar scelerisque ante</a></li>
            <li><a href="#">» Maecenas aliquam</a></li>
            <li><a href="#">» Vestibulum quis pede</a></li>
            </ul>
            </div>
            <div class="section2_bottom"></div>
            </div>
            <div class="templatemo_section">
            <div class="section3_top"></div>
            <div class="section3_middle">
            <h2>Quick Links</h2>
            <ul>
            <li><a href="#">» External Web Link One</a></li>
            <li><a href="#">» Website Link Two</a></li>
            <li><a href="#">» Friend Website Link</a></li>
            <li><a href="http://www.flashmo.com" target="_parent">» Flash Templates</a></li>
            <li><a href="http://www.templatemo.com" target="_parent">» Free CSS Templates</a></li>
            </ul>
            </div>
            <div class="section3_bottom"></div>
            </div>
            </div>
            </div>
            <div id="templatemo_bottom"></div>
            <div id="templatemo_footer">
            <a href="#">Home</a> |
            <a href="#">FAQs</a> | <a href="#">Terms of Use</a> |
            <a href="#">Privacy Policy</a> | <a href="#">Contact Us</a>
            <br />
            Copyright © 2008 <a href="#">Your Company Name</a> | Designed by <a href="http://www.templatemo.com" target="_blank">templatemo.com</a> Adaptado por <a href="http://www.musica-zone.es.tl" target="_blank">Musica-Zone</a>
            </div>
            </div>
            </div>
            </div>
            </body>
            </html>

CSS KODU

lli.nav_element{display: none;}
            li.nav_element a{display: none;}
            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 {
            margin:0;
            padding:0;
            line-height: 1.5em;
            font-family:  Helvetica, Arial, sans-serif;
            font-size: 12px;
            color: #000000;
            background: #604a40;
            }
            a:link, a:visited { color: #3e3939; text-decoration: none; }
            a:active, a:hover { color: #cc0000;}
            h1 {
            margin: 0px;
            padding: 20px 0px 0px 0px;
            font-size: 20px;
            font-weight: bold;
            color:#990000;
            height: 20px;
            background: url(http://img40.xooimage.com/files/7/a/f/templatemo_h1_background-fdbe5b.png) left center no-repeat;
            }
            h2 {
            margin: 0px 0px 8px 0px;
            padding: 10px 0px 0px 15px;
            font-size: 14px;
            color: #000000;
            }
            p {
            margin: 10px 0px;
            color: #5b5847;
            text-align: justify;
            }
            img {
            margin: 2px 20px 2px 0px;
            float:left;
            border: 1px solid #333333;
            }
            #templatemo_container_wrapper1 {
            background: url(http://img24.xooimage.com/files/f/a/7/background-fdbe88.gif) top center repeat-x;
            }
            #templatemo_container_wrapper2 {
            background: url(http://img46.xooimage.com/files/e/9/9/templatemo_mainbackground-fdbeb6.jpg) top center no-repeat;
            }
            #templatemo_container {
            margin: 0px auto;
            width: 900px;
            }
            /* ----- Header ----- */
            #templatemo_header {
            clear: both;
            padding: 30px 0px 0px 30px;
            width: 870px;
            height: 140px;
            }
            #templatemo_logo {
            height: 134px;
            background: url(http://img21.xooimage.com/files/f/a/0/templatemo_logo-123fb96.gif) no-repeat;
            }
            #templatemo_site_title {
            padding: 60px 0px 10px 30px;
            font-size: 40px;
            font-weight:bold;
            color: #ff0000;
            }
            #templatemo_site_slogan {
            padding: 90px 0px 10px 160px;
            font-size: 12px;
            color: #999999;
            }
            /* ----- End of Header ----- */
            /* ------------- Menu ------------------ */
            #templatemo_menu {
            clear: both;
            margin: 0px;
            padding: 0px;
            width: 900px;
            height: 42px;
            text-align: right;
            background: url(http://img48.xooimage.com/files/b/1/2/templatemo_menu_bg-fdbeef.png) no-repeat;
            }
            #templatemo_menu ul {
            margin: 0px;
            padding: 18px 20px 0px 0px;
            list-style: none;
            }
            #templatemo_menu ul li {
            margin: 0px;
            display: inline;
            }
            #templatemo_menu ul li a {
            margin: 0px;
            padding: 0px 20px 0px 0px;
            font: 14px arial;
            font-weight: bold;
            color:#999999;
            text-decoration: none;
            }
            #templatemo_menu ul li a:hover, #templatemo_menu ul li .current {
            color: #cccccc;
            }
            /* ---------- End of Menu ------------- */
            /* ----------------- Content ----------------------- */
            #templatemo_content {
            float: left;
            margin: 0px;
            width: 900px;
            background: #c3b595 url(http://img20.xooimage.com/files/e/b/f/templatemo_content_bg-fdbf07.png) no-repeat;
            }
            #templatemo_left_column {
            float: left;
            margin: 40px 0px 0px 40px;
            padding: 0px;
            width: 570px;
            }
            /* IE6 Only */
            * html #templatemo_left_column {
            float: left;
            margin: 40px 20px 0px 20px;
            padding: 0px;
            width: 570px;
            }
            #templatemo_right_column {
            float: right;
            margin: 40px 40px 0px 0px;
            padding: 0px;
            width: 200px;
            }
            * html #templatemo_right_column {
            float: right;
            margin: 40px 20px 0px 20px;
            padding: 0px;
            width: 200px;
            }
            /* IE6 Only */
            #templatemo_bottom {
            clear: both;
            margin: 0px;
            padding: 0px;
            width: 900px;
            height: 90px;
            background: url(http://img42.xooimage.com/files/d/9/7/templatemo_content_bg_bottom-fdbf1c.png) no-repeat;
            }
            /* ----------------- End of Content ------------------- */
            /* ------------- Section ------------------ */
            .templatemo_section {
            margin: 0px 0px 15px 0px;
            padding: 0px;
            color: #3e3939;
            }
            .templatemo_section .section1_top {
            height: 40px;
            background: url(http://img48.xooimage.com/files/2/7/4/templatemo_section1_top-fdbf3c.png) no-repeat;
            }
            .templatemo_section .section1_middle {
            background: url(http://img44.xooimage.com/files/d/8/e/templatemo_section1_middle-fdbf4e.png) repeat-y;
            }
            .templatemo_section .section1_bottom {
            height: 37px;
            background:url(http://img24.xooimage.com/files/8/7/e/templatemo_section1_bottom-fdbf5a.png) no-repeat;
            }
            .templatemo_section .section2_top {
            height: 40px;
            background: url(http://img24.xooimage.com/files/2/1/8/templatemo_section2_top-fdbf73.png) no-repeat;
            }
            .templatemo_section .section2_middle {
            background: url(http://img46.xooimage.com/files/5/b/1/templatemo_section2_middle-fdbf80.png) repeat-y;
            }
            .templatemo_section .section2_bottom {
            height: 37px;
            background: url(http://img46.xooimage.com/files/9/a/b/templatemo_section2_bottom-fdbf90.png) no-repeat;
            }
            .templatemo_section .section3_top {
            height: 40px;
            background: url(http://img48.xooimage.com/files/2/7/4/templatemo_section1_top-fdbf3c.png) no-repeat;
            }
            .templatemo_section .section3_middle {
            background: url(http://img44.xooimage.com/files/6/0/9/templatemo_section3_middle-fdbfc0.png) repeat-y;
            }
            .templatemo_section .section3_bottom {
            height: 37px;
            background: url(http://img42.xooimage.com/files/1/b/c/templatemo_section3_bottom-fdbfce.png) no-repeat;
            }
            .templatemo_section ul {
            margin: 0px 0px 0px 15px;
            padding: 0px;
            list-style: none;
            }
            .templatemo_section ul li {
            display: block;
            }
            .templatemo_section ul li a {
            padding: 0px;
            margin: 0px;
            color: #3e3939;
            text-decoration: none;
            }
            .templatemo_section ul li a:hover {
            color: #990000;
            }
            /* ---------- End of Section ------------ */
            /* ----- Post ------ */
            .templatemo_postbody {
            padding: 0px;
            margin-bottom: 40px;
            border-bottom: 1px dotted #333333;
            }
            .publish_info {
            clear: both;
            margin: 0px;
            padding: 0px;
            color:#3e3939;
            }
            .comment {
            clear: both;
            margin: 10px 0px 0px 0px;
            width: 570px;
            text-align: right;
            padding: 0px;
            }
            .comment a {
            padding: 5px 0px 5px 0px;
            font-size: 11px;
            font-weight: bold;
            background: url(images/templatemo_comment_icon.gif) left center no-repeat;
            }
            /* ----- End of Post ------ */
            /* ----- Form ----- */
            form {
            width: 190px;
            margin: 0px;
            padding: 13px 0px 0px 10px;
            height: 50px;
            background: url(http://img47.xooimage.com/files/9/7/a/templatemo_search_box-123fc66.gif) no-repeat;
            }
            input {
            width: 130px;
            background: none;
            color: #CCCCCC;
            border: none;
            }
            .button {
            margin: 2px 0px 0px 8px;
            height: 32px;
            width: 40px;
            color: #000000;
            font-size: 15px;
            font-weight: bold;
            border: none;
            background: #990000;
            }
            /* ----- End of Form ----- */
            /* ----- Footer ----- */
            #templatemo_footer {
            clear: both;
            padding: 10px 0px 0px 15px;
            width: 870px;
            height: 60px;
            text-align: center;
            color: #999999;
            text-align: center;
            }
            #templatemo_footer a {
            color: #999999;
            }
            #templatemo_footer a:hover {
            color: #ffffff;
            }
            /* ----- End of Footer ----- */

TASARIMIN ÜSTÜNE

<div id="centered">
            <img src="http://www.fileden.com/files/2009/8/4/2532798/headerv132.png
            " alt="" />
            <div id="top">
            
            <div id="left">
            
            <ul id="mininav">
            <br>
            <li><a href="/Home.htm" class="active">
            <span class="home2">Home</span></a></li><li><a href="Url"><span class="home">Nombre</span></a></li>
            <li><a href="http://www.royalcast.tr.gg/"><span class="css-şablon">Nombre</span></a></li>
            <li><a href="Url"><span class="home">Nombre</span></a></li>
            </ul>
            
            <div id="news">
            <h2 id="latestnews">Box<br></h2>
            <a href="Url"><strong>Nombre</strong></a>   <span class="date">05/8/09</span><br />
            <p>Texto Texto.</p>
            <br />
            <a href="Url"><strong>Nombre</strong></a>   <span class="date">05/8/09</span><br />
            <p>Texto Texto.</p>
            <br />
            </div>
            </div>
            
            <div id="right">
            <div id="content" class="homepage">
            
            <div id="banner"><img src="http://www.fileden.com/files/2009/8/4/2532798/bannerav1.0.png
            " alt="" /></div>
            
            <p class="intro">

TASARIMIN ALTINA CSS KODU

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</div>
            </div>
            
            <div id="sidebar">
            <ul>
            <li>
            <h2>Aliquam tempus</h2>
            <p>Mauris vitae nisl nec metus placerat perdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in consectetuer hendrerit, volutpat.</p>
            </li>
            <li>
            <h2>Pellenteque ornare </h2>
            <ul>
            <li><a href="#">Nec metus sed donec</a></li>
            <li><a href="#">Magna lacus bibendum mauris</a></li>
            <li><a href="#">Velit semper nisi molestie</a></li>
            <li><a href="#">Eget tempor eget nonummy</a></li>
            <li><a href="#">Nec metus sed donec</a></li>
            <li><a href="#">Velit semper nisi molestie</a></li>
            <li><a href="#">Eget tempor eget nonummy</a></li>
            <li><a href="#">Nec metus sed donec</a></li>
            </ul>
            </li>
            <li>
            <h2>Turpis nulla</h2>
            <ul>
            <li><a href="http://www.royalcast.tr.gg/">royalcast</a></li>
            <li><a href="http://www.royalcast.tr.gg/">css tasarım</a></li>
            <li><a href="#">Velit semper nisi molestie</a></li>
            <li><a href="#">Eget tempor eget nonummy</a></li>
            <li><a href="#">Nec metus sed donec</a></li>
            <li><a href="#">Nec metus sed donec</a></li>
            <li><a href="#">Magna lacus bibendum mauris</a></li>
            <li><a href="#">Velit semper nisi molestie</a></li>
            <li><a href="#">Eget tempor eget nonummy</a></li>
            <li><a href="#">Nec metus sed donec</a></li>
            </ul>
            </li>
            </ul>
            </div>
            
            <div style="clear: both;"> </div>
            </div>
            
            <div id="footer-bgcontent">
            <div id="footer">
            <p>Copyright (c) 2008 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>  Adaptado por <a href="http://www.Musica-Zone.es.tl/">Musica-Zone</p>
            </div>
            </div>
            
            </div>
            </body>
            </html>

CSS KODU

lli.nav_element{display: none;}
            li.nav_element a{display: none;}
            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 {
            margin-top: 50px;
            padding: 0;
            background: #161616 url(http://img45.xooimage.com/files/d/7/d/img01-123c652.jpg) repeat-x left top;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #8A8A8A;
            }
            h1, h2, h3 {
            margin: 0;
            text-transform: uppercase;
            font-weight: normal;
            color: #549900;
            }
            h1 { font-size: 44px; }
            h2 { font-size: 18px; }
            h3 { }
            p, ul, ol {
            margin-top: 0;
            line-height: 240%;
            text-align: justify;
            }
            ul, ol { }
            blockquote { }
            a { color: #F71476; }
            a:hover { text-decoration: none; }
            a img {
            border: none;
            }
            img.left {
            float: left;
            margin: 7px 30px 0 0;
            }
            img.right {
            float: right;
            margin: 7px 0 0 30px;
            }
            hr { display: none; }
            .list1 {
            }
            .list1 li {
            float: left;
            line-height: normal;
            }
            .list1 li img {
            margin: 0 30px 30px 0;
            }
            .list1 li.alt img {
            margin-right: 0;
            }
            #wrapper {
            }
            /* Header */
            #header-wrapper {
            }
            #header {
            width: 960px;
            height: 45px;
            margin: 0 auto;
            background: url(http://img41.xooimage.com/files/d/5/1/img03-123c65f.jpg) no-repeat left top;
            }
            /* Menu */
            #menu {
            float: left;
            width: 650px;
            height: 50px;
            background: url(http://img29.xooimage.com/files/c/7/a/img02-123c66f.jpg) no-repeat left top;
            }
            #menu ul {
            margin: 0;
            padding: 0px 0px 0px 5px;
            list-style: none;
            line-height: normal;
            }
            #menu li {
            display: block;
            float: left;
            }
            #menu a {
            display: block;
            float: left;
            height: 32px;
            margin-right: 3px;
            padding: 18px 30px 0px 30px;
            background: url(http://img41.xooimage.com/files/c/6/0/img07-123c67c.gif) no-repeat left top;
            text-decoration: none;
            text-transform: capitalize;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            color: #000000;
            }
            #menu a:hover { text-decoration: underline; }
            #menu .current_page_item a {
            height: 50px;
            color: #000000;
            }
            #menu .first {
            background: none;
            }
            /* Search */
            #search {
            float: right;
            width: 310px;
            height: 50px;
            background: url(http://img41.xooimage.com/files/d/5/1/img03-123c65f.jpg) no-repeat left top;
            }
            #search form {
            float: right;
            margin: 0;
            padding: 14px 30px 0 0;
            }
            #search fieldset {
            margin: 0;
            padding: 0;
            border: none;
            }
            #search input {
            float: left;
            font: 12px Georgia, "Times New Roman", Times, serif;
            border: none;
            }
            #search-text {
            width: 200px;
            height: 18px;
            padding: 3px 0 0 5px;
            border: 1px solid #333333;
            background: #ECF9E4;
            color: #000000;
            }
            #search-submit {
            height: 21px;
            margin-left: 10px;
            padding: 0px 5px;
            background: #000000;
            color: #FFFFFF;
            }
            /* Page */
            #page {
            width: 920px;
            margin: 0 auto;
            padding: 40px 20px 0px 20px;
            background: #000000;
            }
            /** LOGO */
            #logo {
            width: 960px;
            height: 120px;
            margin: 0 auto;
            }
            #logo h1, #logo p {
            margin: 0px;
            line-height: normal;
            text-align: center;
            text-transform: lowercase;
            font-weight: normal;
            color: #FFFFFF;
            }
            #logo p {
            text-transform: lowercase;
            font-size: 13px;
            color: #757575;
            }
            #logo h1 {
            padding-top: 10px;
            font-size: 48px;
            }
            #logo a {
            text-decoration: none;
            color: #757575;
            }
            #logo h1 a {
            text-decoration: none;
            color: #FFFFFF;
            }
            #banner {
            padding-bottom: 20px;
            }
            /* Content */
            #content {
            float: left;
            width: 580px;
            }
            /* Post */
            .post {
            background: url(http://img23.xooimage.com/files/9/5/a/img08-123c895.gif) repeat-x left bottom;
            margin-bottom: 45px;
            }
            .post .title {
            height: 30px;
            color: #FFFFFF;
            }
            .post .title a {
            text-decoration: none;
            text-transform: capitalize;
            font-size: 30px;
            color: #FFFFFF;
            }
            .post .date {
            }
            .post .meta {
            margin-left: 2px;
            padding: 2px 30px 2px 16px;
            background: url(http://img23.xooimage.com/files/2/2/5/img10-123c8a4.gif) no-repeat left 7px;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: normal;
            font-size: 10px;
            color: #66665E;
            }
            .post .meta span {
            display: block;
            margin-top: -10px;
            }
            .post .meta a { }
            .post .entry {
            padding: 10px 0;
            }
            .post .links {
            margin: 0 250px 0 0;
            padding: 0 0 0 0px;
            }
            .post .links .comments {
            }
            .post .links .permalink {
            padding-left: 17px;
            }
            /* Sidebar */
            #sidebar {
            float: right;
            width: 300px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            }
            #sidebar ul {
            margin: 0;
            padding: 0;
            list-style: none;
            line-height: normal;
            }
            #sidebar li {
            margin-bottom: 30px;
            padding: 0 0 10px 0px;
            }
            #sidebar li ul {
            margin: 0px 14px;
            }
            #sidebar li li {
            margin: 0;
            padding: 12px 0px;
            background: url(http://img45.xooimage.com/files/2/a/e/img05-123c8ac.gif) repeat-x left bottom;
            }
            #sidebar li li a {
            padding: 0px 0px 0px 20px;
            background: url(http://img23.xooimage.com/files/e/f/e/img06-123c8b1.gif) no-repeat left 2px;
            font-weight: normal;
            color: #B3B2B2;
            }
            #sidebar li li a:hover {
            color: #FFFFFF;
            }
            #sidebar p {
            margin: 0;
            padding: 0px 14px;
            }
            #sidebar h2 {
            height: 30px;
            margin: 0 0 10px 0px;
            padding: 6px 0 2px 14px;
            background: url(http://img43.xooimage.com/files/6/0/a/img04-123c8b7.jpg) no-repeat left top;
            text-transform: capitalize;
            font-size: 18px;
            font-weight: normal;
            color: #FFFFFF;
            }
            #sidebar p {
            line-height: 200%;
            }
            #sidebar a {
            text-align: left;
            text-decoration: none;
            font-weight: bold;
            }
            /* Calendar */
            #calendar {
            }
            #calendar caption {
            padding-bottom: 5px;
            font-weight: bold;
            }
            #calendar table {
            width: 100%;
            border-collapse: collapse;
            border-bottom: 1px solid #24130F;
            border-left: 1px solid #24130F;
            border-right: 1px solid #24130F;
            }
            #calendar thead th {
            padding: 5px 0;
            text-align: center;
            border-top: 1px solid #24130F;
            border-left: 1px solid #24130F;
            background: #24130F;
            }
            #calendar tbody td {
            padding: 5px 0;
            text-align: center;
            border-top: 1px solid #24130F;
            border-left: 1px solid #24130F;
            border-bottom: 1px solid #24130F;
            }
            #calendar tfoot td {
            padding: 5px;
            border-left: 1px solid #24130F;
            border-bottom: 1px solid #24130F;
            }
            #calendar tfoot #next {
            border-top: 1px solid #24130F;
            text-align: right;
            }
            #calendar tfoot #prev {
            border-top: 1px solid #24130F;
            }
            #calendar .pad {
            border-bottom: 1px solid #24130F;
            }
            #calendar #today {
            background: #24130F;
            }
            /* Footer */
            #footer {
            width: 920px;
            height: 49px;
            margin: 0 auto;
            padding-top: 50px;
            }
            #footer-bgcontent {
            margin: 0px;
            padding: 0px;
            height: 99px;
            }
            #footer p {
            margin: 0;
            text-align: center;
            line-height: normal;
            text-transform: uppercase;
            font-size: 10px;
            color: #FFFFFF;
            }
            #footer a {
            color: #E5FFC4;
            }

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</div>
            
            
            <div id="sidebar2" class="sidebar">
            <ul>
            <li>
            <form id="searchform" method="get" action="#">
            <div>
            <h2>Site Search</h2>
            <input type="text" name="s" id="s" size="15" value="" />
            </div>
            </form>
            </li>
            <li>
            <h2>Tags</h2>
            <p class="tag"><a href="#">dolor</a> <a href="#">ipsum</a> <a href="#">lorem</a> <a href="#">sit amet</a> <a href="#">dolor</a> <a href="#">ipsum</a> <a href="#">lorem</a> <a href="#">sit amet</a></p></li>
            <li>
            <h2>Calendar</h2>
            <div id="calendar_wrap">
            <table summary="Calendar">
            <caption>
            October 2009
            </caption>
            <thead>
            <tr>
            <th abbr="Monday" scope="col" title="Monday">M</th>
            <th abbr="Tuesday" scope="col" title="Tuesday">T</th>
            <th abbr="Wednesday" scope="col" title="Wednesday">W</th>
            <th abbr="Thursday" scope="col" title="Thursday">T</th>
            <th abbr="Friday" scope="col" title="Friday">F</th>
            <th abbr="Saturday" scope="col" title="Saturday">S</th>
            <th abbr="Sunday" scope="col" title="Sunday">S</th>
            </tr>
            </thead>
            <tfoot>
            <tr>
            <td abbr="September" colspan="3" id="prev"><a href="#" title="View posts for September 2009">« Sep</a></td>
            <td class="pad"> </td>
            <td colspan="3" id="next"> </td>
            </tr>
            </tfoot>
            <tbody>
            <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td id="today">4</td>
            <td>5</td>
            <td>6</td>
            <td>7</td>
            </tr>
            <tr>
            <td>8</td>
            <td>9</td>
            <td>10</td>
            <td>11</td>
            <td>12</td>
            <td>13</td>
            <td>14</td>
            </tr>
            <tr>
            <td>15</td>
            <td>16</td>
            <td>17</td>
            <td>18</td>
            <td>19</td>
            <td>20</td>
            <td>21</td>
            </tr>
            <tr>
            <td>22</td>
            <td>23</td>
            <td>24</td>
            <td>25</td>
            <td>26</td>
            <td>27</td>
            <td>28</td>
            </tr>
            <tr>
            <td>29</td>
            <td>30</td>
            <td>31</td>
            <td class="pad" colspan="4"> </td>
            </tr>
            </tbody>
            </table>
            </div>
            </li>
            <li>
            <h2>Categories</h2>
            <ul>
            <li><a href="#">Aliquam libero</a></li>
            <li><a href="#">Consectetuer adipiscing elit</a></li>
            <li><a href="#">Metus aliquam pellentesque</a></li>
            <li><a href="#">Suspendisse iaculis mauris</a></li>
            <li><a href="#">Urnanet non molestie semper</a></li>
            <li><a href="#">Proin gravida orci porttitor</a></li>
            <li><a href="#">Aliquam libero</a></li>
            <li><a href="#">Consectetuer adipiscing elit</a></li>
            <li><a href="#">Metus aliquam pellentesque</a></li>
            <li><a href="#">Urnanet non molestie semper</a></li>
            <li><a href="#">Proin gravida orci porttitor</a></li>
            <li><a href="#">Aliquam libero</a></li>
            <li><a href="#">Consectetuer adipiscing elit</a></li>
            <li><a href="#">Metus aliquam pellentesque</a></li>
            <li><a href="#">Suspendisse iaculis mauris</a></li>
            <li><a href="#">Urnanet non molestie semper</a></li>
            <li><a href="#">Proin gravida orci porttitor</a></li>
            <li><a href="#">Metus aliquam pellentesque</a></li>
            <li><a href="#">Suspendisse iaculis mauris</a></li>
            <li><a href="#">Urnanet non molestie semper</a></li>
            <li><a href="#">Proin gravida orci porttitor</a></li>
            <li><a href="http://www.royalcast.tr.gg/">css tasarım</a></li>
            </ul>
            </li>
            </ul>
            </div>
            
            <div style="clear: both;"> </div>
            </div>
            </div>
            </div>
            
            </div>
            <div id="footer">
            <p class="copyright">©  2009 All Rights Reserved  •  Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>  Adaptado Por <a href="http://www.musica-zone.es.tl/">Musica-Zone  <br /><a href="#">Privacy Policy</a> • <a href="#">Terms of Use</a></p>
            </div>
            </body>
            </html>

CSS KODU

lli.nav_element{display: none;}
            li.nav_element a{display: none;}
            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 {
            margin-top: 10px;
            padding: 0;
            background: #787878 url(http://img46.xooimage.com/files/5/8/c/img01-ccece2.jpg) repeat left top;
            text-align: justify;
            font-family: Georgia, "Times New Roman", Times, serif;
            font-size: 12px;
            color: #616161;
            }
            h1, h2, h3 {
            margin-top: 0;
            text-transform: uppercase;
            color: #528DC8;
            }
            h1 {
            font-size: 1.6em;
            font-weight: normal;
            }
            h2 {
            font-size: 1.6em;
            }
            h3 {
            font-size: 1em;
            }
            ul {
            }
            a {
            text-decoration: none;
            color: #528DC8;
            }
            a:hover {
            border-bottom: none;
            }
            a img {
            border: none;
            }
            img.left {
            float: left;
            margin: 0 20px 0 0;
            }
            img.right {
            float: right;
            margin: 0 0 0 20px;
            }
            #header {
            width: 960px;
            margin: 0 auto;
            height: 150px;
            }
            /* Header */
            #logo {
            width: 960px;
            height: 100px;
            margin: 0 auto;
            padding: 0;
            }
            #logo h1, #logo p {
            float: left;
            margin: 0;
            color: #528DC8;
            }
            #logo span {
            color: #000000;
            }
            #logo h1 {
            padding: 25px 0 0 0;
            letter-spacing: -1px;
            text-transform: lowercase;
            font-weight: normal;
            font-size: 3em;
            }
            #logo p {
            text-transform: uppercase;
            padding: 47px 0 0 3px;
            font-size: 10px;
            color: #110E0F;
            }
            #logo a {
            border: none;
            text-decoration: none;
            color: #528DC8;
            }
            /* Menu */
            #menu {
            width: 960px;
            margin: 0px auto;
            padding: 0px;
            height: 52px;
            background: url(http://img20.xooimage.com/files/f/6/3/img02-ccecf4.jpg) no-repeat left top;
            }
            #menu ul {
            margin: 0px;
            padding: 0px;
            list-style: none;
            }
            #menu li {
            display: inline;
            }
            #menu a {
            display: block;
            float: left;
            height: 33px;
            margin: 0px;
            padding: 19px 30px 0px 30px;
            text-decoration: none;
            text-transform: capitalize;
            background: url(http://img44.xooimage.com/files/f/a/3/img03-cced1a.jpg) no-repeat right 50%;
            font-family: Georgia, "Times New Roman", Times, serif;
            font-size: 12px;
            color: #FFFFFF;
            }
            #menu a:hover {
            color: #FFFFFF;
            }
            #menu .current_page_item a {
            color: #FFFFFF;
            }
            /* Wrapper */
            #wrapper {
            }
            /* Page */
            #page {
            width: 960px;
            margin: 0px auto;
            background: url(http://img26.xooimage.com/files/8/1/5/img05-cced39.jpg) repeat-y left top;
            }
            #page-bgtop {
            background: url(http://img46.xooimage.com/files/4/6/5/img04-cced2d.jpg) no-repeat left top;
            }
            #page-bgbtm {
            background: url(http://img40.xooimage.com/files/0/8/3/img06-cced51.jpg) no-repeat left bottom;
            }
            /* Latest Post */
            #latest-post {
            padding: 20px;
            border: 1px solid #E7E7E7;
            }
            /* Content */
            #content {
            float: left;
            width: 500px;
            margin: 0px;
            padding: 20px 0px 0px 0px;
            }
            .post {
            padding-bottom: 15px;
            line-height: 200%;
            }
            .post h1 {
            font-weight: normal;
            }
            .title {
            height: 50px;
            margin: 0px 10px;
            padding: 11px 0px 4px 10px;
            text-transform: capitalize;
            font-weight: normal;
            background: url(http://img24.xooimage.com/files/4/f/3/img12-cced64.jpg) no-repeat left top;
            }
            .title a {
            border-bottom: none;
            color: #528DC8;
            }
            .title a:hover {
            }
            .byline {
            margin: -10px 20px 20px 20px;
            }
            .tag {
            padding: 0 15px;
            }
            .entry {
            padding: 0 20px;
            }
            .links {
            padding: 4px 0px;
            text-align: right;
            font-weight: bold;
            }
            .links a {
            border: none;
            }
            .links a:hover {
            }
            /* Sidebars */
            #sidebar1 {
            float: left;
            padding-top: 20px;
            padding-left: 10px;
            }
            #sidebar2 {
            float: right;
            }
            #sidebar1 ul {
            padding-bottom: 20px;
            }
            #sidebar1 li {
            background: url(http://img42.xooimage.com/files/c/4/6/img11-cced84.jpg) no-repeat left bottom;
            }
            #sidebar1 li ul {
            background: url(http://img22.xooimage.com/files/4/1/a/img10-cced88.jpg) repeat-y left top;
            }
            #sidebar1 li li {
            background: url(http://img28.xooimage.com/files/0/3/7/img08-cced8f.gif) no-repeat 0 13px;
            }
            #sidebar1 li h2 {
            height: 25px;
            padding-top: 15px;
            background: url(http://img48.xooimage.com/files/0/0/d/img09-cced96.jpg) no-repeat left top;
            color: #333333;
            }
            .sidebar {
            float: left;
            width: 220px;
            padding: 10px 0 0 0;
            font-size: 12px;
            }
            .sidebar ul {
            margin: 0;
            padding: 0;
            list-style: none;
            }
            .sidebar li {
            padding: 0 0 20px 0;
            }
            .sidebar li ul {
            }
            .sidebar li li {
            margin: 0 10px 0 15px;
            padding: 8px 0px 8px 20px;
            border-bottom: 1px #B5B5B5 dashed;
            background: url(http://img28.xooimage.com/files/0/3/7/img08-cced8f.gif) no-repeat 0 13px;
            text-align: left;
            }
            .sidebar li h2 {
            height: 30px;
            margin: 0 0 0 0;
            padding: 8px 15px 0px 35px;
            background: url(http://img26.xooimage.com/files/b/b/7/img07-cced9c.jpg) no-repeat left top;
            font-size: 12px;
            color: #FFFFFF;
            }
            .sidebar a {
            }
            /* Search */
            #searchform {
            margin: 0;
            padding: 0 0 0 0;
            }
            #searchform br {
            display: none;
            }
            #searchform h2 {
            }
            #s {
            margin: 10px 0px 0 15px;
            padding: 2px 2px;
            width: 180px;
            height: 18px;
            border: 1px solid #949494;
            background: #FFFFFF;
            font-size: 10px;
            color: #000000;
            }
            #x {
            margin: 0;
            padding: 2px 5px;
            height: 25px;
            background: #CA8186;
            text-decoration: none;
            text-transform: uppercase;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10px;
            color: #CCCCCC;
            }
            /* Calendar */
            #calendar_wrap {
            padding: 0 15px;
            text-align: center;
            }
            #calendar_wrap table {
            width: 100%;
            }
            #calendar_wrap th {
            }
            #calendar_wrap td {
            }
            #calendar_wrap tfoot td {
            border: none;
            }
            #calendar_wrap tfoot td#prev {
            text-align: left;
            font-weight: bold;
            border: none;
            }
            #calendar_wrap tfoot td#prev a {
            border: none;
            }
            #calendar_wrap tfoot td#next {
            text-align: right;
            font-weight: bold;
            border: none;
            }
            #calendar_wrap tfoot td#next a {
            border: none;
            }
            /* Footer */
            #footer {
            width: 940px;
            height: 70px;
            margin: 0 auto;
            padding-left: 20px;
            }
            #footer p {
            margin: 0;
            padding: 25px 0 0 0;
            text-align: left;
            font-size: smaller;
            }
            #footer a {
            }
            #footer .link {
            float: right;
            }
            #footer .copyright {
            float: left;
            }

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</div>
            <div class="item_foot"></div>
            <div class="item">
            </div>
            <div class="item_foot"></div>
            </div>
            <div id="right">
            <div class="box">
            <h2>Menu</h2>
            <center><ul>
            <li><a href="#"><b>Prueva</b></a></li>
            <li><a href="#">Prueva<</a></li>
            <li><a href="#">Prueva</a></li>
            <li><a href="#">Prueva</a></li>
            <li><a href="#">Prueva</a></li>
            <li><a href="#">Prueva</a></li>
            <li><a href="#">Prueva</a></li>
            </ul></center>
            </div>
            <div class="box">
            <h2>Menu</h2>
            <center><ul>
            <li><a href="#">Prueva</a></li>
            <li><a href="#">Prueva</a></li>
            <li><a href="#">Prueva</a></li>
            <li><a href="#">Prueva</a></li>
            <li><a href="#">Prueva</a></li>
            <li><a href="#">Prueva</a></li>
            <li><a href="#">Prueva</a></li>
            </ul></center>
            </div>
            <div class="box">
            <h2>Menu</h2>
            <center><ul>
            <li><a href="#">Prueva</a></li>
            <li><a href="#">Prueva</a></li>
            <li><a href="#">Prueva</a></li>
            <li><a href="#">Prueva</a></li>
            <li><a href="#">Prueva</a></li>
            <li><a href="#">Prueva</a></li>
            <li><a href="http://www.royalcast.tr.gg/">html kod</a></li>
            </ul></center>
            </div>
            </div>
            <div id="footer"><a href="http://www.viadeescape.es.tl/">Web design By Via de Escape</a><a href="http://www.viadeescape.es.tl" id="sub"></a>                    </div>
            </div>
            </body>
            </html>

CSS KODU

lli.nav_element{display: none;}
            li.nav_element a{display: none;}
            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;}
            *---------->>> GLOBAL <<<-----------*/
            html { margin:0; padding:0;}
            * { margin: 0; padding: 0; outline: 0; }
            body {
            margin:0; padding:0;
            font-family: Tahoma, Verdana, Arial, "Trebuchet MS";
            font-size: 12px;
            color: #ffffff; text-align: center;
            background: #282a34  none repeat-x top center;
            }
            /* ---------->>> structure <<<-----------*/
            #container {
            margin: 0 auto;
            width: 875px;
            text-align: center;
            }
            #container h1 {
            background:url('http://img3.xooimage.com/files/e/e/3/banner-123e187.jpg') no-repeat;
            width: 875px;/*875*/ height: 270px;/*270*/
            padding: 20px 0 0 138px; margin: 0;
            display: block; overflow: visible;
            text-align: left; float: left;
            font-size: 30px; font-weight:normal;
            }
            html>body #container h1 {
            width: 737px; height: 250px;
            }
            /* ---------->>> left <<<-----------*/
            #left {
            width: 192px;
            margin: 1px 0 0 0; padding: 0;
            float: left;
            text-align: left;
            }
            #left a {
            color: #191919;
            text-decoration: none;
            margin: 20px 0 0 15px; padding: 0;
            }
            #left .box {
            background: #ffffff url(http://img5.xooimage.com/files/6/8/5/side_foot-123e18e.jpg) no-repeat bottom center;
            width: 192px;
            margin: 12px 0 0 0; padding: 0 0 15px 0;
            }
            #left .box h2 {
            background: #ffffff url(http://img9.xooimage.com/files/0/1/9/side_title-123e199.jpg) no-repeat top center;
            width: 192px /*192*/; height: 31px /*31*/;
            padding: 9px 0 0 0; margin: 0;
            display: block; overflow: visible;
            text-align: center;
            font-size: 12px;
            }
            html>body #left .box h2 {
            width: 192px; height: 22px;
            }
            #left ol#main {
            margin: 6px 0 0 18px; padding: 0;
            list-style: none;
            }
            ol#main li {
            font-size: 12px;
            }
            ol#main li a:link, ol#main li a:visited {
            color: #282a34;
            text-decoration: none;
            font-weight: normal;
            margin: 8px 0 0 0; padding: 0 0 1px 0;
            }
            ol#main li a:hover, ol#main li a:active {
            font-weight: bold;
            margin: 2px 0 3px 6px; padding: 0 0 1px 0;
            border-bottom: solid 1px #191919;
            }
            #left ul {
            margin: 6px 0 0 18px; padding: 0;
            list-style: none;
            }
            #left ul li a {
            color: #191919;
            text-decoration: none;
            font-weight: normal;
            margin: 0; padding: 0;
            }
            /* ---------->>> main <<<-----------*/
            #content {
            width: 478px;
            margin: 1px 0 33px 5px; padding: 0;
            float: left;
            text-align: left;
            }
            .item {
            background:  none repeat-y top center;
            width: 478px;
            margin: 12px 0 0 0; padding: 0;
            }
            .item_foot {
            background:  none no-repeat bottom center;
            width: 478px; height: 14px;
            margin: 0; padding: 0;
            }
            .item h2 {
            background: # url('http://img3.xooimage.com/files/4/f/a/main_title-123e1d5.jpg') no-repeat top center;
            width: 478px /*478*/; height: 43px /*43*/;
            padding: 9px 299px 0 43px; margin: 0;
            text-align: center;
            font-size: 12px;
            }
            html>body .item h2 {
            width: 136px; height: 34px;
            }
            .item p {
            font-weight: bold;
            padding: 7px 11px 7px 11px; margin: 0;
            }
            .item a {
            color: #CCCCCC;
            text-decoration: none;
            }
            /* ---------->>> right <<<-----------*/
            #right {
            width: 192px;
            margin: 1px 0 0 6px; padding: 0;
            float: left;
            text-align: left;
            }
            #right .box {
            background: #ffffff url('http://img5.xooimage.com/files/6/8/5/side_foot-123e18e.jpg') no-repeat bottom center;
            width: 192px;
            margin: 12px 0 0 0; padding: 0 0 15px 0;
            text-align: left;
            }
            #right a img {
            color: #191919;
            text-decoration: none;
            text-align: center;
            border: none;
            margin: 5px 0px 5px 2px; padding: 0;
            }
            #right .box h2 {
            background: #ffffff url('http://img9.xooimage.com/files/0/1/9/side_title-123e199.jpg') no-repeat top center;
            width: 192px /*192*/; height: 31px /*31*/;
            padding: 9px 0 0 0; margin: 0;
            text-align: center;
            font-size: 12px;
            }
            html>body #right .box h2 {
            width: 192px; height: 22px;
            }
            /* ---------->>> right <<<-----------*/
            #footer {
            width: 875px; height: 73px;
            background:  none no-repeat;
            margin: 33px 0 0 0; padding: 0;
            clear: both;
            position: relative;
            }
            a#ct {
            width: 151px; height: 31px;
            position: absolute; top: 0; left: 703px;
            }
            a#sub {
            background: url('./images/sub-2.jpg') no-repeat;
            width: 137px; height: 62px;
            position: absolute; top: 7px; left: 12px;
            }

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</div>
            <div id="templatemo_right_column">
            <div class="templatemo_section">
            <form method="get" action="#">
            <input name="search" type="text" value="Search Anything"  id="keyword" /> <input type="submit" value="Go" class="button" />
            </form>
            </div>
            <div class="templatemo_section">
            <div class="section1_top"></div>
            <div class="section1_middle">
            <h2>Categories</h2>
            <ul>
            <li><a href="http://www.royalcast.tr.gg/">» css tasarım</a></li>
            <li><a href="#">» Cum sociis natoque penatibus</a></li>
            <li><a href="#">» Lorem ipsum dolor sit amet</a></li>
            <li><a href="#">» Cras urna metus, feugiat non</a></li>
            <li><a href="http://www.templatemo.com" target="_parent">» Free CSS Layouts</a></li>
            </ul>
            </div>
            <div class="section1_bottom"></div>
            </div>
            <div class="templatemo_section">
            <div class="section2_top"></div>
            <div class="section2_middle">
            <h2>Archives</h2>
            <ul>
            <li><a href="#">» Suspendisse potenti</a></li>
            <li><a href="#">» Aliquam tristique lacus</a></li>
            <li><a href="#">» Duis pulvinar scelerisque ante</a></li>
            <li><a href="#">» Maecenas aliquam</a></li>
            <li><a href="http://www.royalcast.tr.gg/">» html kod</a></li>
            </ul>
            </div>
            <div class="section2_bottom"></div>
            </div>
            <div class="templatemo_section">
            <div class="section3_top"></div>
            <div class="section3_middle">
            <h2>Quick Links</h2>
            <ul>
            <li><a href="#">» External Web Link One</a></li>
            <li><a href="#">» Website Link Two</a></li>
            <li><a href="#">» Friend Website Link</a></li>
            <li><a href="http://www.flashmo.com" target="_parent">» Flash Templates</a></li>
            <li><a href="http://www.templatemo.com" target="_parent">» Free CSS Templates</a></li>
            </ul>
            </div>
            <div class="section3_bottom"></div>
            </div>
            </div>
            </div>
            <div id="templatemo_bottom"></div>
            <div id="templatemo_footer">
            <a href="#">Home</a> |
            <a href="#">FAQs</a> | <a href="#">Terms of Use</a> |
            <a href="#">Privacy Policy</a> | <a href="#">Contact Us</a>
            <br />
            Copyright © 2008 <a href="#">Your Company Name</a> | Designed by <a href="http://www.templatemo.com" target="_blank">templatemo.com</a> Adaptado por <a href="http://www.musica-zone.es.tl" target="_blank">Musica-Zone</a>
            </div>
            </div>
            </div>
            </div>
            </body>
            </html>

CSS KODU

lli.nav_element{display: none;}
            li.nav_element a{display: none;}
            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 {
            margin:0;
            padding:0;
            line-height: 1.5em;
            font-family:  Helvetica, Arial, sans-serif;
            font-size: 12px;
            color: #000000;
            background: #604a40;
            }
            a:link, a:visited { color: #3e3939; text-decoration: none; }
            a:active, a:hover { color: #cc0000;}
            h1 {
            margin: 0px;
            padding: 20px 0px 0px 0px;
            font-size: 20px;
            font-weight: bold;
            color:#990000;
            height: 20px;
            background: url(http://img40.xooimage.com/files/7/a/f/templatemo_h1_background-fdbe5b.png) left center no-repeat;
            }
            h2 {
            margin: 0px 0px 8px 0px;
            padding: 10px 0px 0px 15px;
            font-size: 14px;
            color: #000000;
            }
            p {
            margin: 10px 0px;
            color: #5b5847;
            text-align: justify;
            }
            img {
            margin: 2px 20px 2px 0px;
            float:left;
            border: 1px solid #333333;
            }
            #templatemo_container_wrapper1 {
            background: url(http://img24.xooimage.com/files/f/a/7/background-fdbe88.gif) top center repeat-x;
            }
            #templatemo_container_wrapper2 {
            background: url(http://img46.xooimage.com/files/e/9/9/templatemo_mainbackground-fdbeb6.jpg) top center no-repeat;
            }
            #templatemo_container {
            margin: 0px auto;
            width: 900px;
            }
            /* ----- Header ----- */
            #templatemo_header {
            clear: both;
            padding: 30px 0px 0px 30px;
            width: 870px;
            height: 140px;
            }
            #templatemo_logo {
            height: 134px;
            background: url(http://img21.xooimage.com/files/f/a/0/templatemo_logo-123fb96.gif) no-repeat;
            }
            #templatemo_site_title {
            padding: 60px 0px 10px 30px;
            font-size: 40px;
            font-weight:bold;
            color: #ff0000;
            }
            #templatemo_site_slogan {
            padding: 90px 0px 10px 160px;
            font-size: 12px;
            color: #999999;
            }
            /* ----- End of Header ----- */
            /* ------------- Menu ------------------ */
            #templatemo_menu {
            clear: both;
            margin: 0px;
            padding: 0px;
            width: 900px;
            height: 42px;
            text-align: right;
            background: url(http://img48.xooimage.com/files/b/1/2/templatemo_menu_bg-fdbeef.png) no-repeat;
            }
            #templatemo_menu ul {
            margin: 0px;
            padding: 18px 20px 0px 0px;
            list-style: none;
            }
            #templatemo_menu ul li {
            margin: 0px;
            display: inline;
            }
            #templatemo_menu ul li a {
            margin: 0px;
            padding: 0px 20px 0px 0px;
            font: 14px arial;
            font-weight: bold;
            color:#999999;
            text-decoration: none;
            }
            #templatemo_menu ul li a:hover, #templatemo_menu ul li .current {
            color: #cccccc;
            }
            /* ---------- End of Menu ------------- */
            /* ----------------- Content ----------------------- */
            #templatemo_content {
            float: left;
            margin: 0px;
            width: 900px;
            background: #c3b595 url(http://img20.xooimage.com/files/e/b/f/templatemo_content_bg-fdbf07.png) no-repeat;
            }
            #templatemo_left_column {
            float: left;
            margin: 40px 0px 0px 40px;
            padding: 0px;
            width: 570px;
            }
            /* IE6 Only */
            * html #templatemo_left_column {
            float: left;
            margin: 40px 20px 0px 20px;
            padding: 0px;
            width: 570px;
            }
            #templatemo_right_column {
            float: right;
            margin: 40px 40px 0px 0px;
            padding: 0px;
            width: 200px;
            }
            * html #templatemo_right_column {
            float: right;
            margin: 40px 20px 0px 20px;
            padding: 0px;
            width: 200px;
            }
            /* IE6 Only */
            #templatemo_bottom {
            clear: both;
            margin: 0px;
            padding: 0px;
            width: 900px;
            height: 90px;
            background: url(http://img42.xooimage.com/files/d/9/7/templatemo_content_bg_bottom-fdbf1c.png) no-repeat;
            }
            /* ----------------- End of Content ------------------- */
            /* ------------- Section ------------------ */
            .templatemo_section {
            margin: 0px 0px 15px 0px;
            padding: 0px;
            color: #3e3939;
            }
            .templatemo_section .section1_top {
            height: 40px;
            background: url(http://img48.xooimage.com/files/2/7/4/templatemo_section1_top-fdbf3c.png) no-repeat;
            }
            .templatemo_section .section1_middle {
            background: url(http://img44.xooimage.com/files/d/8/e/templatemo_section1_middle-fdbf4e.png) repeat-y;
            }
            .templatemo_section .section1_bottom {
            height: 37px;
            background:url(http://img24.xooimage.com/files/8/7/e/templatemo_section1_bottom-fdbf5a.png) no-repeat;
            }
            .templatemo_section .section2_top {
            height: 40px;
            background: url(http://img24.xooimage.com/files/2/1/8/templatemo_section2_top-fdbf73.png) no-repeat;
            }
            .templatemo_section .section2_middle {
            background: url(http://img46.xooimage.com/files/5/b/1/templatemo_section2_middle-fdbf80.png) repeat-y;
            }
            .templatemo_section .section2_bottom {
            height: 37px;
            background: url(http://img46.xooimage.com/files/9/a/b/templatemo_section2_bottom-fdbf90.png) no-repeat;
            }
            .templatemo_section .section3_top {
            height: 40px;
            background: url(http://img48.xooimage.com/files/2/7/4/templatemo_section1_top-fdbf3c.png) no-repeat;
            }
            .templatemo_section .section3_middle {
            background: url(http://img44.xooimage.com/files/6/0/9/templatemo_section3_middle-fdbfc0.png) repeat-y;
            }
            .templatemo_section .section3_bottom {
            height: 37px;
            background: url(http://img42.xooimage.com/files/1/b/c/templatemo_section3_bottom-fdbfce.png) no-repeat;
            }
            .templatemo_section ul {
            margin: 0px 0px 0px 15px;
            padding: 0px;
            list-style: none;
            }
            .templatemo_section ul li {
            display: block;
            }
            .templatemo_section ul li a {
            padding: 0px;
            margin: 0px;
            color: #3e3939;
            text-decoration: none;
            }
            .templatemo_section ul li a:hover {
            color: #990000;
            }
            /* ---------- End of Section ------------ */
            /* ----- Post ------ */
            .templatemo_postbody {
            padding: 0px;
            margin-bottom: 40px;
            border-bottom: 1px dotted #333333;
            }
            .publish_info {
            clear: both;
            margin: 0px;
            padding: 0px;
            color:#3e3939;
            }
            .comment {
            clear: both;
            margin: 10px 0px 0px 0px;
            width: 570px;
            text-align: right;
            padding: 0px;
            }
            .comment a {
            padding: 5px 0px 5px 0px;
            font-size: 11px;
            font-weight: bold;
            background: url(images/templatemo_comment_icon.gif) left center no-repeat;
            }
            /* ----- End of Post ------ */
            /* ----- Form ----- */
            form {
            width: 190px;
            margin: 0px;
            padding: 13px 0px 0px 10px;
            height: 50px;
            background: url(http://img47.xooimage.com/files/9/7/a/templatemo_search_box-123fc66.gif) no-repeat;
            }
            input {
            width: 130px;
            background: none;
            color: #CCCCCC;
            border: none;
            }
            .button {
            margin: 2px 0px 0px 8px;
            height: 32px;
            width: 40px;
            color: #000000;
            font-size: 15px;
            font-weight: bold;
            border: none;
            background: #990000;
            }
            /* ----- End of Form ----- */
            /* ----- Footer ----- */
            #templatemo_footer {
            clear: both;
            padding: 10px 0px 0px 15px;
            width: 870px;
            height: 60px;
            text-align: center;
            color: #999999;
            text-align: center;
            }
            #templatemo_footer a {
            color: #999999;
            }
            #templatemo_footer a:hover {
            color: #ffffff;
            }
            /* ----- End of Footer ----- */

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</p>
            </p>
            <div style='clear: both;'></div>
            </div>
            <div class='post-footer'>
            <p class='post-footer-line post-footer-line-1'>
            </span>
            <span class='post-backlinks post-comment-link'>
            </span>
            <span class='post-icons'>
            <span class='item-control blog-admin pid-1705784180'>
            <a href='http://www.blogger.com/post-edit.g?blogID=5855025386176472266&postID=4766134163229107011' title='Edit Post'>
            <span class='quick-edit-icon'> </span>
            </a>
            </span>
            </span>
            </p>
            <p class='post-footer-line post-footer-line-2'>
            </p>
            </div>
            </div>
            
            </div>
            <div class='blog-pager' id='blog-pager'>
            </div>
            <div class='clear'></div>
            <div class='blog-feeds'>
            <div class='feed-links'>
            </div>
            </div>
            </div></div>
            </div></div>
            <div class='span-10 last'>
            <div class='sidebar-wrapper-top'>
            <div class='span-10'>
            <div id='dg-middle-top-sidebar'>
            <div id='dg-top-top-sidebar'></div>
            <div id='dg-middle-top-sidebar-content'>
            <div class='sidebar section' id='sidebar-top'><div class='widget Feed' id='Feed2'>
            <h2>Recent Comments</h2>
            <ul>
            <li>
            <a dir='ltr' href='#'>Nombre 1</a>
            <span dir='ltr'>(0)</span>
            </li>
            <li>
            <a dir='ltr' href='#'>Nombre 2</a>
            <span dir='ltr'>(0)</span>
            </li>
            <li>
            <a dir='ltr' href='#'>Nombre 3</a>
            <span dir='ltr'>(0)</span>
            </li>
            </ul>
            <div class='clear'></div>
            <div class='clear'></div>
            </div></div>
            </div>
            </div>
            <div id='dg-bottom-top-sidebar'></div>
            </div>
            </div>
            <div class='sidebar-wrapper'>
            <div class='span-5'>
            <div id='dg-left-sidebar'>
            <div class='sidebar section' id='sidebar-left'><div class='widget Label' id='Label1'>
            <h2>Labels</h2>
            <div class='widget-content list-label-widget-content'>
            <ul>
            <li>
            <a dir='ltr' href='#'>Nombre 1</a>
            <span dir='ltr'>(0)</span>
            </li>
            <li>
            <a dir='ltr' href='#'>Nombre 2</a>
            <span dir='ltr'>(0)</span>
            </li>
            <li>
            <a dir='ltr' href='#'>Nombre 3</a>
            <span dir='ltr'>(0)</span>
            </li>
            </ul>
            <div class='clear'></div>
            <div class='clear'></div>
            </div>
            </div></div>
            </div></div>
            <div class='span-5 last'>
            <div id='dg-right-sidebar'>
            <div class='sidebar section' id='sidebar'><div class='widget Feed' id='Feed1'>
            <h2>Recent Posts</h2>
            <ul>
            <li>
            <a dir='ltr' href='#'>Nombre 1</a>
            <span dir='ltr'>(0)</span>
            </li>
            <li>
            <a dir='ltr' href='#'>Nombre 2</a>
            <span dir='ltr'>(0)</span>
            </li>
            <li>
            <a dir='ltr' href='#'>Nombre 3</a>
            <span dir='ltr'>(0)</span>
            </li>
            </ul>
            <div class='clear'></div>
            <div class='clear'></div>
            </div></div>
            </div>
            </div></div></div>
            </div></div></div>
            
            <div class='clear'> </div>
            <div id='dg-footer-container'>
            <div id='dg-footer-container-center'>
            <div class='container showgrid'>
            <div class='span-12'>
            <div id='dg-left-footer'>
            © 2009. All rights reserved.
            </div>
            </div>
            <div class='span-12 last'>
            <div id='dg-right-footer'>
            <a href='http://facebooklover-btemplates.blogspot.com/feeds/posts/default' rel='nofollow' title='Subscribe to RSS'><abbr title='Subscribe to RSS'>RSS</abbr></a> | <strong><a href='http://facebooklover-btemplates.blogspot.com/'>Facebook Lover</a></strong> theme by <a href='http://www.tobacamp.com'>Tobacamp</a> | Bloggerized by <a href='http://www.dhampire.net' target='_blank'>Blogger Template</a> | Adaptado por <a href='http://www.PwG-DesignS.es.tl' target='_blank'>PwG DesignS</a>
            </div>
            </body>
            </html>

CSS KODU

lli.nav_element{display: none;}
            li.nav_element a{display: none;}
            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;}
            /*
            -----------------------------------------------
            Blogger Template Style
            Name:     Facebook Lover
            Designer: Dani Gunawan
            URL:      http://blog.danigunawan.com
            Ataptado a PwG por: www.pwg-designs.es.tl
            Date:     15 nov 2009
            Updated by: Dhampire
            ----------------------------------------------- */
            #navbar-iframe {
            height:0px;
            visibility:hidden;
            display:none;
            }
            /* -----------------------------------------------------------------------
            Blueprint CSS Framework 0.8
            http://blueprintcss.org
            * Copyright (c) 2007-Present. See LICENSE for more info.
            * See README for instructions on how to use Blueprint.
            * For credits and origins, see AUTHORS.
            * This is a compressed file. See the sources in the 'src' directory.
            ----------------------------------------------------------------------- */
            /* reset.css */
            html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
            body {line-height:1.5;}
            table {border-collapse:separate;border-spacing:0;}
            caption, th, td {text-align:left;font-weight:normal;}
            table, td, th {vertical-align:middle;}
            blockquote:before, blockquote:after, q:before, q:after {content:"";}
            blockquote, q {quotes:"" "";}
            a img {border:none;}
            /* typography.css */
            body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
            h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
            h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
            h2 {font-size:2em;margin-bottom:0.75em;}
            h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
            h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
            h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
            h6 {font-size:1em;font-weight:bold;}
            h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
            p {margin:0 0 1.5em;}
            p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
            p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
            a:focus, a:hover {color:#000;}
            a {color:#009;text-decoration:underline;}
            blockquote {margin:1.5em;color:#666;font-style:italic;}
            strong {font-weight:bold;}
            em, dfn {font-style:italic;}
            dfn {font-weight:bold;}
            sup, sub {line-height:0;}
            abbr, acronym {border-bottom:1px dotted #666;}
            address {margin:0 0 1.5em;font-style:italic;}
            del {color:#666;}
            pre {margin:1.5em 0;white-space:pre;}
            pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
            li ul, li ol {margin:0 1.5em;}
            ul, ol {margin:0 1.5em 1.5em 1.5em;}
            ul {list-style-type:disc;}
            ol {list-style-type:decimal;}
            dl {margin:0 0 1.5em 0;}
            dl dt {font-weight:bold;}
            dd {margin-left:1.5em;}
            table {margin-bottom:1.4em;width:100%;}
            th {font-weight:bold;background:#C3D9FF;}
            th, td {padding:4px 10px 4px 5px;}
            tr.even td {background:#E5ECF9;}
            tfoot {font-style:italic;}
            caption {background:#eee;}
            .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
            .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
            .hide {display:none;}
            .quiet {color:#666;}
            .loud {color:#000;}
            .highlight {background:#ff0;}
            .added {background:#060;color:#fff;}
            .removed {background:#900;color:#fff;}
            .first {margin-left:0;padding-left:0;}
            .last {margin-right:0;padding-right:0;}
            .top {margin-top:0;padding-top:0;}
            .bottom {margin-bottom:0;padding-bottom:0;}
            /* grid.css */
            .container {width:950px;margin:0 auto;}
            .showgrid {background:url(src/grid.png);}
            body {margin:1.5em 0;}
            .column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
            .last, div.last {margin-right:0;}
            .span-1 {width:30px;}
            .span-2 {width:70px;}
            .span-3 {width:110px;}
            .span-4 {width:150px;}
            .span-5 {width:190px;}
            .span-6 {width:230px;}
            .span-7 {width:270px;}
            .span-8 {width:310px;}
            .span-9 {width:350px;}
            .span-10 {width:390px;}
            .span-11 {width:430px;}
            .span-12 {width:470px;}
            .span-13 {width:510px;}
            .span-14 {width:550px;}
            .span-15 {width:590px;}
            .span-16 {width:630px;}
            .span-17 {width:670px;}
            .span-18 {width:710px;}
            .span-19 {width:750px;}
            .span-20 {width:790px;}
            .span-21 {width:830px;}
            .span-22 {width:870px;}
            .span-23 {width:910px;}
            .span-24, div.span-24 {width:950px;margin:0;}
            input.span-1, textarea.span-1, select.span-1 {width:30px!important;}
            input.span-2, textarea.span-2, select.span-2 {width:50px!important;}
            input.span-3, textarea.span-3, select.span-3 {width:90px!important;}
            input.span-4, textarea.span-4, select.span-4 {width:130px!important;}
            input.span-5, textarea.span-5, select.span-5 {width:170px!important;}
            input.span-6, textarea.span-6, select.span-6 {width:210px!important;}
            input.span-7, textarea.span-7, select.span-7 {width:250px!important;}
            input.span-8, textarea.span-8, select.span-8 {width:290px!important;}
            input.span-9, textarea.span-9, select.span-9 {width:330px!important;}
            input.span-10, textarea.span-10, select.span-10 {width:370px!important;}
            input.span-11, textarea.span-11, select.span-11 {width:410px!important;}
            input.span-12, textarea.span-12, select.span-12 {width:450px!important;}
            input.span-13, textarea.span-13, select.span-13 {width:490px!important;}
            input.span-14, textarea.span-14, select.span-14 {width:530px!important;}
            input.span-15, textarea.span-15, select.span-15 {width:570px!important;}
            input.span-16, textarea.span-16, select.span-16 {width:610px!important;}
            input.span-17, textarea.span-17, select.span-17 {width:650px!important;}
            input.span-18, textarea.span-18, select.span-18 {width:690px!important;}
            input.span-19, textarea.span-19, select.span-19 {width:730px!important;}
            input.span-20, textarea.span-20, select.span-20 {width:770px!important;}
            input.span-21, textarea.span-21, select.span-21 {width:810px!important;}
            input.span-22, textarea.span-22, select.span-22 {width:850px!important;}
            input.span-23, textarea.span-23, select.span-23 {width:890px!important;}
            input.span-24, textarea.span-24, select.span-24 {width:940px!important;}
            .append-1 {padding-right:40px;}
            .append-2 {padding-right:80px;}
            .append-3 {padding-right:120px;}
            .append-4 {padding-right:160px;}
            .append-5 {padding-right:200px;}
            .append-6 {padding-right:240px;}
            .append-7 {padding-right:280px;}
            .append-8 {padding-right:320px;}
            .append-9 {padding-right:360px;}
            .append-10 {padding-right:400px;}
            .append-11 {padding-right:440px;}
            .append-12 {padding-right:480px;}
            .append-13 {padding-right:520px;}
            .append-14 {padding-right:560px;}
            .append-15 {padding-right:600px;}
            .append-16 {padding-right:640px;}
            .append-17 {padding-right:680px;}
            .append-18 {padding-right:720px;}
            .append-19 {padding-right:760px;}
            .append-20 {padding-right:800px;}
            .append-21 {padding-right:840px;}
            .append-22 {padding-right:880px;}
            .append-23 {padding-right:920px;}
            .prepend-1 {padding-left:40px;}
            .prepend-2 {padding-left:80px;}
            .prepend-3 {padding-left:120px;}
            .prepend-4 {padding-left:160px;}
            .prepend-5 {padding-left:200px;}
            .prepend-6 {padding-left:240px;}
            .prepend-7 {padding-left:280px;}
            .prepend-8 {padding-left:320px;}
            .prepend-9 {padding-left:360px;}
            .prepend-10 {padding-left:400px;}
            .prepend-11 {padding-left:440px;}
            .prepend-12 {padding-left:480px;}
            .prepend-13 {padding-left:520px;}
            .prepend-14 {padding-left:560px;}
            .prepend-15 {padding-left:600px;}
            .prepend-16 {padding-left:640px;}
            .prepend-17 {padding-left:680px;}
            .prepend-18 {padding-left:720px;}
            .prepend-19 {padding-left:760px;}
            .prepend-20 {padding-left:800px;}
            .prepend-21 {padding-left:840px;}
            .prepend-22 {padding-left:880px;}
            .prepend-23 {padding-left:920px;}
            div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
            div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
            .pull-1 {margin-left:-40px;}
            .pull-2 {margin-left:-80px;}
            .pull-3 {margin-left:-120px;}
            .pull-4 {margin-left:-160px;}
            .pull-5 {margin-left:-200px;}
            .pull-6 {margin-left:-240px;}
            .pull-7 {margin-left:-280px;}
            .pull-8 {margin-left:-320px;}
            .pull-9 {margin-left:-360px;}
            .pull-10 {margin-left:-400px;}
            .pull-11 {margin-left:-440px;}
            .pull-12 {margin-left:-480px;}
            .pull-13 {margin-left:-520px;}
            .pull-14 {margin-left:-560px;}
            .pull-15 {margin-left:-600px;}
            .pull-16 {margin-left:-640px;}
            .pull-17 {margin-left:-680px;}
            .pull-18 {margin-left:-720px;}
            .pull-19 {margin-left:-760px;}
            .pull-20 {margin-left:-800px;}
            .pull-21 {margin-left:-840px;}
            .pull-22 {margin-left:-880px;}
            .pull-23 {margin-left:-920px;}
            .pull-24 {margin-left:-960px;}
            .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
            .push-1 {margin:0 -40px 1.5em 40px;}
            .push-2 {margin:0 -80px 1.5em 80px;}
            .push-3 {margin:0 -120px 1.5em 120px;}
            .push-4 {margin:0 -160px 1.5em 160px;}
            .push-5 {margin:0 -200px 1.5em 200px;}
            .push-6 {margin:0 -240px 1.5em 240px;}
            .push-7 {margin:0 -280px 1.5em 280px;}
            .push-8 {margin:0 -320px 1.5em 320px;}
            .push-9 {margin:0 -360px 1.5em 360px;}
            .push-10 {margin:0 -400px 1.5em 400px;}
            .push-11 {margin:0 -440px 1.5em 440px;}
            .push-12 {margin:0 -480px 1.5em 480px;}
            .push-13 {margin:0 -520px 1.5em 520px;}
            .push-14 {margin:0 -560px 1.5em 560px;}
            .push-15 {margin:0 -600px 1.5em 600px;}
            .push-16 {margin:0 -640px 1.5em 640px;}
            .push-17 {margin:0 -680px 1.5em 680px;}
            .push-18 {margin:0 -720px 1.5em 720px;}
            .push-19 {margin:0 -760px 1.5em 760px;}
            .push-20 {margin:0 -800px 1.5em 800px;}
            .push-21 {margin:0 -840px 1.5em 840px;}
            .push-22 {margin:0 -880px 1.5em 880px;}
            .push-23 {margin:0 -920px 1.5em 920px;}
            .push-24 {margin:0 -960px 1.5em 960px;}
            .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
            .prepend-top {margin-top:1.5em;}
            .append-bottom {margin-bottom:1.5em;}
            .box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
            hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
            hr.space {background:#fff;color:#fff;}
            .clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
            .clearfix, .container {display:block;}
            .clear {clear:both;}
            /* forms.css */
            label {font-weight:bold;}
            fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
            legend {font-weight:bold;font-size:1.2em;}
            input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
            input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
            input.text, input.title {width:300px;padding:5px;}
            input.title {font-size:1.5em;}
            textarea {width:390px;height:250px;padding:5px;}
            .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
            .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
            .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
            .success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
            .error a {color:#8a1f11;}
            .notice a {color:#514721;}
            .success a {color:#264409;}
            /************** BODY *****************/
            * {margin:0;padding:0;}
            body {
            color:#222;
            font-family:Verdana, Georgia, "Times New Roman", Times, serif;
            font-size:72.5%;
            line-height:1.4;
            text-align:left;
            margin:0;
            padding:0;}
            a:link {   color: #3b5998;   text-decoration: none;}
            a:active {   color: #3b5998;   text-decoration: none;}
            a:visited {   color: #3b5998;   text-decoration: none;}
            a:hover {   text-decoration: underline;}
            /***************PRE HEADER *****************/
            /* begin: pre-header */
            #dg-pre-header-container {
            background: #edeff4;
            margin: 0 auto;
            }
            #dg-pre-header-container-center {
            background: url('http://3.bp.blogspot.com/_0vKyxg80gxY/Sw160lm196I/AAAAAAAABLY/DUe-z6XeILA/s1600/pre-header-bg.gif') top left no-repeat;
            width: 960px;
            height: 28px;
            margin: 0 auto;
            }
            #dg-pre-header {
            padding: 0px 0;
            }
            #dg-pre-header ul {
            list-style: none;
            margin: 0;
            margin-left: 12px;
            }
            #dg-pre-header li {
            float: left;
            padding: 4px 5px 0px 5px;
            height: 23px;
            }
            #dg-pre-header li:hover {
            background: #5c75aa;
            display: block;
            }
            #dg-pre-header a:link {
            color: #FFF;
            font-weight: bold;
            font-size: 95%;
            text-decoration: none;
            }
            #dg-pre-header a:active {
            color: #FFF;
            font-weight: bold;
            font-size: 95%;
            text-decoration: none;
            }
            #dg-pre-header a:visited {
            color: #FFF;
            font-weight: bold;
            font-size: 95%;
            text-decoration: none;
            }
            #dg-pre-header a:hover {
            color: #FFF;
            font-weight: bold;
            font-size: 95%;
            background: #5c75aa;
            text-decoration: none;
            }
            #dg-search-form {
            }
            #searchform {
            margin-top: 4px;
            margin-bottom: 4px;
            margin-left: 15px;
            }
            #searchform input {
            color: #999;
            font-size: 9pt;
            padding: 2px;
            border: none;
            }
            /* end: pre-header */
            /************** HEADER *****************/
            #header-wrapper {
            background: #edeff4;
            margin: 0 auto;
            }
            #header-wrapper-center {
            width: 960px;
            margin: 0 auto;
            background: #edeff4;
            }
            #header {   padding: 10px 0 0 10px;}
            #header h1 {
            font-size: 190%;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            color: #203360;
            margin: 0 0 5px 0;
            }
            #header .description {
            font-size: 100%;
            font-style: italic;
            color: #203360;
            }
            /* begin: headline */
            #dg-headline-container {
            background: #edeff4;
            margin: 0 auto;
            border-bottom: 1px solid #d8dfea;
            }
            #dg-headline-container-center {
            width: 960px;
            margin: 0 auto;
            background: #edeff4;
            padding: 10px;
            }
            #dg-headline {
            padding: 20px 10px;
            }
            #dg-featured {
            width: 380px;
            float: right;
            }
            #dg-featured ul {
            list-style: none;
            margin: 0;
            padding-right: 5px;
            }
            .dg-featured-title {
            font-size: 155%;
            font-weight: 400;
            color: #203360;
            padding: 5px0 0 0;
            }
            .dg-featured-title h2 {
            font-size: 95%;
            font-weight: 400;
            color: #203360;
            background: url('http://1.bp.blogspot.com/_0vKyxg80gxY/Sw161BXJ75I/AAAAAAAABLo/tJTxQHNp-qs/s1600/right-arrow.gif') left no-repeat;
            padding-left: 20px;
            margin: 0;
            }
            .dg-featured-box {
            display: block;
            padding: 7px;
            margin-top: 7px;
            background-color:#fff;
            border: 1px solid #d8dfea;
            border-left: 5px solid #d8dfea;
            }
            .dg-ftitle a:link {
            color: #3b5998;
            font-weight: bold;
            text-decoration: none;
            }
            .dg-ftitle a:active {
            color: #3b5998;
            font-weight: bold;
            text-decoration: none;
            }
            .dg-ftitle a:visited {
            color: #3b5998;
            font-weight: bold;
            text-decoration: none;
            }
            .dg-ftitle a:hover {
            text-decoration: underline;
            }
            .dg-fsubtitle {
            color: #999;
            font-size: 80%;
            }
            .dg-fsubtitle a:link {
            color: #3b5998;
            text-decoration: none;
            }
            .dg-fsubtitle a:active {
            color: #3b5998;
            text-decoration: none;
            }
            .dg-fsubtitle a:visited {
            color: #3b5998;
            text-decoration: none;
            }
            .dg-fsubtitle a:hover {
            text-decoration: underline;
            }
            /* end: headline */
            /************** CONTENT *****************/
            #main-container {
            background: #fff;
            margin: 0 auto;
            }
            #main-container-center {
            width: 960px;
            margin: 0 auto;
            background: #fff;
            padding: 10px;
            }
            #main-wrapper {
            padding: 0 10px;
            }
            .main .widget {
            margin:0 0 1.5em;
            padding:0 0 1.5em;
            }
            .main .Blog {
            border-bottom-width: 0;
            }
            /************** POSTS *****************/
            .post {   margin-top: 0px;  }
            .post h1, .post h2 {
            color: #203360;
            font-size: 170%;
            margin: 0px 0 3px 0;
            }
            a:link {
            color: #3b5998;
            text-decoration: none;
            }
            .post a:active {
            color: #3b5998;
            text-decoration: none;
            }
            .post a:visited {
            color: #3b5998;
            text-decoration: none;
            }
            .post a:hover {   text-decoration: underline;}
            .post-body{
            margin-top: 10px;
            padding-bottom: 16px;
            border-bottom: 1px solid #ddd;}
            .post-header{   font-size: 95%;
            color: #999;
            }
            .post-footer{   font-size: 95%;
            color: #999;}
            .post-footer p{}
            .jump-link {
            margin-top: 20px;
            float: right;
            padding-right: 20px;
            text-align: right;
            font-weight: bold;
            height: 20px;
            width: 95px;
            padding-top: 5px;
            border: 1px solid #d4dae8;
            background: #edeff4;
            }
            .comment-link {
            margin-left:.6em;
            }
            .post img {
            padding:4px;
            }
            .post blockquote {
            margin:1em 20px;
            }
            .post blockquote p {
            margin:.75em 0;
            }
            /************** COMMENTS *****************/
            #comments h4 {
            margin:1em 0;
            font-weight: bold;
            }
            #comments-block {
            margin:1em 0 1.5em;
            line-height:1.6em;
            }
            #comments-block .comment-author {
            margin:.5em 0;
            }
            #comments-block .comment-body {
            margin:.25em 0 0;
            }
            #comments-block .comment-footer {
            margin:-.25em 0 2em;
            }
            #comments-block .comment-body p {
            margin:0 0 .75em;
            }
            .deleted-comment {
            font-style:italic;
            color:gray;
            }
            #blog-pager-newer-link {
            float: left;
            }
            #blog-pager-older-link {
            float: right;
            }
            #blog-pager {
            text-align: center;
            }
            .feed-links {
            clear: both;
            line-height: 2.5em;
            }
            /************** SIDEBAR *****************/
            #dg-top-top-sidebar {
            background: url('http://2.bp.blogspot.com/_0vKyxg80gxY/Sw161K7GS4I/AAAAAAAABLw/Sk3rlB8ji1A/s1600/top-top-sidebar.gif') top center no-repeat;
            height: 10px;
            }
            #dg-middle-top-sidebar {
            background: url('http://1.bp.blogspot.com/_0vKyxg80gxY/Sw161_tSBbI/AAAAAAAABMA/DQZAzvGSKbg/s1600/middle-top-sidebar.gif') top center repeat-y;
            }
            #dg-middle-top-sidebar-content {
            padding: 0px 10px 10px 10px;
            }
            #dg-bottom-top-sidebar {
            background: url('http://3.bp.blogspot.com/_0vKyxg80gxY/Sw16-CAXOUI/AAAAAAAABMI/dz74MEvuDeI/s1600/bottom-top-sidebar.gif') top center no-repeat;
            height: 5px;
            }
            #sidebar-wrapper-top {
            width: 390px;
            float: right;
            }
            #sidebar-wrapper{  width: 190px;float:left;
            margin-right:10px}
            .sidebar {
            }
            .sidebar h2 {
            margin: 10px 0px 0px 0px;
            text-transform: uppercase;
            font-size: 120%;
            font-weight: bold;
            color:#808080;
            padding-bottom: 3px;
            border-bottom: 1px solid #ccc;
            }
            /* end: sidebar */
            .sidebar ul {
            list-style: none;
            margin: 0;
            }
            .sidebar li {
            color: #3b5998;
            padding-top: 5px;
            }
            .sidebar a{   color: #3b5998;
            text-decoration: none;}
            .sidebar a:hover {
            color: #3b5998;
            text-decoration: underline;
            }
            .sidebar .widget {
            margin:0 0 1.5em;
            padding:0 0 1.5em;
            }
            /************** PERFIL *****************/
            .profile-img {
            float: left;
            margin: 0 5px 5px 0;
            padding: 4px;
            border: 5px solid #E7E9E3;
            }
            .profile-data {
            margin:0;
            font: arial;
            color: #000;
            font-weight: bold;
            line-height: 1.6em;
            }
            .profile-datablock {
            margin:.5em 0 .5em;
            }
            .profile-textblock {
            margin: 0.5em 0;
            line-height: 1.6em;
            }
            .profile-link {
            font: #000;
            letter-spacing: .1em;
            }
            /************** FOOTER *****************/
            #dg-footer-container {
            background: #fff;
            margin: 0 auto;
            }
            #dg-footer-container-center {
            border-top: 1px solid #ddd;
            width: 960px;
            margin: 0 auto;
            }
            #dg-left-footer a:link, #dg-right-footer a:link {
            color: #3b5998;
            text-decoration: none;
            border: none;
            }
            #dg-left-footer a:active, #dg-right-footer a:active {
            color: #3b5998;
            text-decoration: none;
            border: none;
            }
            #dg-left-footer a:visited, #dg-right-footer a:visited {
            color: #3b5998;
            text-decoration: none;
            border: none;
            }
            #dg-left-footer a:hover, #dg-right-footer a:hover {
            text-decoration: underline;
            border: none;
            }
            #dg-left-footer, #dg-right-footer {
            padding-top: 5px;
            color: #999;
            font-size: 95%;
            }
            #dg-right-footer {
            float: right;
            }
            /** Page structure tweaks for layout editor wireframe */
            body#layout #header {
            margin-left: 0px;
            margin-right: 0px;
            }

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</div><div class="right" id="sidebar_wrapper">
            <div id="sidebar"><div class="box">
            <div class="box_title">Nuestra web</div>
            <div class="box_content"><p>
            
            Aenean sit amet dui at felis lobortis dignissim. Pellentesque risus nibh, feugiat in, convallis id, congue ac, sem. Sed tempor neque in quam.
            
            </p></div></div>
            <div class="box"><div class="box_title">Categorias</div>
            <div class="box_content"><ul>
            <li><a href="http://www.royalcast.tr.gg/">css tasarım 1</a></li>
            <li><a href="URL">Link's 2</a></li>
            <li><a href="URL">Link's 3</a></li>
            <li><a href="URL">Link's 4</a></li>
            <li><a href="URL">Link's 5</a></li>
            </ul>
            </div></div><div class="box">
            <div class="box_title">Recursos</div>
            <div class="box_content"><ul>
            <li><a href="URL">Link's 1</a></li>
            <li><a href="URL">Link's 2</a></li>
            <li><a href="URL">Link's 3</a></li>
            <li><a href="URL">Link's 4</a></li>
            <li><a href="URL">Link's 5</a></li>
            </ul>
            </div></div></div></div>
            <div class="clearer"></div>
            </div></div>
            <div id="dashboard_outer"><div id="dashboard">
            <div class="col3 left"><div class="col3_content">
            <div class="col_title">Link's final 1</div><ul>
            <li><a href="URL">Link's 1</a></li>
            <li><a href="URL">Link's 2</a></li>
            <li><a href="URL">Link's 3</a></li>
            <li><a href="URL">Link's 4</a></li>
            <li><a href="URL">Link's 5</a></li>
            </ul></div></div>
            <div class="col3mid left"><div class="col3_content">
            <div class="col_title">Link's final 2</div><ul>
            <li><a href="URL">Link's 1</a></li>
            <li><a href="URL">Link's 2</a></li>
            <li><a href="URL">Link's 3</a></li>
            <li><a href="URL">Link's 4</a></li>
            <li><a href="http://www.royalcast.tr.gg/">html kod 5</a></li>
            </ul></div></div>
            <div class="col3 right"><div class="col3_content">
            <div class="col_title">Link's final 3</div><ul>
            <li><a href="URL">Link's 1</a></li>
            <li><a href="URL">Link's 2</a></li>
            <li><a href="URL">Link's 3</a></li>
            <li><a href="URL">Link's 4</a></li>
            <li><a href="URL">Link's 5</a></li>
            </ul></div></div>
            <div class="clearer"></div></div></div>
            <div id="footer"><div class="left">
            
            © 2009 Website.com - tusitioweb
            
            </div><div class="right">
            <a href="http://templates.arcsin.se">Website template</a> Adapter by: <a href="http://cssplantillas.es.tl">Css Plantillas</a>
            </div>
            <div class="clearer"></div>
            </div></div></div></div></div>

CSS KODU

#pre_header {display: none;}
            #post_header {display: none;}
            #header_container {display: none;}
            lli.nav_element{display: none;}
            li.nav_element a{display: none;}
            h1#title{display: none;}
            h2#title span {display: none;}
            #header {display: none;}
            #title {display: none;}
            #nav_container {display:none;}
            table {margin-left:auto;margin-right:auto;}
            html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
            table {border-collapse: collapse; border-spacing: 0;}
            caption, th, td {text-align: left; font-weight: normal;}
            table, td, th {vertical-align: middle;}
            blockquote:before, blockquote:after, q:before, q:after {content: "";}
            blockquote, q {quotes: "" "";}
            a img {border: none;}
            html {height: 100%;padding-bottom: 1px;}
            body {background: #797E84 url("https://img.webme.com/pic/c/cssplantillas/ngloom1.jpg");
            color:#444;font:normal 80% sans-serif;line-height:1.5;}
            h1,h2,h3,h4,h5,h6 {color:#555;font-weight:normal;line-height:1;margin-bottom:0.3em;}
            h4,h5,h6 {font-weight: bold;}
            h1 {font-size: 2.6em;}
            h2 {font-size: 2em;}
            h3 {font-size: 1.5em;}
            h4 {font-size: 1.25em;}
            h5 {font-size: 1.1em;}
            h6 {font-size: 1em;}
            p {margin-bottom: 1em;}
            a:focus,a:hover {color: #000;}
            a {color: #357;text-decoration: underline;}
            abbr, acronym {border-bottom: 1px dotted #666;}
            address {margin-bottom: 1.5em;}
            blockquote {margin: 1.5em;}
            del, blockquote {color: #666;}
            em, dfn, blockquote, address {font-style: italic;}
            strong, dfn {font-weight: bold;}
            sup, sub {line-height: 0;}
            pre {margin: 1.5em 0;white-space: pre;}
            pre,code,tt {font: 1em monospace;line-height: 1.5;}
            li ul, li ol {margin-left: 1.5em;}
            ul, ol {margin: 0 1.5em 1.5em 1.5em;}
            ul {list-style-type: disc;}
            ol {list-style-type: decimal;}
            dl {margin: 0 0 1.5em 0;}
            dl dt {font-weight: bold;}
            dd {margin-left: 1.5em;}
            ul.tabbed {display: inline;margin: 0;}
            ul.tabbed li {float: left;list-style: none;margin: 0;}
            textarea {overflow: auto;}
            input.text, textarea, select {background: #FCFCFC;border: 1px inset #AAA;padding: 4px 5px;}
            input.text:focus, textarea:focus, select:focus {background: #FFFFF5;}
            input.button {background: #F9F9F3;border: 1px outset #AAA;padding: 4px 5px;}
            input.button:active {border-style: inset;}
            .form_property, .form_value {float: left;}
            .form_property {text-align: right;width: 110px;}
            .form_value {padding-left: 24px;}
            .form_row_submit .form_value {padding-left: 132px;}
            .center,.aligncenter {display: block;margin-left: auto;margin-right: auto;}
            img.bordered,img.alignleft,img.alignright,img.aligncenter {background-color: #FFF;
            border: 1px solid #DDD;padding: 3px;}
            img.alignleft, img.left {margin: 0 1.5em 1em 0;}
            img.alignright, img.right {margin: 0 0 1em 1.5em;}
            .left,.alignleft {float: left;}
            .right,.alignright {float: right;}
            .clear,.clearer {clear: both;}
            .clearer {display: block;font-size: 0;line-height: 0;}
            .content_separator, .archive_separator {background: #D5D5D5;clear: both;color: #FFE;
            display: block;font-size: 0;height: 1px;line-height: 0;margin: 12px 0 24px;}
            .archive_separator {margin: 0 0 14px;}
            .post {margin-bottom: 24px;}
            .post_title a,.post_meta a, .post_date a {text-decoration: none;}
            .post_title a:hover,.post_meta a:hover, .post_date a:hover {text-decoration: underline;}
            .post_date {border-top:1px solid #D5D5D5;color:#777;font-size:0.9em;padding:8px 0 12px;}
            .post_date a {color: #444;}
            .post_meta {background: #E7E7E7;border: 1px solid #D7D7D7;
            color: #777;font-size: 0.9em;padding: 6px 10px;}
            .post_meta a {color: #345; }
            .post_meta a:hover {color: #001;}
            .archive_pagination {margin-bottom: 1.6em;}
            .archive_post {margin-bottom: 14px;}
            .archive_post_title {padding-top: 3px;}
            .archive_post_date {background:#FAFAFA;border-bottom:1px solid #C5C5C5;border-right:1px solid #CFCFCF;
            float: left;margin-right:12px;padding: 2px 0 5px;text-align: center;width: 46px;}
            .archive_post .post_date {border: none;padding:3px 0 0;}
            .archive_post_day {font: normal 1.6em Georgia,serif;}
            .thumbnails {margin: 0 0 1em -8px;}
            .thumbnails a.thumb{background:#D5D5D5;display:block;float:left;margin:0 0 8px 8px;padding:3px;}
            .thumbnails a.thumb:hover {background: #C0C0C0;}
            .thumbnails .thumb img {display: block;}
            .box {margin-bottom: 0.6em;}
            .box_title {background: #D2D5D8;border-bottom: 1px solid #C6C9CB;color: #70767A;
            font: bold 1.3em sans-serif;padding: 7px 10px 6px;}
            .box_content {padding: 8px 0 8px;}
            .box li:first-child {border-top: none;}
            div.comment_list {border-top: 1px solid #D6D6D6; margin: 1em 0 2em;}
            .comment {border-bottom: 1px solid #D6D6D6;padding-top: 10px;}
            .comment_date {font-size: 0.9em;}
            .comment_date a {color: #567;text-decoration: none;}
            .comment_date a:hover {color: #001;text-decoration: underline;}
            .comment_body {padding-top: 4px;}
            .comment_gravatar {width: 48px;}
            .comment_gravatar img {background: #FFF;border: 1px solid #DDD;padding: 2px;}
            #layout_wrapper {background: url("https://img.webme.com/pic/c/cssplantillas/ngloom2.jpg") repeat-x;
            padding-bottom: 16px;}
            #layout_wrapper2 {background: url("https://img.webme.com/pic/c/cssplantillas/ngloom3.jpg") no-repeat center top;
            padding-top: 10px;}
            #layout_wrapper3 {background: #FFF;margin: 0 auto;width: 992px;   }
            #layout_wrapper4 {padding: 6px;}
            #header_wrapper {height: 150px;}
            #head {padding: 48px 48px 0 48px;}
            #site_title h1 {color: #A0C3D0;font-size: 2.5em;}
            #site_title h1 a {color: #A0C3D0;text-decoration: none;}
            #site_title h1 a:hover {color: #DDD;}
            #site_title h2 {color: #999;font-size: 1.3em;}
            #navigation {background: #6E7D85 url("https://img.webme.com/pic/c/cssplantillas/ngloom5.gif") repeat-x;
            margin-bottom: 3px;padding-top: 4px;}
            #navigation a {color:#E0E6EA;display:block;font-weight:bold;text-decoration: none;}
            #navigation a:hover {color: #F0F6FA;}
            #nav li {border-right: 1px solid #54646C;}
            #nav a {font-size: 1.3em;padding: 10px 16px;}
            #nav a:hover {background: #5E6D75;}
            #nav li.current_page_item a {background: #6E7D85;color: #FFF;}
            #subnav {border-top: 1px solid #555A5F;background: #60656A;}
            #subnav li {border-right: 1px solid #50555A;}
            #subnav a {font-size: 1.1em;padding: 9px 12px;}
            #subnav a:hover {background: #555A5F;}
            #main_wrapper {background: url("https://img.webme.com/pic/c/cssplantillas/ngloom6.gif") repeat-y;
            border-bottom: 1px solid #C3C4C1;margin-bottom: 3px;}
            #main {background: url("https://img.webme.com/pic/c/cssplantillas/ngloom7.gif") no-repeat;padding: 24px 0;}
            #content_wrapper {width: 690px;}
            #content {padding: 0 20px;}
            #sidebar_wrapper {width: 290px;}
            #sidebar {padding: 0 18px;}
            #dashboard_wrapper {}
            #dashboard {background: #C9CDCF url("https://img.webme.com/pic/c/cssplantillas/ngloom8.gif") repeat-x;
            border:1px solid #ACAFB0;color:#404448;margin-bottom:3px;padding: 16px;}
            #dashboard .col3 {width: 288px;}
            #dashboard .col3mid {width: 370px;}
            #dashboard .col3mid .col3_content {border-left: 1px solid #B0B4B8;
            border-right: 1px solid #B0B4B8;margin: 0 20px;padding: 0 20px;}
            #dashboard .col_title {color: #606669;font-size: 1.5em;}
            #dashboard ul {margin: 0;}
            #dashboard li {border-bottom:1px solid #BABEBF;list-style:none;padding:5px 0;}
            #dashboard li a {color: #404448;text-decoration: none;}
            #dashboard li a:hover {color: #202428;text-decoration: underline;}
            #footer {background: #DDD;border: 1px solid #CCC;padding: 8px 12px;}
            #footer .right, #footer .right a {color: #777;text-decoration: none;}
            #footer .right a:hover {color:#223;text-decoration: underline;}
            * html #main, * html #dashboard {height: 0.01%; min-height: 0.01%;}

TASARIMIN ÜSTÜNE

<div id="wrap">
            <div id="header">
            </div>
            <div  id="menu">
            <ul>
            <li><a href="#">Name</a></li>
            <li><a href="#">Name</a></li>
            <li><a href="#">Name</a></li>
            <li><a href="#">Name</a></li>
            <li><a href="#">Name</a></li>
            <li><a href="#">Name</a></li>
            </ul>
            </div>
            <div id="content-wrap">
            <div id="sidebar">
            <h1>Titulo</h1>
            <div class="left-box">
            <ul class="sidemenu">
            <li><a href="#">Name</a></li>
            <li><a href="#">Name</a></li>
            <li><a href="#">Name</a></li>
            <li><a href="#">Name</a></li>
            <li><a href="#">Name</a></li>
            <li><a href="#">Name</a></li>
            </ul>
            </div>
            <h1>Titulo</h1>
            <div class="left-box">
            <ul class="sidemenu">
            <li><a href="#">Name</a></li>
            <li><a href="#">Name</a></li>
            <li><a href="#">Name</a></li>
            <li><a href="#">Name</a></li>
            <li><a href="#">Name</a></li>
            <li><a href="#">Name</a></li>
            </ul>
            </div>
            <h1>Titulo</h1>
            <div class="left-box">
            <p>Texto. <br /> <br / > <br / > <br / ></p>
            </div>
            <h1>Titulo</h1>
            <div class="left-box">
            <p>Texto. <br /> <br / > <br / > <br / ></p>
            </div>
            </div>
            <div id="main"> <a name="TemplateInfo"></a>
            <a name="SampleTags"></a>

TASARIMIN ALTINA CSS KODU

lli.nav_element{display: none;}
            li.nav_element a{display: none;}
            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;}
            /* Top Elements */
            * { margin: 0; padding: 0; }
            body {
            background: #c3e5b1;
            font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
            color: #333;
            text-align: center;
            }
            /* links */
            a, a:visited {
            text-decoration: none;
            color: #4F82CB;
            background: inherit;
            }
            a:hover {
            color: #4EBF37;
            background: inherit;
            }
            /* headers */
            h1, h2, h3 {
            font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
            font-weight: Bold;
            }
            h1 {
            font-size: 120%;
            }
            h2 {
            font-size: 110%;
            text-transform: uppercase;
            color: #88ac0b;
            }
            h3 {
            font-size: 110%;
            color: #666666;
            }
            /* images */
            img {
            border: 2px solid #c3e5b;
            }
            img.float-right {
            margin: 5px 0px 10px 10px;
            }
            img.float-left {
            margin: 5px 10px 10px 0px;
            }
            h1, h2, h3, p {
            padding: 10px;
            margin: 0;
            }
            ul, ol {
            margin: 5px 20px;
            padding: 0 20px;
            color: #88ac0b;
            }
            ul span, ol span {
            color: #666666;
            }
            code {
            margin: 5px 0;
            padding: 10px;
            text-align: left;
            display: block;
            overflow: auto;
            font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
            /* white-space: pre; */
            background: #FAFAFA;
            border: 1px solid #f2f2f2;
            }
            acronym {
            cursor: help;
            border-bottom: 1px solid #777;
            }
            blockquote {
            margin: 10px;
            padding: 0 0 0 28px;
            border: 1px solid #f2f2f2;
            background: #FAFAFA url(http://img23.xooimage.com/files/5/4/c/quote-b93848.gif) no-repeat 5px 5px;
            }
            /* form elements */
            form {
            margin:10px; padding: 0 5px;
            border: 1px solid #f2f2f2;
            background-color: #FAFAFA;
            }
            label {
            display:block;
            font-weight:bold;
            margin:5px 0;
            }
            input {
            padding:2px;
            border:1px solid #eee;
            font: normal 1em Verdana, sans-serif;
            color:#777;
            }
            textarea {
            width:400px;
            padding:2px;
            font: normal 1em Verdana, sans-serif;
            border:1px solid #eee;
            height:100px;
            display:block;
            color:#777;
            }
            input.button {
            margin: 0;
            font: bolder 12px Arial, Sans-serif;
            border: 1px solid #c3e5b1;
            padding: 2px 3px;
            background: #FFF;
            color: #88ac0b;
            }
            /* search */
            form.search {
            position: absolute;
            top: 35px; right: 25px;
            background: transparent;
            border: none;
            }
            form.search input.textbox {
            margin: 0; padding: 1px 2px;
            width: 120px;
            background: #FFF;
            color: #333;
            }
            form.search input.button {
            background: #c3e5b1 url(http://img28.xooimage.com/files/c/6/a/headerbg1-13305c9.png) repeat-x;
            color: #333;
            border: none;
            width: 70px; height: 21px;
            }
            /********************************************
            LAYOUT
            ********************************************/
            #wrap {
            width: 820px;
            background: #c3e5b1 url(http://img26.xooimage.com/files/b/9/1/content2-132d6c7.png) repeat-y center top;
            margin: 0 auto;
            text-align: left;
            }
            #content-wrap {
            clear: both;
            width: 760px;
            padding: 0;
            margin: 0 auto;
            }
            #header {
            width: 820px;
            position: relative;
            height: 106px;
            background: #c3e5b1 url(http://img22.xooimage.com/files/3/3/d/logo-1330696.png) no-repeat center top;
            padding: 0;
            font-size: 14px;
            color: #FFF;
            }
            #header h1#logo-text {
            position: absolute;
            margin: 0; padding: 0;
            font: bolder 3.3em 'Trebuchet MS', Arial, Sans-serif;
            letter-spacing: -2px;
            color: #FFF;
            text-transform: none;
            /* change the values of top and left to adjust the position of the logo*/
            top: 28px; left: 50px;
            }
            #header h2#slogan {
            position: absolute;
            margin: 0; padding: 0;
            font: normal .8em 'Trebuchet MS', Arial, Sans-serif;
            text-transform: none;
            color: #FFF;
            /* change the values of top and left to adjust the position of the slogan*/
            top: 74px; left: 58px;
            }
            /* Menu */
            #menu {
            clear: both;
            margin: 0; padding: 0 40px 0 0;
            background: url(http://img21.xooimage.com/files/8/4/0/menu6-133073c.png) repeat-y center top;
            font: bold 12px/26px Verdana, Arial, Tahoma, Sans-serif;
            height: 26px;
            }
            #menu ul {
            float: right;
            list-style: none;
            margin:0; padding: 0;
            }
            #menu ul li {
            display: inline;
            }
            #menu ul li a {
            display: block;
            float: left;
            padding: 0 8px;
            color: #FFF;
            text-decoration: none;
            }
            #menu ul li a:hover {
            background-color: #ECECEC;
            color: #333;
            }
            #menu ul li#current a {
            background-color: #FFF;
            color: #333;
            }
            /* Main Column */
            #main {
            float: right;
            width: 72%;
            padding: 0; margin: 0;
            }
            #main h1 {
            margin-top: 10px;
            font: Bold 125% Verdana, 'Trebuchet MS', Sans-serif;
            color: #88ac0b;
            padding: 5px 0 5px 25px;
            border-bottom: 1px solid #EFF0F1;
            background: #FFF url(http://img21.xooimage.com/files/e/6/8/square-green-b9384a.png) no-repeat 3px 50%;
            }
            .post-footer {
            background-color: #FAFAFA;
            padding: 5px; margin: 20px 10px 0 10px;
            border: 1px solid #f2f2f2;
            font-size: 95%;
            }
            .post-footer .date {
            background: url(http://img5.xooimage.com/files/0/b/5/clock-2c3823.gif) no-repeat left center;
            padding-left: 20px; margin: 0 10px 0 5px;
            }
            .post-footer .comments {
            background: url(http://img7.xooimage.com/files/4/e/5/comment-2c3824.gif) no-repeat left center;
            padding-left: 20px; margin: 0 10px 0 5px;
            }
            .post-footer .readmore {
            background: url(http://img1.xooimage.com/files/6/5/0/page-2c3826.gif) no-repeat left center;
            padding-left: 20px; margin: 0 10px 0 5px;
            }
            /* Sidebar */
            #sidebar {
            float: left;
            width: 26.5%;
            padding: 0; margin: 0;
            }
            #sidebar h1 {
            margin-top: 10px;
            padding: 5px 0 5px 10px;
            font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif;
            color: #555;
            background: #EEF0F1 url(http://img26.xooimage.com/files/2/1/6/headerbg2-1330610.png) repeat-x left bottom;
            border: 1px solid #EFF0F1;
            }
            #sidebar .left-box {
            border: 1px solid #EFF0F1;
            margin: 0 0 5px 0;
            }
            #sidebar ul.sidemenu {
            list-style: none;
            text-align: left;
            margin: 3px 0 8px 0; padding: 0;
            text-decoration: none;
            }
            #sidebar ul.sidemenu li {
            border-bottom: 1px solid #EFF0F1;
            background: url(http://img21.xooimage.com/files/f/4/4/go-b93843.gif) no-repeat 5px 5px;
            padding: 2px 0 2px 25px;
            margin: 0 2px;
            }
            #sidebar ul.sidemenu a {
            font-weight: bolder;
            text-decoration: none;
            background-image: none;
            }
            /* Footer */
            #footer {
            color: #666666;
            background: #c3e5b1 url(http://img40.xooimage.com/files/6/5/e/footer1-132d549.png) no-repeat center top;
            clear: both;
            width: 820px;
            height: 55px;
            text-align: center;
            font-size: 92%;
            }
            #footer a { text-decoration: none; }
            /* alignment classes */
            .float-left  { float: left; }
            .float-right { float: right; }
            .align-left  { text-align: left; }
            .align-right { text-align: right; }
            /* display and additional classes */
            .clear { clear: both; }
            .gray { color: #c3e5b1; }

TASARIMIN ÜSTÜNE

<div></div></div></div>
            <div id='wrap'>
            <div id='topnavbar'>
            <div class='topnavbarleft'>
            <p>
            <script type='text/javascript'>
            var mydate=new Date()
            var year=mydate.getYear()
            if (year < 1000)
            year+=1900
            var day=mydate.getDay()
            var month=mydate.getMonth()
            var daym=mydate.getDate()
            if (daym<10)
            daym="0"+daym
            var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
            var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
            document.write("<p>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"</p>")
            </script>
            </p>
            </div>
            <div class='topnavbarright'>
            <p><a href='http://revolutionchurch-btemplates.blogspot.com/feeds/posts/default'><img src='http://2.bp.blogspot.com/_kMUpUqMmduA/SVU826xrwQI/AAAAAAAAA6s/eoEI-3Jfvtk/s1600/rss.gif' style='vertical-align:middle'/></a><a href='http://revolutionchurch-btemplates.blogspot.com/feeds/posts/default'>Posts</a>
            <a href='http://revolutionchurch-btemplates.blogspot.com/feeds/comments/default'><img alt='Subscribe to Revolution Church' src='http://2.bp.blogspot.com/_kMUpUqMmduA/SVU826xrwQI/AAAAAAAAA6s/eoEI-3Jfvtk/s1600/rss.gif' style='vertical-align:middle;margin-left:10px;'/></a><a href='http://revolutionchurch-btemplates.blogspot.com/feeds/comments/default'>Comments</a></p>
            </div>
            </div>
            <div id='header'>
            <div class='headerleft'>
            <div class='header section' id='header'><div class='widget Header' id='Header1'>
            <div id='header-inner'>
            <div class='titlewrapper'>
            <h1 class='title'>
            Revolution Church
            </h1>
            </div>
            <div class='descriptionwrapper'>
            <p class='description'><span>BTemplates.com</span></p>
            </div>
            </div>
            </div></div>
            </div>
            <div class='headerright'>
            <a href='#'><img src='http://3.bp.blogspot.com/_kMUpUqMmduA/SVVA2EWPoQI/AAAAAAAAA7Q/uV4lqj5hIdk/s1600/468x60.gif'/></a>
            </div>
            </div>
            <div id='NavbarMenu'>
            <div id='NavbarMenuleft'>
            <ul id='nav'>
            <li><a href='http://revolutionchurch-btemplates.blogspot.com/'>Home</a></li>
            <li>
            <a href='#'>Sample Page</a>
            <ul>
            <li>
            <a href='#'>Sub Page #1</a>
            <ul>
            <li><a href='http://www.royalcast.tr.gg/'>Sub css sablon#1</a></li>
            <li><a href='http://www.royalcast.tr.gg/'>html kod #2</a></li>
            <li><a href='#'>Sub Sub Page #3</a></li>
            </ul>
            </li>
            <li><a href='#'>Sub Page #2</a></li>
            <li><a href='#'>Sub Page #3</a></li>
            <li><a href='#'>Sub Page #4</a></li>
            <li><a href='#'>Sub Page #5</a></li>
            </ul>
            </li>
            <li><a href='#'>Sample Post</a></li>
            <li><a href='http://www.royalcast.tr.gg/'>Blog Page</a></li>
            </ul>
            </div>
            <div id='NavbarMenuright'>
            <form action='/demo/church/index.php' id='searchform' method='get'> <input id='searchbox' name='s' onblur='if (this.value == '') {this.value = 'Search this website...';}' onfocus='if (this.value == 'Search this website...') {this.value = '';}' type='text' value='Search this website...'/> <input id='searchbutton' type='submit' value='GO'/></form>
            </div>
            </div>
            <div style='clear:both;'></div>
            <div id='subnavbar'>
            <ul id='subnav'>
            <li>
            <a href='#'>Community Events</a>
            <ul>
            <li>
            <a href='#'>Sub Category #1</a>
            <ul>
            <li>
            <a href='#'>Sub Sub Category #1</a>
            </li>
            <li>
            <a href='#'>Sub Sub Category #2</a>
            </li>
            <li>
            <a href='http://www.royalcast.tr.gg/'>html kod #3</a>
            </li>
            </ul>
            </li>
            <li>
            <a href='#'>Sub Category #2</a>
            </li>
            <li>
            <a href='#'>Sub Category #3</a>
            </li>
            </ul>
            </li>
            <li>
            <a href='#'>Conferences</a>
            </li>
            <li>
            <a href='#'>Get Connected</a>
            </li>
            </ul>
            </div>
            <div style='clear:both;'></div>
            <div id='outer-wrapper'><div id='wrap2'>
            <div id='content-wrapper'>
            <div id='crosscol-wrapper' style='text-align:center'>
            <div class='crosscol section' id='crosscol'></div>
            </div>
            <div id='main-wrapper'>
            <div class='main section' id='main'><div class='widget Blog' id='Blog1'>
            <div class='blog-posts hfeed'>
            
            <h2 class='date-header'>Friday, December 26, 2008</h2>
            <div class='post hentry'>
            <a name='3151776509617620217'></a>
            <h3 class='post-title entry-title'>
            <a href='http://revolutionchurch-btemplates.blogspot.com/2008/12/lorem-ipsum_26.html'>Lorem ipsum</a>
            </h3>

TASARIMIN ALTINA

</div>
            </div>
            <div class='gapad'>
            <center><a href='#'><img src='http://3.bp.blogspot.com/_kMUpUqMmduA/SVVA2EWPoQI/AAAAAAAAA7Q/uV4lqj5hIdk/s1600/468x60.gif'/></a></center>
            </div>
            
            </div>
            <div class='blog-pager' id='blog-pager'>
            </div>
            <div class='clear'></div>
            <div class='blog-feeds'>
            <div class='feed-links'>
            Subscribe to:
            <a class='feed-link' href='http://revolutionchurch-btemplates.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Posts (Atom)</a>
            </div>
            </div>
            </div></div>
            </div>
            <div id='sidebar-wrapper'>
            <div class='sidebar section' id='sidebar'><div class='widget HTML' id='HTML1'>
            <h2 class='title'>Sponsors</h2>
            <div class='widget-content'>
            <center>
            <a href="http://btemplates.com"><img style="margin:0 5px 0 0;" alt="MagzNetwork" src="http://4.bp.blogspot.com/_qTWVg4q5lCo/SNaO2GgfErI/AAAAAAAABEs/P-tN_TS7L84/s1600/btemplates.jpg"/></a>
            <a href="http://btemplates.com"><img style="margin:0;" alt="MagzNetwork" src="http://4.bp.blogspot.com/_qTWVg4q5lCo/SNaO2GgfErI/AAAAAAAABEs/P-tN_TS7L84/s1600/btemplates.jpg"/></a>
            </center>
            </div>
            <div class='clear'></div>
            <span class='widget-item-control'>
            <span class='item-control blog-admin'>
            <a class='quickedit' href='http://www.blogger.com/rearrange?blogID=2420795929826180627&widgetType=HTML&widgetId=HTML1&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML1"));' target='configHTML1' title='Edit'>
            <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
            </a>
            </span>
            </span>
            <div class='clear'></div>
            </div>
            </div>
            </div>
            <div id='midsidebar-wrapper'>
            <div class='lsidebar section' id='lsidebar'><div class='widget Feed' id='Feed2'>
            <h2>Recent Posts</h2>
            <div class='widget-content' id='Feed2_feedItemListDisplay'>
            <span style='filter: alpha(25); opacity: 0.25;'>
            <a href='http://btemplates.com/feed'>Loading...</a>
            </span>
            </div>
            <div class='clear'></div>
            <span class='widget-item-control'>
            <span class='item-control blog-admin'>
            <a class='quickedit' href='http://www.blogger.com/rearrange?blogID=2420795929826180627&widgetType=Feed&widgetId=Feed2&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("Feed2"));' target='configFeed2' title='Edit'>
            <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
            </a>
            </span>
            </span>
            <div class='clear'></div>
            </div><div class='widget Label' id='Label1'>
            <h2>Labels</h2>
            <div class='widget-content list-label-widget-content'>
            <ul>
            <li>
            <a dir='ltr' href='http://revolutionchurch-btemplates.blogspot.com/search/label/Lorem 1'>Lorem 1</a>
            <span dir='ltr'>(2)</span>
            </li>
            <li>
            <a dir='ltr' href='http://revolutionchurch-btemplates.blogspot.com/search/label/Lorem 2'>Lorem 2</a>
            <span dir='ltr'>(2)</span>
            </li>
            <li>
            <a dir='ltr' href='http://revolutionchurch-btemplates.blogspot.com/search/label/Lorem 3'>Lorem 3</a>
            <span dir='ltr'>(2)</span>
            </li>
            </ul>
            <div class='clear'></div>
            <span class='widget-item-control'>
            <span class='item-control blog-admin'>
            <a class='quickedit' href='http://www.blogger.com/rearrange?blogID=2420795929826180627&widgetType=Label&widgetId=Label1&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("Label1"));' target='configLabel1' title='Edit'>
            <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
            </a>
            </span>
            </span>
            <div class='clear'></div>
            </div>
            </div><div class='widget LinkList' id='LinkList1'>
            <h2>Blogroll</h2>
            <div class='widget-content'>
            <ul>
            <li><a href='http://btemplates.com/'>BTemplates</a></li>
            </ul>
            <div class='clear'></div>
            <span class='widget-item-control'>
            <span class='item-control blog-admin'>
            <a class='quickedit' href='http://www.blogger.com/rearrange?blogID=2420795929826180627&widgetType=LinkList&widgetId=LinkList1&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("LinkList1"));' target='configLinkList1' title='Edit'>
            <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
            </a>
            </span>
            </span>
            <div class='clear'></div>
            </div>
            </div></div>
            <div class='rsidebar section' id='rsidebar'><div class='widget Followers' id='Followers2'>
            <h2 class='title'>Followers</h2>
            <div class='widget-content'>
            <div id='Followers2-wrapper'>
            <div style='margin-right:2px;'>
            <script type="text/javascript">
            if (!window.google || !google.friendconnect) {
            document.write('<script type="text/javascript"' +
            'src="http://www.google.com/friendconnect/script/friendconnect.js">' +
            '</scr' + 'ipt>');
            }
            </script>
            <script type="text/javascript">
            if (!window.registeredBloggerCallbacks) {
            window.registeredBloggerCallbacks = true;
            var registeredGadgets = [];
            gadgets.rpc.register('registerGadgetForRpcs', function(gadgetDomain, iframeName) {
            // RPCs don't work from the container to the blog in WebKit -
            // they cause the gadgets to get reloaded. Just ignore.
            // TODO(henrywong): There's a slick closure way to do this, but
            // we don't pull closure into blogs right now.
            if (!navigator || navigator.userAgent.indexOf("WebKit") == -1) {
            // Trim the gadget domain from a random url (w/ query params)
            // down to just a top level domain.
            // TODO(henrywong): There must be a slicker way to do this
            var startIndex = 0;
            var protocolMarker = "://";
            // Find the start of the host name
            if (gadgetDomain.indexOf(protocolMarker) != -1) {
            startIndex = gadgetDomain.indexOf(protocolMarker) + protocolMarker.length;
            }
            // Now find the start of the path
            var pathIndex = gadgetDomain.indexOf("/", startIndex);
            // Now extract just the hostname
            if (pathIndex != -1) {
            gadgetDomain = gadgetDomain.substring(0, pathIndex);
            }
            gadgets.rpc.setRelayUrl(iframeName, gadgetDomain + "/ps/rpc_relay.html");
            // Just return some random stuff so the gadget can tell when
            // we're done.
            return "callback";
            }
            });
            gadgets.rpc.register('getBlogUrls', function() {
            var holder = {};
            holder.postFeed = "http://www.blogger.com/feeds/2420795929826180627/posts/default";
            holder.commentFeed = "http://www.blogger.com/feeds/2420795929826180627/comments/default";
            return holder;
            });
            gadgets.rpc.register('requestReload', function() {
            document.location.reload();
            });
            gadgets.rpc.register('requestSignOut', function(siteId) {
            google.friendconnect.container.openSocialSiteId = siteId;
            google.friendconnect.requestSignOut();
            });
            }
            </script>
            <div id="div-c024mwj8eefe" style="width: 100%; "></div>
            <script type="text/javascript">
            var skin = {};
            skin['FACE_SIZE'] = '32';
            skin['HEIGHT'] = "260";
            skin['TITLE'] = "Followers";
            skin['BORDER_COLOR'] = "transparent";
            skin['ENDCAP_BG_COLOR'] = "transparent";
            skin['ENDCAP_TEXT_COLOR'] = "#000000";
            skin['ENDCAP_LINK_COLOR'] = "#000000";
            skin['ALTERNATE_BG_COLOR'] = "transparent";
            skin['CONTENT_BG_COLOR'] = "transparent";
            skin['CONTENT_LINK_COLOR'] = "#000000";
            skin['CONTENT_TEXT_COLOR'] = "#000000";
            skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
            skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
            skin['CONTENT_HEADLINE_COLOR'] = "#000000";
            google.friendconnect.container.setParentUrl("/");
            google.friendconnect.container["renderMembersGadget"](
            { id: "div-c024mwj8eefe",
            height: 260,
            site: "09703924558467294012",
            locale: 'en' },
            skin);
            </script>
            </div>
            </div>
            <div class='clear'></div>
            <span class='widget-item-control'>
            <span class='item-control blog-admin'>
            <a class='quickedit' href='http://www.blogger.com/rearrange?blogID=2420795929826180627&widgetType=Followers&widgetId=Followers2&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("Followers2"));' target='configFollowers2' title='Edit'>
            <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
            </a>
            </span>
            </span>
            <div class='clear'></div>
            </div>
            </div><div class='widget BlogArchive' id='BlogArchive2'>
            <h2>Archive</h2>
            <div class='widget-content'>
            <div id='ArchiveList'>
            <div id='BlogArchive2_ArchiveList'>
            <ul>
            <li class='archivedate expanded'>
            <a class='toggle' href='http://revolutionchurch-btemplates.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=close&toggle=YEARLY-1199174400000&toggleopen=MONTHLY-1228118400000'>
            <span class='zippy toggle-open'>? </span>
            </a>
            <a class='post-count-link' href='http://revolutionchurch-btemplates.blogspot.com/search?updated-min=2008-01-01T00:00:00-08:00&updated-max=2009-01-01T00:00:00-08:00&max-results=2'>2008</a>
            <span class='post-count' dir='ltr'>(2)</span>
            <ul>
            <li class='archivedate expanded'>
            <a class='toggle' href='http://revolutionchurch-btemplates.blogspot.com/?widgetType=BlogArchive&widgetId=BlogArchive2&action=toggle&dir=close&toggle=MONTHLY-1228118400000&toggleopen=MONTHLY-1228118400000'>
            <span class='zippy toggle-open'>? </span>
            </a>
            <a class='post-count-link' href='http://revolutionchurch-btemplates.blogspot.com/2008_12_01_archive.html'>December</a>
            <span class='post-count' dir='ltr'>(2)</span>
            <ul class='posts'>
            <li><a href='http://revolutionchurch-btemplates.blogspot.com/2008/12/lorem-ipsum_26.html'>Lorem ipsum</a></li>
            <li><a href='http://revolutionchurch-btemplates.blogspot.com/2008/12/lorem-ipsum.html'>Lorem ipsum</a></li>
            </ul>
            </li>
            </ul>
            </li>
            </ul>
            </div>
            </div>
            <div class='clear'></div>
            <span class='widget-item-control'>
            <span class='item-control blog-admin'>
            <a class='quickedit' href='http://www.blogger.com/rearrange?blogID=2420795929826180627&widgetType=BlogArchive&widgetId=BlogArchive2&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("BlogArchive2"));' target='configBlogArchive2' title='Edit'>
            <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
            </a>
            </span>
            </span>
            <div class='clear'></div>
            </div>
            </div></div>
            </div>
            
            <div class='clear'> </div>
            </div>
            
            <div id='footer-wrapper'>
            <div class='footer section' id='footer'></div>
            </div>
            </div></div>
            
            <div id='credits'>
            <p><a href='http://revolutionchurch-btemplates.blogspot.com/'>Revolution Church</a>. Copyright  2008  All Rights Reserved  <a href='http://www.revolutiontwo.com'>Revolution Two Church theme</a> by <a href='http://www.briangardner.com'>Brian Gardner</a>  adaptado por  <a href='http://www.pwg-designs.es.tl/'>PwG-DesignS</a></p>
            </div>
            </div>

CSS KODU

#navbar-iframe {
            display: none !important;
            }
            body {
            background: #111 url(http://4.bp.blogspot.com/_kMUpUqMmduA/SVU80wCpSdI/AAAAAAAAA5c/YvJiRzAcUOg/s1600/bg.png);
            width: 980px;
            color: #333;
            font-size: 12px;
            font-family: Arial, Tahoma, Verdana;
            margin: 0 auto 0;
            padding: 0;
            }
            #wrap {
            background: #EEE;
            width: 960px;
            margin: 10px auto 10px;
            padding: 0;
            position: relative;
            border: 10px solid #333;
            }
            a, a:visited {
            color: #A91B33;
            text-decoration: none;
            }
            a:hover {
            color: #A91B33;
            text-decoration: underline;
            }
            a img {
            border-width: 0;
            }
            #topnavbar {
            background: #111 url(http://1.bp.blogspot.com/_kMUpUqMmduA/SVU83AJh2SI/AAAAAAAAA60/cBmw4fQjzF8/s1600/topnav.png);
            width: 960px;
            height: 30px;
            color: #FFF;
            margin: 0;
            padding: 0;
            }
            #topnavbar a, #topnavbar a:visited {
            font-size: 11px;
            font-weight: bold;
            color: #FFF;
            text-decoration: none;
            }
            #topnavbar a:hover {
            text-decoration: underline;
            }
            #topnavbar p {
            font-size: 11px;
            font-weight: bold;
            padding: 0;
            margin: 0;
            }
            .topnavbarleft {
            width: 230px;
            float: left;
            margin: 0;
            padding: 8px 0 0 10px;
            }
            .topnavbarright {
            width: 600px;
            float: right;
            margin: 0;
            padding: 7px 10px 0 0;
            text-transform: uppercase;
            text-align: right;
            }
            .topnavbarright a img {
            border: none;
            margin: 0 3px 3px 0;
            padding: 0;
            }
            #header {
            background: #111 url(http://1.bp.blogspot.com/_kMUpUqMmduA/SVU809IyVNI/AAAAAAAAA5k/7_DXEKzUD40/s1600/header.png);
            width: 960px;
            height: 100px;
            color: #FFF;
            font-size: 11px;
            margin: 0;
            padding: 0;
            overflow: hidden;
            }
            #header-inner {
            background-position: left;
            background-repeat: no;
            }
            #header h1 {
            color: #FFF;
            font-size: 36px;
            font-family: Georgia, Times New Roman;
            font-weight: normal;
            margin: 0;
            padding: 15px 0 0 20px;
            text-decoration: none;
            }
            #header h1 a, #header h1 a:visited {
            color: #FFF;
            font-size: 36px;
            font-family: Georgia, Times New Roman;
            font-weight: normal;
            margin: 0;
            padding: 0;
            text-decoration: none;
            }
            #header h1 a:hover {
            color: #FFF;
            text-decoration: none;
            }
            #header h3 {
            color: #A91B33;
            font-size: 16px;
            font-family: Arial, Tahoma, Verdana;
            font-weight: normal;
            margin: 0;
            padding: 0;
            }
            #header p {
            color: #FFF;
            padding: 0 0 5px 20px;
            margin: 0;
            line-height: 20px;
            }
            .headerleft {
            width: 460px;
            float: left;
            font-size: 14px;
            margin: 0;
            padding: 0;
            }
            .headerleft a img {
            border: none;
            margin: 0;
            padding: 0;
            }
            .headerright {
            width: 486px;
            float: right;
            margin: 0;
            padding: 18px 0 0;
            font-weight: bold;
            }
            .headerright a img {
            border: 1px solid #FFF;
            margin: 0 0 3px;
            padding: 0;
            }
            #header .description {
            color: #A91B33;
            font-size: 16px;
            font-family: Arial, Tahoma, Verdana;
            font-weight: normal;
            margin-left: 25px;
            padding: 0;
            }
            #NavbarMenu {
            background: #555 url(http://2.bp.blogspot.com/_kMUpUqMmduA/SVU82PLeYMI/AAAAAAAAA6c/R8Ip5ZMFIh8/s1600/navbar.png);
            width: 960px;
            height: 35px;
            font-size: 12px;
            font-family: Arial, Tahoma, Verdana;
            color: #FFF;
            font-weight: bold;
            margin: 0;
            padding: 0;
            }
            #NavbarMenuleft {
            width: 680px;
            float: left;
            margin: 0;
            padding: 0;
            }
            #NavbarMenuright {
            width: 280px;
            font-size: 11px;
            float: right;
            margin: 0;
            padding: 6px 0 0;
            }
            #nav {
            margin: 0;
            padding: 0;
            }
            #nav ul {
            float: left;
            list-style: none;
            margin: 0;
            padding: 0;
            }
            #nav li {
            list-style: none;
            margin: 0;
            padding: 0;
            }
            #nav li a, #nav li a:link, #nav li a:visited {
            color: #FFF;
            display: block;
            font-size: 16px;
            font-family: Georgia, Times New Roman;
            font-weight: normal;
            text-transform: lowercase;
            margin: 0;
            padding: 9px 15px 8px;
            }
            #nav li a:hover, #nav li a:active {
            background: #555 url(http://1.bp.blogspot.com/_kMUpUqMmduA/SVU-vl5H-bI/AAAAAAAAA68/U4rkLsg0HqE/s1600/navhov.png);
            color: #FFF;
            margin: 0;
            padding: 9px 15px 8px;
            text-decoration: none;
            }
            #nav li li a, #nav li li a:link, #nav li li a:visited {
            background: #555;
            width: 150px;
            color: #FFF;
            font-size: 14px;
            font-family: Georgia, Times New Roman;
            font-weight: normal;
            text-transform: lowercase;
            float: none;
            margin: 0;
            padding: 7px 10px;
            border-bottom: 1px solid #FFF;
            border-left: 1px solid #FFF;
            border-right: 1px solid #FFF;
            }
            #nav li li a:hover, #nav li li a:active {
            background: #777;
            color: #FFF;
            padding: 7px 10px;
            }
            #nav li {
            float: left;
            padding: 0;
            }
            #nav li ul {
            z-index: 9999;
            position: absolute;
            left: -999em;
            height: auto;
            width: 170px;
            margin: 0;
            padding: 0;
            }
            #nav li ul a {
            width: 140px;
            }
            #nav li ul ul {
            margin: -32px 0 0 171px;
            }
            #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
            left: -999em;
            }
            #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
            left: auto;
            }
            #nav li:hover, #nav li.sfhover {
            position: static;
            }
            #searchform {
            margin: 0;
            padding: 0;
            overflow: hidden;
            display: inline;
            }
            #searchbox {
            background: #EEE !important;
            width: 220px;
            color: #202020;
            font-size: 12px;
            font-family: Georgia, Times New Roman, Trebuchet MS;
            font-weight: normal;
            margin: 0;
            padding: 4px 0 3px 5px;
            border-top: 1px solid #DDD;
            border-right: 1px solid #666;
            border-left: 1px solid #DDD;
            border-bottom: 1px solid #666;
            display: inline;
            }
            #searchbutton {
            background: #555 url(http://1.bp.blogspot.com/_kMUpUqMmduA/SVU83AJh2SI/AAAAAAAAA60/cBmw4fQjzF8/s1600/topnav.png);
            color: #FFF;
            font-size: 11px;
            font-family: Georgia, Times New Roman, Trebuchet MS;
            margin: 0 0 0 5px;
            padding: 3px 3px 2px;
            font-weight: bold;
            border-top: 1px solid #DDD;
            border-right: 1px solid #666;
            border-left: 1px solid #DDD;
            border-bottom: 1px solid #666;
            }
            #subscribe {
            margin: 0;
            padding: 5px 0 0;
            overflow: hidden;
            }
            #subbox {
            background: #EEE !important;
            width: 200px;
            color: #202020;
            font-size: 12px;
            font-family: Georgia, Times New Roman, Trebuchet MS;
            font-weight: normal;
            margin: 5px 0 0;
            padding: 3px 0 3px 5px;
            border-top: 1px solid #666;
            border-right: 1px solid #DDD;
            border-left: 1px solid #666;
            border-bottom: 1px solid #DDD;
            display: inline;
            }
            #subbutton {
            background: #555 url(http://1.bp.blogspot.com/_kMUpUqMmduA/SVU83AJh2SI/AAAAAAAAA60/cBmw4fQjzF8/s1600/topnav.png);
            color: #FFF;
            font-size: 11px;
            font-family: Georgia, Times New Roman, Trebuchet MS;
            margin: 0 0 0 7px;
            padding: 3px 3px 2px;
            font-weight: bold;
            border-top: 1px solid #DDD;
            border-right: 1px solid #666;
            border-left: 1px solid #DDD;
            border-bottom: 1px solid #666;
            }
            #name, #email, #url {
            background: #EEE !important;
            width: 250px;
            color: #202020;
            font-size: 12px;
            font-weight: normal;
            margin: 5px 0 0;
            padding: 3px 0 3px 5px;
            border-top: 1px solid #666;
            border-right: 1px solid #DDD;
            border-left: 1px solid #666;
            border-bottom: 1px solid #DDD;
            display: inline;
            }
            #submit {
            background: #7B7B7B;
            color: #FFF;
            font-size: 11px;
            font-family: Arial, Tahoma, Verdana;
            margin: 0;
            padding: 3px 3px 2px;
            font-weight: bold;
            border-top: 1px solid #DDD;
            border-right: 1px solid #666;
            border-left: 1px solid #DDD;
            border-bottom: 1px solid #666;
            }
            #words {
            background: #EEE;
            width: 460px;
            color: #202020;
            font-size: 12px;
            font-weight: normal;
            margin: 5px 0 0;
            padding: 3px 0 3px 5px;
            border-top: 1px solid #666;
            border-right: 1px solid #DDD;
            border-left: 1px solid #666;
            border-bottom: 1px solid #DDD;
            display: inline;
            }
            #subnavbar {
            background: #666;
            width: 960px;
            height: 24px;
            color: #FFF;
            margin: 0;
            padding: 0;
            }
            #subnav {
            margin: 0;
            padding: 0;
            }
            #subnav ul {
            float: left;
            list-style: none;
            margin: 0;
            padding: 0;
            }
            #subnav li {
            list-style: none;
            margin: 0;
            padding: 0;
            }
            #subnav li a, #subnav li a:link, #subnav li a:visited {
            color: #FFF;
            display: block;
            font-size: 10px;
            font-weight: bold;
            text-transform: uppercase;
            margin: 0 5px 0 0;
            padding: 6px 13px;
            }
            #subnav li a:hover, #subnav li a:active {
            background: #888;
            color: #FFF;
            display: block;
            text-decoration: none;
            margin: 0 5px 0 0;
            padding: 6px 13px;
            }
            #subnav li li a, #subnav li li a:link, #subnav li li a:visited {
            background: #666;
            width: 140px;
            float: none;
            margin: 0;
            padding: 6px 10px;
            border-bottom: 1px solid #FFF;
            border-left: 1px solid #FFF;
            border-right: 1px solid #FFF;
            }
            #subnav li li a:hover, #subnav li li a:active {
            background: #888;
            margin: 0;
            padding: 6px 10px;
            }
            #subnav li {
            float: left;
            padding: 0;
            }
            #subnav li ul {
            z-index: 9999;
            position: absolute;
            left: -999em;
            height: auto;
            width: 160px;
            margin: 0;
            padding: 0;
            }
            #subnav li ul a {
            width: 140px;
            }
            #subnav li ul ul {
            margin: -25px 0 0 161px;
            }
            #subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul {
            left: -999em;
            }
            #subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul {
            left: auto;
            }
            #subnav li:hover, #subnav li.sfhover {
            position: static;
            }
            #outer-wrapper {
            width: 940px;
            margin: 0 auto 0;
            padding: 10px 0 0;
            line-height: 18px;
            }
            #main-wrapper {
            float: left;
            width: 600px;
            margin: 0;
            padding: 0 0 20px;
            }
            #sidebar-wrapper {
            float: right;
            width: 320px;
            margin: 0;
            padding: 0 0 10px;
            display: inline;
            }
            #midsidebar-wrapper {
            width: 320px;
            float: right;
            overflow: hidden;
            }
            #lsidebar {
            background: #FFF url(http://1.bp.blogspot.com/_kMUpUqMmduA/SVU816iWxaI/AAAAAAAAA6U/M4QXEEvacuM/s1600/leftsidebartop.gif) top no-repeat;
            float: left;
            width: 150px;
            margin: 0;
            padding: 10px 10px 0;
            border: 1px solid #DDD;
            display: inline;
            }
            #rsidebar {
            background: #FFF url(http://2.bp.blogspot.com/_kMUpUqMmduA/SVU82YM12GI/AAAAAAAAA6k/-mtGMiUJ6pE/s1600/rightsidebartop.gif) top no-repeat;
            float: right;
            width: 120px;
            margin: 0;
            padding: 10px 10px 0;
            border: 1px solid #DDD;
            display: inline;
            }
            h2.date-header {
            margin: 1.5em 0 .5em;
            display: none;
            }
            .post {
            background: #FFF url(http://2.bp.blogspot.com/_kMUpUqMmduA/SVU81N7CTKI/AAAAAAAAA50/VjuFzYPFIzA/s1600/homepagetop.gif) top no-repeat;
            float: left;
            width: 590px;
            margin: 0 0 10px;
            padding: 10px;
            border: 1px solid #DDD;
            }
            .post h3 {
            color: #444;
            font-size: 22px;
            font-family: Georgia, Times New Roman;
            font-weight: normal;
            margin: 0 0 5px;
            padding: 10px 0 0;
            }
            .post h3 a, #content h1 a:visited {
            color: #444;
            font-size: 22px;
            font-family: Georgia, Times New Roman;
            font-weight: normal;
            margin: 0 0 5px;
            padding: 10px 0 0;
            }
            .post h3 a:hover {
            color: #A91B33;
            text-decoration: none;
            }
            .post-body {
            margin: 0 0 .75em;
            line-height: 1.6em;
            }
            .post-body blockquote {
            line-height: 1.3em;
            }
            .comment-link {
            margin-left: .6em;
            }
            .post img {
            padding: 10px;
            }
            .post blockquote {
            background: #E8E8E8;
            margin: 0 25px 15px;
            padding: 10px 20px 0 15px;
            border-top: 1px solid #DDD;
            border-right: 1px solid #666;
            border-left: 1px solid #DDD;
            border-bottom: 1px solid #666;
            }
            .post blockquote p {
            margin: 0;
            padding: 0 0 15px;
            }
            .gapad {
            background: #FFF url(http://2.bp.blogspot.com/_kMUpUqMmduA/SVU81N7CTKI/AAAAAAAAA50/VjuFzYPFIzA/s1600/homepagetop.gif) top no-repeat;
            float: left;
            width: 590px;
            margin: 0 0 10px;
            padding: 10px;
            border: 1px solid #DDD;
            }
            .comments {
            background: #FFF url(http://2.bp.blogspot.com/_kMUpUqMmduA/SVU81N7CTKI/AAAAAAAAA50/VjuFzYPFIzA/s1600/homepagetop.gif) top no-repeat;
            float: left;
            width: 590px;
            margin: 0 0 10px;
            padding: 10px;
            border: 1px solid #DDD;
            }
            #comments h4 {
            color: #A91B33;
            font-size: 22px;
            font-family: Georgia, Times New Roman;
            font-weight: normal;
            margin: 0 0 20px;
            padding: 10px 0 0;
            }
            #comments-block {
            width: 580px;
            float: left;
            padding: 0;
            margin: 0;
            }
            #comments-block .comment-author {
            margin: .5em 0;
            font-weight: bold;
            }
            #comments-block .comment-body {
            margin: .25em 0 10px;
            padding-left: 20px;
            }
            #comments-block .comment-footer {
            margin: -.25em 0 2em;
            line-height: 1.4em;
            text-transform: uppercase;
            letter-spacing: .1em;
            border: 1px solid #DDD;
            }
            #comments-block .comment-body p {
            margin: 0 0 .75em;
            }
            .deleted-comment {
            font-style: italic;
            color: gray;
            }
            #blog-pager-newer-link {
            float: left;
            display:none;
            }
            #blog-pager-older-link {
            float: right;
            display:none;
            }
            #blog-pager {
            text-align: center;
            display:none;
            }
            .feed-links {
            clear: both;
            line-height: 2.5em;
            display:none;
            }
            .sidebar {
            color: #666;
            line-height: 1.5em;
            }
            .sidebar h2, .rsidebar h2, .lsidebar h2 {
            background: #333 url(http://4.bp.blogspot.com/_kMUpUqMmduA/SVU81KcgGkI/AAAAAAAAA5s/F42frbPwJ00/s1600/headline.png);
            color: #FFF;
            font-size: 11px;
            font-family: Arial, Tahoma, Verdana;
            font-weight: bold;
            text-transform: uppercase;
            margin: 0 0 10px;
            padding: 3px 0 3px 7px;
            }
            #sidebar p {
            margin: 0;
            padding: 0 0 0 45px;
            }
            #sidebar a img {
            border: none;
            margin: 0;
            padding: 0;
            }
            .sidebar ul, .rsidebar ul, .lsidebar ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            }
            .sidebar ul li, .rsidebar ul li, .lsidebar ul li {
            background: #FFF url(http://4.bp.blogspot.com/_kMUpUqMmduA/SVU81WBL-vI/AAAAAAAAA58/8Bw6OazI-mc/s1600/icon.gif) no-repeat;
            list-style-type: none;
            margin: 0 0 5px;
            padding-left: 20px;
            }
            .sidebar .widget {
            background: #FFF url(http://2.bp.blogspot.com/_kMUpUqMmduA/SVU_vsmsTCI/AAAAAAAAA7E/_GZxN8lX-mM/s1600/sidebartop.gif) top no-repeat;
            float: left;
            width: 300px;
            margin: 0 0 10px;
            padding: 10px;
            border: 1px solid #DDD;
            }
            .sidebar .widget, .main .widget {
            margin: 0 0 1.5em;
            padding: 0 0 1.5em;
            }
            .sidebar .widget {
            background: #FFF url(http://2.bp.blogspot.com/_kMUpUqMmduA/SVU_vsmsTCI/AAAAAAAAA7E/_GZxN8lX-mM/s1600/sidebartop.gif) top no-repeat;
            float: left;
            width: 300px;
            margin: 0 0 10px;
            padding: 10px;
            border: 1px solid #DDD;
            }
            .main .Blog {
            border-bottom-width: 0;
            }
            #footer {
            width: 660px;
            clear: both;
            margin: 0 auto;
            padding-top: 15px;
            line-height: 1.6em;
            text-transform: uppercase;
            letter-spacing: .1em;
            text-align: center;
            }
            #credits {
            background: #93BBBC url(http://1.bp.blogspot.com/_kMUpUqMmduA/SVU83AJh2SI/AAAAAAAAA60/cBmw4fQjzF8/s1600/topnav.png);
            width: 960px;
            height: 30px;
            margin: 0;
            padding: 0;
            text-align: center;
            }
            #credits p {
            color: #FFF;
            font-size: 11px;
            font-family: Arial, Tahoma, Verdana;
            margin: 0;
            padding: 9px 0 0;
            }
            #credits a, #footer a:visited {
            color: #FFF;
            text-decoration: none;
            }
            #credits a:hover {
            color: #FFF;
            text-decoration: underline;
            }
            -->
            lli.nav_element{display: none;}
            li.nav_element a{display: none;}
            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;}

TASARIMIN ÜSTÜNE

<link rel="stylesheet" href="http://wpcrunchy.com/preview/wordpress/wp-content/plugins/wp-pagenavi/pagenavi-css.css" type="text/css" media="screen" />
            
            <link rel="stylesheet" href="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/style.css" type="text/css" media="screen" />
            
            <link rel="stylesheet" href="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/jquery.jcarousel.css" type="text/css" media="screen" />
            <link rel="stylesheet" href="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/skin.css" type="text/css" media="screen" />
            <script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/pngfix.js"></script>
            <script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/jquery.min.js"></script>
            <script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/jquery.lavalamp.1.3.2-min.js"></script>
            <script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/jquery.easing.1.3.js"></script>
            <script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/jquery.jcarousel.js"></script>
            <script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/superfish.js"></script>
            <script type="text/javascript">
            function mycarousel_initCallback(carousel)
            {
            // Disable autoscrolling if the user clicks the prev or next button.
            carousel.buttonNext.bind('click', function() {
            carousel.startAuto(0);
            });
            carousel.buttonPrev.bind('click', function() {
            carousel.startAuto(0);
            });
            // Pause autoscrolling if the user moves with the cursor over the clip.
            carousel.clip.hover(function() {
            carousel.stopAuto();
            }, function() {
            carousel.startAuto();
            });
            };
            $(document).ready(function(){
            // dropdown
            $("ul.superfish").superfish();
            // featured carousel effect
            jQuery('#mycarousel').jcarousel({
            auto: 3,
            scroll:1,
            wrap: 'last',
            initCallback: mycarousel_initCallback
            });
            });
            </script>
            </head>
            <body>
            <div id="base">
            <div id="header">
            <div id="page-menu" class="clearfix">
            <script type="text/javascript">
            $(function() {
            $('#nav1').lavaLamp({fx: 'swing', speed: 333,click: function(event, menuItem) {return true;}});
            });
            </script>
            <ul id="nav1" class="left">
            <li class="current_page_item" style="border:0; "><a href="http://wpcrunchy.com/preview/wordpress">Home</a></li>
            <li class="page_item page-item-5"><a href="http://www.royalcast.tr.gg/" title="About">css sablon</a></li>
            <li class="page_item page-item-55"><a href="http://www.royalcast.tr.gg/" title="Design">html kod</a></li>
            <li class="page_item page-item-57"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=57" title="Photoshop">Photoshop</a></li>
            <li class="page_item page-item-40"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=40" title="PROGRAMMING">PROGRAMMING</a></li>
            </ul>
            <div id="rss-button" class="right clearfix">
            <a href="http://wpcrunchy.com/preview/wordpress/?feed=rss2" class="left">POST</a>
            <a href="http://wpcrunchy.com/preview/wordpress/?feed=comments-rss2" class="left">COMMENTS</a>
            </div>
            </div>
            <div id="logo">
            <div class="logo-image clearfix">
            <a class="left" href="http://wpcrunchy.com/preview/wordpress">
            <img src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/images/logo.png" border="0" alt="Logo" />
            </a>
            <div class="ads-topwide right">
            <div style="background:#fff; width:468px; height:60px; "><script type="text/javascript">
            </script>
            <script type="text/javascript"
            src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
            </script></div>
            </div>
            </div>
            </div>
            <div id="category-menu" class="clearfix">
            <ul class="nav superfish">
            <li class="cat-item cat-item-3"><a href="http://wpcrunchy.com/preview/wordpress/?cat=3" >Apple</a>
            <ul class='children'>
            <li class="cat-item cat-item-19"><a href="http://wpcrunchy.com/preview/wordpress/?cat=19" >Desktop PC</a>
            <ul class='children'>
            <li class="cat-item cat-item-20"><a href="http://wpcrunchy.com/preview/wordpress/?cat=20" >Mac Notebook</a>
            </li>
            </ul>
            </li>
            <li class="cat-item cat-item-18"><a href="http://wpcrunchy.com/preview/wordpress/?cat=18" >Ipod</a>
            </li>
            <li class="cat-item cat-item-17"><a href="http://wpcrunchy.com/preview/wordpress/?cat=17" >Phone</a>
            <ul class='children'>
            <li class="cat-item cat-item-21"><a href="http://wpcrunchy.com/preview/wordpress/?cat=21" >Iphone</a>
            </li>
            <li class="cat-item cat-item-22"><a href="http://wpcrunchy.com/preview/wordpress/?cat=22" >Iphone 3G</a>
            <ul class='children'>
            <li class="cat-item cat-item-23"><a href="http://wpcrunchy.com/preview/wordpress/?cat=23" >Application</a>
            </li>
            <li class="cat-item cat-item-24"><a href="http://wpcrunchy.com/preview/wordpress/?cat=24" >Themes</a>
            </li>
            </ul>
            </li>
            </ul>
            </li>
            </ul>
            </li>
            <li class="cat-item cat-item-4"><a href="http://wpcrunchy.com/preview/wordpress/?cat=4" >Featured</a>
            </li>
            <li class="cat-item cat-item-5"><a href="http://wpcrunchy.com/preview/wordpress/?cat=5" >Hotel</a>
            </li>
            <li class="cat-item cat-item-6"><a href="http://wpcrunchy.com/preview/wordpress/?cat=6" >HTML</a>
            </li>
            <li class="cat-item cat-item-7"><a href="http://wpcrunchy.com/preview/wordpress/?cat=7" >Internet</a>
            </li>
            <li class="cat-item cat-item-8"><a href="http://wpcrunchy.com/preview/wordpress/?cat=8" >Introduction</a>
            </li>
            <li class="cat-item cat-item-9"><a href="http://wpcrunchy.com/preview/wordpress/?cat=9" >Movie</a>
            </li>
            <li class="cat-item cat-item-10"><a href="http://wpcrunchy.com/preview/wordpress/?cat=10" >Programming</a>
            </li>
            <li class="cat-item cat-item-25"><a href="http://wpcrunchy.com/preview/wordpress/?cat=25" >Six Preview</a>
            </li>
            <li class="cat-item cat-item-11"><a href="http://wpcrunchy.com/preview/wordpress/?cat=11" >Web</a>
            </li>
            </ul>
            </div>
            </div>
            <div class="shadow"></div>
            <div id="main">
            <div id="content-body" class="clearfix">
            
            <div id="posts" class="left">
            <div class="slideshow irelative">
            <div class="hangtext">What's new</div>
            <div class="slider">
            <ul id="mycarousel" class="jcarousel-skin-tango">
            <li><a href="http://wpcrunchy.com/preview/wordpress/?p=35"><img src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/timthumb.php?src=http://wpcrunchy.com/preview/bmag/wp-content/uploads/2009/03/twilight07dp7.jpg&w=590&h=280&zc=1" border="0" alt="Twilight Movie and Book" /></a><div class="abstitle"><strong><a href="http://wpcrunchy.com/preview/wordpress/?p=35">Twilight Movie and Book</a></strong><span><p style="line-height:18px; ">Mauris faucibus velit ac lorem. Aliquam auctor laoreet erat. Phasellus luctus odio nec risus. Cum sociis [...]</p></span></div></li>
            <li><a href="http://wpcrunchy.com/preview/wordpress/?p=31"><img src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/timthumb.php?src=http://wpcrunchy.com/preview/bmag/wp-content/uploads/2009/03/index4a.jpg&w=590&h=280&zc=1" border="0" alt="Ponce Suites, Davao City, Philippines" /></a><div class="abstitle"><strong><a href="http://wpcrunchy.com/preview/wordpress/?p=31">Ponce Suites, Davao City, Philippines</a></strong><span><p style="line-height:18px; ">Suspendisse aliquet sem ut nulla. Cras mollis ornare nisl. Morbi ac mi. Nunc eget nisi. Donec at enim. [...]</p></span></div></li>
            <li><a href="http://wpcrunchy.com/preview/wordpress/?p=28"><img src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/timthumb.php?src=http://wpcrunchy.com/preview/bmag/wp-content/uploads/2009/03/final_fantasy_vii_advent_children.jpg&w=590&h=280&zc=1" border="0" alt="Final Fantasy: Advent Children" /></a><div class="abstitle"><strong><a href="http://wpcrunchy.com/preview/wordpress/?p=28">Final Fantasy: Advent Children</a></strong><span><p style="line-height:18px; ">Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime [...]</p></span></div></li>
            </ul>
            </div>
            </div>
            <div class="post">
            <div class="post-head clearfix">
            <h1 class="post-heading left"><a href="http://wpcrunchy.com/preview/wordpress/?p=35" title="Permalink to Twilight Movie and Book">Twilight Movie and Book</a></h1>
            <h1 class="post-meta right">March 29th, 2009</h1>
            </div>
            <div class="post-body clearfix">

TASARIMIN ALTINA

</div>
            </div>
            </div>
            
            <div id="sidebar" class="right">
            <div class="widget" id="%1$s"><div class="widget-body"><h2 class="widget-title">Pages</h2>      <ul>
            <li class="page_item page-item-5"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=5" title="About">About</a></li>
            <li class="page_item page-item-55"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=55" title="Design">Design</a></li>
            <li class="page_item page-item-57"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=57" title="Photoshop">Photoshop</a></li>
            <li class="page_item page-item-40"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=40" title="PROGRAMMING">PROGRAMMING</a>
            <ul>
            <li class="page_item page-item-42"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=42" title="Javascript">Javascript</a>
            <ul>
            <li class="page_item page-item-53"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=53" title="AJAX">AJAX</a></li>
            </ul>
            </li>
            <li class="page_item page-item-48"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=48" title="PHP">PHP</a></li>
            </ul>
            </li>
            </ul>
            </div><div class="widget-foot"></div></div><div class="widget" id="%1$s"><div class="widget-body"><h2 class="widget-title">Archives</h2>      <ul>
            <li><a href='http://wpcrunchy.com/preview/wordpress/?m=200903' title='March 2009'>March 2009</a></li>
            </ul>
            </div><div class="widget-foot"></div></div><div class="widget" id="%1$s"><div class="widget-body"><h2 class="widget-title">Categories</h2>      <ul>
            <li class="cat-item cat-item-3"><a href="http://wpcrunchy.com/preview/wordpress/?cat=3" title="View all posts filed under Apple">Apple</a>
            </li>
            <li class="cat-item cat-item-4"><a href="http://wpcrunchy.com/preview/wordpress/?cat=4" title="View all posts filed under Featured">Featured</a>
            </li>
            <li class="cat-item cat-item-5"><a href="http://wpcrunchy.com/preview/wordpress/?cat=5" title="View all posts filed under Hotel">Hotel</a>
            </li>
            <li class="cat-item cat-item-6"><a href="http://wpcrunchy.com/preview/wordpress/?cat=6" title="View all posts filed under HTML">HTML</a>
            </li>
            <li class="cat-item cat-item-7"><a href="http://wpcrunchy.com/preview/wordpress/?cat=7" title="View all posts filed under Internet">Internet</a>
            </li>
            <li class="cat-item cat-item-8"><a href="http://wpcrunchy.com/preview/wordpress/?cat=8" title="View all posts filed under Introduction">Introduction</a>
            </li>
            <li class="cat-item cat-item-9"><a href="http://wpcrunchy.com/preview/wordpress/?cat=9" title="View all posts filed under Movie">Movie</a>
            </li>
            <li class="cat-item cat-item-10"><a href="http://wpcrunchy.com/preview/wordpress/?cat=10" title="View all posts filed under Programming">Programming</a>
            </li>
            <li class="cat-item cat-item-25"><a href="http://wpcrunchy.com/preview/wordpress/?cat=25" title="View all posts filed under Six Preview">Six Preview</a>
            </li>
            <li class="cat-item cat-item-11"><a href="http://wpcrunchy.com/preview/wordpress/?cat=11" title="View all posts filed under Web">Web</a>
            </li>
            </ul>
            </div><div class="widget-foot"></div></div><div class="widget">
            <div class="widget-body">
            <h2 class="widget-title">Subscribe + Follow</h2>
            <div>
            Sign up to receive breaking news as well as receive other site updates. Alternatively you can subscribe to our <a href="http://wpcrunchy.com/preview/wordpress/?feed=rss2">RSS feed</a> or follow us at <a href="http://twitter.com/Wpcrunchy">Twitter</a>.<br/><br/>
            <form style="padding:0; margin:0; " action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Wpcrunchy', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
            <input type="text" class="rss-subscribe text" name="email" id="email" value="Type in email adress and hit Enter..." onblur="if (this.value == '') {this.value = 'Type in email adress and hit Enter...';}"  onfocus="if (this.value == 'Type in email adress and hit Enter...') {this.value = '';}" />
            <input type="hidden" value="Wpcrunchy" name="uri"/><input type="hidden" name="loc" value="en_US"/>
            </form>
            </div>
            </div>
            <div class="widget-foot"></div>
            </div>         </div>
            </div>
            </div>
            <div id="footer">
            <div class="footer-content clearfix">
            <div class="foot-box">
            <h2>Recent Posts</h2>
            <ul>
            <li><a href="http://wpcrunchy.com/preview/wordpress/?p=35">Twilight Movie and Book</a></li>
            <li><a href="http://wpcrunchy.com/preview/wordpress/?p=31">Ponce Suites, Davao City, Philippines</a></li>
            <li><a href="http://wpcrunchy.com/preview/wordpress/?p=28">Final Fantasy: Advent Children</a></li>
            <li><a href="http://wpcrunchy.com/preview/wordpress/?p=24">Gimme Gimme Extra Style</a></li>
            <li><a href="http://wpcrunchy.com/preview/wordpress/?p=17">Styling all the elements</a></li>
            </ul>
            </div>
            <div class="foot-box">
            <h2>Archives</h2>
            <ul>
            <li><a href='http://wpcrunchy.com/preview/wordpress/?m=200903' title='March 2009'>March 2009</a></li>
            </ul>
            </div>
            <div class="foot-box">
            <h2>About Us</h2>
            <div class="abouttext">
            You can put anything you want here. An about page for example.
            </div>
            </div>
            </div>
            <div class="credits">
            <div class="credits-content">
            Powerd by <a href="http://wordpress.org" target="_blank">Wordpress</a> and <a href="http://wpcrunchy.com" target="_blank">Crunchy wordpress themes</a> | Designed by <a href="http://www.hostreviewgeeks.com">small business web hosting</a>. In collaboration of <a href="http://webhosting.reviewitonline.net/web_hosting_reviews/fatcow_review.htm">FatCow</a>, <a href="http://www.digitaldiscountcodes.com/Categories/Travel/">Travel Deals</a> Adaptado por<a href="http://www.pwg-designs.es.tl"> PwG-DesignS</a>
            </div>
            </div>
            </div>
            </div>
            
            <script type="text/javascript">
            var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
            document.write(unescape("<script src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'></script>"));
            </script>
            <script type="text/javascript">
            var pageTracker = _gat._getTracker("UA-7411740-1");
            pageTracker._initData();
            pageTracker._trackPageview();
            </script>
            </body>
            </html>

CSS KODU

lli.nav_element{display: none;}
            li.nav_element a{display: none;}
            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;}
            /*
            Theme Name: Obscure
            Theme URI: http://wpcrunchy.com
            Description: Premium dark magazine wordpress theme by <a href="http://wpcrunchy.com">wpcrunchy</a> for free download. Built with in-demand features that can be access through admin panel.
            Version: 1.0
            Author: akosipau
            Author URI: http://akosipau.com/
            Tags: three column, dark, jquery, gray, white
            */
            /* GLOBAL ELEMENTS
            ----------------------------------
            */
            /* Resets
            --------------------------
            */
            html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
            margin: 0;
            padding: 0;
            border: 0;
            outline: 0;
            font-weight: inherit;
            font-style: inherit;
            font-size: 100%;
            font-family: inherit;
            vertical-align: baseline;
            }
            :focus {
            outline: 0;
            }
            body {
            line-height: 1;
            font-size:11px;
            font-family: Georgia, "Times New Roman", Times, serif;
            background:#171615;
            height: 100%;
            }
            html, body {
            height: 100%;
            }
            ol, ul {
            list-style: none;
            }
            table {
            border-collapse: separate;
            border-spacing: 0;
            }
            caption, th, td {
            text-align: left;
            font-weight: normal;
            }
            blockquote:before, blockquote:after, q:before, q:after {
            content: "";
            }
            blockquote, q {
            quotes: "" "";
            }
            blockquote {
            line-height: 1.2em;
            font-style: italic;
            padding: 5px 20px 5px 60px;
            margin: 20px 0;
            }
            acronym {
            cursor: help;
            border-bottom: 1px dashed #333;
            }
            strong {
            font-weight: bold;
            }
            em {
            font-style: italic;
            }
            hr {
            display: none;
            }
            a {
            text-decoration:none;
            color:#b0483b;
            }
            a:hover {
            text-decoration:underline;
            }
            .right {
            float: right;
            }
            .left {
            float: left;
            }
            .hide {
            display: none;
            }
            .irelative {
            position:relative;
            }
            .text {
            padding:5px;
            font-family:Georgia, "Times New Roman", Times, serif;
            }
            .incomment {
            padding:5px 0 !important;
            }
            .clear {
            clear: both;
            }
            .clearfix:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
            }
            .clearfix {
            display: block;
            }
            html[xmlns] .clearfix {
            display: block;
            }
            * html .clearfix {
            height: 1%;
            }
            /* BASE STYLE
            ---------------------
            */
            #base {
            }
            #header {
            background:#252423;
            background:url(http://img2.imageshack.us/i/headerbgs.png/) repeat-x top;
            }
            #main {
            background:#e9e9e9 url(http://img3.imageshack.us/i/shadowbg.png/) repeat-x top;
            padding-bottom:30px;
            }
            #footer {
            background:#171615;
            border-top:8px solid #707171;
            }
            /* header
            ---------------------
            */
            #page-menu {
            height:30px;
            width:1000px;
            margin:0 auto;
            background:#171615;
            border-bottom:1px solid #393837;
            }
            #nav1 {
            padding-left:30px;
            }
            #nav1 li {
            float: left;
            list-style: none;
            }
            #nav1 li.backLava {
            background:#393837;
            width: 9px;
            position: absolute;
            border:0;
            }
            #nav1 li a {
            color:#a4a5a1;
            text-decoration:none;
            text-align: center;
            padding:11px 20px 10px 20px;
            z-index: 10;
            display: block;
            position: relative;
            margin: auto 5px;
            text-transform:uppercase;
            font-size:9px !important;
            }
            #nav1 li a:hover, #nav1 li a:active, #nav1 li.current_page_item a {
            background:none !important;
            }
            #rss-button a {
            color:#a4a5a1;
            padding:11px 20px 10px 20px;
            background:url(http://img171.imageshack.us/i/feedt.png/) no-repeat 0% 50%;
            }
            #rss-button a:hover {
            text-decoration:none;
            background:url(http://img2.imageshack.us/i/feed2.png/) no-repeat 0% 50%;
            }
            #logo {
            height:180px;
            width:1000px;
            margin:0 auto;
            }
            #logo .logo-image {
            padding:45px 20px 20px 20px;
            color:#fff;
            }
            #logo .ads-topwide {
            width:468px; height:60px; background:#a4a5a1; padding:10px;
            }
            #category-menu {
            height:40px;
            padding:0 10px;
            background:#393b3b;
            border-top:1px solid #4a4d4c;
            width:980px;
            margin:0 auto;
            }
            #category-menu ul {
            margin: 0px;
            padding-left: 0px;
            list-style-type: none;
            list-style-image: none;
            float: left;
            }
            #category-menu ul li {
            float: left;
            display: block;
            padding-left: 0px;
            z-index:1000;
            }
            #category-menu ul li a:link,#category-menu ul li a:visited, #category-menu ul li a:active  {
            display: block;
            color: #e1e2df;
            padding: 15px 20px 16px 20px;
            float: left;
            margin: 0px;
            text-transform:uppercase;
            font-family: Cambria, Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman, serif;
            font-size:9px !important;
            letter-spacing:1.5px;
            background:url(http://img171.imageshack.us/i/libg.jpg/) no-repeat right center;
            }
            #category-menu ul li a:hover {
            background-color: #393b3b;
            text-decoration:none !important;
            color:#a4a5a1;
            }
            .nav, .nav * {margin:0;padding:0;list-style:none;}
            .nav ul {position:absolute;top:-999em;}
            .nav li {float:left;position:relative;z-index:99;}
            .nav a {display:block;}
            .nav ul li{width: 100%;}
            .nav li:hover ul,ul.nav li.sfHover ul {left:0px;top:40px;}
            .nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}
            .nav li li:hover ul,ul.nav li li.sfHover ul {left:220px;top:0px;}
            .nav li:hover ul,.nav li li:hover ul {top: -999em;}
            /*** Skinning - Superfish menu (Some final font colors and backgrounds) ***/
            .nav li li {
            display: block;
            padding: 0px;
            height: auto !important;
            }
            .nav li:hover {
            background-color: #393b3b !important;
            }
            .nav li li a:link, .nav li li a:visited {
            width: 180px;
            display: block;
            background:none !important;
            background-color: #666 !important;
            height: auto !important;
            color:#FFFFFF !important;
            }
            .nav li li a:hover {
            background-color: #717171 !important;
            text-decoration:none !important;
            color:#FFFFFF !important;
            }
            /* Main
            ----------------------
            */
            #content-body {
            width:1000px;
            margin:0 auto;
            }
            /* post */
            #posts {
            width:650px;
            margin:0 auto 0 auto;
            padding-top:15px;
            }
            #posts .heading {
            padding:5px 20px;
            color:#666666;
            font-size: 2.6em;
            letter-spacing:-0.04em;
            line-height: 1.05em;
            padding-bottom: 10px;
            font-family: Helvetica, Arial, sans-serif;
            text-transform:capitalize;
            margin-bottom:20px;
            }
            #posts .slideshow {
            padding:15px 20px;
            }
            #posts .slideshow .slider {
            width:590px;
            padding:10px;
            height:280px;
            background:#ffffff;
            border-bottom:1px solid #dcdcdc;
            border-right:1px solid #dcdcdc;
            }
            #posts .hangtext {
            margin:0; padding:5px 10px;
            width:auto; height:auto;
            background:#b0483b;
            position:absolute; display:block;
            font:bold 1.5em Arial, Helvetica, sans-serif; color:#FFF;
            top:40px; left:19px;
            z-index:100;
            }
            #posts .post {
            padding:5px 20px;
            }
            #posts .post .post-head {
            background:url(http://img43.imageshack.us/i/postheadbar.png/) no-repeat bottom center;
            border-bottom:1px solid #f1f1f1;
            position:relative;
            }
            #posts .post h1.post-heading {
            width:77%;
            font-size: 2.6em;
            letter-spacing:-0.04em;
            line-height: 1.05em;
            padding-bottom: 10px;
            font-family: Helvetica, Arial, sans-serif;
            text-transform:capitalize;
            }
            #posts .post h1.post-heading a {
            color:#171615 !important;
            }
            #posts .post h1.post-heading a:hover {
            color:#393b3b !important;
            text-decoration:none !important;
            }
            #posts .post h1.post-meta {
            width:135px;
            letter-spacing:-0.04em;
            line-height: 1.05em;
            padding: 19px 5px 10px 0px;
            font-weight:normal;
            color:#666666;
            text-align:right;
            bottom:0;
            right:0;
            position:absolute;
            }
            #posts .post .post-thumb {
            padding-top:10px;
            }
            #posts .post .post-thumb div {
            padding:3px;
            border:1px solid #ccc;
            }
            #posts .post .post-thumb img {
            border:0;
            padding:0;
            margin:0;
            }
            #posts .post .post-content-full {
            padding-top:10px;
            line-height:18px;
            }
            #posts .post .post-content-full p {
            padding:5px 0;
            }
            #posts .post .post-content-full blockquote {
            font-size:1.5em;
            color:#a1a1a1;
            background:url(http://img3.imageshack.us/i/blockquote.png/) no-repeat 3% 0;
            }
            #posts .post .post-content-full ul, #posts .post .post-content-full ol {
            padding-left:15px;
            }
            #posts .post .post-content-full ul li {
            list-style-type:circle;
            }
            #posts .post .post-content-full ol li {
            list-style-type:decimal;
            }
            #posts .post .post-content-full .post-image {
            padding:10px;
            background:#fff;
            border-right:1px solid #dcdcdc;
            border-left:1px solid #dcdcdc;
            border-bottom:1px solid #dcdcdc;
            }
            /* header */
            #posts .post .post-content-full h2, #posts .post .post-content-full h3, #posts .post .post-content-full h4, #posts .post .post-content-full h5, #posts .post .post-content-full h6 {
            letter-spacing:-0.04em;
            line-height: 1.05em;
            padding:10px 0;
            color:#393b3b;
            text-transform:capitalize;
            }
            #posts .post .post-content-full h2 {
            font-size: 2.5em;
            }
            #posts .post .post-content-full h3 {
            font-size: 2.2em;
            }
            #posts .post .post-content-full h4 {
            font-size: 2em;
            }
            #posts .post .post-content-full h5 {
            font-size: 1.8em;
            }
            #posts .post .post-content-full h6 {
            font-size: 1.5em;
            }
            /* custom style - credits to themehybrid*/
            #posts .post .post-content-full p.note {
            display:block;
            margin:10px;
            padding:10px;
            background:#eff1e1;
            border:1px solid #e2e2e2;
            }
            #posts .post .post-content-full p.warning {
            display:block;
            margin:10px;
            padding:10px;
            background:#fffbbc;
            border:1px solid #e6db55;
            }
            #posts .post .post-content-full p.download {
            display:block;
            margin:10px;
            padding:10px;
            background:#e7f7d3;
            border:1px solid #66cc33;
            }
            #posts .post .post-bookmark {
            width:410px;
            padding:20px 0 30px 0;
            margin:0 auto;
            }
            #posts .post .post-bookmark a {
            display:block;
            height:48px;
            width:48px;
            padding:0 10px;
            float:left;
            }
            #posts .post .post-bookmark a.rss {
            background:url(http://img15.imageshack.us/i/socialrss.png/) no-repeat top center;
            }
            #posts .post .post-bookmark a.rss:hover {
            background:url(http://img15.imageshack.us/i/socialrss2.png/) no-repeat top center;
            }
            #posts .post .post-bookmark a.digg {
            background:url(http://img15.imageshack.us/i/socialdigg.png/) no-repeat top center;
            }
            #posts .post .post-bookmark a.digg:hover {
            background:url(http://img2.imageshack.us/i/socialdelicious2.png/) no-repeat top center;
            }
            #posts .post .post-bookmark a.delicious {
            background:url(http://img3.imageshack.us/i/socialdelicious.png/) no-repeat top center;
            }
            #posts .post .post-bookmark a.delicious:hover {
            background:url(http://img3.imageshack.us/i/socialdigg2.png/) no-repeat top center;
            }
            #posts .post .post-bookmark a.stumbleupon {
            background:url(http://img43.imageshack.us/i/socialstumble.png/) no-repeat top center;
            }
            #posts .post .post-bookmark a.stumbleupon:hover {
            background:url(http://img509.imageshack.us/i/socialstumble2.png/) no-repeat top center;
            }
            #posts .post .post-bookmark a.technorati {
            background:url(http://img43.imageshack.us/i/socialtechnorati.png/) no-repeat top center;
            }
            #posts .post .post-bookmark a.technorati:hover {
            background:url(http://img509.imageshack.us/i/socialtechnorati2.png/) no-repeat top center;
            }
            #posts .post .post-bookmark a.twitter {
            background:url(http://img197.imageshack.us/i/socialtwitter.png/) no-repeat top center;
            }
            #posts .post .post-bookmark a.twitter:hover {
            background:url(http://img171.imageshack.us/i/socialtwitter2.png/) no-repeat top center;
            }
            #posts .post .post-foot {
            margin-bottom:20px;
            padding:10px 8px;
            background:#f3f3f3;
            border-top:1px solid #e2e2e2;
            border-bottom:1px solid #e2e2e2;
            }
            #posts .post .post-meta li {
            float:left;
            height:14px;
            }
            /* meta */
            #posts .post .post-meta li.meta-author {
            background:url(http://img3.imageshack.us/i/userk.png/) no-repeat 0px -1px;
            padding-left:20px;
            padding-right:10px;
            }
            #posts .post .post-meta li.meta-share {
            float:right !important;
            }
            #posts .post .post-meta li.meta-date {
            background:url(http://img43.imageshack.us/i/calendars.png/) no-repeat 0px -2px;
            padding-left:20px;
            padding-right:10px;
            }
            #posts .post .post-meta li.meta-comment {
            background:url(http://img43.imageshack.us/i/commentg.png/) no-repeat 0px -1px;
            padding-left:20px;
            padding-right:10px;
            }
            #posts .post .post-meta li.meta-category {
            background:url(http://img509.imageshack.us/i/category.png/) no-repeat 0px -1px;
            padding-left:20px;
            padding-right:10px;
            }
            #posts .post-navigation {
            margin-top:10px;
            padding:15px 10px;
            background:#fff;
            font-size:1.2em;
            border-top:1px solid #e2e2e2;
            border-bottom:1px solid #e2e2e2;
            }
            #posts .post .post-content-half {
            padding-top:10px;
            width:430px;
            }
            /* sidebar */
            #sidebar {
            padding-top:30px;
            width:340px;
            margin:0 auto;
            line-height:18px;
            }
            #sidebar .widget {
            width:320px;
            padding-top:20px;
            margin-bottom:20px;
            background:url(http://img9.imageshack.us/i/widgetheadbg.png/) no-repeat top center;
            }
            #sidebar .widget .widget-body {
            width:280px;
            padding:0 20px 10px 20px;
            background:url(http://img509.imageshack.us/i/widgetbodybg.png/) repeat-y;
            }
            #sidebar .widget .widget-body h2.widget-title {
            font-size: 2.0em;
            letter-spacing:-0.04em;
            line-height: 1.05em;
            padding-bottom: 15px;
            font-family: Helvetica, Arial, sans-serif;
            color:#393b3b;
            text-transform:capitalize;
            }
            #sidebar .widget .widget-body ul li {
            padding:10px 0;
            border-bottom:1px solid #d1d1d1;
            }
            #sidebar .widget .widget-body .rss-subscribe {
            border:3px solid #ccc; padding:8px; width:255px;
            background: #fff url(httpshack.us/i/commentg.png/://img15.imageshack.us/i/emailqg.png/) no-repeat 98% 50%;
            color:#999;
            }
            /* search widget */
            #sidebar .search_widget fieldset {
            margin: 0;
            padding: 0;
            }
            #sidebar .search_widget .search_term {
            display: block;
            margin: 0 auto;
            border: 3px solid #ccc;
            padding: 8px;
            padding-right: 24px;
            width: 240px;
            background: #fff url(http://img197.imageshack.us/i/searchiconk.png/) no-repeat 98% 50%;
            }
            #sidebar .widget .widget-foot {
            width:320px;
            height:13px;
            background:url(http://img2.imageshack.us/i/widgetfooterbg.png/) no-repeat top center;
            }
            /* widget body elements */
            .widget-body ul li {
            padding:15px 10px 15px 5px;
            background:url(images/hr-image.png) repeat-x bottom center;
            }
            .ads125box {
            height:125px; width:125px; background:#CCCCCC; float:left; margin:5px 0 0px 5px;
            }
            .ads125box img {
            border:0;
            }
            /* Comments
            ----------------------
            */
            #comments {
            padding:20px 10px;
            background:#fff;
            border-top:1px solid #e2e2e2;
            border-bottom:1px solid #e2e2e2;
            }
            #comments h3 {
            font-size: 2.0em;
            letter-spacing:-0.04em;
            line-height: 1.05em;
            padding-bottom: 15px;
            font-family: Helvetica, Arial, sans-serif;
            color:#393b3b;
            text-transform:capitalize;
            border-bottom:3px solid #555;
            }
            #comments .comment-meta h2 {
            font-size: 1.8em;
            letter-spacing:-0.04em;
            line-height: 1.05em;
            padding-bottom: 15px;
            color:#393b3b;
            text-transform:capitalize;
            }
            #comments .comment-meta span {
            font-size: 1.2em;
            letter-spacing:-0.04em;
            line-height: 1.05em;
            padding-bottom: 15px;
            color:#393b3b;
            text-transform:capitalize;
            }
            #comments .comment-box {
            padding-top:20px;
            }
            #comments .comment-box .comment-body {
            padding:20px 10px 20px 10px;
            line-height:18px;
            border-bottom:1px solid #ccc;
            margin-bottom:20px;
            }
            #comments .comment-author-box {
            width:300px;
            border-top:2px solid #9a9a9a;
            border-left:2px solid #9a9a9a;
            border-right:1px solid #dcdcdc;
            border-bottom:1px solid #dcdcdc;
            padding-right:24px;
            background:url(http://img3.imageshack.us/i/userk.png/) no-repeat 98% 50%;
            }
            #comments .comment-email-box {
            width:300px;
            border-top:2px solid #9a9a9a;
            border-left:2px solid #9a9a9a;
            border-right:1px solid #dcdcdc;
            border-bottom:1px solid #dcdcdc;
            padding-right:24px;
            background:url(http://img15.imageshack.us/i/emailqg.png/) no-repeat 98% 50%;
            }
            #comments .comment-url-box {
            width:300px;
            border-top:2px solid #9a9a9a;
            border-left:2px solid #9a9a9a;
            border-right:1px solid #dcdcdc;
            border-bottom:1px solid #dcdcdc;
            padding-right:24px;
            background:url(http://img171.imageshack.us/i/linkvf.png/) no-repeat 98% 50%;
            }
            #comments .comment-textarea-box {
            border-top:2px solid #9a9a9a;
            border-left:2px solid #9a9a9a;
            border-right:1px solid #dcdcdc;
            border-bottom:1px solid #dcdcdc;
            }
            #comments .submitbtn, #comments .resetbtn {
            padding:8px 12px;
            margin-right:10px;
            border:0;
            background:#2d2d2d;
            color:#fff;
            font-family: Georgia, "Times New Roman", Times, serif;
            cursor:pointer;
            }
            #comments .submitbtn:hover, #comments .resetbtn:hover {
            background:#3c3c3c;
            }
            /* Footer
            ----------------------
            */
            #footer .footer-content {
            width:960px;
            margin:0 auto;
            padding:20px;
            }
            #footer .foot-box {
            width:320px;
            float:left;
            }
            #footer h2 {
            font-size:1.8em;
            font-weight:bold;
            font-family: Helvetica, Arial, sans-serif;
            color:#fff;
            padding-bottom:15px;
            width:250px;
            border-bottom:1px solid #292827;
            }
            #footer div.abouttext {
            padding-top:10px;
            line-height:22px;
            color:#a4a5a1;
            }
            #footer ul {
            padding-top:10px;
            }
            #footer ul li a {
            display:block;
            padding:12px 0;
            color:#a4a5a1;
            width:250px;
            }
            #footer ul li a:hover {
            padding:12px 8px;
            background:#242222;
            text-decoration:none;
            }
            #footer .credits {
            border-top:1px solid #393837;
            background:#252423;
            }
            #footer .credits-content {
            width:980px;
            margin:0 auto;
            padding:10px;
            color:#a4a5a1;
            }
            /* EXTRA
            -----------------------------
            */
            /* wp-pagenavi
            -------------------------
            */
            .wp-pagenavi {
            font-size: 1.1em;
            text-transform: uppercase;
            clear: both;
            font-weight: normal;
            text-align: right;
            margin-bottom: 10px;
            }
            .wp-pagenavi .current {
            color:#CCC !important;
            }
            .wp-pagenavi a,
            .wp-pagenavi .current {
            padding: 8px !important;
            border: 1px solid #e2e2e2 !important;
            margin-left: 3px;
            color:#b0483b !important;
            }
            .wp-pagenavi a:hover,
            .wp-pagenavi .current {
            background: #e2e2e2;
            color:#000;
            }
            .wp-pagenavi .pages {
            float: left;
            border:0 !important;
            }
            /* wordpress css codex
            ------------------------
            */
            .aligncenter,
            div.aligncenter {
            display: block;
            margin-left: auto;
            margin-right: auto;
            border:4px solid #dcdcdc;
            }
            .alignleft {
            float: left;
            margin-right:10px;
            border:4px solid #dcdcdc;
            }
            .alignright {
            float: right;
            margin:10px 0px 10px 10px;
            margin-left:10px;
            border:4px solid #dcdcdc;
            }
            .wp-caption {
            border: 1px solid #ddd;
            text-align: center;
            background-color: #f3f3f3;
            padding-top: 4px;
            margin: 10px;
            /* optional rounded corners for browsers that support it */
            -moz-border-radius: 3px;
            -khtml-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            }
            .wp-caption img {
            margin: 0;
            padding: 0;
            border: 0 none;
            }
            .wp-caption p.wp-caption-text {
            font-size: 11px;
            line-height: 17px;
            padding: 0 4px 5px;
            margin: 0;
            }