- Css Kod 5

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</p>
<p class="rightPic"></p>
<p class="rightBottom"></p>
<br class="spacer" />
</div>

<br class="spacer" />
</div>


<div id="bodyBottom">
<div id="news">
<h2>Box Abajo 1</h2>
<h3>Fecha De Publicasion</h3>
<p><span>Texto 1</p>
<p><span>Texto 2</p>
<br class="spacer" />
</div>
<div id="service">
<h2>Links De Interes</h2>
<h3>Descrpcion De Link</h3>
<ul>
<li><a href="/URL.htm">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a></li>
<li><a href="/URL.htm">Fusce bibendum ultricies lorem.</a></li>
<li><a href="/URL.htm">Nulla facilisis odio vitae neque.</a></li>
<li><a href="/URL.htm">Etiam sit amet purus a eros viverra adipiscing.</a></li>
<li><a href="/URL.htm">Nunc dignissim eleifend turpis</a></li>
</ul>
</div>
<div id="member">
<h2> </h2>
<br class="spacer" />
</div>
<br class="spacer" />
</div>
<div id="footer">
<ul>
<li><a href="/URL.htm">Home</a>|</li>
<li><a href="/URL.htm">About Us</a>|</li>
<li><a href="/URL.htm">Services</a>|</li>
<li><a href="/URL.htm">Support</a>|</li>
<li><a href="/URL.htm">Communication</a>|</li>
<li><a href="/URL.htm">Why Choose Us</a>|</li>
<li><a href="/URL.htm">News</a>|</li>
<li><a href="/URL.htm">Testimonials</a>|</li>
<li><a href="/URL.htm">Contact Us</a></li>
</ul>
<p class="copyright">©Jet 30. All rights reserved.</p>
<a class="subscribe" href="http://www.free-css.com/">Subscribe</a> <a href="http://www.free-css.com/"><img title="Jet 30" border="0" alt="Jet 30" width="84" height="26" src="http://img47.xooimage.com/files/1/4/3/bottom_logo-8922a0.gif" /></a>
<p class="design">Designed By : <a href="http://www.templateworld.com">Template World</a></p>
<br>
<p class="design">Designed Adaptado By : <a href="http://www.xmiesWEB.es.tl">Xmies WEB</a></p>
</div>

