html { font-size:81.3%;}
html, body { height:100%; border:0;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
fieldset, img {	border: 0;}
/* table, td { border-collapse: collapse; border-spacing: 0;}*/
td { vertical-align:top;}

ul { list-style:outside url(images/bullet.gif);}
ul, ol	{ padding:0 0 0 3em; margin:1.615em 1em;}
li { margin:1em 0;}
blockquote 	{ padding:0 2em; margin:1.615em 1em;}
p { margin: 1.462em 0;}
hr { margin:7px 0; clear:both; border-top:1px dotted #999; border-bottom:none; border-right:none; border-left:none; height:0;}

a { text-decoration:none;outline:0;}
a:link { text-decoration:none; color:#ff0000; }
a:hover {text-decoration:underline;}
a:visited { text-decoration:none; color:#cc0000;}

h1 { font-size:2.5em; font-weight:bold; text-align:center; margin:1em 0; line-height:1.2em;}
h2 { font-size:1.6em;  font-weight:bold; line-height:1.1em; margin:1em 0;}
h4 { font-size:1.231em; font-weight:bold; padding:5px 0; margin:1em 0; color:#ff0000;  border-bottom:1px solid #ff0000;}
h3 { font-size:1.231em; font-weight:bold; padding:5px 15px; margin:1em 0; color:#fff; background-color:#cc0000; }
h5 { font-size:1.231em; font-weight:bold; padding:5px 15px; margin:1em 0; color:#fff; background-color:#121419; }
h6 { font-size:1.231em; font-weight:bold; padding:5px 15px; margin:1em 0; color:#000; background-color:#d2d7e2; }
#bg-wrp { background-position:center top; background-repeat:no-repeat;  width:100%;}


.clear { clear:both;}
.clearpad { clear:both; width:0; height:15px; margin:0; padding:0;}

/*------------------- Main------------------*/

#bg { background:url(images/bg_center.jpg) no-repeat center 0; width:100%;}
	#top-nav-bg { width:100%; height:40px; background:url(images/top_nav.gif) repeat-x 0 0; color:#fff;}
		#top-nav { width:980px; height:40px; margin:0 auto;}
	div.center { width:980px; margin:0 auto; overflow:hidden;}
		#header { width:805px; height:110px; margin:0; padding:0; outline:0; float:left; background:url(images/hy_muhur.gif) no-repeat center 0;}
			#main-top { clear:both; overflow:hidden; height:22px;}
				#main-top #bg01 { background:url(images/main_top_left.gif) no-repeat 0 0;}
				#main-top #bg02 { background:url(images/main_top_right.gif) no-repeat right 0; padding:0px 22px;}
				#main-top #bg03 { height:24px; background-color:#fff; border-top:1px solid #000;}
			#main-middle { clear:both; background-color:#fff; overflow:hidden; width:100%; padding:0; margin:0;}
			#main-middle-inner { padding:0px 15px; margin:0; min-height:300px;}	
#bottom { clear:both; background:url(images/footer.gif) repeat-x 0 0 #0c0e12; overflow:hidden; min-height:400px; _height:400px; color:#f6f6f6;}
			#main-bot { clear:both; height:24px;}
				#main-bot #bg04 { background:url(images/main_bot_left.gif) no-repeat 0 0;}
				#main-bot #bg05 { background:url(images/main_bot_right.gif) no-repeat right 0; padding:0px 22px;}
				#main-bot #bg06 { height:24px; background-color:#fff; border-bottom:1px solid #000;}
#bottomcontent { clear:both; margin:0; position:relative;}

#bottomcontent ul { list-style-image:url(images/bullet-w.gif);}
#bottomcontent a { color:#f6f6f6;}
div.botcols, div.botcols2  { clear:both; padding:15px; margin:0;  width:950px;}
.bot-sutun { position:relative; float:left; width:150px; height:320px; margin:0 15px 15px 0; padding:10px; background:#252a35; line-height:1.3em; font-size:11px; font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}

.bot-sutun-ic { overflow:hidden; height:310px; }
.bot-sutun h2 { color:#778899; font-size:13px; font-weight:bold;}
.bot-sutun p { padding:0px 0px 10px 0px; margin: 0;}
.bot-sutun ol, 
.bot-sutun ul { color:#f6f6f6; font-size:13px; font-weight:bold; margin:0; padding-left:19px;}
.bot-sutun ul li { padding-bottom:1em; line-height:1.3em; font-size:10px; margin:0;}

#bottomcontent ul.hoverimg {list-style:none;}
ul.hoverimg {list-style:none; float:left; width:390px; height:340px; margin: 0; padding:0; overflow:hidden;}
ul.hoverimg li { width:180px; height:103px; list-style:none; float:left; margin:0 15px 15px 0; padding:0;  font-size:12px; overflow:hidden;}
ul.hoverimg li a { width:140px; height:63px; display: block; position:relative; overflow: hidden; background:#252a35; color: #fff; text-decoration: none; padding:20px; }
ul.hoverimg li img {position: absolute; top: 0; left: 0; border: 0; }

.footer1 { background-color:#5e626c; padding:12px; text-align:center; color:#f6f6f6; border:1px solid #d7dadd;}
.footer1 a { color:#f6f6f6; padding:0px 4px 0px 4px;}
.footer1 a:hover { text-decoration:none; color:#121419;}
.footer2 { background-color:#d7dadd; padding:12px 0px; text-align:center; color:#121419; font-size:.9em; border:1px solid #5e626c;}
/*
		#bottomcolumn { width:296px; float:left; margin:0; padding:0; height:100%; vertical-align:top;}
		#ver-line { background:url(images/line.gif) repeat-y 15px 0; width:30px; height:100%; min-height:250px; _height:250px; float:left;}
		#bottom ul { list-style: inside url(images/bullet-w.gif);  margin-left:15px;}
		#bottom ul li a:hover, .bottom ul li a:active, .bottom ul li a:focus { color:#fff;}
		#bottom ul.beyaz { font-size:0.923em; line-height:1.385em; }
		#bottom ul.beyaz li a {color:#fff;}
		#bottom ul.beyaz li a:hover, .bottom ul li a:active, .bottom ul li a:focus { outline:0; color:#ff0000; list-style:outside url(images/bullet-w.gif);}
*/
/*-------------------Top_Nav------------------*/

	#navmenu { float:left; padding:0; margin:0; height:40px; }
	#navmenu ul { list-style:none outside none;  height:100%; overflow:hidden; padding:0; margin:0;}
	#navmenu ul li { display: inline; height:40px; float:left; overflow:hidden; background:url(images/top_ver.gif) no-repeat 100% 5px; margin:0;}
	#navmenu ul li a {display:block; float:left; overflow:hidden; cursor: pointer; font-size:16px; line-height:20px; color:#fff; padding:10px 18px 10px 18px; margin:0px 2px 0px 0px;}
	#navmenu ul li a:hover { background:url(images/top_nav_over.gif) repeat-x 0 0;text-decoration:none;}

/*** Diller ve Search ***/
	#top-nav-right { float:right; height:40px; width:330px;}
	
	#languagesWrapper { width:130px; text-align:left; float:left; margin:0; padding:10px 0 10px 10px; }	
	#languages { font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; width:130px; height: 19px; line-height:19px; color:#666; }	
	
	#searchWrapper { width:160px; text-align:right; float:right; margin:0; padding:10px 15px 10px 15px;}
	#search { width: 160px; clear:both; height: 19px;}
	#search-left { background:url(images/search-left.gif) no-repeat 0 0;}
	#search-right { background:url(images/search-right.gif) no-repeat right 0; padding:0px 20px 0 10px;}
	#search-bg { background:url(images/search-bg.gif) center top repeat-x; font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; width:130px; height: 19px; line-height:16px; color:#666; text-align:left; overflow:hidden;}

/*---------------MENU-KUTUSU ve Kategori kutusu---------------------*/

#leftcolumn { width:160px; float:left; padding-right:15px;}
#midcolumn { width:600px; float:left;}
#rightcolumn { width:160px; float:left; padding-left:15px;}
#onecolumn { width:100%; float:left;}
#midrightcolumn { min-width:775px; float:left;}


.kategori .menu_kutusu ul li {font-size:.9em; font-weight:bold; background:none; line-height:1.2em;}

.menu_kutusu { margin:0; padding:0; background:url(images/bt_br.gif) 100% 100% no-repeat; font-size:.9em; line-height:1.3em;}
.menu_kutusu div { background:url(images/bt_bl.gif) 0 100% no-repeat;}
.menu_kutusu div div { background:url(images/bt_tr.gif) 100% 0 no-repeat;}
.menu_kutusu div div div { padding:0px; width:auto; background:url(images/bt_tl.gif) 0 0 no-repeat; height:100%; overflow:hidden;}
.menu_kutusu div div div div{ background:none; height:auto;}
#leftcolumn .menu_kutusu p, #rightcolumn .menu_kutusu p, #midcolumn .menu_kutusu p, .menu_kutusu p  { padding:10px 5px 10px 10px;}

ul.menu { list-style:none outside none; margin:0; padding:7px 7px 18px 7px; font-size:1.1em;}
ul.menu li{ margin:0 !important; padding:0px 0px 1px 0px; background:url(images/hdot2.gif) repeat-x bottom; line-height:1.5em;}
ul.menu li a { padding:3px 2px 3px 12px; display:block; color:#121419; background:url(images/bullet_grey.gif) no-repeat 0px  0.6em; }
ul.menu li a:hover { color:#ff0000; background:#fff url(images/bullet_red.gif) no-repeat 0px 0.6em;text-decoration:none;}
ul.menu li a#active_menu { background:url(images/bullet3.gif) no-repeat 0px #fff; color:#a10f15; font-weight:bold;}

.menu_kutusu .titlebox, .tit .titlebox { overflow:hidden; margin:0; padding:0; background:url(images/menu_title_bg.gif) repeat-x 0 100% #cc0000;}
#midcolumn .titlebox { background:url(images/menu_title_bg_gri.gif) repeat-x 0 0 #9aa2b1;}
#midcolumn .title { padding:8px 7px 9px 15px;}

#leftcolumn .menu_kutusu .titlebox div, #leftcolumn .tit .titlebox div { background:url(images/menu_title_tr.gif) 100% 0 no-repeat;}
#rightcolumn .menu_kutusu .titlebox div, #rightcolumn .tit .titlebox div { background:url(images/menu_title_tl.gif) 0 0 no-repeat;}
.menu_kutusu .titlebox div { background:none;}

.menu_kutusu .title, .tit .title { font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.15em; font-weight:bold; text-transform:uppercase; padding:8px 7px 9px 15px; margin:0; color:#fff; height:100%; overflow:hidden;}
.tit { margin:0; padding:0; font-size:.9em; line-height:1.3em;}

/*----------------------Ekler-------------------------*/

#leftTopBanner { width:160px; height:115px;}
#rightTopBanner { width:160px; height:115px;}
#midTopBanner { width:600px; height:115px;}

#haberYukleme { top:50%; text-align:center; margin:0; padding:15px; height:100%;}
a.haberBaslik { color:#F00; font-weight:bold; font-size:1.077em; text-decoration: none;}
a.link { color:#121419; font-size:0.923em; line-height:1.308em; font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;}
a.link:hover { color:#ff0000; text-decoration: none;}
a.sayfalama { color:#FFF; font-size:1em; line-height:2.5em; font-weight:bold;}
a.sayfalama:hover { color:#121419;text-decoration: none;}


#vakitler { width:130px; font-size:1em; text-decoration: none; margin:0; padding:15px;}
#vakitler tr{ border-bottom:1px solid #d7dadd;}

#solMenuGaleriler { width:148px; height:33px; color:#FFF;  font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.077em; position:relative; float:left; text-align:left; line-height:2.462em; background-color:#6a8735; border:1px solid #425126; border-bottom:0; padding:0; margin:0; padding-left:10px;}

#kutu {padding:15px; margin:0; display:block;}
#kutu ul.menu, #bosKutuEserler ul.menu { margin:0 !important; padding:0; list-style:none outside none;}
#kutu ul.menu li, #bosKutuEserler ul.menu li { margin:0 !important; padding:0; background:none; line-height:1.538em; font-size:0.923em; }
#kutu ul.menu li a:hover, #bosKutuEserler ul.menu li a:hover {}

#kutu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#ortaHaberSagMenuCerceve { width:160px; float:right; padding:15px 15px 15px 0; margin:0;}

#bosKutuEserler { width:400px; float:left; margin:0; padding:15px 10px 15px 15px;}

#ortaHaberSolIcerik1,
#ortaHaberSolIcerik2,
#ortaHaberSolIcerik3 {width:100%; float:left; text-align:left; padding:0; margin:-1px 0 0 0; display:block; background: #f6f6f6 url(images/tabfon.gif) repeat-x 0 bottom; min-height: 30px; _height:30px; border-top:1px solid #cacaca;}

#dock_wrapper { width:170px; height:100px;  float:left; padding-top:10px; overflow:hidden;}
#dock{ padding:0; margin:0; height:100px;}
.each {border-top:1px dotted #999; padding:15px 0; left:10px; clear:both;}
.containerPlus.red .each, .containerPlus.blue .each   {border-top:1px dotted #cacaca;}
.mbcontainercontent img{ margin:0 5px 5px 5px;}
.mbcontainercontent h2, .mbcontainercontent h3, .mbcontainercontent h4, .mbcontainercontent h5,.mbcontainercontent h6, .mbcontainercontent .anket  {margin:5px 0;}
.mbcontainercontent a { cursor:pointer;}
.mbcontainercontent hr { margin:15px 0;}
.anket { font-size:1.231em; font-weight:bold; padding:7px 75px 7px 15px; margin:1em 0; color:#000; background:#d2d7e2 url(images/anket.jpg) no-repeat right 0;}
.anket a { color:#000;}

.pad20px { padding:15px 20px;}
.margin15px { margin:15px;}
.boxshadow10px { box-shadow:3px 3px 10px rgba(0,0,0,.6); -moz-box-shadow:3px 3px 10px rgba(0,0,0,.6); -webkit-box-shadow:3px 3px 10px rgba(0,0,0,.6); margin:5px 15px 10px 10px;}
.boxshadowborder { box-shadow:1px 1px 12px rgba(0,0,0,.6); -moz-box-shadow:1px 1px 12px rgba(0,0,0,.6); -webkit-box-shadow:1px 1px 12px rgba(0,0,0,.6); margin:5px 15px 10px 10px; padding:4px; border:1px solid #ddd; background-color: rgb(255,255,255);	background: rgba(255,255,255,.5); _background-color:#fff;}

div.imagecaption { position: relative; font-size:14px; line-height:17px; display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;}
.imagecaption img, .imagecaption .caption {
	position: absolute;
	border: 0;
	left: 230px;
	top: 1px;
}
.imagecaption .caption .text{
	position: absolute;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	left: -210px;
	top: -3px;
}
.imagecaption .caption .textmargin { margin:15px;}
.imagecaption .caption .bg-color {
	position: absolute;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	box-shadow:2px 2px 10px #000;
	-moz-box-shadow:2px 2px 10px #000;
	-webkit-box-shadow:2px 2px 10px #000;
	opacity:.6;
	-moz-opacity:.6;
	-khtml-opacity:.6;
	filter:alpha(opacity=60);






-webkit-transition:all .2s ease-out; transition:all .2s ease-out;							left: -1px;
	top: 4px;
}

.imagecaption .text .baslik { margin:0 0 10px 0; padding:0; font-size:21px;color:#FFF; letter-spacing:-1px; line-height:22px;text-shadow:0px 1px 1px #000; text-align:left;}
.imagecaption .text p { margin:0 0 10px 0; padding:0; color:#FFF;text-shadow:0px 1px 1px #000;}
.imagecaption a { text-shadow:0px 1px 1px #000;}
.imagecaption a:hover  { text-decoration:none;}
.imagecaption .caption .text a:hover { text-decoration: underline;}
.imagecaption a:hover .bg-color{ opacity:.8; -moz-opacity:.8; -khtml-opacity:.8;filter:alpha(opacity=80);}

div.videoizle  { position: relative; overflow: hidden; display:block;  font-family: Arial, Helvetica, sans-serif !important;}
.videoizle img { position: absolute; top: 0; left: 0; border: 0; }
.videoizle .caption{ position: absolute; top:80%; left:0; width:100%; height:40%; margin:0; -webkit-transition:top .2s ease-out;transition:top .2s ease-out;}
.videoizle .text { position: absolute; height:100%; color:#FFF; font-size:13px; line-height:18px; padding:2px; text-shadow:1px 1px 1px #000;}
.videoizle .bg-color { position: absolute;  margin:0; padding:0; width:100%; height:100%; background-color:#000000; -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; filter:alpha(opacity=50);}
.videoizle .acik { display:block; top:0; height:50%; background: url(images/marker.png) 10px 2px no-repeat; padding-left:35px;}
.videoizle .sakli { display:block; top:50%;  height:50%;  padding-left:35px;}
.videoizle a { color:#FFF;}

.videoizle a:hover .caption  { top:60%;}
.videoizle a:hover .bg-color{background-color:#ff0000;}

/*--------------------  kategori sayfasi css-----------------------------

#bg_evrim { background:url(images/bg_evrim.jpg) no-repeat center 0; width:100%;}

.kategorimenu { width:100%; border:1px solid #cacaca; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background: #e0d7b6;}
.kategorimenu_green { width:100%; border:1px solid #737f47; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background: #c8d59c;}
*/


/************************** KITAP OKUMA SAYFASI CSS ************************/

.botcols2 .bot-sutun { width:270px; height:320px;}
#hoverimg2 ul.hoverimg {width:340px;}
#hoverimg2 ul.hoverimg li { width:75px; height:105px; margin:0 10px 10px 0; font-size:11px; line-height:15px; text-align:center; text-transform: uppercase;}
#hoverimg2 ul.hoverimg li a { width:65px; height:80px; background:#fff; color: #121419; padding:20px 5px 5px 5px;  }
#hoverimg2 ul.hoverimg li img {width:75px; height:105px;}

/************************** LISTE SAYFASI CSS ************************/
.selectwrap { margin:15px;}
.select-category { width:380px; margin-right:10px;}
.select-language {width:110px; margin-right:10px; }
.select-type {width:210px; margin-right:10px;}
.select-arrange {width:130px; margin-left:10px;}

/*------------TABLE STYLING --------------------------*/
/*
#videolistesi caption { color:#1f87b6; }
#videolistesi tr:hover td {background: #d7eaf4;}
#videolistesi tr:hover td.name { background: #d7eaf4 url(liste-images/muhur.gif) no-repeat 3px center;}
#videolistesi tr:hover tr td { background: none;}
#videolistesi th.headerrow { color:#fff; background:#1f87b6; }
#videolistesi td.total, #videolistesi .list tr:hover td.total{	border-top: 1px solid #1f87b6; border-bottom: 1px solid #1f87b6; background: #d7eaf4;}

#videolistesi .urltooltip, #videolistesi .buytip, #videolistesi .commenttip { background-color:#1f87b6; border:1px solid #fff; color:#fff;}
#videolistesi .tooltip{ background:transparent url(liste-images/detail_blue.png); color:#fff;}
*/

.list caption { font-size:2.5em; font-weight:bold; text-align:center; padding:30px 0 10px; color:#56a1a4;  line-height:1.2em;}

.list { border-collapse: collapse; text-align:center; width:920px;}
.list th { font-size: 13px; font-weight: normal; padding: 5px 0; color: #bdc0c6;}
.list td { vertical-align: middle;}
.list tr.lst { border-bottom: 1px solid #d7dadd;}
.list tr th { border-bottom: 1px solid #fff;}

.list tr:hover td {	background: #dcede7;}
.list tr:hover td.name { background: #dcede7 url(liste-images/muhur.gif) no-repeat 3px center;}
.list tr:hover .tooltip table tr td { background: none; text-align:left; vertical-align:top; padding-bottom:5px; overflow:hidden;}

th.headerrow { color:#fff; background:#56a1a4; font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; border-bottom: 1px solid #fff;}
td.total, .list tr:hover td.total{	border-top: 1px solid #56a1a4; border-bottom: 1px solid #56a1a4; background: #dcede7; text-align:left; padding:5px 10px; font-weight:bold;}

th.no		{ width:40px;}
td.name		{ min-width:270px; text-align:left; color:#121419; padding-left:30px;}
td.languages { width:90px;}
td.url, td.url a { width:90px; color:#65a68d;}
td.pdf, td.pdf a { width:90px; color:#56a1a4;}
td.doc, td.doc a { width:90px; color:#166f73; }
td.related	{ width:110px; font-size:12px;}
td.cover 	{ width:40px;}
td.buy 	{ width:50px;}
td.comment 	{ width:30px;}

.lang { font-size:10px; color:#778899;}

/*------------------------ TOOLTIP trigger buttons ------------------------*/

.urlbutton {background:transparent url(liste-images/url.gif) no-repeat scroll 65px 18px;}
.pdf .button {background:transparent url(liste-images/pdf.gif) no-repeat scroll 65px 18px;}
.doc .button {background:transparent url(liste-images/doc.gif) no-repeat scroll 65px 18px;}
.button, .coverbutton, .urlbutton, .relatedbutton {display:block; height:40px; line-height:40px; overflow:hidden; width:90px; cursor:pointer;}
.relatedbutton, a.relatedbutton { width:110px; color:#000;}
.coverbutton { width:40px;}
.cover .tooltip { cursor:pointer;}

/*------------------------ TOOLTIP ------------------------*/

/* tooltip styling */
.cover .tooltip { display:none; width:113px; border:1px solid #555; box-shadow:0 0 10px rgba(0,0,0,.6); -moz-box-shadow:0 0 10px rgba(0,0,0,.6); -webkit-box-shadow:0 0 10px rgba(0,0,0,.6); z-index:1099;}
.urltooltip, .buytip, .commenttip {	display:none; background-color:#3d7483; border:1px solid #fff; padding:10px; width:110px; font-size:11px; text-align:center; box-shadow:0 0 10px rgba(0,0,0,.6); -moz-box-shadow:0 0 10px rgba(0,0,0,.6); -webkit-box-shadow:0 0 10px rgba(0,0,0,.6); color:#fff; line-height:15px;}
.buytip, .commenttip{ width:50px;}
.pdf .tooltip, .doc .tooltip{ display:none; background:transparent url(liste-images/detail_petrol.png); padding:15px; height:90px; width:140px; font-size:11px; color:#fff; line-height:14px; overflow:hidden;}

/* table element inside tooltip */
.pdf .tooltip a, .doc .tooltip a { color:#fcda3b; font-weight:bold;}

.tooltip .label { color:#fcda3b; padding-right:10px; text-align:right;}

.tooltip table {margin:10px 0;}

/*------------------------ other ------------------------*/