@charset "utf-8";
@import url("queryLoader.css");
@import url("reset.css");
@import url("form.css");
@import url("colorbox.css");
html,body {
	background:url(../images/bg.jpg) fixed repeat #aaaeb1;
	width:100%;
	height:100%;
	font:13px/16px Verdana;
	color:#333;
	}
	
@font-face {
	font-family: 'AngelinaRegular';
	src: url('angelina.eot');
	src: local('Angelina Regular'), local('Angelina'), url('angelina.woff') format('woff'), url('angelina.ttf') format('truetype'), url('angelina.svg#Angelina') format('svg');
}

a {
	font-weight:bold;
	color:#000;
}	

a:hover {
	text-decoration:underline;
}

h1 {
	height:30px;
	padding:10px 0 0 35px;
	display:block;
	font-size: 42px;
	line-height:normal; 
	letter-spacing:1px;
	font-family: 'Angelina',Arial;
	font-weight:normal;
	color:#000;
}

h2 {
	padding:0;
	display:block;
	font-size: 22px;
	line-height:normal; 
	letter-spacing:1px;
	font-family: 'Angelina',Arial;
	font-weight:normal;
	padding-left:5px;
	color:#000;
}

.kimim {
	background:url(../images/kimim.png) no-repeat;
}
.neler {
	background:url(../images/neler.png) no-repeat;
}
.mail {
	background:url(../images/mail.png) no-repeat;
}
.yorum {
	background:url(../images/comment.png) no-repeat;
}
.isler {
	background:url(../images/islerim.png) no-repeat;
	padding:10px 0 0 75px;
}
#topBar {
	background:url(../images/topBar.png) repeat-x;
	width:100%;
	height:15px;
	position:fixed;
	top:0; left:0;
	z-index:99;
	}
#splat {
	background:url(../images/splat.png) no-repeat;
	width:252px;
	height:278px;
	position:fixed;
	top: 5px; left: 50%;
	margin: 0 0 0 -139px;
	z-index:97;
}
/*----LOGO----*/
#logo {
	background:url(../images/logoKon.png) no-repeat;
	width:170px;
	height:170px;
	position:fixed;
	top:15px; left:15px;
	z-index:99;
	overflow:hidden;
	cursor:pointer;
	}

#logo img {
	border:0;
	/* allow javascript moves the img position*/
	position:absolute;
	z-index:200;
	}

#logo.caption {
	position:absolute;
	z-index:0;	
	color:#ccc;
	display:block;
	}
	
/* Setting for corners */

.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}

.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

.clear {
	clear:both;	
}
/*---LOGO END---*/

/*---MENU BEGIN-*/
#menu {
	background:url(../images/sparan.png) no-repeat;
	width:175px;
	height:160px;
	position:fixed;
	z-index:99;
	top:230px;
	left:11px;
	}
	
#menu ul {
	margin:0;
	padding:0;
	list-style:none;
	}
		
#menu ul li {
	width:175px;
	height:40px;
	overflow:hidden;
	padding:0;
	margin:0;
	}

	
#menu ul li a{
	width:175px;
	height:80px;
	background:url(../images/menu.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	display:block;
	}

#menu ul li.kim a { background-position:0px 0px; }
#menu ul li.islerim a { background-position:0px -80px; }
#menu ul li.galeri a { background-position:0px -160px; }
#menu ul li.ulasin a { background-position:0px -240px; }

#menu ul li.kimLK{
	background:url(../images/menu.png) no-repeat;
	text-indent:-9999px;
	background-position:0px -40px;
	}
#menu ul li.islerimLK{
	background:url(../images/menu.png) no-repeat;
	text-indent:-9999px;
	background-position:0px -120px;
	}
#menu ul li.galeriLK{
	background:url(../images/menu.png) no-repeat;
	text-indent:-9999px;
	background-position:0px -200px;
	}