CSS BÖLÜMÜNE

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;}
/* CSS Document */
body{
padding:11px 0 14px 0;
margin:0;
background-color:#EFEFDF;
color:#000;
}
div, h1, h2, p, form, label, input, textarea, img, span{
margin:0; padding:0;
}
ul{
margin:0;
padding:0;
list-style-type:none;
font-size:0;
}
.spacer{
clear:both;
font-size:0;
line-height:0;
}
/*------------------------------------------------body--------------------*/
/*------------------------------------------------header--------------------*/
#header{
background:url(http://img43.xooimage.com/files/c/6/4/header-893fc3.gif) 0 0 no-repeat;
width:981px;
height:274px;
position:relative;
margin:0 auto;
}
#header ul{
background:url(http://img41.xooimage.com/files/2/e/9/nav_bar-893ffa.gif) 0 0 no-repeat;
width:847px;
height:29px;
position:absolute;
left:31px;
top:6px;
padding:0 0 0 72px;
}
#header ul li{
background:url(http://img45.xooimage.com/files/e/b/b/nav_div-135b0f2.gif) right top no-repeat;
height:27px;
float:left;
padding:0 1px 0 0;
}
#header ul li a{
display:block;
background:url(http://img41.xooimage.com/files/b/5/6/nav_bg-135b108.gif) 0 0 repeat-x;
padding:0 14px;
font:bold 11px/27px Arial, Helvetica, sans-serif;
color:#344A04;
background-color:inherit;
text-decoration:none;
}
#header ul li a:hover{
background:url(http://img41.xooimage.com/files/4/c/d/nav_hover-135b126.gif) 0 0 repeat-x;
color:#fff;
background-color:inherit;
}
#header ul li a.hover{
display:block;
background:url(http://img41.xooimage.com/files/4/c/d/nav_hover-135b126.gif) 0 0 repeat-x;
color:#fff;
padding:0 14px;
font:bold 11px/27px Arial, Helvetica, sans-serif;
background-color:inherit;
text-decoration:none;
cursor:text;
}
#header ul li.last{
background-image:none;
height:27px;
float:left;
}
#header img.logo{
position:absolute;
left:40px;
top:98px;
width:249px;
height:72px;
}
#header h1{
background:url(Slogan) 0 0 no-repeat;
width:484px;
height:32px;
position:absolute;
left:411px;
top:108px;
text-indent:-10000px;
}
#header p{
font:normal 12px/19px Arial, Helvetica, sans-serif;
color:#fff;
background-color:inherit;
position:absolute;
left:411px;
top:142px;
}
#header p span.txt1{
color:#fff;
background-color:#1E6887;
}
#header img.icon{
position:absolute;
left:60px;
top:190px;
width:174px;
height:80px;
}
#header p.topText{
font:normal 18px/23px Arial, Helvetica, sans-serif;
color:#E8E8E8;
background-color:inherit;
position:absolute;
left:285px;
top:203px;
width:588px;
}
#header p.topText span.smallTxt{
font:normal 12px/18px Arial, Helvetica, sans-serif;
color:#FF9C3A;
background-color:inherit;
padding:0 0 0 8px;
}
#header a.readMore{
display:block;
background:url(Read More) 0 0 no-repeat;
width:50px;
height:38px;
position:absolute;
left:895px;
top:203px;
}
#header a.readMore:hover{
background:url(Read More Hover) 0 0 no-repeat;
}
/*------------------------------------------------header--------------------*/
/*------------------------------------------------body--------------------*/
#body{
width:978px;
padding:13px 1px 13px 2px;
margin:0 auto;
}
/*------------------------------------------------left--------------------*/
#left{
width:357px;
float:left;
}
#left1{
width:324px;
background:url(http://img23.xooimage.com/files/9/0/0/lft_box_bg-135b1ba.gif) 0 0 no-repeat #EAEADA;
border:#DDDDCA solid 7px;
margin:0 0 4px 0;
padding:5px 10px 6px 9px;
color:#878767;
}
#left1 p.pic1{
display:block;
background:url(http://img24.xooimage.com/files/2/a/2/lft_pic1-1476215.gif) 0 0 no-repeat;
width:88px;
height:78px;
margin:5px 0 0 0;
float:left;
}
#left1 p.boxTxt1{
float:right;
padding:0 0 0 15px;
border-left:#F9F9F1 solid 2px;
font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
width:199px;
}
#left1 p.boxTxt1 span{
font:normal 19px/17px Arial, Helvetica, sans-serif;
color:#D76E08;
background-color:inherit;
padding:0 0 0 25px;
margin:0 0 10px 0;
background:url(http://img40.xooimage.com/files/e/a/0/one-147621a.gif) 0 0 no-repeat;
height:17px;
display:block;
}
#left2{
width:316px;
background:url(http://img23.xooimage.com/files/9/0/0/lft_box_bg-135b1ba.gif) 0 0 no-repeat #EAEADA;
border:#DDDDCA solid 7px;
margin:0 0 4px 0;
padding:5px 10px 6px 17px;
color:#878767;
}
#left2 p.pic2{
display:block;
background:url(http://img44.xooimage.com/files/9/3/0/lft_pic2-1476227.gif) 0 0 no-repeat;
width:74px;
height:74px;
margin:8px 0 0 0;
float:left;
}
#left2 p.boxTxt2{
float:right;
padding:0 0 0 15px;
border-left:#F9F9F1 solid 2px;
font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
width:199px;
}
#left2 p.boxTxt2 span{
font:normal 19px/17px Arial, Helvetica, sans-serif;
color:#D76E08;
background-color:inherit;
padding:0 0 0 25px;
margin:0 0 10px 0;
background:url(http://img44.xooimage.com/files/5/6/3/two-147622e.gif) 0 0 no-repeat;
height:17px;
display:block;
}
#left3{
width:324px;
background:url(http://img23.xooimage.com/files/9/0/0/lft_box_bg-135b1ba.gif) 0 0 no-repeat #EAEADA;
border:#DDDDCA solid 7px;
margin:0;
padding:5px 10px 6px 9px;
color:#878767;
}
#left3 p.pic3{
display:block;
background:url(http://img24.xooimage.com/files/0/4/6/lft_pic3-1476236.gif) 0 0 no-repeat;
width:94px;
height:71px;
margin:5px 0 0 0;
float:left;
}
#left3 p.boxTxt3{
float:right;
padding:0 0 0 15px;
border-left:#F9F9F1 solid 2px;
font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
width:199px;
}
#left3 p.boxTxt3 span{
font:normal 19px/17px Arial, Helvetica, sans-serif;
color:#D76E08;
background-color:inherit;
padding:0 0 0 25px;
margin:0 0 10px 0;
background:url(http://img26.xooimage.com/files/f/a/4/three-1476242.gif) 0 0 no-repeat;
height:17px;
display:block;
}
/*------------------------------------------------left--------------------*/
/*------------------------------------------------right--------------------*/
#right{
width:608px;
float:right;
background:url(http://img46.xooimage.com/files/d/e/d/right_panel_bg-1476256.gif) 0 0 repeat-y;
}
#right p.rightTop{
display:block;
background:url(Panel Pic) 0 0 no-repeat;
width:608px;
height:26px;
}
#right h2{
font:bold 30px/22px Arial, Helvetica, sans-serif;
color:#222222;
background-color:inherit;
margin:0 0 16px 0;
padding:0 0 0 38px;
display:block;
}
#right p.rightTxt1{
font:normal 13px/18px Arial, Helvetica, sans-serif;
color:#62625C;
background-color:inherit;
padding:0 38px 10px 38px;
}
#right p.rightTxt1 span{
font:bold 13px/18px Arial, Helvetica, sans-serif;
color:#5F860B;
background-color:inherit;
}
#right p.rightTxt2{
font:normal 13px/18px Arial, Helvetica, sans-serif;
color:#62625C;
background-color:inherit;
padding:0 0 20px 38px;
float:left;
width:349px;
margin:0 27px 0 0;
}
#right p.rightTxt2 span{
font:bold 17px/18px Arial, Helvetica, sans-serif;
color:#D76E08;
background-color:inherit;
border-bottom:#BCBCB5 dashed 1px;
width:340px;
display:block;
margin:0 0 15px 0;
}
#right p.rightPic{
display:block;
background:url(Panel Gif) 0 0 no-repeat;
width:166px;
height:155px;
float:left;
margin:0 0 22px 0;
}
#right p.rightBottom{
display:block;
background:url(http://img44.xooimage.com/files/a/2/9/right_bottom-147627a.gif) 0 0 no-repeat;
width:608px;
height:20px;
float:left;
}
/*------------------------------------------------right--------------------*/
/*------------------------------------------------body--------------------*/
/*------------------------------------------------bodyBottom--------------------*/
#bodyBottom{
width:946px;
background:url(http://img26.xooimage.com/files/8/5/f/body_bottom_bg-1476282.gif) 0 0 repeat-x #B9B99D;
color:#fff;
padding:22px 13px 19px 18px;
margin:0 auto;
}
#news{
width:341px;
float:left;
margin:0 28px 0 0;
}
#news h2{
display:block;
background:url(http://img40.xooimage.com/files/5/5/1/arrow_red-1476290.gif) 0 0 no-repeat;
padding:0 0 0 25px;
font:bold 22px/16px Arial, Helvetica, sans-serif;
color:#fff;
background-color:inherit;
margin:0 0 17px 0;
}
#news h3{
display:block;
background:url(http://img48.xooimage.com/files/3/4/c/date_bg-147629e.gif) 0 0 no-repeat;
width:331px;
height:17px;
padding:0 0 0 7px;
margin:0 0 10px 0;
font:bold 11px/17px Arial, Helvetica, sans-serif;
color:#974D04;
background-color:inherit;
text-transform:uppercase;
}
#news p{
font:normal 12px/20px Arial, Helvetica, sans-serif;
color:#F7F7EA;
background-color:inherit;
padding:0 0 13px 0;
}
#news p span{
font:bold 12px/20px Arial, Helvetica, sans-serif;
color:#2C2C1B;
background-color:inherit;
text-decoration:underline;
display:block;
}
#service{
width:338px;
float:left;
}
#service h2{
display:block;
background:url(http://img40.xooimage.com/files/5/5/1/arrow_red-1476290.gif) 0 0 no-repeat;
padding:0 0 0 24px;
font:bold 22px/16px Arial, Helvetica, sans-serif;
color:#fff;
background-color:inherit;
margin:0 0 17px 0;
}
#service h3{
display:block;
background:url(http://img48.xooimage.com/files/3/4/c/date_bg-147629e.gif) 0 0 no-repeat;
width:327px;
height:17px;
padding:0 0 0 11px;
margin:0 0 14px 0;
font:bold 11px/17px Arial, Helvetica, sans-serif;
color:#974D04;
background-color:inherit;
text-transform:uppercase;
}
#service ul{
padding:0;
margin:0;
display:block;
}
#service ul li{
display:block;
height:20px;
line-height:0;
}
#service ul li a{
display:block;
background:url(http://img40.xooimage.com/files/3/2/d/arrow_white-14762ad.gif) 0 7px no-repeat;
padding:0 0 0 10px;
font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#47472D;
background-color:inherit;
text-decoration:underline;
height:20px;
}
#service ul li a:hover{
color:#974D04;
background:url(http://img40.xooimage.com/files/7/0/5/arrow_white_hover-14762b1.gif) 0 7px no-repeat #DDDDCB;
text-decoration:none;
}
#member{
width:225px;
float:right;
}
#member h2{
display:block;
background:url(Longin) 0 0 no-repeat;
width:205px;
height:31px;
padding:0 0 0 20px;
font:bold 16px/31px Arial, Helvetica, sans-serif;
color:#fff;
background-color:inherit;
}
#member form{
width:191px;
background:url(Form) 0 0 repeat-x #353535;
padding:9px 17px 24px 17px;
color:#fff;
}
#member form label{
font:normal 11px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
float:left;
display:block;
}
#member form input.txtBox{
width:185px;
height:19px;
border-left:#808080 solid 1px;
border-top:#808080 solid 1px;
border-right:#D4D0C8 solid 1px;
border-bottom:#D4D0C8 solid 1px;
color:#000;
background-color:#fff;
margin:0;
padding:0;
float:left;
}
#member form a{
background:url(Regis icon) 0 0 no-repeat;
padding:0 0 0 20px;
font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#9CCC37;
background-color:#353535;
text-decoration:underline;
float:left;
margin:15px 0 0 0;
width:120px;
}
#member form a:hover{
text-decoration:none;
}
#member form input.go{
background:url(Go) 0 0 no-repeat;
width:36px;
height:15px;
border:none;
cursor:pointer;
float:right;
margin:15px 0 0 0;
}
/*------------------------------------------------bodyBottom--------------------*/
/*------------------------------------------------footer--------------------*/
#footer{
width:977px;
height:125px;
margin:0 auto;
background:url(http://img44.xooimage.com/files/7/e/2/footer_bg-14762e4.gif) 0 0 repeat-x #323232;
color:#fff;
position:relative;
}
#footer ul{
width:587px;
position:absolute;
left:11px;
top:27px;
}
#footer ul li{
float:left;
color:#D4D4C6;
background-color:inherit;
font:normal 11px/19px Arial, Helvetica, sans-serif;
}
#footer ul li a{
color:#D4D4C6;
background-color:inherit;
font:normal 11px/19px Arial, Helvetica, sans-serif;
padding:0 7px;
text-decoration:none;
}
#footer ul li a:hover{
color:#D4D4C6;
background-color:#D76E08;
}
#footer p.copyright{
font:normal 11px/19px Arial, Helvetica, sans-serif;
color:#D76E08;
background-color:inherit;
position:absolute;
left:19px;
top:49px;
}
#footer a.subscribe{
background:url(http://img24.xooimage.com/files/9/4/8/subscribe_icon-14762ea.gif) 0 2px no-repeat;
font:normal 11px/12px Arial, Helvetica, sans-serif;
color:#B9B99D;
background-color:inherit;
position:absolute;
left:19px;
top:68px;
text-decoration:underline;
width:50px;
padding:0 0 0 18px;
}
#footer a.subscribe:hover{
color:#9CCC37;
background-color:inherit;
text-decoration:none;
}
#footer a.xht{
width:98px;
height:20px;
background:url(http://img28.xooimage.com/files/c/f/5/xhtml_bg-14762f1.gif) 0 0 no-repeat;
position:absolute;
left:757px;
top:23px;
}
#footer a.xht:hover{
background:url(http://img46.xooimage.com/files/d/a/5/xhtml_bg_hover-14762f3.gif) 0 0 no-repeat;
}
#footer a.cs{
width:98px;
height:20px;
background:url(http://img44.xooimage.com/files/d/a/e/css_bg-14762f7.gif) 0 0 no-repeat;
position:absolute;
left:866px;
top:23px;
}
#footer a.cs:hover{
background:url(http://img42.xooimage.com/files/8/2/1/css_bg_hover-14762fd.gif) 0 0 no-repeat;
}
#footer img{
position:absolute;
left:880px;
top:51px;
width:84px;
height:26px;
}
#footer p.design{
font:bold 12px/19px Arial, Helvetica, sans-serif;
color:#C5BE25;
background-color:inherit;
position:absolute;
left:19px;
top:85px;
}
#footer p.design a{
color:#FFFFFF; background-color:inherit; text-decoration:none;
}
#footer p.design a:hover{
color:#C5BE25; background-color:inherit;
}
/*------------------------------------------------footer--------------------*/

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

