/*
Theme Name: Umut Avcı
Theme URI: http://www.umutavci.com
Description: Umut Avcı'nın portfoliosu
Version: 1.0
Author: Erhan Yakut
Tags: mavi, değişken genişlik, iki kolonlu

Mavi 0b0e21
*/



body { 
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size:76%;
	font-size:0.75em;
	color:#fff;
	background-color:#0b0e21;
	text-align:center;
}

#govde {
	width:925px;
	text-align:left;
	margin: 0 auto; 

}

/* 2 - HTML Etiketleri ************************** */
small {
	font-size:0.9em;
	color:#aaaaaa;
}
h2 {
	font-size:1.4em;
	color:#ff9000;
	margin:10px;
	font-weight:bold;
}

h2 a{
	color:#ff9000;
	text-decoration:underline;
	font-weight:normal;
}

h2 a:hover{
	color:#fff;
	text-decoration:underline;
	font-weight:normal;
}

h3 {
	font-size:1.6em;
	padding-top:8px;
	padding-bottom:8px;
}

h4 {
	font-size:1.6em;
	color:#cdcdcd;
	margin:10px;
	font-weight:normal;
}

h5{
	width:740px;
	height:20px;
	padding-top:10px;
	font-weight:bold;
	background-color:#1c2345;
	padding-left:10px;
	margin-bottom:10px;
}
h5 a {
	color:#fff;
	text-decoration:none;
}

h5 a:hover{
	text-decoration:underline;
}

a{
	text-decoration:none;
	color:#ff9000 ;
}

a:hover{
	text-decoration:none;
	color:#fff ;
}
p {
	margin-top:5px;
	margin-bottom:10px;
	line-height:1.5em;
}
.clear{clear:both;}

/* 3 - Sabit Değerler *************************** */

	/*
		Arkaplan    #0b0e21
		Yazı rengi #444444
		Açık Yeşil #017878
		Koyu Yeşil #004444 	
	*/

/* 4.1 - İlk Üst Kısım *************************** */
#ust {
	width:925;
	height:175px;
	background: #0b0e21 url(images/ustarka.gif) top left no-repeat;
	
}

.logo {
	width:336px;
	float:left;
	margin-top:5px;
}

.banner {
	text-align:right;
	font-size:0.9em;
	line-height:1.6em;
	padding:15px 10px 0 0;
	width:468px;
	float:right;
}

/* 4.2 - Üst Menü *************************** */
ul#menu{
	clear:left;
	float:left;
	width:440px;
	height:40px;
	margin-top:18px;
	margin-left:280px;
	font-size:1.2em;
	font-weight:bold;
  }
  
ul#menu li {float: left;}

ul#menu li a { 
display: block;
padding:10px 12px 20px 12px;
margin-right:5px;
text-align:center;
color: #fff;
text-decoration: none;
background:url(images/menuarka.jpg) top left repeat-x;
}

ul#menu li a:hover {
background:url(images/menuarka2.jpg) top left repeat-x;
color: #fff;
}

.arama {
	float:right;
	margin-top:17px;
	width:160px;
	height:40px;
	background:url(images/buyutec.gif) top left no-repeat;
}
.arama_metin {
	margin-left:20px;
	color:#ffb000;
}

.arama_kutusu {
	border:1px solid #dddddd;
	width:120px;
	color:#5c5c5c;
	height:15px;
	float:left;
	margin-top:5px;
}
.ara {
	border-style:none;
	background: #0b0e21 url(images/ara.gif) top left no-repeat;
	margin-left:2px;
	margin-top:5px;
	color:#fff;
	font-size:11px; 
	height:17px; 
	width:30px;
	float:left;
	cursor:hand;
}



/* 5 - İçerik Kısmı****************************** */
#icerik {
	margin-top:14px;
	width:925px;
	padding:0;
}

#sol {
	width:750px;
	float:left;
}


#sag {
	width:160px;
	float:left;
	margin-left:15px;
}


/* 5 - Kimdir****************************** */
#kimdir {
	float:left;
	height:165px;
	width:370px;
	background:#1c2344 url(images/loveproject.jpg) top left no-repeat;
	padding-left:370px;
	color:white;
	padding-right:10px;
}

/* 5 - Kol1****************************** */
.kutu {
	float:left;
	width:240px;
	color:#fff;
	background-color:#1c2344;
	margin-bottom:10px;
	height:200px;
}

