.foto
{
width:150px;
height:300px;
border:0px solid #642A08;
 -webkit-box-shadow: 22px 16px 9px 0px rgba(0,0,0,0.49);
-moz-box-shadow: 22px 16px 9px 0px rgba(0,0,0,0.49);
box-shadow: 22px 16px 9px 0px rgba(0,0,0,0.49);
margin-left:0px;
margin-top:0px;
position:absolute;
}
.akademi
{
  height: 45px;
  width: 45px;
  margin-left:-200px;
  margin-top:60px;
 }
.fotoyazi
{
width:680px;
height:500px;
margin-left:185px;
margin-top:2px;
 font-family: 'Lato', sans-serif;
 font-size:14px;
 color:black;
 padding:3px;
 float:right;
 position:absolute;
text-align:Justify;
}
.kutuuu
{
width:900px;
height:600px;
margin:30px auto;
border:3px solid #642A08;
 -webkit-box-shadow: 0px 0px 12px 21px rgba(0,0,0,0.49);
-moz-box-shadow: 0px 0px 12px 21px rgba(0,0,0,0.49);
box-shadow: 0px 0px 12px 21px rgba(0,0,0,0.49);
text-align:center;
 font-size:15px;
 font-family: Segoe  UI;
}
.yazi
{
width:1000px;
overflow:hidden;
margin:50px auto;
border:3px solid #642A08;
 -webkit-box-shadow: 0px 0px 12px 21px rgba(0,0,0,0.49);
-moz-box-shadow: 0px 0px 12px 21px rgba(0,0,0,0.49);
box-shadow: 0px 0px 12px 21px rgba(0,0,0,0.49);
text-align:justify;
 font-size:15px;
 font-family: Segoe  UI;
}
.sayfalar {
width:100%;
overflow:hidden;

    padding: 3px;


}

.sayfalar ul {
    list-style-type: none;
	
	width:20%;
	overflow:hidden;
	margin:0 auto;
}

.sayfalar li {
    float: left;
    display: inline;
    margin: 0 5px 0 0;
    display: block;
}

.sayfalar li a {
    color: #99443d;
    padding: 4px;
    border: 1px solid #ddd;
    text-decoration: none;
    float: left;
}

.sayfalar li a:hover {
    color: #99443d;
    background: #f1ffd6;
    border: 1px solid #99443d;
}

.sayfalar li.linksiz {
    color:#CCC;
    border:1px solid #F3F3F3;
    padding:4px;

}

.sayfalar li.aktif {
    color: #FFF;
    border: 1px solid #99443d;
    padding: 4px;
    background: #99443d;
}