CSS BÖLÜMÜNE

img {
border: none;
}
a img {
border: none;
}
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;}
* { margin: 0;   padding: 0; }
body {
margin: 0; padding: 0;
font: 70%/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;
color: #333;
background: #FFF url(http://img8.xooimage.com/files/d/1/7/bg-d4a672.gif) repeat-x;
}
a {
color: #003366;
background-color: inherit;
text-decoration: none;
}
a:hover {
color: #CC0001;
background-color: inherit;
}
h1, h2, h3 {
font-family: Arial, 'Trebuchet MS', Sans-Serif;
font-weight: bold;
color: #333;
}
h1 {
font-size: 120%;
letter-spacing: .5px;
}
h2 {
font-size: 115%;
text-transform: uppercase;
}
h3 {
font-size: 115%;
color: #003366;
}
img {
border: 2px solid #CCC;
}
img.float-right {
margin: 5px 0px 10px 10px;
}
img.float-left {
margin: 5px 10px 10px 0px;
}
h1, h2, h3, p {
padding: 0;
margin: 10px;
}
ul, ol {
margin: 10px 20px;
padding: 0 20px;
}
code {
margin: 10px 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;
border-left: 4px solid #CC0000;
}
acronym {
cursor: help;
border-bottom: 1px solid #777;
}
blockquote {
margin: 10px;
padding: 0 0 0 32px;
background: #FAFAFA url(http://img4.xooimage.com/files/7/d/a/quote-d4a691.giff) no-repeat 5px 10px !important;
background-position: 8px 10px;
border: 1px solid #f2f2f2;
border-left: 4px solid #CC0000;
font-weight: bold;
}
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 #CCC;
padding: 1px;
background: #FFF;
color: #CC0000;
}
form.search {
position: absolute;
top: 5px; right: 5px;
padding: 0; margin: 0;
border: none;
background-color: transparent;
}
form.search input.textbox {
margin: 0;
width: 120px;
border: 1px solid #CCC;
background: #FFF;
color: #333;
}
form.search input.searchbutton {
margin: 0;
font-size: 100%;
font-family: Arial, Sans-serif;
border: 1px solid #CCC;
background: #FFFFFF url(http://img25.xooimage.com/files/0/d/4/headerbg-1448f0e.gif) repeat-x bottom left;
padding: 1px;
font-weight: bold;
height: 23px;
color: #333;
width: 60px;
}
#wrap {
margin: 0 auto;
width: 780px;
}
/* header */
#header {
position: relative;
margin: 0; padding: 0;
height: 60px;
}
#header span#slogan {
z-index: 3;
position: absolute;
left: 3px; bottom: 7px;
font: bold 1.2em Verdana, Arial, Tahoma,  Sans-serif;
color: #FFF;
}
#header-logo {
position: relative;
clear: both;
height: 50px;
margin: 0; padding: 0;
}
#header-logo #logo {
position: absolute;
top: 3px; left: 5px;
font: bold 30px "trebuchet MS", Arial, Tahoma, Sans-Serif;
margin: 0; padding: 0;
letter-spacing: -1px;
color: #000;
}
#header ul {
position: absolute;
margin:0;
list-style:none;
right:-18px ; bottom: 3px;
font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
}
#header li {
display:inline;
margin:0; padding:0;
}
#header a {
float:left;
background: url(http://img5.xooimage.com/files/a/7/8/tablefth-90356f.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#header a span {
float:left;
display:block;
background: url(http://img5.xooimage.com/files/5/5/7/tabrighth-9035af.gif) no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
color:#FFF;
}
#header a:hover {
background-position:0% -42px;
}
#header a:hover span {
background-position:100% -42px;
}
#header #current a {
background-position:0% -42px;
}
#header #current a span {
background-position:100% -42px;
}
#main {
float: right;
margin: 0; padding: 0;
width: 545px;
}
#main h1 {
margin: 10px 0;
padding: 4px 0 4px 8px;
font-size: 105%;
color: #FFF;
text-transform: uppercase;
background-color: #CC0000;
letter-spacing: .5px;
}
#sidebar {
float: left;
width: 220px;
margin: 0; padding: 0;
background-color: #FFFFFF;
}
#sidebar h1 {
margin: 10px 0 0 0;
padding: 4px 0 4px 8px;
font: bold 105% Arial, Sans-Serif;
color: #FFF;
text-transform: uppercase;
background: #333;
letter-spacing: 1px;
}
#sidebar .left-box {
border: 1px solid #EBEBEB;
margin: 0 0 5px 0;
background: #FFF;
}
#sidebar ul.sidemenu {
list-style: none;
text-align: left;
margin: 3px 0px 8px 0; padding: 0;
text-decoration: none;
}
#sidebar ul.sidemenu li {
border-bottom: 1px solid #f2f2f2;
background: url(http://img48.xooimage.com/files/8/8/b/bullet-136024e.gif) no-repeat 3px 2px;
padding: 3px 5px 3px 25px;
margin: 0;
}
#sidebar ul.sidemenu a {
font-weight: bolder;
padding: 3px 0px;
background: none;
}
.footer {
clear: both;
border-top: 1px solid #f2f2f2;
background: #FFF url(http://img49.xooimage.com/files/3/4/e/footerbg-1448f16.gif) repeat-x;
padding: 2px 0 10px 0;
text-align: center;
line-height: 1.5em;
font-size: 95%;
}
.footer a {
text-decoration: none;
font-weight: bold;
}
.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; }
.red   { color: #CC0000; }
.comments {
margin: 20px 10px 5px 10px;
padding: 3px 0;
border-bottom: 1px dashed #EFF0F1;
border-top: 1px dashed #EFF0F1;
}

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

CSS BÖLÜMÜNE

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 BÖLÜMÜNE

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;
}