#menu ul li.ulasinLK{
	background:url(../images/menu.png) no-repeat;
	text-indent:-9999px;
	background-position:0px -280px;
	}
/*---MENU END--*/

/*---RIGHT IMAGE-*/
#rightBack {
	background:url(../images/rightBack.png) no-repeat center;
	width:280px;
	height:100%;
	position:fixed;
	right:0px;
	}
/*---RIGHT IMAGE END--*/
	
#main {
	width:60%;
	height:90%;
	min-width:650px;
	position:absolute;
	top: 50px; left: 50%;
	margin: 0 0 0 -30%;
	z-index:98;
}
#anasayfa {
	width:600px;
	margin:auto;
}
.leftIMG {
	float:left;

}
#forms {
	width:500px;
	margin:auto;
}

#share {
	background:url(../images/share.png) no-repeat;
	width:175px;
	height:60px;
	padding-bottom:10px;
	position:fixed;
	bottom:0; left:5px;
	overflow:hidden;
}
#share ul {
	width:145px;
	height:60px;
	float:left;
	padding-left:30px;
}
#share ul li {
	float:left;
}
#share ul li a {
	width:45px;
	height:20px;
	margin-top:35px;
	float:left;
	overflow:hidden;
}
#share ul li a:hover {
	height:38px;
	margin-top:17px;
}	
#baslik {
	min-width:650px;
	font-size: 42px;
	margin-left:70px;
	line-height:normal; 
	letter-spacing:1px;
	font-family: 'Angelina',Arial; 
	color:#000;
	}
.baslikHeight{
	height:50px;
}

#baslik li {
	float:left;
}

#baslik li.trL {
	width:25px;
	height:50px;
	display:block;
	background:url(../images/trL.png) no-repeat;
	margin-right:10px;
}
#baslik li.trR {
	width:25px;
	height:50px;
	display:block;
	background:url(../images/trR.png) no-repeat;
	margin-left:10px;
}
#baslik li.yazi {
	padding-top:15px;
}

#islerContent {
	width:600px;
	margin:0 auto 20px auto;
}

.item {
	width:552px;
	margin-top:30px;
	overflow: hidden;
	
}
.item .itemIMG {
	width:552px;
	height:152px;
	margin:5px 0 5px 0;
	overflow:hidden;
	position:relative;
}
.item .itemIMG .image a{
	height:150px;
	position:absolute;
	z-index:888;
	top:0; left:0;
	display:block;
	border:1px solid #333;
}

.item .itemIMG .titleIMG {
	background:url(../images/titleBack.png);
	position:absolute;
	z-index:999;
	height:15px;
	top:-35px;
	color: #ccc;
	font-weight:bold;
	display: block;
	width: 532px;
	font-size: 11px;
	padding:10px;
	text-align: right;
}

/*GALLERY*/
#gallery{
	/* The pics container */
	width:100%;
	height:500px;
	position:relative;
}

.pic, .pic a{
	/* Each picture and the hyperlink inside it */
	width:100px;
	height:100px;
	overflow:hidden;
}

.pic{
	/* Styles specific to the pic class */
	position:absolute;
	border:5px solid #EEEEEE;
	border-bottom:18px solid #eeeeee;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:2px 2px 3px #333333;
	-webkit-box-shadow:2px 2px 3px #333333;
	box-shadow:2px 2px 3px #333333;
}

.pic a{
	/* Specific styles for the hyperlinks */
	text-indent:-999px;
	display:block;
	/* Setting display to block enables advanced styling for links */
}


.drop-box.active{
	/* The active style is in effect when there is a pic hovering above the box */
	background-position:bottom left;
}


#galleryCont{
	/* The main container */
	width:100%;
	margin:auto;
}
#error {
	background:url(../images/br_un.png) no-repeat;
	height:110px;
	width:500px;
	padding:50px 0 0 75px;
	font-size:16px;
	font-weight:bold;
	margin:auto;
}
.floatLeft {
	float:left;
}