@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300);
#sosyal-medya {font-family: 'Roboto Condensed', sans-serif;}
#sosyal-medya ul {margin-left: -40px;}
#sosyal-medya ul a {color: #fff;text-decoration: none;}
#sosyal-medya ul a li {float: left;list-style: none;height: 58px;width: 68px;margin: 3px 3px 0 0;text-align: center;font-size: 12px;background: #12abc2;display: block;    -webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;padding: 9px 0 0 0;}
#sosyal-medya ul a li div {background-image: url(http://buraksah.in/wp-content/uploads/2013/02/sprite-sosyal1.png);margin:5px 0 0 26px;height: 15px;width: 15px;}
li#fb:hover {background: #38589f}
li#tw:hover {background: #44b0e3}
li#pin:hover {background: #cb2229}
li#gplus:hover {background: #cd4132}
li#ins:hover {background: #d2c3ac}
li#flickr:hover {background: #ff0085}
li#in:hover {background: #64b7d2}
li#rss:hover {background: #f8bc2d}
li#fb div {background-position: 0 0;}
li#tw div {background-position: 0 -16px;}
li#pin div {background-position: 0 -117px;}
li#gplus div {background-position: 0 -99px;}
li#ins div {background-position: 0 -64px;}
li#flickr div {background-position: 0 -84px;}
li#in div {background-position: 0 -49px;}
li#rss div {background-position: 0 -32px;}

body {
	background: #FFFFFF url(images/img01.jpg) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #7F7772;
}

h1, h2, h3 {
	margin-bottom: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #333333;
}

h1 {
	font-size: 197%;
}

h2 {
	font-size: 152%;
}

h3 {
	font-size: 100%;
	font-weight: bold;
}

p, ul, ol {
	line-height: 1.6em;
	font-size: 14px;
}

ul, ol {
	margin-left: 2em;
}

blockquote {
	margin-left: 1em;
	padding-left: 1em;
	background: url(images/img09.gif) repeat-y;
	font-style: italic;
}

a:link {
	color: #0AAAFD;
}

a:hover, a:active {
	text-decoration: none;
	color: #FF6700;
}

a:visited {
	color: #7F7772;
}

img {



}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

/* Menu */

#menu {
	width: 770px;
	height: 105px;
	margin: 0 auto;
	

}


#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
}

#menu li {
	display: block;
	float: left;
	width: 122px;
	height: 65px;
	padding: 40px 0 0 0;
	
}

#menu a {
	display: block;
	width: 122px;
	height: 32px;
	padding: 13px 0 0 0;
	background: url(images/img02.jpg) no-repeat;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	
}

#menu a:hover {
	background-image: url(images/img03.jpg);
	
}

#menu .active {
	padding-top: 35px;
	
}

#menu .active a {
	height: 37px;
	padding-top: 16px;
	background-image: url(images/img04.jpg);
	color: #327EBE;
	
}

#menu .active a:hover {
	background-image: url(images/img04.jpg);
	
}

#yazı {
	width: 1500px;
	height: 50px;
	margin: 0 auto;

}

#yazı li {
	display: block;
	float: right;
	width: 65px;
	height: 45px;
	padding: 55;
}

#yazı li {
	float: right;
	width: 800px;
	height: 175px;
}

#kayan {
	width: 1400px;
	height: 200px;
	margin: 0 auto;
	

}


#kayan ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#kayan li {
	display: block;
	float: right;
	width: 600px;
	height: 200px;
}

/* Header */

#header {
	width: 1300px;
	height: 300px;
	margin: 0 auto;
}

/* Logo */

#logo {
	float: left;
	width: 350px;
	height: 160px;
	background: url(images/img05.jpg) no-repeat;
}

#logo h1, #logo h2 {
	text-align: center;
}

#logo h1 {
	padding-top: 90px;
	background: url(images/img07.jpg) no-repeat center center;
	letter-spacing: 8px;
	font-size: 197%;
}

#logo h2 {
	letter-spacing: 2px;
	font-size: 85%;
}

#logo a {
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
}

/* Banner */

#banner {
	float: right;
	width: 520px;
	height: 160px;
	background: url(images/img06.jpg) no-repeat;
}

#banner a {
	float: right;
	padding: 120px 20px 0 0;
	text-decoration: none;
	text-align: right;
	font-size: 136%;
	font-style: italic;
	color: #FFFFFF;
}

/* Page */

#page {
	width: 1300px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

/* Content */

#content {
	float: right;
	width: 900px;
	font-size: 18px;
	height: 1600px;
}

.post {
	margin-bottom: 20px;
	height: 700px;
}