tasarımın ü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="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="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="URL">Link's 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 BÖLÜMÜNE

#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 BÖLÜMÜNE

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; }

tasarımın üstüne

TASARIMIN ALTINA

</div>


<div id="rightcolumn">
<span style="color: rgb(185, 208, 66);"><a href="http://URL"><span style="color: rgb(185, 208, 66);"><strong><img width="25" height="25" border="0" src="http://img42.xooimage.com/files/c/4/7/120-1334586.png " alt="" /> Inicio</strong></span></a><span style="color: rgb(185, 208, 66);"><strong><br />
</strong></span></span><span style="color: rgb(185, 208, 66);"><a href="http://URL"><span style="color: rgb(185, 208, 66);"><strong><img width="25" height="25" border="0" src="http://img40.xooimage.com/files/a/6/4/16-13344ed.png" alt="" /> Buscar</strong></span></a><span style="color: rgb(185, 208, 66);"><strong><br />
</strong></span></span><span style="color: rgb(185, 208, 66);"><a href="http://URL"><span style="color: rgb(185, 208, 66);"><strong><img width="25" height="25" border="0" src="http://img26.xooimage.com/files/8/1/1/17-1334505.png" alt="" /> Música</strong></span></a><span style="color: rgb(185, 208, 66);"><strong><br />
</strong></span></span><span style="color: rgb(185, 208, 66);"><a href="http://URL"><span style="color: rgb(185, 208, 66);"><strong><img width="25" height="25" border="0" src="http://img26.xooimage.com/files/9/9/c/54-133450f.png" alt="" /> Foro</strong></span></a><span style="color: rgb(185, 208, 66);"><strong><br />
</strong></span></span><span style="color: rgb(185, 208, 66);"><a href="http://URL"><span style="color: rgb(185, 208, 66);"><strong><img width="25" height="25" border="0" src="http://img22.xooimage.com/files/5/5/b/63-1334526.png" alt="" /> Fotos</strong></span></a><span style="color: rgb(185, 208, 66);"><strong><br />
</strong></span></span><span style="color: rgb(185, 208, 66);"><a href="http://URL"><span style="color: rgb(185, 208, 66);"><strong><img width="25" height="25" border="0" src="http://img24.xooimage.com/files/5/3/b/75-1334535.png" alt="" /> Contacto</strong></span></a><span style="color: rgb(185, 208, 66);"><strong><br />
</strong></span></span><a href="http://URL"><span style="color: rgb(185, 208, 66);"><strong><img width="25" height="25" border="0" src="http://img3.xooimage.com/files/8/3/4/78-94eafc.png" alt="" /> Ventas</strong></span></a><br />
</div>


