/**************************************************************

	ilhan Tekir :D

**************************************************************/
::-moz-selection {
    background:#c00;
    color:#fff;
}
::selection {
    background:#c00;
    color:#fff;
}


#imageMenu {
	position: relative;
	
	overflow: hidden;
	

  z-index: 3;
  margin-left:auto;
  margin-right:auto;
  width: 840px;  
  height: 273px;
}



#imageMenu ul {
	list-style: none;
	list-style-type: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 2000px;
	
	 text-indent: -1000em;
  position: absolute;  
  top: 35px;
  margin-left:auto;
  margin-right:auto;
  padding: 0;


	
	}

#imageMenu ul li {
	float: left;
	  margin: 0;
  padding: 0;
  display: inline;
	
}

#imageMenu ul li a {
	 text-decoration: none;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:210px;
	height: 200px;
	
  left: 0;
  top: 0;
  border: 0;
  

filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;

	
}
#imageMenu ul li a:hover,
#imageMenu ul li a.here {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}

#imageMenu ul li.landscapes a {
	background: url(../images/landscapes.jpg) repeat scroll 0%;
}

#imageMenu ul li.people a {
	background: url(../images/people.jpg) repeat scroll 0%;
}

#imageMenu ul li.nature a {
	background: url(../images/nature.jpg) repeat scroll 0%;
}

#imageMenu ul li.urban a {
	background: url(../images/urban.jpg) repeat scroll 0%;
}



.clear {
	clear: both;
}

/*************************************************************/


#blg_sag_kisim {
  width: 550px;

  float: right;
}

#yrm .yrm_baslik {
  background: url(../images/yorum_baslik.png) no-repeat;
  height: 66px;
  margin: 0;
  margin-right: 0px;
  width: 646px;
  padding: 0;
  
}
#yrm .yrm_baslik .yazi {
  float: left;
  color: white;
  font-size: 20px;
  letter-spacing: -1px;
  width:500px;
  line-height: 25px;
  overflow: hidden;
  margin-top: 15px;
  text-decoration: none;
  margin-left: 24px;
  font-weight: bold;

}


#yrm_cevir .yrm_baslik {
  background: url(../images/yrm_sag.png) no-repeat;
  height: 66px;
  margin: 0;
  margin-right: 0px;
  width: 646px;
  padding: 0;
  
}
#yrm_cevir .yrm_baslik .yazi {
  float: left;
  color: white;
  font-size: 20px;
  letter-spacing: -1px;
  width:500px;
  line-height: 25px;
  overflow: hidden;
  margin-top: 15px;
  text-decoration: none;
  margin-left: 24px;
  font-weight: bold;

}
#yrm_cevir .yrm_baslik .tarih {
  float: right;
  height: 50px;
  width: 100px;
  margin-top: 2px;
  margin-right:24px;
  color: white;
}

#yrm_cevir .yrm_baslik .tarih .ay {
	margin-right:10px;
  float: right;
  font-size: 11px;
  font-weight: bold;
  margin-top: 1px;
  text-transform: uppercase;
  height: 20px;
}

#yrm_cevir .yrm_baslik .tarih .gun {
	margin-right:16px;
  float: right;
  font-size: 24px;
  font-weight: bold;
  height: 25px;
  width: 25px;
}

#yrm_cevir .yrm_baslik .baslik_yazi {
  float: right;
  color: white;
  font-size: 20px;

  height: 25px;


  overflow: hidden;
  margin-top: 2px;
  text-decoration: none;
  margin-right: 10px;
  font-weight: bold;

}
#yrm_cevir .yrm_baslik .avatar {
  float: right;
  color: white;
  height: 46px;
  overflow: hidden;
  margin-top: 3px;
  margin-right: -26px;

}





#blg .blg_baslik {
  background: url(../images/blog_baslik.png) no-repeat;
  height: 66px;
  margin: 0;
  margin-right: 0px;
  width: 646px;
  padding: 0;
}