.post1 {
	margin-bottom: 20px;
	height: 900px;
	width: 877px;
}
.post .title {
	padding: 0 20px;
	text-align: center;
}

.post .story {
	padding: 0 20px;
}

.post .meta {
	height: 350px;
	width: 850px;
	padding: 5px 20px;
	background: url(images/img09.gif) repeat-x;
}

.post .meta11 {
	height: 350px;
	width: 810px;
	padding: 5px 20px;
	
}



.post .meta12 {
	height: 350px;
	width: 810px;
	padding: 5px 20px;
	
	}
	
.post .meta13 {
	height: 350px;
	width: 810px;
	padding: 5px 20px;
	
	}

.post .meta p {
	margin: 0;
	font-size: 77%;
}

.boxed .title {
	height: 32px;
	margin: 0;
	padding: 8px 0 0 20px;
	background: url(images/img08.jpg) no-repeat;
	letter-spacing: -1px;
	color: #FF3300;
}

.boxed .story {
	height: 300px;
	width: 857px;
	padding: 20px;
	border: 1px solid #FF8D17;
}

.boxed .story1 {
	height: 1100px;
	width: 857px;
	padding: 20px;
	border: 1px solid #FF8D17;
}


.boxed .meta4 {
	height: 300px;
	width: 850px;
	padding: 20px;
	border: 1px solid #FF8D17;
	display: inline-block;
}	
.boxed .meta3 {
	height: 300px;
	width: 300px;
	padding: 20px;
	border: 1px solid #FF8D17;
	display: inline-block;
}	
.boxed .meta2 {
	height: 300px;
	width: 300px;
	padding: 20px;
	border: 1px solid #FF8D17;
	display: inline-block;
}	
.boxed .meta1 {
	height: 275px;
	width: 275px;
	padding: 20px;
	border: 1px solid #FF8D17;
}
.boxed .meta {
	height: 250px;
	width: 400px;
	padding: 5px 10px;
	color: #FFFFFF;
}

.boxed .meta a {
	color: #FFFFFF;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 350px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 15px;
}

#sidebar li ul {
	padding: 10px;
	border: 1px solid #0AAAFD;
	border-top: none;
}

#sidebar li li {
	margin: 0;
	padding: 3px 0;
	background: url(images/img09.gif) repeat-x;
}

#sidebar li li.first {
	background: none;
}

#sidebar li h2 {
	height: 30px;
	margin: 0;
	padding: 10px 0 0 15px;
	background: url(images/img10.jpg) no-repeat;
	letter-spacing: -1px;
	color: #327EBE;
}

#sidebar a:link {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

#sidebar li a {
	padding-left: 10px;
	background: url(images/img11.gif) no-repeat left center;
}

/* Footer */

#footer {
	clear: both;
	height: 100px;
	padding: 15px 0;
	background: #D1D1D1;
	border-top: 5px solid #999999;
	text-align: center;
}

#footer p {
	margin: 0;
	color: #999999;
}

#footer a {
	color: #999999;
}

#footer a:hover {
	color: #FFFFFF;
}

/* Slider */

.sayfa{
	width: 1300px;
	margin: 0 auto;
    }
	
	.sliderKonum{
	position: relative;
	width: 1300px;
	height: 300px;
	overflow: hidden;
}
.img-bir{left: 0px;}
.img-iki{left: 1300px;}
.img-uc{left: 2600px;}
.img-dort{left: 3900px;}
.img-bes{left: 5200px;}
.img-altı{left: 6800px;}

.slider:hover{
-webkit-animation-play-state:paused;
}

.slider > a > span{
  position:absolute;
  background:#333;
  color:white;
  left:0;
  top:80%;
  padding:8px 22px;
  display:table;
}
#slider-wrapper a{
   font-size:18px;
   font-family:Arial;
}

