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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
font-size:100%;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}

body 
{
    background:transparent url(../images/background.png) repeat scroll 0 0;
    font-family:tahoma,arial,helvetica,sans-serif;
    font-size:11px;
    line-height:18px;
    top:0px;
}

#genel{ width:856px; margin:0 auto; display:table;}

#genel #logo {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/logo.png) no-repeat scroll 0 0;
height:240px;
margin:0 -96px -140px 0;
text-indent:-10000px;
width:399px;
}

#genel #headline {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/line.gif) no-repeat scroll 0 0;
color:#FFFFFF;
font-family:tahoma,arial,helvetica,sans-serif;
font-size:11px;
line-height:18px;
padding:20px 0 27px;
}

.line
{
background:transparent url(../images/line.gif) no-repeat scroll 0 0;
line-height:18px;
padding:20px 0 27px;
}

#genel #icerik {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
color:#FFFFFF;
font-family:tahoma,arial,helvetica,sans-serif;
font-size:11px;
line-height:18px;
padding:10px 0 37px;
padding-bottom:40px;
margin-bottom:40px;
}

.resim-left{ float: left; margin-right: 20px;}
.resim-right{ float: right; margin-right: 20px;}

.menu {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/nav-lines.gif) no-repeat scroll 0 0;
padding:5px 0;
}

#genel #headline h2{ display:block;
font-size:10px;
height:35px;
margin:0 0 12px;
overflow:hidden;
text-indent:-400px;
width:500px;}

.anasayfa
{
    -moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/anasayfa.png) no-repeat scroll 0 -2px;
}

.hakkimda{-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/hakkimda.png) no-repeat scroll 0 0;}

.paylasim{-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/paylasim.png) no-repeat scroll 0 0;}

.iletisim{-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/iletisim.png) no-repeat scroll 0 0;}

.projeler{-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/proje.png) no-repeat scroll 0 0;}

.blog{-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/blog.png) no-repeat scroll 0 0;}

#nav {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/nav.png) repeat scroll 0 0;
height:52px;
margin:0;
padding:0;
position:relative;
width:840px;
}
#nav li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:absolute;
top:0;
}
#nav li, #nav a {
display:block;
height:52px;
}
#nav01 {
left:0;
overflow:hidden;
text-indent:-300em;
width:140px;
}
#nav02 {
left:140px;
overflow:hidden;
text-indent:-300em;
width:140px;
}
#nav03 {
left:280px;
overflow:hidden;
text-indent:-300em;
width:140px;
}
#nav04 {
left:420px;
overflow:hidden;
text-indent:-300em;
width:140px;
}
#nav05 {
left:560px;
overflow:hidden;
text-indent:-300em;
width:140px;
}
#nav06 {
left:700px;
overflow:hidden;
text-indent:-300em;
width:140px;
}
#nav07 {
left:840px;
overflow:hidden;
text-indent:-300em;
width:140px;
}
#nav01 a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/nav.png) no-repeat scroll 0 -104px;
}
#nav02 a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/nav.png) no-repeat scroll -140px -104px;
}
#nav03 a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/nav.png) no-repeat scroll -280px -104px;
}
#nav04 a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/nav.png) no-repeat scroll -420px -104px;
}
#nav05 a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/nav.png) no-repeat scroll -560px -104px;
}
#nav06 a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/nav.png) no-repeat scroll -700px -104px;
}
#nav07 a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/nav.png) no-repeat scroll -840px -104px;
}
.nav01on {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/nav.png) no-repeat scroll 0 -52px;
}
.nav02on {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/nav.png) no-repeat scroll -140px -52px;
}
.nav03on {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/nav.png) no-repeat scroll -280px -52px;
}
.nav04on {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/nav.png) no-repeat scroll -420px -52px;
}
.nav05on {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/nav.png) no-repeat scroll -560px -52px;
}
.nav06on {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/nav.png) no-repeat scroll -700px -52px;
}
.nav07on {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/nav.png) no-repeat scroll -840px -52px;
}

.resumelink a{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/resume.gif) repeat scroll 0 0;
color:#7A7367;
display:block;
height:19px;
margin-top:10px;
padding:18px 20px;
width:282px;
font-size:30px;
font-weight:bold;
text-decoration:none;
}

.resumelink a:hover{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/resume.gif) repeat scroll 0 55px;
color:Black;
}

#genel #icerik #liste{ width:900px; float:left;}

.gallery {
float:left;
width:160px;
}

.gallery.bosluk {
margin-right:10px;
}

.gallery .small_view {
background-color:#ffffff;
padding:5px 5px 0;
width:150px;
margin-bottom:10px;
}

.gallery p.img_smaller {
width:150px;
}
.gallery p.text_smaller.new {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(_img/new.gif) no-repeat scroll 0 0.3em;
padding-left:30px;
}

.gallery p.text_smaller {
margin:10px 0 10px 2px;
}

.clear {
clear:both;
font-size:1px;
height:1px;
line-height:1px;
width:100%;
}

.gallery .s_shadow {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/paylasim_golge.png) no-repeat scroll 0 0;
height:16px;
width:160px;
}

.gallery p.text_smaller a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000000 url(/images/white_arrow.png) no-repeat scroll 0 0.45em;
color:#FFFFFF;
padding-left:7px;
text-decoration:none;
}

.gallery p.text_smaller a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/black_arrow.png) no-repeat scroll 0 0.45em;
color:#000000;
padding-left:7px;
text-decoration:none;
}

.toggler {
	color: white;
	margin: 0;
	padding:5px 0 5px 5px;
	border-bottom: 1px solid #ddd;
	font-size: 15px;
	font-weight: bold;
	cursor:pointer;
	font-family: 'Andale Mono', sans-serif;
}
 
.element 
{
    padding:5px 5px;
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}

.pencere
{
	float:left;
	width:268px;
	padding:15px;
	/*background-image:url('images/kayanarka.png');
	background-repeat:no-repeat;
	background-position:top left;*/
	background-color:Black;
	
}

.pencere.yan a
{
     text-decoration:none; color:White; font-size:12px; display:block;
}
.pencere.yan a:hover{color:black; background-color:White;}