/*============================================================================================*/
/* 1. GENERAL TYPOGRAPHY */
/*============================================================================================*/
/*----------------------------------------------*/
/* 1.1 Global Reset */
/*----------------------------------------------*/
body  { height: 100%; }
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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */

/*----------------------------------------------*/
/* 1.3 General Styles */
/*----------------------------------------------*/

html { 
  background: url("bg.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}	
body { color:#000; text-align:center; font-family: Arial, Helvetica, sans-serif; }	
	
#logo { 	width:884px; position:absolute; height:70px; top:5px; display:block; text-align:center;}		
#logo strong { text-shadow: 0px 0px 5px #FD0606; font-size: 280%; color:#E0DAAD; cursor:pointer; font-weight:bold; }	
	
.menu { 
	width:884px;
	margin:0 auto;
	position:relative;
	color:#000;	
	margin-top:20px;
	height:150px;}
	
.menu_sag 	{width:804px; background-color:#000; margin-top:80px;  position:absolute; margin-left:40px;
			-webkit-box-shadow: 0 0 3px 2px #eedd98; -moz-box-shadow: 0 0 3px 2px #eedd98; box-shadow: 0 0 3px 2px #eedd98;}
			
.baslik_sag 	{float:right; width:400px; background-color:#000; margin-top:140px; margin-left:250px; position:absolute; color:#eedd98; padding:5px; font-weight:bold; height:20px; -webkit-box-shadow: 0 0 3px 2px #eedd98; -moz-box-shadow: 0 0 3px 2px #eedd98; box-shadow: 0 0 3px 2px #eedd98;}	

#akordiyon {

	width:884px;
	margin:0 auto;
	position:relative;
	color:#eedd98;	
	margin-top:10px;
	padding: 10px;}
	
.menu_text, .menu_text a {  text-decoration:none; padding:2px; background-color: #000; color:#eedd98; cursor:pointer; font-size: 96%;}
.menu_text:hover, .menu_text a:hover{  text-decoration:none; padding:2px; background-color: #eedd98; color:#000; font-size: 96%;}
.secili {text-decoration:none; padding:2px; background-color: #eedd98; color:#000; font-size: 96%;}
.facebook_pencere {
background-color: #fff;
border: 1px solid #666699;
cursor: pointer;
height: 360px;
margin-left: 5px;
overflow: auto;
text-decoration: none;
width: 854px; }
.zum {font-size: 70%;}
.kucuk_yazi {font-size: 70%; position: relative; text-align: center; z-index: 55; height: 15px; text-decoration:none;
			background-color:rgba(0, 0, 0, 0.8); color:#eedd98; display: block; top:-20px;}
			
.sol_ust_kose { 	position: absolute;    width: 67px;    height: 67px;    background-image: url("images/sol_ust.png");  z-index: 10;
    top: 0;    left: 0;  }
	
.sol_alt_kose { 	position: absolute;    width: 67px;    height: 67px;    background-image: url("images/sol_alt.png");  z-index: 10;
    bottom: 0;    left: 0;  }

.sag_ust_kose { 	position: absolute;    width: 67px;    height: 67px;    background-image: url("images/sag_ust.png");  z-index: 101;
    top: 0;    right: 0;  }
	
.sag_alt_kose { 	position: absolute;    width: 67px;    height: 67px;    background-image: url("images/sag_alt.png");  z-index: 101;
    bottom: 0;    right: 0;  }	
	
.ust_sol { 	position: absolute;    width: 30px;    height: 52px;    background-image: url("images/ust_sol.png");  z-index: 101;
    top: -3px;    left: -10px;  }