html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}body{line-height: 1;}ol, ul{list-style: none;}blockquote, q{quotes: none;}blockquote:before, blockquote:after, q:before, q:after{content: ''; content: none;}table{border-collapse: collapse; border-spacing: 0;}

body{background: #f0f0f0; font-family:Trebuchet MS ;font-size: 12px; line-height: 22px;}

a{ text-decoration: none; }
#container{ display: block; margin: 0 auto 40px auto; }

.clean{ clear: both; visibility: hidden; }
#header{ display: block; width: 100%; height: 120px; background: url(/wp-content/themes/etut/images/head.png) repeat-x; border-bottom: 1px solid #ccc }
.header{ background: none; width: 950px; margin: 0 auto; height: 120px;}
.header h1 a{ background: url(/wp-content/themes/etut/images/logo.png) no-repeat top left; width: 300px; height:120px; margin: 0; display: block; text-indent: -1000000px; float: left;}


#menu{ display: block; margin: 0px  auto 5px auto; width: 950px; height: 42px; border: 1px solid #ccc; border-top: 0; }

.menu{ width: auto; font-size: 14px;line-height: 42px; float: left; margin: 0;background: url(/wp-content/themes/etut/images/head.png) bottom repeat-x;  width: 950px; display: block;}
.menu ul{ display: block; height: 42px; }
.menu ul li{ display: block; float: left; }
.menu ul li a{ display: block; padding: 0 11px 0 0px;  color: #555; font-weight: bold; border-right: 1px solid #ccc; }
.menu ul li a:hover{ color: #666; background: url(/wp-content/themes/etut/images/head.png)}
.menu ul li a img{ float: left; width: 30px; height: 30px; margin: 5px}
.menu ul li a:hover img{ opacity: 0.8;}


#page{ margin: 0 auto; width: 950px; border: 1px solid #ddd; border-top: 0;}

#content{ display: block; float: left;}
.box{width: 312.5px;float: left; margin: 5px;box-shadow: 0px 0px 5px #ccc; }
.cols{width: 312.5px; background: #FFFFFF; border: 1px solid #ddd; box-shadow: 0px 0px 5px #ccc;}
.cols span.title{ display: block; line-height: 34px; font-size: 15px; font-weight: bold; text-indent: 10px;border-bottom:2px solid;}
.cols span.ders{ border-color:#0097be;color: #0097be;}
.cols span.blog{ border-color:#358207;color: #358207;}

.box-b{ display: block; margin: 5px; float: left; width: 640px;box-shadow: 0px 0px 5px #ccc; }
.cols-b{ display: block; background: #FFFFFF; border: 1px solid #ddd; box-shadow: 0px 0px 5px #ccc; }
.cols-b span.title{ display: block; line-height: 34px; font-size: 15px; font-weight: bold; text-indent: 10px;border-bottom:2px solid;}
.cols-b span.ders{ border-color:#0097be;color: #0097be;}
.ads { margin:2px 6px; }
.ads img {  width: 635px; height: 110px; }


#sidebar{ width:290px; float: right;  margin:5px 5px ; }
#sidebar span.title{ display: block; height: 37px; background: url(/wp-content/themes/etut/images/menu.png) repeat-x;  border-radius: 5px 5px 0 0; font-size:16px; font-weight: bold;font-family:Trebuchet MS; color: #FFFFFF; line-height: 38px; text-indent: 10px;}
#sidebar .widget{  background: #FFFFFF;border: 1px solid  #ddd; padding-bottom: 6px;box-shadow: 0px 0px 5px #ccc; border-radius: 5px; margin-bottom: 15px;}

.widget ul{ display: block; font-size: 13px; padding: 5px; font-weight: 600; }
.widget ul li { display: block; padding-left: 15px; width: 120px; float: left; background: url(/wp-content/themes/etut/images/bullet.png) no-repeat 0px 3px; margin-bottom: 2px; }
.widget ul li a {  color:  #3A515F;text-decoration: none; }
.widget ul li a:hover{text-shadow: 0 0 1px #3A515F;}

#footer{ display: block; background: #FFFFFF; border-top: 1px solid #ddd; color: #666; padding: 15px 10px; font-weight: 600;}
#footer a{ color: #3A515F;}



.teacher{ border: 1px solid #bbb; margin: 3px 3px 10px 3px; padding: 5px; border-radius: 5px; max-width: 293px; display: block; float: left; width: 100%;}
.teacher:hover{ background:  #FBFFEC;}
.teacher .image{ float: left; width: 80px; height:90px; border: 1px solid #ddd; margin: 1px 5px 1px 0px; }
.teacher .image img{width: 80px; height:90px; }
.name,.info,.brans,.price{ display: block;}
.name{ font-size: 15px; font-weight: bold;  margin-top: 1px; color: #b0530e; line-height: 22px;}
.name a{color: #b0530e;}
.name a:hover{color: #CC0033;}
.info{ font-size: 12px; margin-top: 0px; color: #505050;line-height: 24px;}
.inf{ color: #358207; font-size: 11px;}
.brans { font-size: 12px;   margin-top: -2px; color:#cd0122;line-height: 20px;}
.brans a{color:#cd0122;line-height: 20px; font-weight: 600;}
.price{ font-size: 17px; font-weight:  bold;  margin-top: 3px; color: #555;line-height: 22px;}

.cols-b .teacher{ margin-left: 8px;}
.post{ margin: 5px 5px 5px 10px; color: #333; border-bottom: 1px solid #CCC; padding-bottom: 10px; text-align: justify;  font-family: Tahoma;}
.post .post-title { display: block; font-size: 16px; font-weight: bold; color:#a44e10; font-family: Trebuchet MS; background: url(/wp-content/themes/etut/images/post-bullet.png) no-repeat left 2px; padding-left: 18px;}
.post .post-title a{ color: #A44E10;}
.post .post-title a:hover{ color: #990000;}
.post .post-content{ color: #555; line-height: 18px; text-indent: 5px;}


.side-form{ display: block; }
.side-form span{ display: block; padding: 10px; }
.side-form label{ display: block; float: left; width: 70px;}
.side-form input{ display: block; width: 180px; border: 1px solid #CCCCCC; height: 20px;}
.side-form input.submit{ display: block; margin-left: 70px; width: 100px; border-radius: 5px; border: 1px solid #ddd; background: url(/wp-content/themes/etut/images/menu.png) repeat-x; color: #FFFFFF; height: 30px;}
.side-form textarea{ display: block; float: left; width: 180px; margin-bottom: 12px; resize: vertical;border: 1px solid #CCCCCC; overflow: auto;}

.tag{ margin: 5px; display: block; }
.tag a{ color:  #3A515F; }
.tag a:hover{ color: #990000; }

.left{ float: left; }
.right{ float: right; }

#slider{position:relative;height: 300px;overflow:hidden;margin: 5px 6px;font-weight: normal; z-index: 0;  box-shadow: 0px 0px 2px #333;}
#slider h2{ font-size: 18px; text-indent: 5px; margin: 2px 0px 0px 0px; text-shadow:0em 0em 0.5em  #CC0033;color: #FF0033;}
.nivoSlider {position:relative;width:935px;height: 300px;overflow:hidden; z-index: -1;}
.nivoSlider img {position:absolute;top:0px;left:0px;width:935px;height:300px;z-index:-1;}
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:0;display:none;}
.nivo-slice {display:block;position:absolute;z-index:-1;height:100%;}
.nivo-caption {position:absolute;right:0px;bottom:0px;background: #1F1F1F;color:#fff;opacity:0.4;filter:alpha(opacity=40);width:300px; height: 100%;z-index:89;}
.nivo-caption p {padding: 5px;color: #F4F4F4;text-indent: 10px;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
.nivo-directionNav a {position:absolute;top:30%;z-index:99;cursor:pointer;display:block;width:60px;height:100px;background:url(/wp-content/themes/etut/images/arrows.png) center no-repeat;text-indent:-9999px;border:0;}
a.nivo-nextNav {background-position:-60px 0;right:15px;}
a.nivo-prevNav {left:15px; background-position:0px 0;}
.nivo-controlNav {position:absolute;right:10px; bottom: 10px; z-index: 100;}
.nivo-controlNav a {display:block;width:15px;height:15px;background:  #336699; border-radius: 5px; text-indent:-9999px;border:0;margin-right:3px;cursor: pointer;float: left;}
.nivo-controlNav a.active { background: #A60029}

.iletisim{ display: block; float: right; }
.blog-yazi{ padding: 5px 10px; margin-bottom: 5px; }
.blog-yazi h2{ font-weight: bold; font-size: 17px; color: #0097BE; border-bottom: 1px solid #ddd; line-height: 30px; margin:0 0 5px 0 ;}
.blog-yazi h3{ font-weight: bold; font-size: 16px; color: #CC0033;border-bottom: 1px solid  #ccc; line-height: 30px; margin:0 0 5px 0 ; text-indent: 5px;}
.blog-yazi p{ display: block; text-indent:10px; margin-bottom: 5px; text-align: justify;}
.blog-yazi b{ font-weight: 600;}
.blog-yazi h2 a{ color:   #339933;}
.blog-yazi h2 a:hover{ color:  #990033;}
.blog-yazi img{ padding:10px 10px 0px 0px }

.teacher-info{ display: block; background: #FFFFFF; padding: 10px 15px; font-size: 13px; line-height: 22px; text-transform: capitalize; color: #505050; position: relative; font-weight: 600; padding-bottom: 50px; }
.teacher-info div{ display: block; margin-top: 3px;}
.teacher-info .resim{ display: block; float: left; border: 1px solid #ddd; margin:0px 12px 0 0;}
.teacher-info .resim img{ display: block; width: 110px;  height: 125px;}
.teacher-info .isim{ display: block; font-weight: bold; font-size: 18px; color:  #003366; margin-top:4px; margin-bottom: 3px;}
.teacher-info .bilgi{ display: block;  color:#666666;}
.teacher-info .bilgib{ display: block;  color: #0066CC;}
.teacher-info .brans { font-size:13px; color: #003333;}
.teacher-info .brans a{ font-size:13px; color: #0097BE;}
.teacher-info .saat { clear: both; display: block; padding-top: 1px; font-weight: normal;}
.teacher-info .saat span.title{ clear: both; display: block; font-size: 15px; font-weight: bold; color: #336699; margin-top: 10px; border-bottom: 1px solid #ddd;}
.teacher-info .saat span.tecrube{ clear: both; display: block; font-size: 15px; font-weight: bold; color:  #669900; margin-bottom: 5px; border-bottom: 1px solid #ddd;}
.teacher-info .saat span.connect{ clear: both; display: block; font-size: 15px; font-weight: bold; color:  #CC0033; margin-bottom: 5px; border-bottom: 1px solid #ddd;}

.single-iletisim{}
.single-iletisim span{display:block;margin:10px; o}
.single-iletisim label{float:left;display:block;width:120px;padding:1px 0}
.single-iletisim input{padding:3px 6px;width:200px; border: 1px solid #ccc}
.single-iletisim select{padding:3px 1px;width:215px; border: 1px solid #ccc}
.single-iletisim input:focus{ border: 1px solid  #99CC00;}
.single-iletisim textarea{width:350px;height:100px;resize:vertical; float: left; padding: 5px; font-family: Trebuchet MS; font-size: 12px;}
.single-iletisim textarea:focus{ border: 1px solid   #99CC00;}
.single-iletisim span.kod{color:#A60029;margin:3px 15px;display:inline;font-size:15px;letter-spacing:1px}
.single-iletisim input.gonder{width:120px;height:30px;margin:5px 120px; color: #FFFFFF; background: url(/wp-content/themes/etut/images/menu.png); border: 0; border-radius: 3px; cursor: pointer;}
.single-iletisim input.gonder:hover{ background: #336666 ; color:  #FFFFFF; }

.teacher-info .ucret { font-size: 21px; font-weight: 600;  margin-bottom:5px; color:  #fff;;line-height: 22px; text-align: center; background: #8BB900; border-radius: 5px; padding: 10px 5px;  }

.gun-hafta{ position: relative; margin: 10px 0; }
.gun-hafta .ders-zaman{ background:#F0FFC4;display: block;border: 1px solid #ddd; width: 76px; text-align:center; color: #3A515F; height: 57px; color: #003366; position: absolute;right:0; top: -3px; line-height: 51px; }
.hafta{ display: block; border: 1px solid #ddd; border-right: 0; position: absolute; left: 0; top: 0; border-bottom: 0; margin: 5px 0; font-weight: normal; position: relative; font-size: 12px;  width: 532px;}
.hafta li{ float: left; display: block; width: 75px; border: 1px solid #CCCCCC; border-left: 0; border-top: 0; text-align: center; padding:3px 0; font-weight: normal;}
.hafta li.gun{ background:  #F0FFC4;}
.hafta li.varmi{ background:  #FAFFEA; float: left; }


.iletisim-gec{ position: absolute; right: 10px; top:10px; display: block; width: 125px; }
.iletisim-gec span.gec a{ display: block; background: #669999; text-align: center; border-radius: 5px; color: #FFFFFF;line-height:24px; padding: 5px;}
.iletisim-gec span.gec a:hover{ background: #336666  }
.iletisim-gec span.iletisim{ display: block; background:  #950025; text-align: center; border-radius: 10px; color: #FFFFFF; border: 1px solid #ddd; height: 20px; line-height:20px; padding: 5px;}

.infot{margin: 5px 0; padding: 5px 5px 5px 8px; line-height: 20px; border: 1px solid; border-left: 5px solid; display: block; clear: both; font-size: 12px;text-shadow:0px 0px 2px  #E0E0E0;}
.infot a{ color: #0066CC; }
.infot a:hover{ color: #CC0033; }
.infot strong{font-weight: 700; display: block;  text-indent:0; font-size: 13px;}
.infot b{font-weight:500; font-size: 13px; line-height: 25px; letter-spacing: 0.4px;}
.red{background-color: #FFECF1; color: #CC0033; border-color: #FFD2DE; border-left-color: #A60029;}
.green{background-color: #ECFFD9; color: #006600; border-color: #CEFFB7; border-left-color: #339900;}
.blue{background-color: #EAF4FF; color: #0066CC; border-color: #99CCFF; border-left-color: #0066CC;}
.blue a{ color: #036; }
.yellow{background-color:  #FEF8E2; color: #993300; border-color: #FFCC33; border-left-color: #F2B600;}
.link{background-color: #FAFEE0; color: #CC3300; border-color: #99CC33; border-left-color: #99CC33; max-height: 300px; overflow: auto;}
.orange{background-color: #FFF5E8; color: #CC3300; border-color: #FFCC66; border-left-color: #FF6600;}
.grey{background-color: #F7F7F7; color: #333333; border-color: #CCCCCC; border-left-color: #999999;}
.indir{background-color: #F7F7F7; color: #333333; border-color: #CCCCCC; border-left-color: #999999;}

a.rn{ display: block; float: right; color: #0066CC; font-weight: bold; margin: 5px 0; }
a.ln{ display: block; float: left; color: #0066CC; font-weight: bold; margin: 5px 0; }
a.al{ text-align: center; color: #0066CC; font-weight: bold; margin: 5px 0; }

table.listeleme{ display: block; font-size: 12px; font-weight: normal; border: 1px solid #ddd; border-right: 0; border-bottom: 0;  margin: 5px 0 20px 0; cursor: default; }
table.listeleme a{  color: #990000; font-weight: bold;}
.listeleme td{ border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd; background:  #F2FFEC; text-indent: 10px; padding: 3px 0;}
.listeleme tr:hover td{ background: #FFE8E1;}
tr.thead{ font-weight: bold; color: #CC3300; }
tr.thead  td , tr.thead:hover td{background: #663300; color: #FFFFFF; border-right: 1px solid #ddd;  text-align: center; text-indent: 0; }
tr.onayli td,tr.onayli:hover td { border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd; background: #D8E4F1; text-indent: 10px; padding: 3px 0; color:  #3A515F;}

.ttt{ display:block; font-size: 13px; border-bottom: 1px solid #eee; padding: 10px 20px; }
.tttf{ display:block; font-size: 13px; border-bottom: 1px solid #eee; padding: 10px 0px; }
.ders-alacak{ display: block; }
.ders-alacak span{ display: block; float: left; font-weight: 600; color:  #003366;}
span.disim{ display: block; float: left; width: 140px;  font-weight: 600; color:  #990000;}

select.dtgun{ width: 50px; }
select.dtay{ width: 60px; }
select.dtyil{ width: 84px; }

.search{height: 35px; background: #fff; margin:5px 0 5px 5px;  padding: 5px;  display: block; position: relative; border: 1px solid #eee;text-shadow:0px 0px 3px #333;box-shadow: 0px 0px 5px #ccc; }
input.kutu{ position: absolute; left: 5px; top: 5px; width: 512px; height: 33px; margin: 0; padding: 0; border:1px solid #CCCCCC; font-size: 16px; text-indent: 5px; line-height: 33px;}
input.kutu:focus{ background: #FFFBEC;}
input.ara{width: 110px; background: url(/wp-content/themes/etut/images/menu.png); height: 34.5px;position: absolute; right: 5px; top: 5px; margin: 0; padding: 0; border:1px solid #CCCCCC; position: absolute; right: 5px; top: 5px; border-left: 0; font-size: 15px; font-weight: bold;font-family: Segoe UI, Tahoma; color: #FFFFFF; cursor: pointer;}
input.ara:hover{ color: #FFCC33;}


.iletisimf{display:block;margin:10px; font-size: 13px; }
.iletisimf span{display:block;margin:10px}
.iletisimf label{float:left;display:block;width:130px;padding:5px 0}
.iletisimf input{padding:6px;width:250px;}
.iletisimf input:focus{ border: 1px solid  #99CC00;}
.iletisimf textarea{width:350px;height:100px;resize:vertical; padding: 10px; margin: 0; float: left;}
.iletisimf textarea:focus{ border: 1px solid   #99CC00;}
.iletisimf span.kod{color:#A60029;margin:3px 15px;display:inline;font-size:15px;letter-spacing:1px}
.iletisimf input.gonder{width:120px;height:30px;margin:0px 125px}