.mavi, .koyuyesil, .beyaz, .koyukirmizi{margin:10px 0px;padding:10px;border-radius:.3em; font:13px "Exo 2", Geneva, sans-serif; }
.mavi{color:#fff;background-color:#5d9bc3;}
.koyuyesil{color:#fff;background-color:#5dc38d;}
.beyaz{color:#000;background-color:#f8f8f8;}
.koyukirmizi{color:#fff;background-color:#e96c6c;}
.mavi a, .koyuyesil a, .beyaz a, .koyukirmizi a{color:#fff; text-decoration:underline; font-weight:bold;}

#nav {
width: 100%;
display:table;
background: #7DF2B4;
border-radius: 3px;
font-size: 12px;
}
.menu {
list-style: none;
padding: 0;
}
.menu li {
display: inline-block;
position: relative;
}
.menu li>a {
display:block;
padding: 15px 15px;
font-weight: 400;
color:#000
}
.menu a:hover {
background: rgba(0, 0, 0, 0.31);
color: #fff;
}

.toggle { display:none; background: #7DF2B4; color: #000000; padding: 10px}
.toggle i {float:right; font-size: 14px;margin-top: 5px}
 
@media only screen and (max-width: 479px) {
.toggle {display:block}
.menu {display:none}
.menu li {display:inline}
}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}




.baslik2 {
	background:white;
	margin-bottom:5px;
}

.baslik2 h2 {
	border-radius: 3px;
	margin-top:0px;
	border:1px solid #ddd;
	padding:10px;
	background:#7DF2B4;
	font-size:13px;

}

.baslik2 ul li input {
	margin-bottom:10px;
	float:left;
	height:30px;
	border-radius:3px;
	border:1px solid #ddd;
	font-size:15px;

}

.baslik2 ul li {
	margin:5px 5px 5px 10px;
	font-size:14px;

}

.baslik2 ul li button {
	margin-top:5px;
	border:1px solid #ddd;

	height:40px;
	border-radius:5px;

	background:lightgreen;
	cursor:pointer;
}


.yns{
background:#fafafa;
padding-left:10px;
margin-top:10px;
margin-bottom:10px;
}

.yns2{
border-top:1px dotted #f2f2f0;
padding-bottom:32px;
color: #464646;
font-weight: 400;
}

.ekleyen{background:url(../../dimg/yns/ekleyen.png) left center no-repeat; padding:5px; padding-left:24px; float:left; margin-right:10px;}
.kategori{background:url(../../dimg/yns/kategori.png) left center no-repeat; padding:5px; padding-left:24px; float:left; margin-right:10px;}
.okunma{background:url(../../dimg/yns/okunma.png) left center no-repeat; padding:5px; padding-left:24px; float:left; margin-right:10px;}
.yorum{background:url(../../dimg/yns/yorum.png) left center no-repeat; padding:5px; padding-left:24px; float:left; margin-right:10px;}
.tarih{background:url(../../dimg/yns/tarih.png) left center no-repeat; padding:5px; padding-left:24px; float:left; margin-right:10px;}
.begen{background:url(../../dimg/yns/ikon/begen.png) no-repeat left center; padding:5px; padding-left:20px; float:left;margin-right:10px;border-right:1px solid #eee;}
.begenme{background:url(../../dimg/yns/ikon/begen.png) no-repeat left center; padding:5px; padding-left:20px; float:left;margin-right:10px;border-right:1px solid #eee;}

.ekleyen2{background:url(../../dimg/yns/ekleyen.png) left center no-repeat; padding:5px; padding-left:24px; float:left; margin-right:5px; font-size:12px;}
.tarih2{background:url(../../dimg/yns/tarih.png) left center no-repeat; padding:5px; padding-left:24px; float:left; margin-right:5px; font-size:12px;}

#twitter-wrapper {
	float: none;
	clear: both;
	margin: 0 0 0px 0;
	position: relative;
}

#twitter {
	font:14px "Exo 2",sans-serif;
	margin-left:0px;
	padding: 10px 0;
	background: #e8e8e8 url(../../dimg/gununsozu/soz.png) no-repeat 20px center;
	min-height: 28px;
	border-radius:6px;
	border:1px solid #ddd;
}

#soz {
	font:13px Exo 2,sans-serif;
	margin-left:80px;
	

}

#twitter ul {
	padding: 0;
	margin: 0;
}

#twitter ul li {
	background: none;

	line-height: 16px;
}

#twitter ul li a {
	color: #5d8ba6;
	text-decoration: none;
}

#twitter ul li a:hover {
	text-decoration: underline;
}


.genel {
	
	display:table;
	margin-left:auto;
	margin-right:auto;
	
	
}

.konubilgi {
	padding:10px;
	margin:2px;
	font-size:13px;

}

