@charset "UTF-8";
/* CSS Document */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table {	border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1 { font-size: 18px; font-weight: normal; }
h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
hr { background-image:url(/static/grafik/hr.gif); border: none; height:20px; margin:10px auto 20px; padding:0; width:560px; }






body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #232323;
}

#bg1 {

	background-color: #eee;
	background-image: url(/static/temalar/tema2/grafik/arka.png);
	background-repeat: repeat-x;
	width: 100%;
	
	}
	
#bg2 {

	background-color: #717171;
	background-image: url(/static/temalar/tema2/grafik/ic-bg.png);
	background-repeat: repeat-x;
	width: 100%;
	
	}
	
.messages { margin-right: 30px;}

#main { width:987px; margin-left:auto; margin-right:auto; overflow:hidden; }
#logo { margin: 22px 0 0 15px; float:left; }
#kullanici-panel { width:506px; height:77px; background:url(/static/temalar/tema2/grafik/panal-arka.png) no-repeat; display:block; float:right; margin: 22px 30px 0 0; }
#login { background: url(/static/temalar/tema2/grafik/k-panel-login.png) no-repeat; width:510px; height:77px; display:block; float:right; margin: 22px 30px 0 0;}
#vitrin { background:url(/static/temalar/tema2/grafik/vitrin-cerceve.png) no-repeat; width:987px; height:324px; display:inline-block; margin: 35px 0 0 2px; }
#nikon {  float: left; margin-top: 30px; width: 256px; }
#nikon img { position: relative; }

#login-degilse { margin: 12px 20px 0 20px; }
#inputlar label { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-shadow: 0 1px 2px #000; color: white; }
#inputlar input {
background:url("../grafik/k-input.png") no-repeat;
border:medium none;
color:#4485c3;
font-family:Arial;
font-size:11px;
font-weight:bold;
height:24px;
line-height:24px;
margin:0 5px;
padding:0 5px;
position:relative;
text-shadow:0 1px 2px #000000;
width:125px;
}
#inputlar #submit { width: 60px; height: 27px; position: absolute; background: url(/static/temalar/tema2/grafik/giris.png) no-repeat; border: none; cursor: pointer; }

#degilse-alt { display: block; margin-top: 12px; }
#degilse-alt #hatirla {float: left;}
#degilse-alt label {color: white; text-shadow: 0 1px 2px #000; margin: 0 3px; line-height: 14px; float: left;}
#degilse-alt a { color:#4485c3; font-weight: normal; text-shadow: 0 1px 2px #000; float: right; padding: 0 5px 0 15px; line-height: 10px; }
#degilse-alt a span { width: 10px; height: 10px; background: url(/static/temalar/tema2/grafik/li.png) no-repeat; display: block; float: left; margin-right: 3px;}

#login a { display: block; height: 73px; text-decoration: none; color: #999; text-shadow: 0 -1px 0 #000; font-weight: bold; float: left; text-align: center; padding: 10px; margin: 0 13px; }
#login a:hover {background: url(/static/temalar/tema2/grafik/k-panel-hover.png) repeat-x; color: #4485C3; text-shadow: 0 0 5px #000;}
#login span { display: block; margin-top: 6px; }

#alt-index { width: 100%; display: inline-block; height: 355px; }
#alt-index p { text-shadow: 0 1px 0 #fff; font-size: 11px; color: #515151; }

#haberler { float: left; margin: 20px 20px 0 25px; height: 265px; width: 211px; text-shadow: 0 1px 0 #f9f9f9; background: url(/static/temalar/tema2/grafik/haberler-bg.png) no-repeat; }
#haberler h1 { font-size: 22px; margin: 15px; color: #515151; }
#haberler ul { margin-left: 15px; margin-right: 15px;}
#haberler li { background: url(/static/temalar/tema2/grafik/nokta-bg.png) repeat-x bottom; height: 28px; line-height: 28px; }
#haberler li a { font-size: 11px; font-weight: bold; padding-left: 15px;  color: #515151; text-decoration: none; background: url(/static/temalar/tema2/grafik/haber-link.png) no-repeat 0 0; line-height: 22px; margin-left: 5px; }

#tum-haberler  {
background:url("../grafik/haberler-tum.png") no-repeat scroll 0 0 transparent;
color:#224788;
display:block;
font-size:12px;
font-weight:bold;
line-height:20px;
margin:15px;
padding-left:25px;
text-decoration:none;
}