<div id="footer"> Mi Web © 2009 </div>

</div>

CSS BÖLÜMÜNE

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;}
* { padding: 0; margin: 0; }
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background:url(http://www.fileden.com/files/2009/3/13/2361736/117a.jpg);
}
#wrapper {
margin: 0 auto;
width: 922px;
}
#header {
color: #333;
width: 922px;
float: left;
height: 120px;
margin: 10px 0px 0px 0px;
background-color:#F3F2ED;
background:url(http://www.fileden.com/files/2009/3/13/2361736/header.png);
-moz-border-radius: 10px;
}
#navigation {
float: left;
width: 900px;
color: #53352B;
padding: 10px;
border: 1px solid #53352B;
margin: 0px 0px 0px 0px;
background-color:#F3F2ED;
background:url(http://www.fileden.com/files/2009/3/13/2361736/na.png
);
-moz-border-radius: 10px;
}
#navigation ul {
float: left;
list-style: none;
margin:0; padding: 0;
}
#navigation ul li {
display: inline;
}
#navigation ul li a {
display: block;
float: left;
padding: 0 12px;
color: #53352B;
text-decoration: none;
}
#navigation ul li.last a {
padding-right: 20px;
}
#navigation ul li a:hover {
color: #FFF;
}
#navigation ul li#current a {
color: #FFF;
}
#leftcolumn {
color: #333;
border: 1px solid #53352B;
margin: 0px 0px 0px 0px;
padding: 10px;
width: 728px;
float: left;
background:#fff;
-moz-border-radius: 10px;
}
#rightcolumn {
float: right;
color: #333;
border: 1px solid #53352B;
margin: 0px 0px 0px 0px;
padding: 10px;
width: 150px;
display: inline;
background:url(http://www.fileden.com/files/2009/3/13/2361736/126.jpg);
-moz-border-radius: 10px;
}
#footer {
width: 728px;
clear: both;
color: #53352B;
border: 1px solid #53352B;
background-color:#F3F2ED;
margin: 0px 0px 10px 0px;
padding: 10px;
background:url(http://www.fileden.com/files/2009/3/13/2361736/na.png);
-moz-border-radius: 10px;
}

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://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></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("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-7411740-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</body>
</html>

