/**********************************************
 * author : Mahmut ÖZDEMİR
 * web    : www.mahmutozdemir.com.tr
 * email  : bilgi@mahmutozdemir.com.tr
 * 
 * created: 12/06/2011 - 00:53
 * file   : style.css
 */
 
@import url("tools.css");
@import url("common.css");
 
/*/////////////////////// body ////////////////////////////////////*/
html{ background: url(../images/body-bg.png) repeat-x #efefef; }
body{
	background: url(../images/world-dotted-bg.png) top center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color:#000;
	line-height:140%;
}

/* layout
--------------------*/
.col1 {width: 60px;}
.col2 {width: 140px;}
.col3 {width: 220px;}
.col4 {width: 300px;}
.col5 {width: 380px;}
.col6 {width: 460px;}
.col7 {width: 540px;}
.col8 {width: 620px;}
.col9 {width: 700px;}
.col10 {width: 780px;}
.col11 {width: 860px;}
.col12 { width: 940px; }

.row{ width: 100%; *zoom: 1; }
.row:before, .row:after { display: table; content: ""; line-height: 0; }
.row:after { clear: both; }
.row [class*="col"]{ display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; }
.row [class*="col"]:first-child, .row .first{ margin-left: 0; }
.row .col1 { width: 6.382978723404255%; *width: 6.329787234042553%;}
.row .col2 { width: 14.893617021276595%; *width: 14.840425531914894%;}
.row .col3 { width: 23.404255319148934%; *width: 23.351063829787233%; }
.row .col4 { width: 31.914893617021278%; *width: 31.861702127659576%;}
.row .col5 { width: 40.42553191489362%; *width: 40.37234042553192%;}
.row .col6 { width: 48.93617021276595%; *width: 48.88297872340425%;}
.row .col7 { width: 57.44680851063829%; *width: 57.39361702127659%; }
.row .col8 { width: 65.95744680851064%; *width: 65.90425531914893%;}
.row .col9 { width: 74.46808510638297%; *width: 74.41489361702126%; }
.row .col10 { width: 82.97872340425532%; *width: 82.92553191489361%;}
.row .col11 { width: 91.48936170212765%; *width: 91.43617021276594%;}
.row .col12 { width: 100%; *width: 99.94680851063829%; }

/*/////////////////////// arayüz ////////////////////////////////////*/
.container{ width: 980px; margin: 0 auto; }
.container .container-inner{ padding: 10px; background: #fff;}
.box-shadow{ box-shadow: 0px 0px 2px #ddd; }

/* üst bar*/
.header-bar{ font-size: 11px; overflow: hidden; padding: 6px 10px; display: block; overflow: hidden; }
.header-bar .date{ float: left; color: #fff; }
.header-bar .marquee{ float: left; font-size: 12px; color: #ffcc00; width: 400px; margin-left: 20px; }
.header-bar .links{ float: right; }
.header-bar li{ margin-left: 10px; float: left; text-align: center;  }
.header-bar a{ color: #fff; }

/* üst bölüm*/
#header{  height:100px; position:relative; }
#header .logo{ width:640px; display:inline-block; height:90px; top: 5px; position:absolute; background: url(../images/logo.png) no-repeat; }
#header .logo img{ width: 100%; height: 100%; }
#header .social{ overflow: hidden; height: 35px; position: absolute; top: 8px; right: 0; width: 120px; text-align: right; }
#header .social a{ margin-left: 3px; background: url(../images/header-social-icons.png) no-repeat; display: inline-block; width: 33px; height: 35px; text-indent: -2000px; }
#header .social .fb{ background-position: 0 -70px; }
#header .social .tw{ background-position: 0 0; }
#header .social .rss{ background-position: 0 -35px; }
#header .donate{ border: 0; padding: 0; top: 10px; right: 120px; background: url(../images/btn-donate.png) no-repeat; width: 78px; height: 32px; text-indent: -9999px; display: block; position: absolute;  }

#header .search{ background: url(../images/search-bg.png) no-repeat; position: absolute; top: 52px; right: 0; width: 225px; height: 32px; }
#header .search .search-inner{ position: relative; overflow: hidden; height: 32px; }
#header .search #search-txt{ position: absolute; top: 0; border: none; left: 10px; background: none; width: 170px; }
#header .search #search-btn{ position: absolute; top: 0; right: 0; width: 30px; text-indent: -2000px; display: block; height: 32px; }
/**/
.news-type{ color: #c00; padding-right: 10px; }

/* üst menü */
#headermenu{border-bottom: 1px solid #ededed; height: 48px; position: relative; background: url(../images/header-menu-bg.png) repeat-x; display:block; }

/* 1. Seviye */
ul.dropdown { position: relative; z-index: 11; }
ul.dropdown li.main { background: url(../images/header-menu-sep.png) no-repeat top right; padding: 0 11px; float: left; height:48px; font-weight: 700; font-size:15px; line-height: 48px;  }
ul.dropdown li.main:last-child{ background: none; }
ul.dropdown li.main:hover{ background: #0e2648; }
ul.dropdown li.main a{ color: #fff; text-shadow: 1px 1px 1px #00496f; letter-spacing: -.05em; }
ul.dropdown a:hover { color: #333; text-decoration:none; }
ul.dropdown a:active { color: #333; }
ul.dropdown li.sub{ float: none; height: 31px; }
ul.dropdown li a { display: block; color: #333;  }
ul.dropdown li.sub a{ padding: 0 10px; width: 200px; height: 30px; overflow: hidden; font-size: 13px; border-bottom: 1px solid #14395d;  }
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,ul.dropdown li:hover { background: #d3eff4; position: relative; }
ul.dropdown li.hover a { color: black; }
/* 2. Seviye */
ul.dropdown ul{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li{ line-height: 30px; height: 30px; font-weight: normal; background: #0e2648; color: #fff; float: none; }
ul.dropdown ul li a{ text-shadow: none; }
ul.dropdown ul li:hover{ background: #113457; }
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a{ border-right: none; width: 100%; } 
/* 3. Seviye */
ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }

.ddmenu { z-index: 99; margin: 5px; height: 48px; }
.ddmenu li{ float:left; height: 36px; padding: 8px 4px; }
.ddmenu li a{ display: block; font-family: arial; font-size: 16px; font-weight: 700; color:#fff; padding: 10px 12px;   }
.ddmenu li { background: url(../images/header-menu-sep.png) no-repeat top right; }
.ddmenu li:last-child{ background: none; padding-right: 0; }
.ddmenu li a:hover{ -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #fffced) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #fffced 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#fffced');
	background-color:#f9f9f9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #ebebd9;
	text-decoration: none; text-shadow: none; padding: 7px 11px; 
	position: relative;
	color: #333;
}
.ddmenu li a:active{ 
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fffced), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #fffced 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffced', endColorstr='#f9f9f9');
	background-color:#fffced;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #ebebd9;
	padding: 7px 11px;
	position:relative; top:1px; color: #333; }
.ddmenu li.selected{ background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fffced), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #fffced 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffced', endColorstr='#f9f9f9');
	background-color:#fffced;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #ebebd9;
	padding: 7px 11px; color: #333;}


.ddmenu ul { border: none; position:absolute; left:-9999px; top:-9999px; list-style-type:none; z-index: 10000; }
.ddmenu li:hover { position:relative; }
.ddmenu li:hover ul { left:0px; top:48px; width:180px; background: #1e456e; border-top:0; padding: 8px; }
.ddmenu li:hover ul li { margin-bottom: 1px; height: auto; padding: 0; background: none; float: none; }
.ddmenu li:hover ul li a { padding: 5px 7px; height: auto; -moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px; margin-bottom: 3px; font-size: 12px; margin: 0; background: #1a3c60; border: 1px solid #1a3c60; }
.ddmenu li:hover ul li a:hover { background: #f4f4f4; }


/*/////////////////////// arayüz ////////////////////////////////////*/
#middle{ overflow:hidden; }
#middle-left{ width:660px; float:left;  }
#middle-left .left-inner{ margin-right:10px; overflow: hidden; }
#middle-right{ width:300px; float:left; }
#middle-right .right-inner{ overflow: hidden; }

/* footer */
#footer{ margin-top: 10px; }
#footer .footer-header{  border: 1px solid #efefef;  padding: 8px 20px 10px; overflow: hidden; line-height: 40px; height: 40px; border-bottom: none; }
#footer .footer-header h3{ float: left; width: 276px; margin-right: 10px; }
#footer .footer-header .social{ overflow: hidden; float: left; padding-top: 8px; }
#footer .footer-header .social a{ display: inline-block; text-indent: -2000px; height: 24px; width: 24px; background: url(../images/social-icons.png) no-repeat; }
#footer .footer-header .social .fb{ background-position: 0 -24px; }
#footer .footer-header .social .tw{ background-position: 0 -48px; }
#footer .footer-inner{ padding: 0px 20px;  border: 1px solid #efefef; }
#footer .footer-inner .footer-nav{ padding: 10px 0; border-bottom: 1px solid #efefef; }
#footer .footer-inner .footer-nav a{ font-weight: 700; font-size: 13px; color: #069; padding: 0 15px 0 0; }

#footer .footer-inner .columns{ overflow: hidden; padding: 20px 0; }
#footer .footer-inner .columns .group{ float: left; width: 130px; border-right: 1px solid #f4f4f4; padding: 0 20px 0 20px; }
#footer .footer-inner .columns .group:first-child{ padding-left: 0; }
#footer .footer-inner .columns .group:last-child{ border-right: 0; padding-right: 0;}
#footer .footer-inner .columns .group h3{ color: #185692; padding-bottom: 5px; }
#footer .footer-inner .columns .group ul{ font-size: 12px; }
#footer .footer-inner .columns .group li{ padding: 3px 0;}

#footer .footer-inner .columns .subscribe{ width: 234px; }
#footer .bulletin{ overflow: hidden; }
#footer .bulletin span{ color: #999; display: block; padding: 3px 0; }
#footer .bulletin input[type="text"]{ width: 200px; }
#footer .bulletin .button{ margin: 2px 0; }

#footer .footer-inner .columns .legal{ width: 390px; }
#footer .footer-inner .columns .legal .cr{ font-size: 11px; color: #999;}

#footer .footer-inner .columns .paypal{ width: 210px; }
#footer .footer-inner .columns .paypal img{ width: 210px; }
#footer a{ color: #069;}

#footer .footer-outer{ padding: 10px 0 30px; font-size: 11px; position: relative; overflow: hidden; }
#footer .software{ color: #999; position: absolute; top: 10px; right: 10px; width: 220px; height: 60px; text-align: right; }
#footer .software a{ font-weight: 100; color: #999; }

#footer .inner{ position: relative; padding: 20px 20px 30px; overflow: hidden; }
#footer .copyright{ position: absolute; top: 15px; left: 200px; width: 500px; color: #444; }
#footer .links{ }
#footer .links a{ font-weight: 700; margin-right: 10px; color: #444; }

#footer .copyright .row{ border-bottom: 1px dotted #ddd; padding: 5px 0; display: block; }
#footer .copyright .cr{ color: #999; font-size: 11px;}

#content{  }

/*/////////////////////// çok okunan haberler blok ////////////////////////////////////*/
.most-read-news{}
.most-read-news .box-title{ color: #c00; border-bottom-color: #f6f0c9; }
.most-read-news .subhead{ line-height: 24px; background: #fefbe9; overflow: hidden; border-bottom: 1px solid #f6f0c9; text-align: center; }
.most-read-news .subhead a{ display: inline-block; padding: 0 10px; border-right: 1px solid #f6f0c9; }
.most-read-news .subhead .selected{ background: #ede6bc; }
.most-read-news li{ background: url(../images/icons/icon-08.png) no-repeat 0 10px; padding-left: 10px; line-height: 26px; font-size: 12px; height: 26px; overflow: hidden; border-top: 1px dotted #ddd; }
.most-read-news ul{ padding: 5px 0;}
.most-read-news li:hover{ background-color: #f4f4f4; }
.most-read-news .first{ height: 100px; height: 90px; overflow: hidden; }
.most-read-news .first .inner{ padding: 15px; overflow: hidden; }
.most-read-news .first .title{ color: #c00; margin-bottom: 5px; height: 15px; overflow: hidden; }
.most-read-news .first img{ width: 100px; height: 70px; background: #fff; border: 1px solid #ddd; padding: 5px; float: left; margin-right: 7px; }
.most-read-news .first .info{ float: left; width: 120px; height: 79px; overflow: hidden; }
.most-read-news .first .title a{ color: #c00; }

/**/
.block{ border: 1px solid #ddd; padding: 10px; }
#block .block-title{ margin-bottom: 5px; background: url(../images/block-heads.png) repeat-x; height: 30px; font: 700 13px/30px Arial, sans-serif; color:#fff; padding: 0 10px; }
.block .block-title{ background: url(../images/block-title-bg.png) no-repeat; margin-bottom: 5px; font: 700 13px/30px Arial, Arial; padding: 0 10px; color: #fff; letter-spacing: -.08em; }
.block .block-title2{ background: none; color: #111; border-bottom: 1px solid #ddd; margin-bottom: 5px; padding: 0; }


.block3{}
.block3 .block-title{ border-left: 5px solid #999; background: url(../images/gray-strip-bg.png); height: 30px; font: 700 14px/32px Arial, sans-serif; color:#fff; letter-spacing: -0.08em; }
.block3 .block-title span{ background: #c00; border-left: 1px solid #fff; display: inline-block; border-right: 5px solid #fff; height: 30px; padding: 0 10px; }
.block3 .block-title .bg2{ background: #069; }
.block3 .block-title .bg3{ background: #333; }
.block3 .block-title .bg4{ background: #f50; }
.block3 .block-inner{ padding: 10px; margin-top: 2px; border: 1px solid #efefef; }

/*/////////////////////// son yorumlar ////////////////////////////////////*/
.last-comments{ height: 370px; overflow: hidden; }
.last-comments li{ overflow: hidden; border-bottom: 1px dotted #ddd; margin-bottom: 10px; padding-bottom: 10px; }
.last-comments .comment{ padding: 7px; }
.last-comments .comment .txt{ height: 32px; overflow: hidden; }
.last-comments .name{  font-weight: 700; color: #c00; }
.last-comments .icon{ background: url(../images/icons/user-comment.jpg) no-repeat; display: inline-block; width: 45px; height: 45px; border: 1px solid #ddd; float: left; ; margin-right: 10px; }
.last-comments .cmmt{ float: left; width: 220px; font-size: 12px; }

/* liste linkleri */
.list-links{ overflow: hidden; }
.list-links li { font-weight: 700; float: left; width: 50%; margin-bottom: 5px; border-bottom: 1px dotted #efefef; padding-bottom: 5px; }
.list-links li a{ height: 14px; overflow: hidden; display: block; background: url(../images/icons/icon-05.png) no-repeat 5px 2px; padding-left: 16px; height: 14px; overflow: hidden; color: #444; }

/* alt etiketler */
.footer-tags{  overflow: hidden; background: #f4f4f4; border-top: 1px solid #ddd; padding: 10px; }
.footer-tags li{ float:left; width:134px; margin-right:10px; font-size: 11px; }
.footer-tags h2{ border-bottom: 1px solid #ddd; color: #444; padding:3px 10px; margin-bottom:5px; font-size: 12px; }
.footer-tags span{ display:block; height:20px; font: 100 11px/20px Arial; background:url(../images/icons/icon-07.png) no-repeat 5px 7px; padding-left:16px; overflow:hidden;  border-bottom: 1px dotted #ddd; }
.footer-tags a{ color: #777;  }
.footer-tags a:hover{ color: #ccc; }

/* banner */
.float-banner{ position: fixed; top: 0; left: 827px; }

/**/
.photo-gallery-box{ background: url(../images/photo-gallery-bg.gif) no-repeat; height: 144px; margin: 10px 0; position: relative; }
.photo-gallery-box .inner{ }
.photo-gallery-box ul{ overflow: hidden; }
.photo-gallery-box li{ float: left; padding: 5px; center; color: #fff; width: 100px; height: 82px; overflow: hidden; }
.photo-gallery-box img{ display: block; margin-bottom: 5px; background: #7b8b91; padding: 1px; width: 98px; height: 64px; }
.photo-gallery-box a{ color: #fff; }
.photo-gallery-box .carousel-wrap{ position: absolute; top: 31px; left: 8px; width: 438px; overflow: hidden; height: 93px; }
.photo-gallery-box .carousel-control{ position: absolute; right: 0px; width: 30px; background: none; width: 20px; height: 27px; text-indent: -1000px; border: none;  cursor: pointer; }
.photo-gallery-box .previous{ top: 72px; }
.photo-gallery-box .next{ top: 40px; }

/* sayfa başlığı */
.page-title{ height: 36px; font-family: georgia, sans-serif; line-height: 36px; font-size: 18px; font-weight: 700; color: #333;  letter-spacing: -.05em; font-style: italic; border-bottom: 1px dashed #ddd; margin-bottom: 10px; }

/* iletişim */
.contact-info{ overflow: hidden; border: 1px solid #ddd; padding: 10px; margin-top: 10px; }
.contact-info li{ overflow: hidden; margin-bottom: 2px; border-bottom: 1px dotted #ddd; padding: 5px 0; }
.contact-info label{ width: 140px; float: left; font-weight: 700; font-size: 13px; }
.info-txt{ background: #ffc; padding: 8px; margin: 10px 0;}

.contact-form{ overflow: hidden; }
.contact-form li{ margin-bottom: 10px; }
.contact-form label{ background: #efefef; padding: 5px 10px; font-weight: 700; font-size: 13px; display: inline-block; }
.contact-form .box{ border: 1px solid #efefef; padding: 10px; display: block; }

/**/
.block2{}
.block2 .block-title{ background: url(../images/title-red-bg.png) repeat-x; font: 700 12px/30px Arial, Tahoma; padding: 0 10px; color: #fff; height: 30px; }
.block2 .inner{ padding: 5px; }


/**/
.list2{}
.list2 li{ border-bottom: 1px solid #efefef; padding: 7px 0; background: url(../images/icons/icon-01.png) no-repeat 5px 12px; padding-left: 15px; }

/* son videolar blok */
.video-block{ }
.video-block .b-title{ ; position: relative; background: url(../images/video-block-title-bg.png) no-repeat; height: 32px; }
.video-block .b-title .btn{ position: absolute; top: 10px; right: 12px; width: 20px; height: 19px; display: inline-block; background: none; margin: 0; padding: 0; border: 0; }
.video-block .b-title .next{ right: 12px; }
.video-block .b-title .prev{ right: 35px; }
.video-block .b-title .all{ font-size: 11px; position: absolute; top: 8px; color: #fff; right: 45px; height: 14px; width: 50px; }

.last-videos{ font-size: 11px; line-height: 140%; overflow: hidden; height: 100px; overflow: hidden; }
.last-videos img{ width: 88px; height: 60px;}
.last-videos li{ float: left; width: 88px;  margin-right: 8px; }
.last-videos li .title{ display: block; margin-top: 5px;  text-align: center; height: 34px; overflow: hidden; }
.last-videos li a:hover{ text-decoration: none; color: #c00; }
    
/* yazı araçları */
.text-tools{ text-align: center; border: 1px solid #efefef; padding: 10px; margin-bottom: 10px; }
.text-tools ul{ overflow: hidden; display: inline-block; height: 16px; }
.text-tools li{ float: left; margin: 0 15px; font-weight: 100; }
.text-tools a{ color: #444; }
.text-tools .comment{ background: url(../images/icons/comment-icon.png) no-repeat; padding-left: 22px; }
.text-tools .print{ background: url(../images/icons/print-icon.png) no-repeat; padding-left: 22px; }
.text-tools .email{ background: url(../images/icons/email-icon.png) no-repeat; padding-left: 22px; }
.text-tools .top{ background: url(../images/icons/up-icon.png) no-repeat; padding-left: 22px; }

/* liste linkler 2 */
.list-links2{ overflow: hidden; }
.list-links2 li{ border-bottom: 1px dotted #ddd;  background: url(../images/icons/icon-03.png) no-repeat 3px 11px; padding: 5px 0 5px 15px; ) }
.list-links2 li a{ font-weight: 700; color: #111; }
.list-links2 li span{ color: #c00; }

/* sayfalama */
.paginator{ text-align: center;  font-size: 12px; background: #f8f8f8; border-top: 1px solid #efefef; padding: 7px; }
.paginator a{ font-weight: 700; display: inline-block; border: 1px solid #efefef; background: #fff; padding: 2px 7px; text-align: center; margin: 0 1px; }
.paginator strong{ color: #fff; background: #c00; padding: 4px 12px; text-align: center; display: inline-block; }
.paginator a:hover{ text-decoration: none; background: #069; border-color: #069; color: #fff !important; }

/* links */
#links{ overflow: hidden; }
#links .cats{ overflow: hidden; background: url(../images/gray-strip-bg.png); }
#links .cats li{ float: left; margin-right: 1px; }
#links .cats li a{ padding: 7px 10px; background: #444; color: #fff; display: block; font-weight: 700; }
#links .cats li a:hover, #links .cats li a.selected{ background: #c00; text-decoration: none; }

#links .link-list{ overflow: hidden; border: 1px solid #efefef; padding: 10px; font-size: 12px; height: 160px; overflow-y: scroll; }
#links .link-list div{ display: none; }
#links .link-list ul{ overflow: hidden; }
#links .link-list li{ width: 176px; float: left; border-bottom: 1px dotted #ddd; padding: 4px 0; background: url(../images/icons/icon-01.png) no-repeat 3px 7px; }
#links .link-list li a{ padding-left: 12px; padding-right: 5px; display: block; height: 16px; overflow: hidden; }


/* multimedya */
#multimedia{ background: url(../images/tv-frame.png) no-repeat; height: 190px; width: 300px; }
#multimedia .inner{ padding: 14px; }
#multimedia #index-multimedia img{ width: 272px; height: 152px; position: absolute; top: 0; left: 0; }
#multimedia ul{ overflow: hidden; }
#multimedia ul li{ overflow: hidden; position: relative; height: 160px; }
#multimedia .info{ position: absolute; top: 121px; left: 0; padding: 8px; width: 100%; background: url(../images/opacity-bg.png); }
#multimedia .info a{ color: #fff; font-size: 13px; display: block; overflow: hidden; }

.multimedia{ overflow: hidden; }
.multimedia div.title{ background: url(../images/multimedia-title.png) no-repeat; height: 42px; text-indent: -2000px; }
.multimedia div.inner{ padding-top: 5px; }
.multimedia ul{ }
.multimedia ul li{ padding: 10px 5px; border-bottom: 1px dotted #ddd; overflow: hidden; height: 60px; }
.multimedia ul li .info{ float: left; width: 200px; }
.multimedia ul li a{ color: #1b74a0; font-size: 14px; }
.multimedia ul li span{ font-size: 11px; color: #9a9a9a; font-style: italic; }
.multimedia ul li img{ border: 1px solid #ddd; background: #fff; padding: 1px; width: 70px; height: 50px; float: left; }

.multimedia .dots{ margin-top: 10px; text-align: center; overflow: hidden; height: 11px; }
.multimedia .dots a{ cursor: pointer; margin: 0px 2px; display: inline-block; width: 11px; height: 13px; background: url(../images/mm-dot.png) no-repeat; }
.multimedia .dots .active{ background-position: 0 -11px; }

/**/
.magazine-box{ background: url(../images/21yydergi.png) no-repeat; height: 140px; position: relative; }
.magazine-box h2{ position: absolute; top: 55px; font-weight: 100; left: 100px; width: 120px; }
.magazine-box img{ width: 65px; height: 92px; position: absolute; top: 12px; left: 20px; }
.magazine-box .other{ text-indent: -20000px; display: inline-block; width: 100px; height: 30px; position: absolute; top: 100px; right: 0; }

.sosyal-bilimler{ background: url(../images/21yysosyalbilimler.png) no-repeat; }
.mgab{ background: url(../images/mgabdergi.png) no-repeat; }

/**/
.box-news-list{ overflow: hidden; font-family: sans-serif; }
.box-news-list li{ overflow: hidden; border-bottom: 1px dashed #ddd; padding: 10px 0; }
.box-news-list li:last-child{ border-bottom: none; }
.box-news-list li img{ float: left; width: 72px; height: 54px; background: #fff; padding: 3px; border: 1px solid #ddd; }
.box-news-list li .info{ float: left; padding-left: 10px; width: 180px; }
.box-news-list li .info span{ color: #999; font-size: 11px; }
.box-news-list .without-image{}
.box-news-list .without-image .info{ padding-left: 0; width: auto; background: url(../images/icons/icon-01.png) no-repeat 0px 5px; padding-left: 12px; }
.box-news-list li:first-child{ padding-top: 0; }
.box-news-list li:last-child{ padding-bottom: 0;}

/**/
.bulletin-box{ position: relative; }
.bulletin-box .bulletin-carousel{ margin: 0 36px; }
.bulletin-box .arrow{ background: url(../images/arrows.png) no-repeat; text-indent: -2000px; display: block; position: absolute; width: 24px; height: 24px; top:40px; }
.bulletin-box .prev{ left: 0px; }
.bulletin-box .next{ background-position: 0 -24px; right: 0px; }
.bulletin-box ul{ overflow: hidden; }
.bulletin-box li{ font-size: 11px; font-family: sans-serif; font-weight: 100; text-align: center; float: left; margin-right: 10px; width: 98px; padding: 1px; }
.bulletin-box li img{ background: #fff; padding: 3px; border: 1px solid #f4f4f4; width: 90px; height: 96px; }
.bulletin-box li p{ padding-top: 5px; }
.bulletin-box li p a{  color: #666; }

/**/
#research{ overflow: hidden; padding: 10px 0; }
#research .research-header{ overflow: hidden;  font-family: georgia; }
#research .research-header h3{ float: left; width: 160px; font-size: 14px; padding: 10px; }
#research .research-header .research-subjects{ float: left; width: 730px; font-size: 13px; line-height: 20px; padding-left: 20px; margin-left: 20px; border-left: 1px solid #efefef;}

/**/
#wide-content{ overflow: hidden; padding: 10px 0; }
#wide-content .content-header{ overflow: hidden;  font-family: georgia; }
#wide-content .content-header h3{ float: left; width: 160px; font-size: 14px; padding: 10px; }
#wide-content .content-header .content-subject{ float: left; width: 730px; font-size: 13px; line-height: 20px; padding-left: 20px; margin-left: 20px; border-left: 1px solid #efefef;}
#wide-content .content-inner{ border-top: 1px solid #efefef; padding-top: 20px; margin: 20px 0; }

.sub-header{ font-size: 16px; border-bottom: 1px solid #efefef; margin-bottom: 10px; padding: 10px 0; }

/**/
#wide-content2{ overflow: hidden; padding: 10px 0; }


/**/
#trend-topics{ border: 1px solid #efefef; margin: 0px 0 20px 0; background: url(../images/yellow-gradient-bg.png) repeat-x; }
#trend-topics .trend-header{ border: 1px solid #fff; padding: 0 20px; line-height: 36px; font-size: 15px; }
#trend-topics .trend-inner{ border-top: 1px solid #efefef; overflow: hidden; padding: 20px; }

/* yazı listesi */
.article-list-v{ overflow: hidden; }
.article-list-v .article{ float: left; margin-right: 20px; width: 214px; margin-bottom: 20px; height: 240px; overflow: hidden; }
.article-list-v .article:nth-child(4n+0){ margin-right: 0; }
.article-list-v .article:hover img{ border-bottom-color: #ffcc00; }
.article-list-v .article:hover .info{ background: #f4f4f4; }
.article-list-v .article img{ width: 100%; height: 120px; border-bottom: 5px solid #fff; padding-bottom: 1px; }
.article-list-v .article .info{ overflow: hidden; padding: 10px 5px 5px; height: 130px;}
.article-list-v .article .info .topic{ font-weight: 700; font-size: 12px; color: #666; }
.article-list-v .article .info .title{ color: #069; line-height: 20px; font-weight: 100; font-size: 15px; margin: 5px 0; font-family: georgia; }
.article-list-v .article .info .title a{ color: #069; }
.article-list-v .article .info .date{ color: #777; font-size: 10px; }

/**/
.box{ border: 1px solid #efefef; margin: 0px 0 20px 0; background: url(../images/yellow-gradient-bg.png) repeat-x; }
.box .box-header{ border: 1px solid #fff; padding: 0 20px; line-height: 36px; font-size: 15px;  }
.box .box-inner{ border-top: 1px solid #efefef; overflow: hidden; padding: 20px; }


#research-footer{ }
#research-footer .tabs{ border: 1px solid #efefef; color: #fff; background: url(../images/research-tab-bg.png) repeat-x; margin: 20px 0; }
#research-footer .tabs .tabs-inner{ border: 1px solid #fff; border-bottom: none; padding: 10px 20px 0 20px;  }
#research-footer .tabs h3{ font-size: 13px; }
#research-footer .tabs-nav{ overflow: hidden; margin-top: 10px; }
#research-footer .tabs-nav ul{ overflow: hidden; }
#research-footer .tabs-nav ul li{ float: left; padding: 6px 10px; border: 1px solid #a5caea; border-bottom: 0; border-right: 0; }
#research-footer .tabs-nav ul li:last-child{ border-right: 1px solid #a5caea; }
#research-footer .tabs-nav ul li a{ color: #d4e6f5; }
#research-footer .tabs-nav li.selected, #research-footer .tabs-nav li:hover{ background:#033561; color: #fff; }

#research-footer .tabs-content{ }
#research-footer .tabs-content .tab-label{ display: none; }
#research-footer .tabs-content .columns{ }
#research-footer .tabs-content .columns .group{ position: relative; float: left; width: 199px; height: 300px; border-top: 1px solid #efefef; border-right: 1px solid #efefef; padding: 10px 20px; }
#research-footer .tabs-content .columns .group:nth-child(4n+0){ border-right: 0; }
#research-footer .tabs-content .columns .group:hover{ color: #fff !important; z-index: 10000; background: #2a2a2a; }
#research-footer .tabs-content .columns .group:hover h3{ border-color: #fc0; background: #ffcc00 !important; color: #000; }
#research-footer .tabs-content .columns .group:hover .info p{ color: #fff !important;}
#research-footer .tabs-content .columns h3{ border: 1px solid #f4f4f4; color: #069; padding: 5px; font-size: 13px; height: 54px; border-bottom: 3px solid #ffcc00; margin-bottom: 1px; }
#research-footer .tabs-content .columns h3 a{ color: #069; }
#research-footer .tabs-content .columns .info{ overflow: hidden; margin: 1px 0 5px; }
#research-footer .tabs-content .columns .info img{ width: 199px; height: 100px; margin-bottom: 5px; }
#research-footer .tabs-content .columns .info p{ font-size: 12px; font-family: georgia; font-style: normal; color: #666; padding: 5px; }

/* 2. Seviye */
ul.column-group-menu{ display: table; }
ul.column-group-menu .group:nth-child(4n+0) ul{ left: -100%; }
ul.column-group-menu ul{ padding: 0px; width: 100%; visibility: hidden; position: absolute; top: 0; left: 100%; background: #2a2a2a; }
ul.column-group-menu ul li{ border-bottom: 1px solid #333; width: 33%; float: left; font-weight: normal; color: #fff; }
ul.column-group-menu ul li a{ padding:5px; display: block; overflow: hidden; height: 14px; overflow: hidden; }
ul.column-group-menu ul li:hover{ background: #000; }
ul.column-group-menu ul li:hover a{ color: #fff;}
/* IE 6 & 7 Needs Inline Block */
ul.column-group-menu ul li a{ width: 100%; color: #fff; } 
/* 3. Seviye */
ul.column-group-menu ul ul { left: 100%; top: 0; }
ul.column-group-menu li:hover > ul { visibility: visible; }

/**/
#expert-list{ overflow: hidden; }
#expert-list li{ float: left; width: 320px; height: 120px; border-bottom: 1px solid #efefef; margin-bottom: 10px; }
#expert-list li img{ float: left; margin-right: 10px; width: 80px; border: 1px solid #efefef; padding: 5px; }
#expert-list li .info{ float: left; width: 200px; }
#expert-list li .info h2{ color: #069; font-size: 14px; }
#expert-list li .info h2 a{ color: #069; }
#expert-list li .info h3{ color: #666; padding: 5px 0; }
#expert-list li .info span{ color: #777; }


/**/
#content-panel{ overflow: hidden; font-size: 15px; line-height: 150%; }
#content-panel #content-panel-inner{ overflow: hidden; padding: 20px 0; }
#content-panel #content-panel-inner #article{ overflow: hidden;  border-top: 1px solid #efefef;  }
#content-panel a{ color: #069; }
#content-panel #content-panel-inner #article .top{}
#content-panel #content-panel-inner .content-side{ float: left; width: 650px; border-right: 1px solid #efefef; padding: 20px; }
#content-panel #content-panel-inner .content-side .article-header{  padding-top: 10px; }
#content-panel #content-panel-inner .content-side .article-header .meta{ overflow: hidden; color: #555; }
#content-panel #content-panel-inner .content-side .article-header .meta span{ padding-right: 10px; }
#content-panel #content-panel-inner .content-side .article-header h1.title{ font-size: 38px; font-family: georgia; font-weight: 100; line-height: 44px; padding: 20px 0; }
#content-panel #content-panel-inner .content-side .article-detail{ font-family: Georgia; font-size: 15px; text-align: justify; line-height: 160%; color: #111; padding-top: 10px; }
#content-panel #content-panel-inner .content-side .article-header .article-description{ color: #444; border-bottom: 1px solid #efefef; padding: 15px 0; font-weight: 700;  }
#content-panel #content-panel-inner .content-side .article-detail p{ margin-bottom: 15px; }
#content-panel #content-panel-inner .content-side .hit{ text-align: right; color: #999; }

#content-panel #content-panel-inner .sidebar{ float: left; width: 269px; }

#content-panel #content-panel-inner .sidebar .expert{ overflow: hidden; padding-top: 10px; }
#content-panel #content-panel-inner .sidebar .expert img{ float: left; width: 80px; height: 80px; float: left; margin-right: 10px; }
#content-panel #content-panel-inner .sidebar .expert .info{  min-height: 80px; }
#content-panel #content-panel-inner .sidebar .expert .info .row{ font-size: 13px; color: #666; }
#content-panel #content-panel-inner .sidebar .expert .description{ display: block; clear: both; border: 1px solid #efefef; padding: 5px; margin-top: 10px; }

#content-panel #content-panel-inner .share{ margin-top: 10px; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; padding: 10px 0;}
#content-panel #content-panel-inner .share ul{ overflow: hidden; }
#content-panel #content-panel-inner .share ul li{ float: left; margin-right: 10px; }

/**/
#expert-panel{ overflow: hidden; font-size: 15px; line-height: 150%; }
#expert-panel #expert-panel-inner{ overflow: hidden; padding: 10px 0; }
#expert-panel a{ color: #069; }
#expert-panel #expert-panel-inner #expert{ overflow: hidden; }
#expert-panel #expert-panel-inner #expert .top{ border-bottom: 1px solid #efefef; padding-bottom: 20px; }
#expert-panel #expert-panel-inner #expert .top .expert-info { overflow: hidden; }
#expert-panel #expert-panel-inner #expert .top .expert-info .thumbnail { float: left; margin-right: 10px; }
#expert-panel #expert-panel-inner #expert .top .expert-info .thumbnail img{ width: 120px }
#expert-panel #expert-panel-inner #expert .top .expert-info .topic{ border-bottom: 1px solid #efefef; }
#expert-panel #expert-panel-inner #expert .top .expert-name{ padding: 5px 10px; border-bottom: 1px solid #efefef; font-family: georgia; font-size: 24px; font-weight: 100; line-height: 34px; }
#expert-panel #expert-panel-inner #expert .top .expert-title-bar{ padding: 7px 10px; color: #666; }

#expert-panel .expert-about{ float: left; width: 520px; border-right: 1px solid #efefef; padding: 20px; }
#expert-panel .sidebar{ float: left; width: 389px; }
#expert-panel .sidebar .box{ padding: 20px 0 20px 20px; border-bottom: 1px solid #efefef; }

.expert-articles{ overflow: hidden; padding-top: 10px; }
.expert-articles ul{ overflow: hidden; }
.expert-articles ul li{ overflow: hidden; padding-bottom: 20px; }
.expert-articles ul li img{ width: 110px; height: 70px; float: left; margin-right: 10px; }
.expert-articles ul li .info{ width: 249px; float: left; }
.expert-articles ul li .info .title{ font-family: georgia; font-size: 15px; font-weight: 100; }
.expert-articles ul li .info .title a{ color: #069; }
.expert-articles ul li .info .topic{ color: #666; font-size: 13px; font-weight: 700; }
.expert-articles ul li .info .date{ color: #666; font-size: 12px; }

.article-list2{ overflow: hidden; }
.article-list2 li{ overflow: hidden; padding: 15px 0; border-bottom: 1px solid #efefef; }
.article-list2 li img{ width: 110px; height: 70px; float: left; margin-right: 10px; }
.article-list2 li .info{ width: 450px; float: left; line-height: 160%; }
.article-list2 li .info .title{ font-family: georgia; font-size: 15px; font-weight: 100; }
.article-list2 li .info .title a{ color: #069; }
.article-list2 li .info .topic{ color: #666; font-size: 12px; font-weight: 100; }
.article-list2 li .info .date{ color: #666; font-size: 12px; }


.content-list{ overflow: hidden; }
.content-list li{ overflow: hidden; padding: 15px 0; border-bottom: 1px solid #efefef; }
.content-list li img{ width: 80px; height: 80px; float: left; margin-right: 10px; }
.content-list li .info{ width: 450px; float: left; line-height: 160%; }
.content-list li .info .title{ font-family: georgia; font-size: 15px; font-weight: 100; }
.content-list li .info .title a{ color: #069; }
.content-list li .info .description{ color: #666; font-size: 12px; font-weight: 100; }
.content-list li .info .date{ color: #666; font-size: 12px; }

.document-list{ overflow: hidden; }
.document-list li{ overflow: hidden; padding: 15px 0; border-bottom: 1px solid #efefef; }
.document-list li img{ width: 60px; height: 80px; float: left; margin-right: 10px; }
.document-list li .info{ width: 450px; float: left; line-height: 160%; }
.document-list li .info .title{ font-family: georgia; font-size: 15px; font-weight: 100; }
.document-list li .info .title a{ color: #069; }
.document-list li .info .description{ color: #666; font-size: 12px; font-weight: 100; }
.document-list li .info .date{ color: #666; font-size: 12px; }

/**/
#blogposts{ background: #f8f8f8; padding: 10px; margin-top: 10px; border: 1px solid #efefef; }
#blogposts .post-title{ font-family: georgia; font-size: 16px; font-weight: 100; color: #069;}
#blogposts p{ color: #666;  margin: 3px 0; }
#blogposts .more{ color: #c00; font-style: italic; font-family: georgia; }

/**/
.other-articles{ overflow: hidden; }
.other-articles ul{ overflow: hidden; }
.other-articles ul li{ border-bottom: 1px dotted #ddd; padding: 4px 0; font-size: 13px; background: url(../images/icons/icon-03.png) no-repeat 1px 12px; padding-left: 15px; }

/* topic detail */
#topic-detail{ overflow: hidden; margin-bottom: 20px; padding: 0 10px; }
#topic-detail .topic-header{ color: #069; font-size: 24px; font-family: georgia; padding: 10px 0 20px; border-bottom: 1px solid #efefef; margin-bottom: 20px; }
#topic-detail .topic-description{ font-size: 14px; line-height: 150%; }

/**/
.expert-list-v{ overflow: hidden; }
.expert-list-v .expert{ float: left; margin: 0 10px; width: 130px; text-align: center; height: 200px; }
.expert-list-v .expert img{ background: #fff; padding: 5px; border: 1px solid #efefef; width: 104px; height: 120px; }
.expert-list-v .expert .info{ padding-top: 10px; }

/* wide-content */
#wide-content{ }
#wide-content #wide-content-inner{ overflow: hidden; }
#wide-content #content{ border-top: 1px solid #efefef; }
#wide-content #content-side{ width: 639px; float: left; }
#wide-content #content-side .content-side-inner{ padding: 20px; }
#wide-content #right-side{ float: left; width: 320px; border-left: 1px solid #efefef; }

/* wide content 2*/
#wide-content2{ }
#wide-content2 #wide-content-inner{ padding: 0px 0; overflow: hidden; }

/* SUBNAV 
 -------------------------*/
#subnav{ overflow: hidden; margin-bottom: 10px; }
#subnav a{ display: inline-block; padding: 5px 10px; }

/**/
.side-box{ padding-left: 20px; padding-bottom: 10px; }
.side-box-border{ border-bottom: 1px solid #ddd; margin-bottom: 10px; }

/**/
.box2{ padding: 20px 0 20px 20px; border-bottom: 1px solid #efefef; }
.box2-gb{ background: url(../images/gray-gradient2.png) repeat-x; }

/**/
.box3{ overflow: hidden; }
.box3 .box-title{ font-size: 18px; font-family: georgia; font-weight: 100; border-bottom: 1px solid #efefef; padding-bottom: 10px; margin-bottom: 10px; }

/**/
#content-detail{ overflow: hidden; }
#content-detail #content-header{ overflow: hidden; border-bottom: 1px solid #efefef; padding-bottom: 10px; margin-bottom: 10px; }
#content-detail #content-header h1.content-title{ font-size: 24px; line-height: 30px; font-family: georgia; font-weight: 100; padding: 5px 0; }
#content-detail #content-header h1.content-title small{ color: #888; padding-left: 10px; font-size: 14px; }
#content-detail .detail{ line-height: 160%; font-size: 14px; }
#content-detail .detail ul, #content-detail ol{ list-style-type: disc; padding-left: 20px; }
#content-detail .share{ margin-top: 10px; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; padding: 10px 0;}
#content-detail .share ul{ overflow: hidden; }
#content-detail .share ul li{ float: left; margin-right: 10px; }
#content-detail .meta{ overflow: hidden; color: #555; }
#content-detail .meta span{ padding-right: 10px; }
#content-detail .description{ color: #444; border-bottom: 1px solid #efefef; padding: 15px 0; font-weight: 700;  }
#content-detail .download-file{ border-top: 1px solid #efefef; padding-top: 10px; }
#content-detail .download-file span{ font-size: 14px; display: block; font-weight: 700; }
#content-detail .download-file a{ display: block; background: url(../images/download-icon.png) no-repeat; padding-left: 30px; height: 32px; line-height: 32px; margin-top: 5px; }

/**/
.video-detail{  }

.video-list-v{ overflow: hidden; list-style-type: none !important; list-style: none; padding: 0 !important; }
.video-list-v li{ float: left; width: 176px; height: 200px; border-right: 1px solid #efefef; padding: 15px; border-bottom: 1px solid #efefef; }
.video-list-v li:nth-child(3n+0){ border-right: 0; padding-right: 0; }
.video-list-v li:nth-child(3n+1){ padding-left: 0; }
.video-list-v li:nth-child(1), .video-list-v li:nth-child(2), .video-list-v li:nth-child(3){ padding-top: 0; }
.video-list-v li img{ width: 176px; height: 120px; }
.video-list-v li .info{ margin-top: 10px; }

/* breadcrumbs */
#breadcrumbs { height:2.3em; border:1px solid #dedede; margin-bottom: 20px; }
#breadcrumbs li { float:left; line-height:2.3em; color:#777; padding-left:.75em; }		
#breadcrumbs li a {	background:url(../images/crumbs.gif) no-repeat right center; display:block; padding:0 15px 0 0;	}							
#breadcrumbs li a:link, #breadcrumbs li a:visited {	color:#777;	text-decoration:none; }	
#breadcrumbs li a:hover, #breadcrumbs li a:focus {	color:#dd2c0d;	}	

.press-list{ overflow: hidden; }
.press-list .item{ overflow: hidden; margin-bottom: 10px; }
.press-list .item .title{ overflow: hidden; font-weight: 700; background: #f4f4f4; padding: 7px 10px; border-bottom: 1px solid #eee; }
.press-list .item .title h3{ float: left; font-size: 13px; width: 400px; }
.press-list .item .source{ overflow: hidden; float: right; margin: 0 0px 0px 10px; font-size: 12px; }
.press-list .item .source .info{ float: left; text-align: right; margin-right: 10px; width: 70px; }
.press-list .item .source img{ float: right; background: #fff; width: 56px; height: 40px; padding: 2px; border: solid 1px #efefef; }
.press-list .item .description{ background-position: #f8f8f8; padding: 10px; }

/**/
.box-item{ overflow: hidden; border: 1px solid #efefef; }
.box-item .box-title{ overflow: hidden; background: #f8f8f8; font-size: 15px; font-weight: 700; border-bottom: 1px solid #efefef; padding: 9px 10px; }
.box-item .box-title .pager{ float: right; }
.box-item .box-title .pager a span{ text-indent: -9999px; display: inline-block; margin: 3px 2px 0; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; width: 10px; height: 10px; background: #ccc; }
.box-item .box-title .pager a.selected span{ background: #ff9933; }
.box-item .box-inner{ padding: 10px; }


/**/
#index{ overflow: hidden;  }
#index .index-left{ width: 650px; float: left; }
#index .index-left .left-inner{ overflow: hidden; }
#index .index-right{ width: 310px; float: left; }
#index .index-right .right-inner{ padding-left: 10px; }

/* uzmanlar */
#professionals{ overflow: hidden; margin: 10px 0; position: relative; height: 125px; width: 100%; }
#professionals .head{ position: absolute; top: 0; left: 0; width: 100%; z-index: 10; background: url(../images/professional-title.png) no-repeat center bottom; height: 30px; }
#professionals .inner{ position: absolute; top: 30px; left: 0; width: 100%; z-index: 9; background: url(../images/professional-bg.png) repeat-x; height: 95px; }

.professional-list{ overflow: hidden; padding: 15px; position: relative; }
.professional-list ul{ overflow: hidden; }
.professional-list li { float: left; width: 170px; height: 60px; }
.professional-list li img{ float: left; margin-right: 10px; width: 44px; height: 50px; background: #fff; padding: 4px; border: 1px solid #efefef; }
.professional-list .arrow{ background: url(../images/arrows.png) no-repeat; text-indent: -2000px; display: block; position: absolute; width: 24px; height: 24px; top: 35px; }
.professional-list .prev{ left: 10px; }
.professional-list .next{ background-position: 0 -24px; right: 10px; }
.professional-list #professional-list-slide{ margin: 0 36px; }
.professional-list li .info{ float: left; width: 100px; padding-top: 3px; }
.professional-list li h2{ font-weight: 700; font-size: 12px; letter-spacing: -0.05em; }
.professional-list li span{ font-size: 11px; color: #999; line-height: 12px; }

/* index headlines */
#index-headlines{ overflow: hidden; position: relative; background: #fff; margin-bottom: 5px; }
#index-headlines .h-image{ width: 650px; height: 390px; position: relative; }
#index-headlines .h-image .img img{ width: 100%; height: 390px; display: block; }
#index-headlines .h-image .info{ background: url(../images/black-bg-opacity.png); padding: 15px 20px; position: absolute; top: 60px; left: 20px; width: 180px; }
#index-headlines .h-image .info h1{ line-height: 20px; font-size: 16px; font-weight: 700; color: #fc0; }
#index-headlines .h-image .info h1 a{ color: #fc0; }
#index-headlines .h-image .info p{ display: none; color: #fff; font-family: sans-serif; font-size: 12px; margin-top: 5px; height: 32px; overflow: hidden; }
#index-headlines .h-image .info .expert{ height: auto; display: block; }

/**/
#index-headlines .h-image .title-position-0{ top: 90px; left: 20px; width: 180px; }
#index-headlines .h-image .title-position-1{ top: 90px; left: 390px; width: 180px; }
#index-headlines .h-image .title-position-2{ top: 20px; left: 20px; width: 550px;  }
#index-headlines .h-image .title-position-3{ top: 300px; left: 20px; width: 550px; }

#index-headlines .thumbs{ position: relative; overflow: hidden; background: url(../images/dot-pattern.png) #222; height: 78px; }
#index-headlines .thumbs ul{ overflow: hidden; margin: 10px; }
#index-headlines .thumbs li{ float: left; margin-right: 8px; overflow: hidden; opacity: .5; }
#index-headlines .thumbs li img{ width: 77px; height: 50px; background: #555; padding: 4px; }
#index-headlines .thumbs li a{ color: #fff; }
#index-headlines .thumbs .selected{ opacity: 1; }
#index-headlines .thumbs .selected img{ background: #fff; }
#index-headlines .thumbs li:hover{ opacity: 1; }
#index-headlines .thumbs li:hover img{ background: #fff; }
#index-headlines .thumbs .reset{ margin-right: 0; }

#index-headlines .thumbs .arrow{ background: url(../images/headline-arrows.png) no-repeat 0 0; position: absolute; top: 0; display: block; width: 40px; height: 78px; overflow: hidden; }
#index-headlines .thumbs .prev{ left: 0; }
#index-headlines .thumbs .next{ right: 0; background-position: 0 -78px; }
#index-headlines .thumbs .headline-thumbs-carousel{ margin: 10px 50px; }

/**/
.index-cat-news{ overflow: hidden; font-family: arial; }
.index-cat-news .cat{ background: #fff; width: 320px; float: left; margin-right: 10px; height: 260px; margin-bottom: 10px; }
.index-cat-news .cat .cat-title{ border-bottom: 1px solid #efefef; color: #c00; padding: 10px; font-weight: 700; font-family: sans-serif; font-size: 15px; letter-spacing: -0.05em; }
.index-cat-news .reset{ margin-right: 0; }
.index-cat-news .cat .cat-title a{ color: #666; }

.index-cat-news li{ background: url(../images/icons/icon-08.png) no-repeat 0 10px; padding-left: 10px; line-height: 26px; font-size: 12px; height: 26px; overflow: hidden; border-top: 1px dotted #ddd; }
.index-cat-news ul{ padding: 15px;}
.index-cat-news li:hover{ background-color: #f4f4f4; }
.index-cat-news .first{ height: 100px; height: 120px; overflow: hidden; }
.index-cat-news .first .inner{ padding: 15px; overflow: hidden; }
.index-cat-news .first .title{ color: #c00; margin-bottom: 5px; height: 15px; overflow: hidden; }
.index-cat-news .first img{ width: 100px; height: 70px; background: #fff; border: 1px solid #ddd; padding: 5px; float: left; margin-right: 7px; }
.index-cat-news .first .info{ float: left; width: 120px; height: 79px; overflow: hidden; }
.index-cat-news .first .title a{ color: #c00; }

/**/
.index-box{ overflow: hidden; background: url(../images/index-box.png) no-repeat; height: 120px; overflow: hidden; }
.index-box a{ text-indent: -2000px; display: inline-block; width: 159px; height: 120px; font-family: Georgia; font-style: italic; font-weight: 100; font-size: 15px; margin-right: 1px; text-align: center; vertical-align: middle; float: left; }
.index-box a:last-child{ margin-right: 0; }
.index-box a:hover{}
/*
.index-box .box1{ background: #ffffec; color: #d8aa40; padding-top: 25px; height: 55px; }
.index-box .box2{ background: #eafaff; color: #378a9c; padding-top: 25px; height: 55px; }
.index-box .box3{ background: #fbffea; color: #7ba700; line-height: 80px; }
.index-box .box4{ background: #ffebd7; color: #b08558; line-height: 80px; }
.index-box .box5{ background: #e5fdff; color: #1b798d; line-height: 80px; }
.index-box .box6{ background: #ffecec; color: #b92f2f; line-height: 80px; }*/


/* SON KONUŞMALAR
 ================*/
#last-conversation{ position: relative; overflow: hidden; margin-top: 10px; background: url(../images/conversation-bg.png) no-repeat #e0e7f0; padding-left: 80px; }
#last-conversation .item{ overflow: hidden; padding: 10px; }
#last-conversation .item .expert-image{ width: 50px; height: 50px; background: #fff; padding: 3px; border: 1px solid #efefef; float: left; margin-right: 10px; }
#last-conversation .item .right{ float: left; width: 790px; padding: 2px 0px; }
#last-conversation .item .right .text{ overflow: hidden; height: 157px; color: #555; background: #fff; box-shadow: 0 0 2px rgba(0,0,0, .1); border: 1px solid #efefef; padding: 5px; font-size: 12px; }
#last-conversation .item .right .text img{ width: 160px; height: 120px; float: left; margin-right: 10px; }
#last-conversation .item .right .text span{ font-weight: 700; display: block; }
#last-conversation .item .right .name{ margin-top: -1px; padding-top: 10px; padding-left: 15px; font-size: 12px; background: url(../images/conversation-bubble-icon.png) no-repeat 20px 0; }
#last-conversation .item .right .name span{ font-weight: 700; }
#last-conversation .new{ position: absolute; top: 194px; right: 12px; z-index: 1000; font-size: 11px; font-weight: 700; }
#last-conversation .all{ position: absolute; top: 0; left: 0; width: 80px; height: 220px; text-indent: -2000px; }

#last-conversation-scroller{ height: 220px; }
#last-conversation-scroller ul{ overflow: hidden; }

/* KONUŞMA DETAYI 
-------------------------------------*/
#conversations{ overflow: hidden; }
#conversations .item{padding: 10px 0; overflow: hidden; }
#conversations .item .expert-image{ border: 1px solid #efefef; padding: 4px; float: left; width: 50px; height: 50px; }
#conversations .item .right{ margin-left: 20px; float: left; width: 518px; padding: 2px 0px; }
#conversations .item .text{ text-align: justify; font-family: Georgia; line-height: 1.5em; font-size: 13px; color: #111; background: #fff; box-shadow: 0 0 2px rgba(0,0,0, .1); border: 1px solid #efefef; background: #fff; padding: 10px; }
#conversations .item .text span{ font-weight: 700; display: block; }
#conversations .item .right .name{ font-style: italic; margin-top: -1px; padding-top: 10px; padding-left: 15px; font-size: 11px; background: url(../images/conversation-bubble-icon.png) no-repeat 20px 0; }
#conversations .item .right .name span{ font-weight: 700; }
#conversations .item:nth-child(2n) .text{ background: #fffbe0; }
#conversations .item:nth-child(3n) .text{ background: #eaf9ff; }
.conversations-all .item .text{ background: #fff !important; }

#conversation-reply-box{ border-top: 1px solid #efefef; padding-top: 10px; margin-top: 10px; }

/* uzman girişi popup */
#expert-login-popup{ overflow: hidden; width: 400px;}
#expert-login-popup h2.popup-title{ font-size: 15px; border-bottom: 1px solid #efefef; padding-bottom: 10px; margin-bottom: 10px; }


/**/
.person-list{ overflow: hidden; }
.person-list li{ float: left; width: 140px; height: 200px; text-align: center; margin-right: 13px; margin-bottom: 20px; }
.person-list li:nth-child(4n+0){ margin-right: 0; }
.person-list li img{ background: #fff; padding: 3px; border: 1px solid #efefef; width: 110px; height: 130px; }
.person-list li .info{ padding-top: 5px; }
.person-list li .info p{ color: #666;}
.person-list li .info .name{ color: #069; font-weight: 700; }

/* HESAP
 --------------------------*/
#account{ overflow: hidden; }
#account #side-login{ float: left; width: 450px; }
#account #side-register{ float: left; width: 500px; padding-left: 10px; }

.login-form{ overflow: hidden; }
.login-form .info{ margin-bottom: 10px; color: #666;}
.login-form ul{ overflow: hidden; }
.login-form ul li{ padding-bottom: 5px; overflow: hidden; }
.login-form ul li label{ display: inline-block; height: 30px; float: left; width: 120px; font-weight: 700; line-height: 30px; }
.login-form ul li p.ss{ float: left; padding-left: 120px; display: inline-block;}
.login-form ul li .dt{ float: left; }

/* ABONELİK FORMU
---------------------------*/
#subscription{ overflow: hidden; }
#subscription #side-left{ float: left; width: 450px; }
#subscription #side-right{ float: left; width: 500px; padding-left: 10px; }

#subscription p.mount{ font-weight: 700; color: green; font-size: 15px; padding-top: 4px; }


/* İÇERİK LİSTELERİ 
---------------------------*/
.content-list-v{ overflow: hidden; }
.content-list-v li{ float: left; margin-bottom: 20px; width: 134px; margin-right: 20px; text-align: center; }
.content-list-v li:nth-child(4n){ margin-right: 0; }
.content-list-v li img{ width: 100px; height: 120px; border: 1px solid #efefef; padding: 4px; margin-bottom: 5px; }



/* AY - YIL Listeleri
---------------------------*/
.year-list{ overflow: hidden; text-align: center; border-bottom: 1px solid #f4f4f4; margin-bottom: 10px; background: #f8f8f8; padding: 10px 10px 0; }
.year-list a{ display: inline-block; padding: 5px 10px; font-weight: 700; font-size: 14px; background: #f4f4f4; }
.year-list a:hover, .year-list a.selected{ color: #fff; background: #069; text-decoration: none; }

.month-list{ margin-top: 0; padding-top: 0; }
.month-list a{ font-weight: 100; font-size: 12px; padding: 5px; }
.month-list a:hover, .month-list a.selected{ color: #fff; background: #c00; }


/* son videolar
---------------------------*/
#home-last-videos{ overflow: hidden; margin-top: 10px; }
#home-last-videos .last-videos-header{ background: #fff; border-bottom: 1px solid #efefef; color: #1382bc; font-weight: 700; font-size: 13px; padding: 5px 10px; margin-bottom: 10px; }
#home-last-videos ul{ overflow: hidden; }
#home-last-videos ul li{ position: relative; text-align: center; float: left; margin-right: 10px; width: 232px; height: 152px; }
#home-last-videos ul li .info{ position: absolute; bottom: 6px; left: 6px; width: 222px; background: rgba(0, 0, 0, .6); }
#home-last-videos ul li .info a{ color: #fff; padding: 5px; display: block; }
#home-last-videos ul li img{ background: #fff; border: 1px solid #e6e6e6; padding: 5px; width: 222px; height: 140px; margin-bottom: 5px;}
#home-last-videos ul li:last-child, #home-last-videos ul .reset{ margin-right: 0; }

/* index paypal
---------------------*/
.index-paypal{ overflow: hidden; background: url(../images/tr/index-paypal.png) no-repeat; height: 140px; position: relative; }
.index-paypal a{ position: absolute; top: 110px; display: block; width:80px; height: 30px; text-indent: -9999px; }
.index-paypal .tr{ left: 30px; }
.index-paypal .eu{ left: 120px; }

/* banner
---------------------*/
.fixed-banner{ position: absolute; top: 654px; width: 140px; height: 240px; }
.fixed-left{ left: 50%; margin-left: -630px; }
.fixed-right{ left: 50%; margin-left: 490px; }
.fixed2{ top: 895px; }
.fixed3{ top: 1135px; }
.fixed4{ top: 1375px; }
.fixed5{ top: 1615px; }

/* index column
---------------------*/
.index-two-column{ width: 100%; margin: 10px 0; overflow: hidden; height: 100px; }
.index-two-column .col{ float: left; width: 475px; margin-right: 10px; }
.index-two-column .reset{ margin-right: 0; }

/*
------------- */
.breadcrumb{ overflow: hidden; font-size: 13px; border-bottom: 1px solid #efefef; padding: 10px 0; margin-bottom: 10px; }
.breadcrumb li{ float: left; padding: 0 5px; }
.breadcrumb li:first-child{ padding-left: 0; }
.breadcrumb li:after { content: '»'; padding-left: 10px; }
.breadcrumb li:last-child:after { content: ''; }
.breadcrumb li.active{ color: #666; }

/*
------------ */
.library-post{}
.library-post .country{ margin-bottom: 10px; color: #fff; background: #ff9933; padding: 10px; }
.library-post .country .country-header{ font-size: 15px; font-weight: 700; }
.library-post .posts{ margin-top: 10px; }
.library-post .posts .post-header{ cursor: pointer; font-size: 13px; background: #f8f8f8; border-bottom: 1px solid #efefef; margin-bottom: 5px; padding: 10px; }
.library-post .posts .content{ line-height: 140%; font-size: 12px; padding: 10px; }

/**/
.announcements{ }
.announcements .carousel{ height: 270px; overflow: hidden; }
.strategic{ margin-top: 10px; }
.strategic .carousel{ height: 70px; overflow: hidden; }


/**/
.subscription{}
.subscription .page-header{ background: #f4f4f4; border-bottom: 1px solid #ddd; padding: 15px; margin-bottom: 5px; }
.subscription .page-header h2{ font-size: 20px; }
.subscription .content{ overflow: hidden; background: #f8f8f8; padding: 15px; font-size: 14px; }
.subscription .period{ float: left; width: 60%; }
.subscription .period label{ width: 200px; }
.subscription .price{ float: left; width: 40%; }
.subscription .price .price-txt{ display: block; color: green; font-size: 30px; font-weight: 700; margin-bottom: 15px; }

.input-group{ overflow: hidden; margin-bottom: 10px; }
.input-group label{ float: left; width: 100px; height: 36px; line-height: 36px; font-weight: 700; }
.input-group .control{ margin-left: 120px; }
.input-group .control select{ padding: 10px; display: block; height: 36px; font-size: 14px; background: #fff; }

.subscription .success-box{ font-size: 14px; padding: 15px; line-height: 1.5; }

.pay-button{ border: 0; cursor: pointer; background: #ff9933; padding: 12px 15px; color: #fff; font-size: 15px; font-weight: 700; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.pay-button:hover{ background: #c00; text-decoration: none; }

/**/
.user-journal-list{ overflow: hidden; }
.user-journal-list .item{ float: left; width: 140px; margin: 0 15px 15px 0; text-align: center; overflow: hidden; }
.user-journal-list .item img{ width: 100%; display: block; margin-bottom: 10px; height: 180px; }
.user-journal-list .item strong{ font-size: 13px; display: block; height: 40px; }
.user-journal-list .item span{ color: #c00; }
.user-journal-list .item span.read{ color: #c00; }