.kutu2 {
	float:left;
	width:240px;
	color:#fff;
	background-color:#1c2344;
	margin-bottom:10px;
	margin-left:15px;
	margin-right:15px;
	height:200px;
}
.kutu h2, .kutu2 h2 {
	font-weight:normal;
}
.kutu h2 a, .kutu2 h2 a {
	text-decoration:none;
}

.kutu  p, .kutu2 p{
	padding-left:5px;
	padding-right:5px;
}

.kol {
	float:left;
	width:240px;
	height:400px;
	color:#fff;
	padding-top:20px;
	font-size:0.96em;
}

.kolb {
	float:left;
	width:240px;
	color:#fff;
	font-size:0.96em;
}
.cizgi {
	width:240px;
	height:8px;
	background-color:#1c2344;
}

.kol ul {padding:0; margin:0; height:110px;}
.kol ul li{padding-top:2px; border-bottom:1px dashed #141c40;padding-bottom:1px;margin-bottom:3px; height:15px;}
.kol ul li a{color:#1f98c7;}
.kol ul li:hover {border-bottom:1px solid #ff9000; background-color:#ff9000;}
.kol ul li:hover a {color:#fff;}

.metin {
	height:100px;
	line-height:1.6em;
}

/* 5 - Blogdan ****************************** */
.blogdan {
	float:left;
	margin-top:10px;
	width:750px;
	height:210px;
	background: url(images/blogdan.gif) no-repeat;
	padding-top:5px;
}
.blogbaslik {
	height:28px;
	width:740px;
	padding-left:10px;
	color:#ff9000;
	font-size:1.2em;
	font-weight:bold;
}

.blogdan ul { width:242px; float:left; padding:0; margin:0;}
.blogdan ul.t1 { margin-left:10px;}
.blogdan ul.t2 { margin-left:10px;}
.blogdan ul li{padding-top:2px; padding-left:12px; font-size:1.2em; height:21px;margin-bottom:7px;}
.blogdan ul li a{color:#1f98c7;}
.blogdan ul li:hover {background-color:#ff9000;}
.blogdan ul li:hover a{color:#fff;}

/* 5 - Tek Kolon ****************************** */
.tekkolon {
	width:750px;
	line-height:1.3em;
}

.buyuk_resim {
	float:left;
	margin-right:10px;
}
.sagkolon {
	float:right;
	width: 240px;
}
.tekkolon_yazi {
	float:left;
	padding:5px;
	width: 230px;
	background-color:#48507c;
	margin-bottom:10px;
}

/* 5 - Fotoğraflar****************************** */
.fotolar {
	clear:both;
	float:left;
	width:738px;
	height:90px;
	background-color:#1a2042;
	margin-top:20px;
	padding-left:12px;
}

.fotolar a img {
	margin-top:14px;
	margin-left:18px;
}

.cizgi2 {
	float:left;
	width:750px;
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #1a2042;
}

.google {
	float:left;
	width:750px;
	height:30px;
	background-color:#fab035;
	margin-bottom:10px;
}

/* Etiketler -------------------------------------------------------------------------*/
.etiketbulutu {
	text-align: center;
	clear:both;
	float:left;
	width:730px;
	background-color:#1a2042;
	height:90px;
	padding:10px;
	margin-bottom:10px;
	line-height:1.6em;
}

.etiketbulutu a {
	background: inherit;
	color: #1f98c7;
	font-size: 0.8em;
	text-decoration: none;
	padding: 0px 2px 0px 2px;
}

.etiketbulutu a:hover{
	color: #ffffff;
	background: #ff9000;
	text-decoration: none;
}

/* 6 - Alt Kısım *************************** */

#alt {
	width:100%;
	height:385px;
	clear:both;
	font-size:11px;
	background:url(images/altarka.gif) top left repeat-x;
}

#govde_alt {
	width:925px;
	text-align:left;
	margin: 0 auto; 
	padding-top:10px;
}

#alt ul {padding:0; margin:0;float:left;width:190px;margin-left:10px;}
#alt ul li{padding-bottom:2px;margin-bottom:3px; height:15px;}
#alt ul li a{background: url(images/ok.gif) left no-repeat; color:#6d787e;padding-left:10px;}
#alt ul li a:hover{color:#fff;}

.alt_bilgi {
	clear:both;
	width:750px;
	text-align:center;
	float:left;
	margin-top:30px;
	color:#fff;
}
.ikonlar {
	float:right;
	width:223px;
	height:20px;
	background:url(images/ikonlar.gif) top left no-repeat;
}
#alt .sol{float:left;}
#alt .sag{float:left;}
#alt .clear{clear:both;}

/* 5 - Kategoriler****************************** */
.kat{
	width:160px;
	background:#242738 url(images/yanust.gif) top left no-repeat;
	font-size:1.0em;
	color:#fff;
	padding-bottom:5px;
}
.ybaslik {
	margin-left:10px;
	padding-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}
.kat ul {padding:0; margin:0;width:150px;padding-left:10px;}
.kat ul li ul{margin-top:8px;width:140px;}
.kat ul li{padding-bottom:2px; margin-bottom:3px;}
.kat ul li a{background: url(images/altkat.gif) left no-repeat; color:#fff;padding-left:10px;}
.kat ul li a:hover{color:#fff;text-decoration:underline;}

.yan_alt{
	
	width:160px;
	height:10px;
	background: url(images/yanalt.gif) top left no-repeat;
	padding-top:0px;
	margin-top:0px;
}



/* 5 - Anayazı****************************** */
.anayazi {
	width:730px;
	padding:0px 10px 10px 10px;
	color:#fff;
}

.anayazi2 {
	width:640px;

	background: #ffffff url(images/anayazi.jpg) top left no-repeat;	
	margin-bottom:10px;
	padding-bottom:5px;
}

.anayazi h1, .anayazi2 h1{
	padding-top:19px;
	padding-left:55px;
	font-size:1.6em;
	color:#3f3f3f;
	font-weight:normal;
	height:25px;
	letter-spacing:-0.5px;
}

.anayazi h1 a, .anayazi2 h1 a{
	color:#3f3f3f;
}
.anayazi h1 a:hover, .anayazi2 h1 a:hover{
	color:#42aac7;
}

.anayazi_bilgi {
	width:630px;
	height:23px;
	padding-left:10px;
	padding-top:7px;
	font-size:1.1em;
	font-weight:bold;
	color:#bca8b3;
}

.anayazi_etiket, .anayazi_etiket a{
	font-size:0.9em;
	font-weight:normal;
	color:#f00070;
	padding-left:10px;
	text-decoration:none;
}
.anayazi_etiket a:hover{
	font-size:0.9em;
	text-decoration:underline;
	color:#bca8b3;
}
.anayazi_metin {
	line-height:1.6em;
	padding:10px;
	font-size:0.96em;
}
.anayazi_metin strong {
	color:#498396;
}

.anayazi_metin img{
padding:2px;
border:1px solid #eee;
}

.anayazi_metin ul {
	margin-top:10px;
	margin-bottom:10px;
}
.anayazi_metin ul li{
	margin-left:20px;
	border-bottom:2px solid #FFFFFF;
	padding-bottom:2px;
	margin-bottom:3px;
	list-style-image:url(images/yildiz.gif);
}
.benzer ul {
	
}

.benzer ul li{
	list-style-image: url(images/icon_list.gif);
	margin: 0 0 10px 17px;
	line-height: 1.4em;
}
	
div.post_bilgi{margin:0px 0px 10px 10px;}
div.post_bilgi span{font-size:11px;margin-right:10px;padding:2px 0 2px 20px}

span.post_devami    {background:url(images/devamiikon.png) no-repeat center left}
span.post_yorum     {background:url(images/yorumlarikon.png) no-repeat center left}
span.post_kategori  {background:url(images/kategoriikon.png) no-repeat center left}
span.post_yazar  {background:url(images/yazarikon.png) no-repeat center left}
span.post_okunma  {background:url(images/okunmaikon.png) no-repeat center left}


/* 5 - Son Konular****************************** */
.sonkonular {
	width:640px;
	height:216px;
	background:  url(images/sonkonular.jpg) top left no-repeat;	
	margin-bottom:10px;
}

.sonkonular ul {
	padding:49px 0 0 42px; margin:0px;
	line-height:2.35em;
	width:380px;
	float:left;
}

/* 5 - Son Yorum vs****************************** */
.sonyorumvs {
	width:640px;
	height:300px;
	background: url(images/sonyorumvs.jpg) top left no-repeat;	
	margin-bottom:10px;
}

.sonyorumlar {
	float:left;
	width:316px;
	height:255px;
	margin:35px 0 0 0;
	font-size:0.85em;
	line-height:1.4em;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	padding-left:15px;
}

.sonyorumb{
	padding:5px;
	width:292px;
	height:39px;
	background: url(images/sonyorumb.gif) top left no-repeat;	
	margin:0 0 2px 0;
}
.sonyorumg{
	padding:5px;
	width:292px;
	height:39px;
	background: url(images/sonyorumg.gif) top left no-repeat;	
	margin:0 0 2px 0;
}

.enpopuler {
	float:left;
	width:295px;
	margin-left:10px;
	height:255px;
	margin-top:38px;
	font-size:0.9em;
	line-height:1.6em;
}
.enpopuler a{
	color:#498396;
}
.enpopuler a:hover{
	color:#f00070;
}
.enpopuler ul{padding:0 0 0 22px; margin:0;}
.enpopuler ul li{
	border-bottom:2px solid #FFFFFF;
	padding-bottom:2px;
	margin-bottom:5px;
	list-style-image:url(images/yildiz.gif);
}

/* 5 - Etiket Bulutu ****************************** */
.bulut {
	width:620px;
	padding-top:50px;
	padding-left:10px;
	padding-right:10px;
	height:110px;
	background: url(images/bulut.jpg) top left no-repeat;	
	line-height:1.6em;
}
.bulut a {
	color:#498396;
}
.bulut a:hover {
	color:#f00070;
}

/* 5 - Sponsorlar ****************************** */
.sponsorlar {
	width:280px;
	height:400px;
	background:url(images/sponsorarka.jpg) top left no-repeat;
	padding-top:50px;
	padding-left:20px;
	margin-bottom:10px;
}
.sponsorlar img{
	padding:2px;
}



/* 5 - rss  ****************************** */
.rssyan {
	margin-top:10px;
	padding-left:2px;
}
.rssyan a{display:block;background:url(images/rssarka.gif) no-repeat;width:300px;height:82px; text-align:right;}
.rssyan a .feedburner{ padding:43px 18px 0 0;}

/* 5 - Linkl-r  ****************************** */
.linkler {
	margin-top:10px;
	width:302px;
	background:url(images/kutu-orta.gif) repeat-y;
	font-size:1.0em;
	text-align:right;
}
.linkler_yazi {
	text-align:right;
	padding:55px 20px 0 0;
	background:url(images/kutu-ust-anket.jpg) top left no-repeat;
}

.linkler_alt {
	width:302px;
	height:31px;
	background:url(images/kutu-alt.gif) bottom no-repeat;
}
.linkler a{
	color:#575757;
}
.linkler a:hover{
	color:#f00070;
}
ul.yazyaz {
	line-height:1.6em;
	width:270px;
}

ul.yazyaz li{
	padding-top:10px;
	border-bottom:1px solid #f7f7f7;
	padding-bottom:2px;
	margin-bottom:1px;
}
.yanas {
padding-left:20px;
padding-top:10px;
}
.dem-vote-button {
	border:1px solid #dddddd;
	color:#f00070;
	width:35px;
}
.poll-question {
	color:#498396;
}

/* 7 - Diğerleri *************************** */
.diger_kutu {
	width:125px;
	height:125px;
}

/*--------------------------------------- YORUMLAR ---------------------------------------*/

.yorumpanel {
	margin-top:20px;
	clear:both;
	padding: 0 0 15px 2px;
	float: left;
	width: 748px;
}
.yorumagecis {
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
}

/*--------------------------------------- YORUM FORMU ---------------------------------------*/
#commentform {
	margin-top: 20px;
}

#commentform label {
	font-size: 0.9em;
	color: #666;
	padding-left: 5px;
	background: inherit;
}

#commentform small {
	color: #999999;
	background: inherit;
}

#commentform input {
	width: 220px;
	padding: 2px;	
	border: 1px solid #e6e6e6;
	margin: 0;
	background-color: #fefbfb;
	color:#000000;
}

#commentform textarea {
	width: 440px;
	height: 140px;
	border: 1px solid #e6e6e6;
	padding: 2px 3px 3px 7px;
	background-color:#fefbfb;
	color:#000000;
}
#commentform #submit {
	border: 1px solid #eeeeee;
	color:#2a2a2a;	
	background: #ffffff;	
	width: 100px;
	height: 25px;
	padding: 2px 5px !important;
	margin-left: 0px;
}
#commentform #submit:hover {
	color: #000000;
	cursor:hand;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	border: solid 1px #1f98c7;
}