.btn 
{
	background: url(/static/temalar/tema2/grafik/btn1.png) no-repeat left top;
	text-decoration:none;
	border:0;
	display:block;
	margin:0;
	padding-left: 15px;
}
.btn span 
{
	display:inline-block;
	background:url(/static/temalar/tema2/grafik/btn2.png) no-repeat right top;
	font-family:  Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	line-height:25px;
	height: 29px;
	padding-right: 15px;
	text-shadow: 0 -1px 0 #1D3A79;
}

.mavi-link { color: #4485C3; font-weight: bold; text-decoration: underline; font-size: 11px; }

#hizmetler-ana { width: 360px; height: 238px; float: left; background: url(/static/temalar/tema2/grafik/hizmetler-ana.png) no-repeat; margin: 35px 20px 0 5px; }
#hizmetler-ana p {margin-top: 50px; margin-bottom: 15px; width: 166px;}

#fotolar-ana {float: left; background: url(/static/temalar/tema2/grafik/fotolar-ana.png) no-repeat; width:318px; height: 328px; margin: 35px 0 0 15px; }
#fotolar-ana p {margin: 90px 0 15px 0; width: 145px;}

/*** Menü ***/

#MainMenu 
{
	height:43px;
	border:0;
	margin:0;
}
#tab 
{
	top:0;
	height:0;
	background:repeat-x top;
	margin:0;
}
#tab ul 
{
	list-style:none;
	float:right;
	margin:0 15px;
	padding:0;
}
#tab li 
{
	display:inline;
	float:left;
	margin:0 4px 0 0;
	padding:0;
}
#tab a 
{
	background:#000 url(/static/temalar/tema2/grafik/menu-sag.png) no-repeat right top;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#tab a span 
{
	display:block;
	background:url(/static/temalar/tema2/grafik/menu-sol.png) no-repeat left top;
	font-family:  Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	line-height:43px;
	padding:0 13px;
	text-shadow: 0 -1px 0 #1D3A79;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#FFF;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}




/** içerik **/

#icerik { width: 983px; margin-left: auto; margin-right: auto; min-height: 465px; display: inline-block; position: relative; margin-top: 15px;  }
#content-baslik { background: url(/static/temalar/tema2/grafik/content-baslik.png) no-repeat; height: 49px; line-height: 49px; width: 100%;}
#content-baslik h1 {font-size: 18px; font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Helvetica, Arial, Tahoma; color: white; text-shadow: 0 2px 3px #000; margin-left: 15px; }
#content-govde { width: 100%; min-height: 350px; background: url(/static/temalar/tema2/grafik/content-bg.png) repeat-y; display: inline-block;}
#content-footer { background: url(/static/temalar/tema2/grafik/content-footer.png) no-repeat; height: 43px; }


/** albüm **/
#album-bar {height: 43px; width: 100%; background: url(/static/temalar/tema2/grafik/album-bar.png) no-repeat; line-height: 43px; color: #999; text-shadow: 0 -1px 0 #000; font-weight: bold; text-align: right; }
#album-bar input { background: url(/static/temalar/tema2/grafik/search.png) no-repeat; line-height: 26px; border: none; width: 160px; height: 26px; padding: 0 50px 0 12px; color: #4485c3; font-family: Arial, Helvetica, sans-serif; }
#album-bar .btn { float:none; display: inline-block; }
#albumler { margin: 30px 0 0 35px; }
.album { width: 212px; height: 212px; background: url(/static/temalar/tema2/grafik/album-kutu.png) no-repeat; float: left; margin: 0 20px 20px 0; cursor: pointer;}
.album img {margin: 3px 0 0 6px; width: 200px; height: 137px; }
.album p {font-size: 11px; color: white; text-shadow: 0 -1px 0 #000; margin: 10px 0 0 17px; }
.album b { color:#4485C3; }




/** footer **/

#footer { height: 104px; width: 100%; background: url(/static/temalar/tema2/grafik/footer-bg.png) repeat-x; background-color: #232323; }




/*** footer Menü ***/

#fMenu 
{
border:0 none;
height:40px;
margin-left:auto;
margin-right:auto;
width:987px;
line-height: 40px;
text-align: center;
}


#fMenu a 
{
	text-decoration:none;
	margin:0 10px;
	padding:0;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 12px;
	text-shadow: 0 1px 0 #fff;
	font-weight: bold;
	color: #515151;
}

#fMenu a:hover 
{
	color: #224788;
}

#footer-bilgi { width: 987px; margin-left: auto; margin-right: auto; height: 64px; }
#footer-bilgi p {
color:#787878;
float:left;
line-height:64px;
margin-left:30px;
text-shadow:0 -1px 0 #000000;
}
#footer-bilgi #omer-cetin {float: right; margin: 20px 20px 0 0; border: 0;} 


/*** tablo ***/

.genel-tablo {
 font-size:11px;
 font-family: Arial, Helvetica, verdana sans-serif;
 background-color:#fff;
 border-collapse: collapse;
 width: 100%;
 text-shadow: 0 1px 0 #000;
}

.genel-tablo caption { font-size: 18px; font-weight: bold; color: white; text-shadow: 0 1px 3px #000; padding: 5px 10px; }

.genel-tablo thead th {
background:url("/static/temalar/tema2/grafik/ic-bg.png") repeat scroll 0 0 transparent;
border-color:#999999 #111111 #111111;
border-style:solid;
border-width:1px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
height:35px;
padding:2px;
text-align:center;
text-shadow:0 -1px 0 #222222;
}
.genel-tablo tfoot {
 color:#1ba6b2;
 padding:2px;
 text-transform:uppercase;
 font-size:1.2em; 
 font-weigth: bold;
 margin-top:6px;
 border-top: 6px solid #e9f7f6;
}
.genel-tablo tbody tr {
 background-color:#222222;
height:30px;}
.genel-tablo tbody td {
 color:#999;
 padding:5px;
 text-align:center;
 border:  1px solid #333;
}
.genel-tablo tbody th {
 text-align:left;
 padding:2px;
}
.genel-tablo tbody td a, tbody th a {
 color:#4485C3;
 text-decoration:none;
 font-weight:bold; 
 display:block;
}
.genel-tablo tbody td a:hover, tbody th a:hover {
 color:#4485C3;
 text-decoration:none;
}

.tablo-ortala {width:920px; margin: 20px 0 0 31px;}

#ggiris {font-size: 11px; font-weight: bold; text-shadow: 0 1px 0 #000; color: white;}

#ggiris input { 
background:url("/static/temalar/tema2/grafik/input.png") no-repeat scroll 0 0 transparent;
border:medium none;
color:#4485C3;
font-family:Arial,Helvetica,sans-serif;
height:26px;
line-height:26px;
margin-left:10px;
padding:0 12px;
width:183px;
margin-bottom: 5px;
}

#ggiris textarea {
background:url("/static/temalar/tema2/grafik/album-duzenle-textarea.png") no-repeat scroll 0 0 transparent;
border:medium none;
color:#4485C3;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
height:56px;
margin-bottom:5px;
margin-left:10px;
padding:10px;
width:463px;
overflow-x: hidden;
overflow-y: auto;
}

#kayit-form { display: none; width: 981px; background: url(/static/temalar/tema2/grafik/album-duzenle-bg.png) no-repeat; height: 240px; margin-left: 1px; margin-top: -1px;}
#paylaskutu { float: left; margin: 30px;}

.kfoto {
-moz-border-radius:5px 5px 5px 5px;
-moz-box-shadow:0 5px 10px #000000;
box-shadow:0 5px 10px #000000;
-webkit-border-radius:5px 5px 5px 5px;
-webkit-box-shadow:0 5px 10px #000000;
background:none repeat scroll 0 0 #222222;
border:5px solid white;
float:left;
height:180px;
margin:10px;
text-align:center;
width:200px;
display: table;

}

.kfoto textarea {
color:#333333;
display:inline-block;
font-family:arial;
font-size:10px;
height:30px;
overflow-x:hidden;
overflow-y:scroll;
padding:3px;
width:160px;
margin-bottom: 5px;
  }

.fotodiv img { padding: 3px; background-color: #111; border-bottom: 1px solid #333; margin-bottom: 5px; margin-top: 5px; }

.dugmeler img { float: left; border: none;}

#fotosepet { text-align: center; width: 100%;}
#fotobuyuk { 
-moz-box-shadow:0 5px 10px #000000;
-webkit-box-shadow:0 5px 10px #000000;
box-shadow:0 5px 10px #000000;
background:none repeat scroll 0 0 #999999;
border:10px solid white;
margin:30px;
padding:1px;
}

#fotoaciklama { font-size: 14px; color: white; text-shadow: 0 1px 3px #000; font-weight: bold; margin-top: -10px; }
.fotobas-bilgi { background: #4485C3; padding: 10px 20px; -moz-border-radius: 20px; -webkit-border-radius:20px; font-size: 12px; color: white;}

.pagination { display: inline-block; text-align: center; }