/* Sokak Kedisi CSS is created by Sokak Kedisi the stray cat */
/* http: //www.sokakkedisi.com */
body { 
font: 9pt/14px Georgia, "Times New Roman", Times, serif; color:#505b5b; 
background: url(/ext/designer/resim/arkaa.jpg) repeat top left; 
background-color: #eee9d9; 
margin: 0 auto; padding: 0; 
}
/* Link */
a, a:link { 
color:#62a649; text-decoration: none; 
outline: none; 
}
a:visited { 
color:#696; 
}
a:hover, a:active { 
color:#70ba6d; text-decoration: underline; 
}
/* Menu */
#menu { 
color:#fed; text-align: right; 
background: url(/ext/designer/resim/leblebi.jpg) no-repeat 0 10%; 
background-color: #545f57; 
width: 686px; height: 2em; 
margin: -2px auto 0; padding: 0; 
border-bottom: 1px solid #c4cfbe; white-space: nowrap; 
position: relative; 
z-index: 2; 
}
#menu li { 
display: inline; 
}
#menu a { 
font-size: 8pt; line-height: 40px; color:#fed !important; text-decoration: none; 
background: url(/ext/designer/resim/desen.png) repeat-x top center; 
background-color: #9c9; height: 40px; 
margin: 0; padding: 18px 8px 4px; 
border: 1px solid #c4cfbe; 
position: relative; 
display: inline; 
}
#menu a:visited {
color:#fff9f0; 
}
#menu a:hover { 
color:#fff; text-decoration: none; 
background: url(/ext/designer/resim/desen.png) repeat-x center; 
background-color: #9c9; 
border: 1px solid #fed; 
}
/* Page */
#ekran { /* screen wide container */
margin: 0 auto; padding: 0; 
background: url(/ext/designer/resim/arka.jpg) repeat-y top center; 
background-color: #eee9d9; 
}
#sayfa { /* page container */
background: url(/ext/designer/resim/leblebi.jpg) no-repeat top center; 
background-color: #fffffa; 
width: 686px; 
margin: 0 auto; padding: 0; 
}
#logo { /* hidden H1 for printer version */
position: absolute; top: -100px; 
}
#kapsam { /* text area */
position: relative; 
margin: -380px 4em 0 5em; padding: 240px 0 0; 
z-index: 1; 
}
#kapsam h2 img { /* website screenshots */
background: url(/ext/designer/resim/golge.png) no-repeat top right; 
background-color: #ffffeb; 
padding: 1px 1px 14px 14px; 
float: right; 
position: relative; 
}
#iletisim {
position: absolute; top: 1em; right: 0; 
width: 400px; height: 260px; 
border: 1px solid #cdc; 
z-index: 3; 
}
#kolon { /* right menu for design notes */
font: 8pt/12px Verdana, Arial, Helvetica, sans-serif; 
background: url(/ext/designer/resim/motif2.gif) no-repeat bottom center; 
background-color: #fffef8; 
width: 120px; 
margin: 8px 0 8px 8px; padding: 2px 12px 20px; 
border: 1px solid #c9d3c2; 
position: relative; 
float: right; 
z-index: 2; 
}
#kolon h4 { 
font-weight: bold; font-size: 10pt; color: #696; 
background: url(/ext/designer/resim/motif1.gif) no-repeat top center; 
margin: 0; padding: 22px 0 2px; 
border-bottom: 1px dashed #cdc; 
}
#kolon h4:first-letter { 
font-size: 14pt; 
}
#kolon ul, #kolon li {
width: 120px; 
margin: 0 !important; padding: 5px 0; 
clear: both; 
}
#kolon li { 
border-bottom: 1px dashed #cdc; 
}
#kolon a, #kolon a b { 
color:#696 !important; 
}
#footer { /* icon menu */
background: url(/ext/designer/resim/bahce.jpg) repeat-x bottom center; 
background-color: transparent; height: 180px; 
margin: 6em 0 0; padding: 0 5em; 
clear: both; text-align: left; 
}
#motto { /* most bottom line */
font: 8pt/20px Arial, Verdana, Helvetica, sans-serif; color:#686; letter-spacing: .5px; 
}
#warning {
position: absolute; 
background: url(/img/ekran/help.gif) no-repeat 96% 4%; 
background-color: #fff; 
width: 550px; 
margin: -230px 4em 0; padding: 0 2em 1em; 
border: 1px solid #686; 
z-index: 4; 
}
/* Font */
h1 { 
font-weight: bold; 
font-size: 24pt; line-height: 30px; color:#5e7660; 
}
h2 { 
font-weight: bold; 
font-size: 16pt; line-height: 22px; color:#8dac8d; 
width: auto; 
}
h3 { 
font-weight: bold; 
font-size: 14pt; line-height: 18px; color:#696; 
}
h4 { 
font-weight: bold; 
font-size: 10pt; line-height: 14px; color:#369; letter-spacing: 1px; 
}
p { 
font-size: 10pt; color:#597463; 
margin: 4px 0; padding: 4px 0 2px; 
border-top: 1px dashed #cdc; 
}
/* Design Elements */
.ayrac {
background: url(/ext/designer/resim/motif1.gif) repeat-x center; 
width: 100%; height: 30px; 
clear: both; 
}
.mavi {
color:#3a66ad; 
}
.kirmizi { 
color:#dd5008; 
}
.yesil {
color:#46884b; 
}
.kes { 
clear: both; 
}
.nowrap { 
white-space: nowrap; 
}
.gizmo { 
display: none; 
}
.sag { 
margin: 4px 0 2px 6px; 
border: 1px solid #fff; 
float: right; 
}
.ufak {
font: 8pt Tahoma, Verdana, Helvetica, sans-serif; 
}
/* General */
img { 
background-color: #ffffee; 
}
hr { 
height: 0; 
margin: 4px; 
border-top: 1px solid #eeeadd; 
border-bottom: 0; 
}
acronym { 
border-bottom: 1px dashed #fc8; padding: 1px 4px; 
cursor: help; 
}
li {
list-style: none; 
}
/* PRINT */
@media print { 
.tabcontent {
display: block !important; 
}
#kapsam, .linkbox {
width: 100% !important; 
margin: 0 !important; padding: 70px 0 0 !important; 
border: 0 !important; 
}
#logo, #menu, #footer, #altmenu.gizmo { 
display: none; 
}
#motto { 
text-align: left;
border: 0; 
}
/* print end */
} 
/* CSS end */