/*font-family: 'Source Sans Pro', sans-serif;*/

@font-face
{
font-family: GeosansLight;
src: url('GeosansLight.ttf'),
     url('GeosansLight.ttf'); /* IE9 */
}

body { margin:0px; font-family: 'Comfortaa', cursive;  font-smooth: always;

}
 


h2 { color:#ff2121;}
#container {}

#top { width:100%; background-color:#FFFFFF; display:inline-table;}

#banner { width:900px; height:130px; background-color:#FFFFFF; margin-left: auto; margin-right:auto;}


#logo { float:left; margin-top:0px; margin-left:-30px;}

#menu { float:right; margin-top:115px; margin-right:30px; position:absolute; margin-left:358px;}
#menu ul { margin:0px; padding:0px;}
#menu li { list-style:none; float:left; margin-left:38px;  font-size:17px; font-weight:300;  padding:15px;}
#menu li a { text-decoration:none;color:#000;}

#main { width:100%; background-color:#f8f8f8;  padding-top:30px; padding-bottom:30px; display:inline-table;}
#main .in { width:950px; margin-left:auto; text-align:left; margin-right:auto; }

#ozlem_resim { width:400px; height:450px; float:left;}

#ozlem_resim img {
  -webkit-border-radius:250px;
   -moz-border-radius: 250px;
   -khtml-border-radius:250px;  
   border-radius: 250px;
  
	}
	
#home_insert { float:left; margin-left:36px; margin-top: -12px; width:495px; font-size:14px; color:#acacac; font-weight:100; letter-spacing:1px; line-height:18px;    }

#home_insert .title { font-size:50px; font-weight:bold; color:#6f6f6f;}

#homemenu {}

#homemenu ul { margin:0px; padding:0px;}


#homemenu li {
-webkit-border-radius:250px;
   -moz-border-radius: 250px;
   -khtml-border-radius:250px;  
   border-radius: 250px;
  list-style:none; float:left;
  width:130px;
  font-size:18px;
  letter-spacing:1px;
  margin-right:20px;
  padding-top:55px;
  height:75px; text-align:center;
}

#homemenu a { text-decoration:none; font-size:28px; color:#FFFFFF;}

#homemenu .color1 {
	background-color:#ff3a2f;
	-webkit-transition: all 400ms; /*safari and chrome */
	-moz-transition: all 400ms ease; /* firefox */
	-o-transition: all 400ms ease; /* opera */
	transition: all 400ms ease;
			}
#homemenu .color1:hover {
	background-color:#b4221a;
	-webkit-transition: all 400ms; /*safari and chrome */
	-moz-transition: all 400ms ease; /* firefox */
	-o-transition: all 400ms ease; /* opera */
	transition: all 400ms ease;
}

#homemenu .color2:hover {
	background-color:#ca9c00;
	-webkit-transition: all 400ms; /*safari and chrome */
	-moz-transition: all 400ms ease; /* firefox */
	-o-transition: all 400ms ease; /* opera */
	transition: all 400ms ease;
}
#homemenu .color3:hover {
	background-color:#03a4b0;
	-webkit-transition: all 400ms; /*safari and chrome */
	-moz-transition: all 400ms ease; /* firefox */
	-o-transition: all 400ms ease; /* opera */
	transition: all 400ms ease;
}

#homemenu .color2 { background-color:#e4bc33; margin-left:10px;}
#homemenu .color3 { background-color:#16d2e0; margin-left:10px;}

#duyuru { height:40px; margin-top:-2px; position:relative; z-index:2;}
#duyuru .ino { width:900px; margin-left:auto; margin-right:auto;}
#duyuru .icon {
 
width:24px;
position:absolute;
height:18px;
margin-top:7px;
-webkit-border-radius:250px;
   -moz-border-radius: 250px;
   -khtml-border-radius:250px;  
   border-radius: 250px;
    background-color:#D3D3D3; 
	text-align:center; padding-top:6px;

}
#duyuru .texto { width:95%; padding:10px; font-size:15px; padding-left:30px;}

#footer { background-color:#ff2121; padding-top:10px; height:130px; margin-top:-20px; position:relative; z-index:1;}

#footer .in { width:900px; margin-left:auto; text-align:left; margin-right:auto; }

#footer .bolum { width:225px; float:left;}

#footer .icon {
float: left;
width: 28px;
height: 23px;
margin-top: 6px;
-webkit-border-radius: 250px;
-moz-border-radius: 250px;
-khtml-border-radius: 250px;
border-radius: 250px;
background-color: #FF2121;
border: solid 2px white;
text-align: center;
padding-top: 5px;

}

#footer img {
 
width:18px;
height:18px;
 
}

#resume_gallery img { padding:10px; background-color: #fafafa; border:solid 1px #16d2e0; margin:5px;}

#footer .text { float:left; margin-left:10px; margin-top:10px; font-size:14px; color:#FFFFFF;}

#footer .title { font-size:14px; }