body { FONT-FAMILY: Arial; FONT-SIZE: 12px; background: url('grafik/bg.jpg'); background-repeat: repeat-x; background-position: bottom; text-align: center; color: #15060A; margin-top:0; 
scrollbar-base-color: #A30000;
scrollbar-arrow-color: #FFFFFF;
scrollbar-3dlight-color: #FF9696;
scrollbar-darkshadow-color: #910000;
scrollbar-face-color: #A50002;
scrollbar-highlight-color: #FFC6C6;
scrollbar-shadow-color: #AF000B;
scrollbar-track-color: #FFF4F4;
}
div.oyun { float:left; margin-left: 20}
img { border: 0; };
div.reklam { text-align: right; }
div.li { padding-top: 20;}
div.reklamalt { clear:both; margin-top: 20; text-align:center;}
form { margin:0; padding:0;}
a { color: #C64D75; text-decoration:none; }
div.body { width: 820; margin:auto; background: #ffffff; border: 1px solid #C64D75; text-align: left;}
div.header { width: 800; margin:auto; text-align: left; }
div.logo { float: left; padding-top: 30;}
div.menu { text-align: right;  }
div.menu menu { list-style: none; margin:0; padding:0; }
div.menu menu li { padding:0; display: inline; border-top: 1px solid #C64D75; border-left: 1px solid #C64D75; border-right: 1px solid #C64D75; margin-left: 5px; background: url('grafik/tusbg.jpg'); background-repeat: no-repeat; background-position: right; }
div.menu menu li a { text-decoration: none; padding: 5; color: #C64D75; font-weight: bold; margin:0; }
div.menu menu li a:hover { background: #C64D75; color:#ffffff; }
div.giris { height: 125; width: 270; border: 1px solid #F1DBDB; padding-bottom: 5; float: left; margin-right: 20; background: url('grafik/tdbg.jpg'); background-repeat: no-repeat; background-position: right bottom; margin-bottom: 10; }
div.baslik { color: #ffffff; font-weight: bold; padding: 3 5 3 5; background: #C64D75; }
div.clear { clear:both; padding:5;  }
div.sol { float: left; width: 100;  }
input.s { border: 1px solid #F1DBDB; background: url('grafik/tusbg.jpg') #ffffff; background-repeat: no-repeat; background-position: right; color: #C64D75; }
p.button { text-align: right; padding-right: 15; margin:0; }
p.down { text-align: right; padding-right: 20; margin:0; padding-top:5; }
div.yazi { padding: 10; height: auto; display:table; overflow:auto;}
div.soz { float:right; width: 195; border: 1px solid #F1DBDB; background: url('grafik/tdbg.jpg'); background-repeat: no-repeat; background-position: right bottom; }
div.odalar { clear:both; height: 250; background: url('grafik/obg.jpg'); background-repeat: no-repeat; background-position: top left; padding-top: 35;}
div.liste { float:left; margin: 5 20 5 10; border: 1px solid #F1DBDB; width: 140; padding-bottom:5; background: url('grafik/tdbg.jpg'); background-repeat: no-repeat; background-position: right bottom; }
div.odalar menu { margin:0; padding: 0; list-style: none; float: left; }
div.odalar menu.iki { margin:0; list-style: none; float: left; }
div.odalar menu li { margin-top: 3px; padding-left: 5;}
div.odalar menu.iki li { margin-top: 3px; padding-left: 0;}
div.liste2 { float:left; margin: 5 10 5 5; width: 250; border: 1px solid #F1DBDB; padding-bottom:5; background: url('grafik/tdbg.jpg'); background-repeat: no-repeat; background-position: right bottom;}
div.alt { text-align: center; border: 1px solid #F1DBDB; margin-top: 20; padding: 10; background: #C64D75; FONT-SIZE: 10px; color: #ffffff; }
.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: #C64D75;
color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}


div.blog { 
height: 125; 
width: 400; 
border: 1px solid #F1DBDB; 
padding-bottom: 20;  
background: url('grafik/tdbg.jpg'); 
background-repeat: no-repeat; 
background-position: right bottom; 
margin-bottom: 10; 
float: left;
}

div.blog menu { margin:0; list-style: none; float: left; padding:0; }
div.blog menu li { margin-top: 3px; padding-left: 18; border-bottom: 1px dotted #F1DBDB; 
background: url('grafik/blog.jpg'); 
background-repeat: no-repeat; 
background-position: left; 
}
div.blog a:hover {
color: #FFFFFF;
background: #C64D75;
}



div.log { 
height: 125; 
width: 330; 
border: 1px solid #F1DBDB; 
padding-bottom: 20;  
margin-right: 20; 
background: url('grafik/tdbg.jpg'); 
background-repeat: no-repeat; 
background-position: right bottom; 
margin-bottom: 10; 
float: right;
}

div.log menu { margin:0; list-style: none; float: left; padding:0; }
div.log menu li { margin-top: 3px; padding-left: 18; border-bottom: 1px dotted #F1DBDB; 
background: url('grafik/log.jpg'); 
background-repeat: no-repeat; 
background-position: left; 
}
div.log a:hover {
color: #FFFFFF;
background: #C64D75;
}

h1 {
color: #C64D75;
margin-bottom: 7;
font-size: 20px;
}

.baslik  {
color: #C64D75;
font-weight: bold;
}


div.b { 
clear:both;
height: auto;
width: 95%; 
border: 1px solid #F1DBDB; 
padding: 5;
background: url('grafik/tdbg.jpg'); 
background-repeat: no-repeat; 
background-position: right bottom; 
margin-top: 10; 
float: left;
}

div.album {
border: 1px solid #F1DBDB;
float: left;
text-align: center;
margin-right: 20px;
padding: 3px;
background: #C64D75;
}

div.album a {
color: #EDD8E6;
}

a.syf {
background: #C64D75;
padding: 2px;
color: #FFFFFF;
}


div.blogcss { 
width: 400; 
border: 1px solid #F1DBDB; 
padding-bottom: 5; 
float: left; 
margin-right: 20; 
background: url('grafik/tddolu.jpg') #C64D75; 
background-repeat: no-repeat; 
background-position: right bottom; 
margin-bottom: 10; 
}



div.blogcss menu { margin:0; list-style: none; float: left; padding:0; }
div.blogcss menu li { margin-bottom: 3px; padding-left: 18; border-bottom: 1px dotted #F1DBDB; 
background: url('grafik/blog.jpg'); 
background-repeat: no-repeat; 
background-position: left; 
}
div.blogcss a {
color: #FFFFFF;
}

div.blogcss a:hover {
color: #C64D75;
background: #FFFFFF;
}

div.baslik2 { color: #ffffff; font-weight: bold; padding-left: 10px; padding-top:3px; background: #C64D75; }

div.ustbar {
background: #C64D75;
padding: 5px;
color: #FFFFFF;
}

div.center {
padding: 10;
}

div.aktif {
padding: 10;
}


div.resimcss { 
width: 320; 
border: 1px solid #F1DBDB; 
padding-bottom: 5; 
float: left; 
margin-right: 20; 
background: url('grafik/tddolu.jpg') #C64D75; 
background-repeat: no-repeat; 
background-position: right bottom; 
margin-bottom: 10; 
}


input.s1 { 
border: 1px solid #F1DBDB; 
background: url('/grafik/form.jpg');
background-repeat: no-repeat;
padding-left: 25px;
color: #C64D75; 
}

input.s2 { 
border: 1px solid #F1DBDB; 
background: url('/grafik/form2.jpg');
background-repeat: no-repeat;
padding-left: 25px;
color: #C64D75; 
}

img.blog {
float: left;
}

menu.ask {
list-style: none;
margin:0;
padding:0;
}

menu.ask li {
padding-bottom: 5px;
padding-left: 15px; 
background: url('/grafik/kbul.jpg');
background-repeat: no-repeat;
float: left;
margin-right: 20px;
}


div.resimcss menu { margin:0; list-style: none; float: left; padding:0; }
div.resimcss menu li { margin-bottom: 3px; padding-left: 18; border-bottom: 1px dotted #F1DBDB; 
background: url('grafik/blog.jpg'); 
background-repeat: no-repeat; 
background-position: left; 
}
div.resimcss a {
color: #FFFFFF;
}

div.resimcss a:hover {
color: #C64D75;
background: #FFFFFF;
}