.konubilgi a {color:#000000; }

.konubilgi2 {
border-radius: 3px;
padding:10px;
font-size:13px;
background:#7DF2B4;
}

.konubilgi2 a {color:#000000; }

.content {
	

}

.sol {
	
	float:left;

	
}

.sag {

	float:left;


}




.footer {
	
	border:1px solid #ddd;
	margin-bottom:20px;
	padding:15px;
	background:lightyellow;
	font-size:20px;

}



.sol2 {
	background:white;
	margin-bottom:20px;
	
}

.sol2 {color:#000000; }

.sol2 h2 {
	border-radius: 3px;
    color:#4f4f4f;
	border:1px solid #ddd;
	padding:10px;
	margin:2px;
	font-size:12px;
	background:#7DF2B4;
}


.resim img {
	
	width:200px;
	height:150px;
	margin:10px;
	float:left;
}

.sol2 p {
	
	margin:12px;
	line-height:1.5;

}


.devam {
	
	float:right;
	margin:10px;
	border:1px solid #ddd;
    padding:10px;
	background:lightgreen;
	border-radius:5px
}

.devam a {
	
	color:purple;
	
}

.sag2 {
	
	background:white;
	margin-bottom:2px;

}

.sag2 h2 {
	border-radius: 3px;
	margin-top:0px;
	border:1px solid #ddd;
	padding:8px;
	padding-left:20px;
	background:#7DF2B4;
	font-size:13px;
	color: #000;

}

.sag2 ul li input {
	margin-bottom:2px;
	float:left;
	height:30px;
	border-radius:3px;
	border:1px solid #ddd;
	font-size:15px;

}

.sag2 ul li {
	margin:5px 5px 2px 20px;
	font-size:14px;

}

.sag2 ul li button {
	margin-top:5px;
	border:1px solid #ddd;

	height:40px;
	border-radius:5px;

	background:lightgreen;
	cursor:pointer;
}

.sag3 {
	padding-top:5px;
	border-radius:3px;
	min-height:100px;
	background:white;
	padding-bottom:10px;

}

.sag2 a {color:#000000; }
.sag3 a {color:#000000; }
.sag4 a {color:#000000; }

.sag3 h2 {
	border-radius: 3px;
	margin-top:0px;
	border:1px solid #ddd;
	padding:10px;
	background:#7DF2B4;
	font-size:12px;

}


.sag3 span img {
	
	
	height:150px;
	margin:5px 5px 5px 120px;
}

.sag3 ul li {
	margin:5px;
	border:1px solid #ddd;
	padding:5px;
	font-size:12px;
	background:# 778899;
	font-weight:bold;
}

.sag3 ul li:hover {
	
	background:#eee;
	
}

.sag2 h3 {
	
	border:1px solid #ddd;
	padding:10px;
	font-size:12px;
	width:270px;
}


.sol2 ul li {
	
	margin:7px 0px 0px 20px;
	

}



.sag3  h3 img {
	
	width:50px;
	float:left;
	margin:5px;
}

.sag3 h3 {
	
	border:1px solid #ddd;
	float:left;
	width:270px;
	margin:3px;
	font-size:22px;
}

.sayfalama  {
	
	border:1px solid #eee;
	margin-bottom:20px;
	padding:10px;
	background:#48d1cc;
	font-size:15px;

	
}

.sayfalama b {
	
	
	color:black;
	font-size:15px;
}




.basarili2 {
	
	border:1px solid #ddd;
	padding:10px;
	font-size:20px;
	background:lightgreen;
	
	
}

.yorumlar {
	margin-top:0px;
	min-height:100px;
	margin-bottom:10px;
	background:white;
}

.yorumlar h2 {
	margin-top:0px;
	border:1px solid #ddd;
	padding:7px;
	background:#48d1cc;
	font-size:14px;

	color:#000;
}

.yorumlar p {
	
	padding:8px;
	margin:5px;

	font-size:15px;

	
}

.sag4 {
	
	border:1px solid #ddd;
	min-height:200px;
	background:white;
	margin-bottom:20px;
	float:left;

}


.sag4 h2 {
	
	border:1px solid #ddd;
	padding:10px;
	background:#48d1cc;
	font-size:15px;

	
}

.sag4 span img {
	
	width:150px;
	height:150px;
	margin:5px 5px 5px 40px;
}

.sag4 ul li {
	
	border:1px solid #ddd;
	padding:15px;
	font-size:18px;

	background:lightyellow;
}

.sag4 ul li:hover {
	
	background:#eee;
	
}

.sag4  h3 img {
	
	width:50px;
	float:left;
	margin:5px;
}

.sag4 h3 {
	
	border:1px solid #ddd;
	float:left;
	margin:5px;
	font-size:18px;
	padding:5px;
	width:270px;
}


.aktif {
	
	border:1px solid #ddd;
	padding:7px;
	background:white;
	margin-right:7px;
}

.sayfa {
	
	border:1px solid #ddd;
	padding:7px;
	background:lightgreen;
	margin-right:7px;
}



.profil {
	
	border:1px solid #ddd;
	background:white;
	
	
	
}

.profil h2 {
	
	border-radius: 3px;
	margin-top:0px;
	border:1px solid #ddd;
	padding:10px;
	background:#7DF2B4;
	font-size:12px;

	
}

.profil ul li {
	
	border:1px solid #ddd;
	padding:10px;
	font-size:18px;
	background:white;
	margin-bottom:10px;
	
	
}

.mesaj {
	
	border-radius: 3px;
	margin-top:0px;
	border:1px solid #ddd;
	padding:10px;
	background:#7DF2B4;
	font-size:12px;
}

.mesajlar ul li{
	
	border:1px solid #ddd;
	padding:10px;
	font-size:18px;
	background:white;
	margin-bottom:10px;
}

.mesajlar2 ul li{

	border:1px solid #ddd;
	padding:10px;
	font-size:14px;
	background:white;
	margin-bottom:10px;
}

.mesajlar2 ul li a {color:#000000; }

.mesaj_oku {
	min-width:330px;
	background:white;
	margin-bottom:5px;
}

.mesaj_oku h2 {
	border-radius: 3px;
	margin-top:0px;
	border:1px solid #ddd;
	padding:10px;
	background:#7DF2B4;
	font-size:12px;

}

.mesaj_oku p {
	padding:10px;
	line-height:1.5;
	font-size:13px;

}