#blg .blg_baslik .tarih {
  float: right;
  height: 50px;
  width: 100px;
  margin-top: 2px;
  margin-right:24px;
  color: white;
}

#blg .blg_baslik .tarih .ay {
	margin-right:10px;
  float: right;
  font-size: 11px;
  font-weight: bold;
  margin-top: 1px;
  text-transform: uppercase;
  height: 20px;
}

#blg .blg_baslik .tarih .gun {
	margin-right:16px;
  float: right;
  font-size: 24px;
  font-weight: bold;
  height: 25px;
  width: 25px;
}

#blg .blg_baslik .baslik_yazi {
  float: left;
  color: white;
  font-size: 20px;
  letter-spacing: -1px;
  height: 25px;
  width:500px;
  line-height: 25px;
  overflow: hidden;
  margin-top: 2px;
  text-decoration: none;
  margin-left: 14px;
  font-weight: bold;

}

#blg .blg_baslik .kategori{
  height: 16px;
  margin: 0;
  margin-left: 16px;
  padding: 0;
  margin-top: 25px;
  
}
#blg .blg_baslik .yorum_kismi{
  height: 20px;
  margin: 0;
  margin-left: 100px;
  padding: 0;
  margin-top: 25px;
  
}
#blg .blg_baslik .okunma{

  height: 20px;
  margin: 0;
  margin-left: 100px;
  padding: 0;
  margin-top: 25px;
  
}






#blg div.kod-kutu {
  background: url(../images/kod_baslik.png) no-repeat;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-top: 19px;
  
}

#blg div.kod {

	background: url(../images/kod_sn_art.gif) repeat-y;
	background-color: #595959;
	border: 1px solid #333;
	padding-left: 8px;
}



#blg div.kod.normal {

  background-image: none;
  margin-top: -17px;
  margin-bottom: -17px;
  background-color: #efefef;
  border: 1px solid #333;
  padding: 10px;
}

#blg .kod ol, #blg .kod ol li, #blg .kod ol li *, #blg .kod ol li * * {
  font: 12px Monaco, "Lucida Console", "Courier New", Courier, mono;white-space: normal;
}

#blg .kod ol, #blg .kod ol li {
  margin: 0;
  padding: 0;
  font-size: 11px;
  width:450px;
}

#blg .kod ol {
  margin-left: 28px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#blg .kod ol li {
  padding-left: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
}












/*CSS green-black style pagination*/

DIV.green-black {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.green-black A {
	BORDER-RIGHT: #2c2c2c 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #2c2c2c 1px solid; PADDING-LEFT: 5px; BACKGROUND: url(../images/image1.gif) #2c2c2c; PADDING-BOTTOM: 2px; BORDER-LEFT: #2c2c2c 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #2c2c2c 1px solid; TEXT-DECORATION: none
}
DIV.green-black A:hover {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: url(../images/image2.gif) #fff; BORDER-LEFT: #fff 1px solid; COLOR: #fff; BORDER-BOTTOM: #fff 1px solid
}
DIV.green-black A:active {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: url(../images/image2.gif) #fff; BORDER-LEFT: #fff 1px solid; COLOR: #fff; BORDER-BOTTOM: #fff 1px solid
}
DIV.green-black SPAN.current {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: url(../images/image2.gif) #fff; PADDING-BOTTOM: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid
}
DIV.green-black SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}

.blg_title {
  float: left;
  clear: both;
  width: 250px;
  padding: 0 0 0 15px;
  margin-top:0px;



 
}


#sol {

overflow: hidden;
  height: 200px;
  width: 50px;
  position: absolute;
  top: 35px;
  z-index: 2; 
  margin-left:-50px;
  

}

#sol ul {

	list-style-type: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 50px;	
	 text-indent: -1000em;
  position: absolute;  
  top: 0px;
  margin-left:auto;
  margin-right:auto;
  padding: 0;
	 
	}

#sol ul li {
	float: left;
	  margin: 0;
  padding: 0;
  display: inline;
	
}

#sol ul li a {
	text-decoration: none;

	
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:50px;
	height: 200px;
	
  left: 0;
  top: 0;
  border: 0;
  

filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;

	
}
#sol ul li a:hover,
#sol ul li a.here {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}

#sol ul li.anasayfa a {
	background: url(../images/anasayfa.png) no-repeat;
	width: 50px;
	height:200px;
	
}



#content,
#subContent {

  width: 840px;  
  background: url(../images/arka_trans.png) repeat top right;
  margin-left:auto;
  margin-right:auto;
  

}

#subContent {
  background: none;
}

#bottomBand {

  margin-left:auto;
  margin-right:auto;
  width: 840px;
  height: 50px;
   background: url(../images/en_alt.png) repeat-x top right;
}

#bottomBand .logom{
   float:right;
  margin-right: 30px;
  margin-top: -20px;
  }

.en_alt {
 display: block;
  font: small-caps 1em arial, sans-serif;
  color: #b9ff33;

}

.title {
  float: left;
  clear: both;
  width: 200px;
  padding: 0 0 0 80px;
}

.title_yrm {
	float: left;
	clear: both;
	width: 200px;
	padding: 0 0 0 80px;
	font: normal 2.25em arial, sans-serif;
	color: #ABDA0A;
}



.content {
  float: right;
  width: 520px;
  padding: 0 20px 0 0;
}


.break {
  width: 100%;
  height: 40px;
  clear: both;
}


#colours,
#topBand {
  position: absolute;
  top: 0;
  margin-left:auto;
  margin-right:auto;
  z-index: 2;
  
  width: 840px;
  height: 273px;

  
  background: url(../images/colours.png) repeat-x top right;
}

#topBand {
  z-index: 1;
  background: url(../images/arka_trans.png) repeat top right;
}



/* Portfolio popouts */


.popup {
  position: absolute;    
  top: 10px;
  left: -3000px;
  
  width: 200px;  
  padding: 0 5px;
  
  color: #111;
  background: #f3fe83;
}

.popup b {
  position: absolute;
  top: 7px;
  left: 210px;  
  height: 9px;
  width: 5px;
  background: url(../images/popup.gif) no-repeat top left;
  
}

#paging a img {
  position: relative;
}


#paging {
  float: right;
  width: 108px;
}

#prevButton {
  float: left;
}

#nextButton {
  float: right;
}

/**************************************************************
   Utility Classes
 **************************************************************/
 
.floatRight {
  float: right;
}
 
.floatLeft {
  float: left;
}
 
.clear {
  clear: both;
}
 
.block {
  display: block;
}

.fade {
  opacity: 0.5;
}

a:hover.fade {
  opacity: 1;
}

/**************************************************************
    kategori
 **************************************************************/
 
#kategoridiv {
width:270px;
height:40px;
margin-left:-51px;

}
#kategoridiv .kategori_arka { 
float: left;
	color: #FFF;
	height: 40px;
	padding-top:4px;
	text-decoration: none;
	background:url(../images/kate_arka.png) no-repeat center top;
	text-align:left;
	width: 226px;
	padding-left:45px
}


#kategoridiv .sy_arka { 
float: left;
	color: #FFF;
	height: 40px;
	padding-top:4px;
	text-decoration: none;
	background:url(../images/sy_arka.png) no-repeat center top;
	text-align:left;
	width: 226px;
	padding-left:45px
}
#kategoridiv .eti_arka { 
float: left;
	color: #FFF;
	height: 40px;
	padding-top:4px;
	text-decoration: none;
	background:url(../images/eti_arka.png) no-repeat center top;
	text-align:left;
	width: 226px;
	padding-left:45px
}


/**************************************************************
   soll kategori
 **************************************************************/

.toplinkdiv {
width:271px;
margin-left:-51px;

}
#topleftlink { 
padding: 0px; 
font-weight: normal; 
font-size: 18px; 
font-family:Georgia, "Times New Roman", Times, serif;
display: inline;
line-height:21px;
}

#topleftlink li { 
display: inline; 
list-style-type: none;

}	