.commentlist {
	clear: both;
	margin-top: 10px;
	width:745px;
	list-style: none;
}

.commentlist li {
	width:745px;
	background-color:#48507c;
	padding: 0;
	margin: 0;
	font-size:1.0em;
	margin-bottom:20px;
	clear:both;
	float:left;
}

.comment-data {
	width:745px;
	clear:both;
	float:left;
}

.comment-number {
	padding-left:10px;
	padding-top:5px;
	font: italic 135%/100% Georgia, "Times New Roman", Times, serif;
	color: #fff;
	float:left;
	letter-spacing: -1px;
	font-weight:bold;
	font-size:1.8em;
}
.comment-yazan{
	letter-spacing: -1px;
	font-weight:bold;
	font-size:0.6em;
}

.comment-entry {
	float:left;
	padding: 0px 5px 2px 25px;
	width: 715px;
	overflow: hidden;
	line-height:1.6em;
}
.clear {
	clear:both;
}

/* *******************Sayfalama ********************* */
.sayfalama{
	width:100%;
	clear:both;
	float:left;
	color:#48507c;
	font:11px Arial, Helvetica, sans-serif;

}

.pagebar {
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	border: 1px solid #1a2140;
	text-decoration: none;
}

.pagebar a,.pageList .this-page {
	border: 1px solid #1a2140;
	background-color:#040712;
	text-decoration: underline;
	padding: 0.2em 0.5em;
	color:#48507c;
}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .this-page {
	border: 1px solid #1a2140;
	padding: 0.2em 0.5em;
	background-color: #48507c;
	color: #040712;
}