.sliderKonum > .slider{
	position: absolute;
	left: 0px;
	width: 6800px;
	height: 300px;
	-webkit-animation-duration: 20s;
	-webkit-animation-name: sliders;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-duration: 20s;
	-moz-animation-name: sliders;
	-moz-animation-iteration-count: infinite;
	-ms-animation-duration: 20s;
	-ms-animation-name: sliders;
	-ms-animation-iteration-count: infinite;
	animation-duration: 20s;
	animation-iteration-count: infinite;
    }
	
	@-webkit-keyframes sliders{
      0% {left:0px;}
      10% {left:0px;}
      20% {left:-1300px;}
      30% {left:-1300px;}
      40% {left:-2600px;}
      50% {left:-2600px;}
	  60% {left:-3900px;}
	  70% {left:-3900px;}
	  80% {left:-5200px;}
	  90% {left:-5200px;}
    }
    @-moz-keyframes sliders{
      0% {left:0px;}
      10% {left:0px;}
      20% {left:-1300px;}
      30% {left:-1300px;}
      40% {left:-2600px;}
      50% {left:-2600px;}
	  60% {left:-3900px;}
	  70% {left:-3900px;}
	  80% {left:-5200px;}
	  90% {left:-5200px;}
    }
    @-ms-keyframes sliders {
      0% {left:0px;}
      10% {left:0px;}
      20% {left:-1300px;}
      30% {left:-1300px;}
      40% {left:-2600px;}
      50% {left:-2600px;}
	  60% {left:-3900px;}
	  70% {left:-3900px;}
	  80% {left:-5200px;}
	  90% {left:-5200px;}
    }
    @keyframes sliders{
      0% {left:0px;}
      10% {left:0px;}
      20% {left:-1300px;}
      30% {left:-1300px;}
      40% {left:-2600px;}
      50% {left:-2600px;}
	  60% {left:-3900px;}
	  70% {left:-3900px;}
	  80% {left:-5200px;}
	  90% {left:-5200px;}
    }

/*dönen*/

.container {
 width: 990px;
 margin: 10px; auto;
}
.cerceve {
 position: relative;
 width: 30%;
 margin: 1%;
 padding-bottom: 30%;
 float: left;
 overflow: hidden;
}
.cerceve .baslik {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 15px;
	background: #f2f5f7;
	font-size: 10px;
	text-align:center;

}
.cerceve .baslik a {
 text-align:center;
 text-decoration:none;
 font-size:30px;
 margin-left:20px;
 color: rgba(0,0,0,0.6);
 text-shadow: 2px 2px 3px rgba(255,255,255,0.1); 
}
.cerceve .baslik h1 {
 width: 100%;
 line-height: 50px;
 font-weight: 100;
 -webkit-transition: all 1s;
 -moz-transition: all 1s;
 transition: all 1s; 
 -webkit-transform: scale(0.5) skew(1deg);
 -moz-transform: scale(0.5) skew(1deg);
 -o-transform: scale(0.5) skew(1deg);
 -ms-transform: scale(0.5) skew(1deg);
}
.cerceve:hover > .baslik h1{
 -webkit-filter: grayscale(100%);
 -moz-transform: translateY(100px);
 -ms-transform: translateY(100px);
 -o-transform: translateY(100px);
 transform: translateY(100px);
 -webkit-transform: scale(1) skew(1deg);
 -moz-transform: scale(1) skew(1deg);
 -o-transform: scale(1) skew(1deg);
 -ms-transform: scale(1) skew(1deg);
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 transition: all 0.5s; 
}
.cerceve > img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 -webkit-transition: all 1.5s;
 -moz-transition: all 1.5s;
 transition: all 1.5s;
}
.cerceve:hover > img {
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 transition: all 0.5s; 
 -webkit-filter: grayscale(100%);
 -moz-transform: translateY(100px);
 -ms-transform: translateY(100px);
 -o-transform: translateY(100px);
 transform: translateY(100px);
 -webkit-transform: scale(5) skew(1deg) translateY(140px);
 -moz-transform: scale(5) skew(1deg) translateY(140px);
 -o-transform: scale(5) skew(1deg) translateY(140px);
 -ms-transform: scale(5) skew(1deg) translateY(140px);
}
.cerceve:hover > .baslik img {
 -webkit-transform: translateY(0px);
 -moz-transform: translateY(0px);
 -ms-transform: translateY(0px);
 -o-transform: translateY(0px);
 transform: translateY(0px);
}

/*ehliyetsınıfları*/

.polaroid {
position: relative;
width: 300px;
float: left;
margin:20px;
}
 
.polaroid img {
border: 10px solid #fff;
border-bottom: 45px solid #fff;
-webkit-box-shadow: 3px 3px 3px #777;
-moz-box-shadow: 3px 3px 3px #777;
box-shadow: 3px 3px 3px #777;
width: 100%;
}
 
.polaroid p {
position: absolute;
text-align: center;
width: 100%;
bottom: 0px;
color: #888;
}

/*buton*/

.btn {
	background-color: white;
	border: 2px solid #050505;
	border-radius:8px;
	color: #09F;
	padding: 16px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12pt;
	font-family:Verdana;
	margin: 4px 2px;
	transition:all 0.4s;	
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.btn:hover{
	box-shadow: 0 4px 8px 0 gray, 0 6px 20px 0 gray;
	}