#topleftlink li a {
	float: left;
	color: #FFF;
	height: 29px;
	padding-top:4px;
	text-decoration: none;
	background:url(../images/left-link.png) no-repeat center top;
	text-align:left;
	width: 226px;
	height: 29px;
	padding-left:45px
}

#topleftlink li a:link {
	float: left;
	color: #FFF;
	height: 29px;
	padding-top:4px;
	text-decoration: none;
	background:url(../images/left-link.png) no-repeat center top;
	text-align:left;
	width: 226px;
	height: 29px;
	padding-left:45px
}
#topleftlink li a:hover {
	float: left;
	color: #3399ff;
	height: 29px;
	padding-top:4px;
	text-decoration: none;
	background:url(../images/left-link-ho.png) no-repeat center top;
	text-align:left;
	width: 226px;
	height: 29px;
	padding-left:45px
}

#topleftlink  li a.here {
	background:url(../images/left-link-ho.png) no-repeat center top;
	color: #3399ff;
	text-align:left;
	width: 226px;
	height: 29px;
	padding-left:45px
}


/**************************************************************
   soll kategori
 **************************************************************/





#aramadiv {
width:271px;

float: left;
height: 40px;
text-decoration: none;
text-align:left;

}



.arama_sekil:focus {
	background:url(../images/arama_input.png) no-repeat ;
	color:#fff;	
}

.arama_sekil {
	width: 234px;
	height: 40px;
	margin-top:0px;
	font: 1.65em arial, sans-serif;
	background:url(../images/arama_input.png) no-repeat;
	color:#fff;
	margin-left:-15px;	
}




.arama_buton {

overflow: hidden;
  height: 40px;
  width: 35px;
  position: absolute;
  background:none;
margin-top:-4px;
 margin-left:-54px;



}




/**************************************************************
   etiket bulutu
 **************************************************************/
 
.term-cloud {font-family: arial; font-size: 10px; width:200px; }
.term-cloud-1 {
	font-size: 10px;
	color: #E0FFA6;
}
.term-cloud-2 {
	font-size: 14px;
	color: #DAFF95;
}
.term-cloud-3 {
	font-size: 18px;
	color: #C4FF55;
}
.term-cloud-4 {
	font-size: 22px;
	color: #ADFF15;
}
.term-cloud-5 {
	font-size: 26px;
	color: #9CF000;
}
.term-cloud-6 {
	font-size: 32px;
	color: #85CC00;
}
.term-cloud-7 {
	font-size: 36px;
	color: #97E800;
}
.term-cloud-8 {
	font-size: 40px;
	color: #AAFF0D;
}
.term-cloud-9 {
	font-size: 44px;
	color: #E2FFAE;
}
.term-cloud-error {font-family: arial; font-size: 10px; color: red; }
.term-cloud-link {text-decoration: none; }
.term-cloud-link:hover {text-decoration: underline;}

a.facebook {
display:block;
width:60px; 
height:35px;
border:0;
background-image: url(../images/facebook1.png);
bacground-repeat:no-repeat;
background-position: 0 0;
text-indent: -1000em;
}
a.facebook:hover {
display:block;
width:60px; 
height:35px;
border:0;
background-image: url(../images/facebook2.png);
bacground-repeat:no-repeat;
background-position: 0 0;

}

a.demo {
	 float:left;

display: block;
width:260px; 
height:63px;
border:0;
background-image: url(../images/demo1.jpg);
bacground-repeat:no-repeat;

text-indent: -1000em;
}
a.demo:hover {
display: block;
width:260px; 
height:63px;
border:0;
background-image: url(../images/demo2.jpg);
bacground-repeat:no-repeat;
 float:left;


}

a.download {
display:block;
width:260px; 
height:63px;
border:0;
background-image: url(../images/download1.jpg);
bacground-repeat:no-repeat;
 float:left;

text-indent: -1000em;
}
a.download:hover {
display:block;
width:260px; 
height:63px;
border:0;
background-image: url(../images/download2.jpg);
bacground-repeat:no-repeat;
 float:left;


}