.pagebar a:hover {
	border-color: #48507c;
}

.pagebar .inactive
{
   border: 1px solid #cccccc;
	 color: #ccc;
   text-decoration: none;
   padding: 0.2em 0.5em;
}

.beceri {
	margin-bottom:20px;
	width:740px;
	height:250px;
	background: #1c2346 url(images/beceri.gif) 10px 0px no-repeat ;
}

.deneyim {
	margin-bottom:20px;
	width:730px;
	padding-left:10px;
	background: #1c2346 url(images/deneyim.gif) no-repeat top left;
	padding-top:60px;
}

.pembe {
	color:#ff0098;
	font-weight:bold;
}
.sari {
	color:#ffbe1e;
}
.yuvust {
	width:730px;
	padding:10px;
	background: #242738 url(images/yuvust.gif) no-repeat top left;
}
.yuvalt{
	width:750px;
	height:16px;
	background: #242738 url(images/yuvalt.gif) no-repeat top left;
}
.incele {
	margin-top:15px;
	margin-left:10px;
}
.incele a{
	color.:#ffffff;
	height:1.6em;
}
.calismalara {
	float:left;
	height:165px;
	width:300px;
	background:#1c2344 url(images/calismalara.jpg) top left no-repeat;
	padding-left:440px;
	color:white;
	padding-right:10px;
}
.calismalarb {
	margin:20px 0px;
	float:left;
	height:165px;
	width:300px;
	background:#1c2344 url(images/calismalarb.jpg) top left no-repeat;
	padding-left:440px;
	color:white;
	padding-right:10px;
}
.calismalarc {
	float:left;
	height:165px;
	width:300px;
	background:#1c2344 url(images/calismalarc.jpg) top left no-repeat;
	padding-left:440px;
	color:white;
	padding-right:10px;
}

/* ****************** ILETISIM FORMU ************************* */
.iletisim {

}

.iletisim h1 {
	color:#fda016;
	margin:0px;
	padding:0px;
	font-size:1.8em;
	font-weight:bold;
}
.iletisim h2 {
	color:#fda016;
	margin:0px;
	padding:0px;
	font-size:1.4em;
	font-weight:normal;
}
.ciz {
	height:5px;
	background-color:#1c2345;
}
.iletisim table.ilk {
	float:left;
	width:380px;
}
.iletisim table.ilk tr td{
	padding:3px 0px;
}
.iletisim table.ilk tr td:first-child{
	width:200px;
}

.iletisim .ilkutu {
	width:160px;
	border-style:none;
	padding:2px 0px;
}
.iletisim .bkutu {
	width:345px;
	border-style:none;
	padding:2px 0px;
	height:118px;
}

.iletisim .dugme {
	border-style:none;
}
.wpcf7-response-output {clear:both; float:left;margin:10px 0px;}
.iletisimalt {
	clear:both;
	float:left;
	margin:10px 0px;
	width:750px;
	height:64px;
	background:url(images/iletisim-alt.jpg) no-repeat;
}
.gif {
	margin:15px 0px 0px 30px;
	float:left;
}