CSS BÖLÜMÜNE

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;
}

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</p>
</div>
</div></div></div>
<div class="navigation clearfix">
<div class="alignleft"></div>
<div class="alignright"></div>
</div>
</div>
<div id="sidebar">
<ul>
<li id="ads-125x125" class="widget"><div class="widget-top"><div class="widget-bottom">   <div id="ads-125-125" class="clearfix">
<a href="#"><img class="img-adv" src="http://wpjunction.com/themes/prozine/wp-content/themes/Prozine/images/advert.png" alt="adv 125x125" /></a>
<a href="#"><img class="img-adv right" src="http://wpjunction.com/themes/prozine/wp-content/themes/Prozine/images/advert.png" alt="adv 125x125" /></a>
<a href="#"><img class="img-adv bottom" src="http://wpjunction.com/themes/prozine/wp-content/themes/Prozine/images/advert.png" alt="adv 125x125" /></a>
<a href="#"><img class="img-adv last" src="http://wpjunction.com/themes/prozine/wp-content/themes/Prozine/images/advert.png" alt="adv 125x125" /></a>
</div>
</div></div></li>   <li id="pages" class="widget"><div class="widget-top"><div class="widget-bottom">      <h4 class="widget-title">Pages</h4>      <ul>
<li class="page_item page-item-2"><a href="http://wpjunction.com/themes/seezine/?page_id=2" title="About">About</a></li>
<li class="page_item page-item-73"><a href="http://wpjunction.com/themes/seezine/?page_id=73" title="About">About</a></li>
<li class="page_item page-item-75"><a href="http://wpjunction.com/themes/seezine/?page_id=75" title="About">About</a></li>
<li class="page_item page-item-76"><a href="http://wpjunction.com/themes/seezine/?page_id=76" title="About">About</a></li>
<li class="page_item page-item-21"><a href="http://wpjunction.com/themes/seezine/?page_id=21" title="Nulla ut libero">Nulla ut libero</a></li>
<li class="page_item page-item-25"><a href="http://wpjunction.com/themes/seezine/?page_id=25" title="Pellentesque">Pellentesque</a></li>
<li class="page_item page-item-26"><a href="http://wpjunction.com/themes/seezine/?page_id=26" title="Quisque fermentum">Quisque fermentum</a></li>
<li class="page_item page-item-24"><a href="http://wpjunction.com/themes/seezine/?page_id=24" title="Sodales">Sodales</a></li>
</ul>
</div></div></li><li id="categories-525660961" class="widget"><div class="widget-top"><div class="widget-bottom"><h4 class="widget-title">Categories</h4>      <ul>
<li class="cat-item cat-item-4"><a href="http://wpjunction.com/themes/seezine/?cat=4" title="View all posts filed under Curabitur">Curabitur</a>
</li>
<li class="cat-item cat-item-5"><a href="http://wpjunction.com/themes/seezine/?cat=5" title="View all posts filed under Donec">Donec</a>
</li>
<li class="cat-item cat-item-6"><a href="http://wpjunction.com/themes/seezine/?cat=6" title="View all posts filed under Libero">Libero</a>
</li>
<li class="cat-item cat-item-7"><a href="http://wpjunction.com/themes/seezine/?cat=7" title="View all posts filed under Maecenas">Maecenas</a>
</li>
<li class="cat-item cat-item-8"><a href="http://wpjunction.com/themes/seezine/?cat=8" title="View all posts filed under Mauris">Mauris</a>
</li>
<li class="cat-item cat-item-9"><a href="http://wpjunction.com/themes/seezine/?cat=9" title="View all posts filed under Suspendisse">Suspendisse</a>
</li>
<li class="cat-item cat-item-10"><a href="http://wpjunction.com/themes/seezine/?cat=10" title="View all posts filed under tellus">tellus</a>
</li>
<li class="cat-item cat-item-11"><a href="http://wpjunction.com/themes/seezine/?cat=11" title="View all posts filed under Velit">Velit</a>
</li>
<li class="cat-item cat-item-12"><a href="http://wpjunction.com/themes/seezine/?cat=12" title="View all posts filed under Video">Video</a>
</li>
<li class="cat-item cat-item-13"><a href="http://wpjunction.com/themes/seezine/?cat=13" title="View all posts filed under Vivamus">Vivamus</a>
</li>
</ul>
</div></div></li>      <li id="recent-posts" class="widget"><div class="widget-top"><div class="widget-bottom">         <h4 class="widget-title">Recent Posts</h4>         <ul>
<li><a href="http://wpjunction.com/themes/seezine/?p=69">Sed nunc augue </a></li>
<li><a href="http://wpjunction.com/themes/seezine/?p=17">Lorem ipsum dolor sit amet </a></li>
<li><a href="http://wpjunction.com/themes/seezine/?p=15">Mauris euismod rhoncus tortor. </a></li>
<li><a href="http://wpjunction.com/themes/seezine/?p=13">Curabitur faucibus </a></li>
<li><a href="http://wpjunction.com/themes/seezine/?p=11">Nullam eget nunc convallis… </a></li>
</ul>
</div></div></li>      <li id="meta" class="widget"><div class="widget-top"><div class="widget-bottom">         <h4 class="widget-title">Meta</h4>         <ul>
<li><a href="http://wpjunction.com/themes/seezine/wp-login.php">Log in</a></li>
<li><a href="http://wpjunction.com/themes/seezine/?feed=rss2" title="Syndicate this site using RSS 2.0">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li>
<li><a href="http://wpjunction.com/themes/seezine/?feed=comments-rss2" title="The latest comments to all posts in RSS">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li>
<li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress.org</a></li>
</ul>
</div></div></li>         </ul>
</div>
</div>
<div id="footer">
<p><a href="http://topwpthemes.com" title="Wordpress Themes" target="_blank">Wordpress Theme</a> Adaptado por <a href="http://www.PwG-DesignS.es.tl" title="PwG-DesignS" target="_blank">PwG-DesignS</a></p>
</div>
</body>
</html>

CSS BÖLÜMÜNE