/*@font-face {
	font-family: 'LaramieProBold';
	src: url('laramiepro-bold-webfont.eot');
	src: local('☺'), url('font/laramiepro-bold-webfont.woff') format('woff'), url('font/laramiepro-bold-webfont.ttf') format('truetype'), url('font/laramiepro-bold-webfont.svg#webfontr6iVSzsB') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: '00703Regular';
	src: url('font/f00703-webfont.eot');
	src: local('☺'), url('font/f00703-webfont.woff') format('woff'), url('font/f00703-webfont.ttf') format('truetype'), url('font/f00703-webfont.svg#webfontAesrHhtZ') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

@font-face {
	font-family: '00839Regular';
	src: url('font/f00839-webfont.eot');
	src: local('☺'), url('font/f00839-webfont.woff') format('woff'), url('font/f00839-webfont.ttf') format('truetype'), url('font/f00839-webfont.svg#webfontAesrHhtZ') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: '00812Regular';
	src: url('font/f00812-webfont.eot');
	src: local('☺'), url('font/f00812-webfont.woff') format('woff'), url('font/f00812-webfont.ttf') format('truetype'), url('font/f00812-webfont.svg#webfontAesrHhtZ') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: '00629Regular';
	src: url('font/f00629-webfont.eot');
	src: local('☺'), url('font/f00629-webfont.woff') format('woff'), url('font/f00629-webfont.ttf') format('truetype'), url('font/f00629-webfont.svg#webfontAesrHhtZ') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*---------------------book accordion header-----------------------*/

#bookwrap {margin:15px; text-align: justify; width:920px;}
#bookheaderwrap {padding:15px; clear:both;}
#bookwrap .imagecaption {text-align: left;}

.bookname {font-family:'00629Regular', georgia, serif; font-size:38px; line-height:46px; margin:0 0 20px 0; font-weight:bold; color:#cc0000; text-align:center; text-shadow: black 1px 1px 1px, #5E2F00 2px 2px 4px;}

.acc-bookheader { min-height:260px;}
.acc-bookheader h2 { background:url(images/dashed.gif) top repeat-x; margin:0; padding: 10px; cursor:pointer; text-align:center; font-size:1.3em; letter-spacing:.231em; color:#aaa;  }
.acc-bookheader h2.current {cursor:default;}
.acc-bookheader div.pane {	display:none;}

ul.booktoc {list-style:none outside none; width:439px; float:left; margin:0; padding:10px 10px 10px 10px; border-right:1px dashed #999; }
ul.listCol2{ border-right:none;}
ul.booktoc li {margin:0; padding:0; border:none;}
ul.booktoc li a {color:#444; margin:0; padding:0 2px 0 15px; background:url(images/bullet.gif) no-repeat 2px 7px; display:block;}
ul.booktoc li a:link{color:#444;}
ul.booktoc li a:hover{ color:#444; background-color:#ebeeef; text-decoration:none;}

/*------------------- bookwrap content------------------------*/

#bookwrap #pagetoc  {width:350px; float:right; margin:0 0 10px 20px; padding:15px; background-color:#FFF; border:1px solid #bec1c6; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; font-size:1.1em; text-align:left; display:block;}
#bookwrap #pagetoc p { display:block; font-weight:bold; font-size:16px; font-style:normal; text-align:center; color:#121419; margin:0 0 10px 0; background:#ebeeef; border-bottom:1px dashed #999; border-top:1px dashed #999; padding:5px 0; letter-spacing:2px;}
#bookwrap #pagetoc a { display:block; padding:5px; line-height:1.2em; color:#444; _color:#444;}
#bookwrap #pagetoc a:link { color:#444; }
#bookwrap #pagetoc a:hover { color:#000; background-color:#ebeeef;text-decoration:none;}
#bookwrap #pagetoc a[title=H1] { font-size:1em; font-weight:bold;}
#bookwrap #pagetoc a[title=H2] { font-size:1em; margin:2px 15px; border-bottom:1px solid #dedede; padding:3px; }
#bookwrap #pagetoc a[title=H3] { font-size:0.846em; margin:0 30px; font-style:italic; }
#bookwrap #pagetoc a[title=H4] { padding:5px 0 0 10px; letter-spacing:4px; border-top:1px dashed #dedede; border-bottom:none;}

#bookwrap a#toTop {display:none; position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:-9999px;background:url(images/ui.totop.png) no-repeat left top;}
#bookwrap a:hover#toTop {background:url(images/ui.totop.png) left -51px no-repeat;width:51px;height:51px;display:block;overflow:hidden;}
#bookwrap #toTop:active, #bookwrap #toTop:focus {outline:none;}

#bookwrap ul, #bookwrap ol, #bookwrap blockquote { padding-left:50px; line-height:1.462em; font-size:0.923em; text-align:left; background: url(images/border.gif) top left repeat-y;}
#bookwrap blockquote { font-style:italic; line-height:1.615em;}
#bookwrap ul { list-style:outside url(images/bullet_grey.gif);}

#bookwrap a:hover{ text-decoration:none;}

#bookwrap p a {border-bottom:1px solid #cc3333; text-decoration:none; }
#bookwrap p a:hover {border-bottom:1px solid #000; background-color:#ebeeef; text-decoration:none;}
#bookwrap #beyazkitap p a:hover  {color:#000; background-color:#edebd5; border-bottom:1px solid #C93;}
#bookwrap #cocuk p a:hover  {color:#000; background-color:#fcf88e; border-bottom:1px solid #C93;}

#bookwrap h1.tepedeki { width:500px; margin:0; clear:none}

#bookwrap h1 {font-size:30px; letter-spacing:1px; font-family: Georgia, serif; font-weight:bold; line-height:33px;  color:#666; text-shadow:black 1px 1px 1px, #5c5448 2px 2px 4px; background: url(images/book-h1.png) center top no-repeat; _background-image:url(images/book-h1.gif); padding:30px 0; margin:40px 0 20px 0; clear:both;}
#bookwrap h1:after{content:url(images/book-h1b.png); display:block; margin:10px auto 0 auto; text-align:center}

#bookwrap h2 {font-size: 2.25em; letter-spacing:-2px; font-family: Georgia,serif; font-weight: 100; margin:1.4em 0 1em 0; color:#ff0000; border-top:3px solid #dedede;  padding:10px 0;}
#bookwrap h3 {font-size: 1.692em;  font-family: Georgia,serif; font-weight: 400; color:#333; background:transparent url(images/dashed.gif) bottom repeat-x; padding:10px 0;}

#bookwrap #footnotes h4 {font-size: 1.2em;  font-family: Georgia,serif; font-weight: 400; color:#333; background-color:#fff ; padding:10px 0; border-top:1px dashed #666; border-bottom:1px dashed #666; margin-top:70px;}
#bookwrap #footnotes { font-size:.8em; line-height:1.4em; font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; }
#bookwrap #footnotes p { margin: 1em 0 1em 50px; text-indent:-20px;}
#bookwrap #cocuk #footnotes { font-family:'00812Regular', "Times New Roman", Times, serif; }

p.dropcap1:first-letter {color:#fff; background:#ebeeef; text-shadow:#333 2px 1px 2px;font-family: Georgia,serif; font-size:5.538em; line-height:70px; font-weight:500; float:left; margin:5px 0.107em 0 0; padding:2px 5px;}
p.dropcap2:first-letter {color:rgba(255,255,255,.7); text-shadow: rgba(0,0,0,.7) 2px 2px 4px;padding-left:0;font-family: Georgia,serif; font-size:5.538em; line-height:70px; font-weight:500; float:left; margin:5px 0.107em 0 0; padding:2px 5px;}

.ayet{ text-align:justify;
font-weight:bold; }
.ayet,.hadis, .hadiscerceveli {font-family: Georgia,serif; font-style:italic; margin:1.615em 2.35em; text-shadow:1px 1px 1px #d7c8a0;}
span.ayet, span.hadis {margin:0;}
.ayetno, .hadisno { font-family: Georgia,serif; font-size:11px; font-style: normal; font-weight:normal; margin:1.615em 2em; text-shadow:none; padding-left:5px; -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; filter:alpha(opacity=70); white-space:nowrap;}
.ayetno:before, .hadisno:before{content:url(images/no.gif);}
span.ayetno, span.hadisno {margin:0;}
.hadiscerceveli { background:url(images/muhur2.gif) 5px 15px no-repeat; padding:15px 15px 15px 35px; border:1px solid #dbd5b7; box-shadow:3px 3px 3px #dbd5b7; -moz-box-shadow:3px 3px 3px #dbd5b7; -webkit-box-shadow:3px 3px 3px #dbd5b7;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
span.hadiscerceveli { margin:0; background:transparent; padding:0; border:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; border-radius:none; -moz-border-radius:none; -webkit-border-radius:none;}

/*-----------------Beyaz kitaplar-----------------*/

#bookwrap #beyazkitap h1 { background: url(images/book-h1-beyaz.png) center top no-repeat; padding:50px 0 20px 0;}
#bookwrap #beyazkitap h1:after, #bookwrap #cocuk h1:after  {content:url(images/blank.gif); }
#beyazkitap p.dropcap1:first-letter { background-color: #edebd5;text-shadow: #dbd5b7 2px 1px 2px;}

#bookwrap #beyazkitap ul, #bookwrap #beyazkitap ol, #bookwrap #beyazkitap blockquote {background: url(images/border-1.png) top left repeat-y; _background-image:url(images/border-1.gif); }

#bookwrap #beyazkitap #pagetoc, #bookwrap #beyazkitap #pagetoc a[title=H2], #bookwrap #beyazkitap #pagetoc a[title=H4] {border-color:#dbd5b7;}
#bookwrap #beyazkitap #pagetoc p { color:#9a7c48; background:#edebd5;}
#bookwrap #beyazkitap #pagetoc a:hover { background:#edebd5;}

/*--------------------------------------------------*/
.baslik1, p.baslik1 {
	font-size:26px;
	letter-spacing:-1px;
	line-height:30px;
	text-shadow:0px 1px 1px #000;
	margin:.2em 0;
	text-align:left;
	font-weight: bold;
}
.baslik2, p.baslik2 {font-size:21px;color:#f4b52e !important; letter-spacing:-1px; line-height:22px;text-shadow:0px 1px 1px #000; margin:.2em 0; text-align:left;}
.baslik3, p.baslik3 {font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px; font-weight:bold; font-size:19px; margin:0.5em 0; text-align:left;}
.baslik_old1, p.baslik_old1 {font-family:'00839Regular', "Times New Roman", Times, serif !important; letter-spacing:-1px; font-weight:bolder; font-size:34px; line-height:40px; margin:10px 0;text-shadow:white 1px 1px 1px; text-align:left;}
.baslik_old2, p.baslik_old2 {font-family:'00812Regular', "Times New Roman", Times, serif !important; font-size:26px !important; line-height:30px; letter-spacing:-1px; margin:10px 0; text-shadow:white 1px 1px 1px;font-weight:bold;  text-align:left;}

.curvedcorners10px { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.curvedcorners5px { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.doublecolumn {-moz-column-count: 2; -webkit-column-count: 2; -moz-column-gap: 30px; -webkit-column-gap: 30px;}
.doublecolumn p{ margin-top:0;}


.rotate-r {transform: rotate(7deg); -moz-transform: rotate(7deg); -webkit-transform: rotate(7deg) ; margin:15px; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.rotate-l {transform: rotate(-7deg); -moz-transform: rotate(-7deg); -webkit-transform: rotate(-7deg) ; margin:15px; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.rotate-r:hover, .rotate-l:hover {transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg);}

.polaroid { color:#000; background-color:#FFF; padding:10px 10px 30px 10px; border:1px solid #bec1c6; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:2px 2px 4px rgba(0,0,0,.5); -moz-box-shadow:2px 2px 4px rgba(0,0,0,.5); -webkit-box-shadow:2px 2px 4px rgba(0,0,0,.5); margin:10px 15px; overflow-x:hidden; font-family:'00839Regular',"Times New Roman", Times, serif; font-size:17px; line-height:21px; text-align:left; -webkit-transition:all .2s ease-out; transition:all .2s ease-out; text-shadow:none !important;}
.polaroid p, resimkutu p, .font_resimalti p { margin:10px 0;}

.polaroid:hover, a:hover.rotate-r, a:hover.rotate-l, a:hover .rotate-r, a:hover .rotate-l  {transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05); -webkit-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4); -moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4); box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4); z-index: 5;}


.resimkutu { padding:10px; border:1px solid #bec1c6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:2px 2px 4px rgba(0,0,0,.5); -moz-box-shadow:2px 2px 4px rgba(0,0,0,.5); -webkit-box-shadow:2px 2px 4px rgba(0,0,0,.5); margin:5px 15px 10px 10px; overflow-x:hidden;}

.yazi{font-family: Georgia,serif; font-size:19px; line-height:25px; text-shadow:0px 1px 1px #000; font-style:italic; text-align:center;}
.text{font-family: Georgia,serif; font-size:17px; line-height:25px; text-shadow:0px 1px 1px #000;  text-align:justify;}

.ops {padding:15px 5px; font-family: Georgia,serif; font-size:17px; line-height:23px; font-style:italic; text-align:center; color:#abb4b8; border-top:1px dashed #bec1c6;  border-bottom:1px dashed #bec1c6; display:block; margin-left:auto; margin-right:auto; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.ops:before{content:url(images/quotes.png);}
.ops:after{content:url(images/quotes2.png);}


/*-----------------------ayraclar---------------------------*/

.ayrac {background:url(images/ayrac.png) center no-repeat; clear:both; height:30px;}
.ayrac-gri {background:url(images/ayrac-gri.png) center no-repeat; clear:both; height:30px;}
.ayrac-muhur {background:url(images/ayrac-muhur.png) center no-repeat; clear:both; height:50px;}

.ayrac1 {background:url(images/ayrac1.jpg) center left repeat-x; clear:both; height:100px;}
.ayrac2 {background:url(images/ayrac2.jpg) center left repeat-x; clear:both; height:100px;}
.ayrac3 {background:url(images/ayrac3.jpg) center left repeat-x; clear:both; height:100px;}

/*------------------cerceveler----------------------*/
div.c-cerceve1 { margin-left:auto; margin-right:auto; display:block;}
div.c-cerceve1 div.c-cerceve2 {background: url(images/border-1.png) top left repeat-y; padding:0 0 0 30px; }
div.c-cerceve1 div.c-cerceve3 { background:url(images/border-2.png) top right repeat-y; padding:0 30px 0 0;}
div.c-cerceve1 div.c-cerceve4 { background:url(images/border-3.png) top left repeat-x; padding:30px 0 0 0;}
div.c-cerceve1 div.c-cerceve5 { background:url(images/border-4.png) bottom left repeat-x; padding:0 0 30px 0;}
div.c-cerceve1 div.c-cerceve6 { width:100%; height:100%; overflow:hidden;}

div.c-sade1 { margin-left:auto; margin-right:auto; display:block;}
div.c-sade1 div.c-sade2{ background:url(images/2border-1.png) top left repeat-x; padding:25px 0 0 0;}
div.c-sade1 div.c-sade3 { background:url(images/2border-2.png) bottom left repeat-x; padding:0 0 20px 0;}
div.c-sade1 div.c-sade4 { background: none; padding:10px; border-left:6px double #eddfad;border-right:6px double #eddfad;}
div.c-sade1 div.c-sade5 { width:100%; height:100%; overflow:hidden;}
div.c-sade1 div.c-sade6 {}

div.c-parsomen1 {margin-left:auto; margin-right:auto; display:block;}
div.c-parsomen1 div.c-parsomen2 {background: url(images/border-p-1.png) top left repeat-y; padding:0 0 0 50px;}
div.c-parsomen1 div.c-parsomen3 {background:url(images/border-p-2.png) top right repeat-y; padding:0 50px 0 0;}
div.c-parsomen1 div.c-parsomen4 {background:url(images/border-p-3.png) top left repeat-x; padding:35px 0 0 0;}
div.c-parsomen1 div.c-parsomen5 {background:url(images/border-p-4.png) bottom left repeat-x; padding:0 0 35px 0; height:100%;}
div.c-parsomen1 div.c-parsomen6 {background:url(images/border-p-5.jpg) top left repeat; padding:10px;}
div.c-parsomen1 div.c-parsomen7 {width:100%; overflow:hidden;}

div.c-rulo1{ width:800px; margin-left:auto; margin-right:auto; display:block;}
div.c-rulo1 div.c-rulo2 { background:url(images/border-r-1.jpg) top left no-repeat; padding:125px 0 0 0; }
div.c-rulo1 div.c-rulo3 { background:url(images/border-r-2.jpg) bottom left no-repeat; padding:0 0 105px 0;}
div.c-rulo1 div.c-rulo4 { background:url(images/border-r-3.jpg) top left repeat-y; padding:1px 70px 1px 60px;}
div.c-rulo1 div.c-rulo5 { width:100%; height:100%; overflow:hidden;}

div.c-rulok1 { width:450px; margin-left:auto; margin-right:auto; display:block;}
div.c-rulok1 div.c-rulok2 { background:url(images/border-r-1k.jpg) top left no-repeat; padding:70px 0 0 0; }
div.c-rulok1 div.c-rulok3 { background:url(images/border-r-2k.jpg) bottom left no-repeat; padding:0 0 60px 0;}
div.c-rulok1 div.c-rulok4 { background:url(images/border-r-3k.jpg) top left repeat-y; padding:1px 45px 1px 40px;}
div.c-rulok1 div.c-rulok5 { width:100%; height:100%; overflow:hidden;}

/*------------------cerceveler (tablo yöntemiyle)----------------------*/
td.c-t-cerceve-l {background: url(images/border-1.png) top left repeat-y; width:30px; border:none;}
td.c-t-cerceve-r { background:url(images/border-2.png) top right repeat-y; width:30px; border:none;}
tr.c-t-cerceve-t, td.c-t-cerceve-t { background:url(images/border-3.png) top left repeat-x; height: 30px; border:none;}
tr.c-t-cerceve-b, td.c-t-cerceve-b { background:url(images/border-4.png) bottom left repeat-x; height: 30px; border:none;}

td.c-t-sade-l {width:10px; border-left:6px double #eddfad;}
td.c-t-sade-r {width:10px; border-right:6px double #eddfad;}
tr.c-t-sade-t, td.c-t-sade-t { background:url(images/2border-1.png) top left repeat-x; height: 25px; border:none;}
tr.c-t-sade-b, td.c-t-sade-b { background:url(images/2border-2.png) bottom left repeat-x; height: 20px; border:none;}

td.c-t-parsomen-l {background: url(images/border-p-1.png) top left repeat-y; width:50px; border:none;}
td.c-t-parsomen-r{ background:url(images/border-p-2.png) top right repeat-y;  width:50px; border:none;}
td.c-t-parsomen-t { background:url(images/border-p-3.png) top left repeat-x;  height: 35px; border:none;}
td.c-t-parsomen-b { background:url(images/border-p-4.png) bottom left repeat-x; height: 35px; border:none;}
td.c-t-parsomen-m { background:url(images/border-p-5.jpg) top left repeat; padding:10px; height:100%;}

td.c-t-rulo-t { background:url(images/border-r-1.jpg) top left no-repeat; height:125px; border:none;}
td.c-t-rulo-b { background:url(images/border-r-2.jpg) bottom left no-repeat; height:105px; border:none;}
td.c-t-rulo-m { background:url(images/border-r-3.jpg) top left repeat-y; padding:1px 70px 1px 60px; height:100%;}

td.c-t-rulok-t { background:url(images/border-r-1k.jpg) top left no-repeat; height:70px; border:none;}
td.c-t-rulok-b { background:url(images/border-r-2k.jpg) bottom left no-repeat; height:60px; border:none;}
td.c-t-rulok-m { background:url(images/border-r-3k.jpg) top left repeat-y; padding:1px 45px 1px 40px; height:100%;}

/*-------------------- fonlar -------------------*/
.bg_oldpaper {background:url(images/bg_oldpaper.jpg) top left repeat; padding:80px 50px 50px 50px;}
.bg_paper1 {background:url(images/bg_paper1.jpg) top left repeat; padding:20px 30px;}
.bg_paper2 {background:url(images/bg_paper2.jpg) top left repeat; padding:20px 30px;}
.bg_beton {background:url(images/bg_beton.jpg) top left repeat; padding:30px; color:#fff !important; font-weight:bold !important; text-shadow:#444 -2px -2px 2px, black 1px 1px 1px, #5c5448 2px 2px 4px !important; text-align:left;}
.bg_wood {background:url(images/bg_wood.jpg) top left repeat; padding:20px;}
.bg_pattern1 {background:url(images/bg_pattern.gif) top left repeat;}
.bg_desen1{background:url(images/bg_desen1.gif) top left repeat;}
.bg_desen2{background:url(images/bg_desen2.gif) top left repeat;  border:1px solid #dedede;}
.bg_desen3 {background:url(images/bg_desen3.jpg) top left repeat; color:#3c3937;}
.bg_desen4 {background:url(images/bg_desen4.gif) top left repeat; color:#a9a59c!important; }
.bg_desen5 {background:url(images/bg_desen5.gif) top left repeat; color:#FFF !important;}
.bg_desen6 {background:url(images/bg_desen6.gif) top left repeat; color:#dedede !important;;}
.bg_desen7 {background:url(images/bg_desen7.jpg) top left repeat;}
.bg_desen8 {background:url(images/bg_desen8.jpg) top left repeat;}
.bg_desen9 {background:url(images/bg_desen9.jpg) top left repeat;}

.cocuk_bulutlu {background:url(images/bg_cocuk_bulut.jpg) top left repeat; padding:20px 40px;}
.cocuk_deftercizgili {background:url(images/bg_cocuk_beyazsayfa.gif) top left repeat; padding:10px 40px; border:1px solid #ebeeef;}
.cocuk_defterkareli {background:url(images/bg_cocuk_kareli.gif) top left repeat; padding:10px 40px; border:1px solid #ebeeef;}
.cocuk_deftersari {background:url(images/bg_cocuk_sarisayfa.gif) top left repeat-y; padding:10px 40px 10px 70px; box-shadow:6px 3px 8px rgba(0,0,0,.5); -moz-box-shadow:6px 3px 8px rgba(0,0,0,.5); -webkit-box-shadow:6px 3px 8px rgba(0,0,0,.5);margin:5px 15px 10px 10px;}

/*-------------------- fontlar ----------------------*/

div.parsomen, div.roll800, div.roll450, td.parsomen-m, td.roll800-m, td.roll450-m, .bg_oldpaper {font-family:'00629Regular', "Times New Roman", Times, serif; font-size:18px; line-height:28px;}
.cocuk_deftersari, .cocuk_defterkareli, .bg_paper1, .bg_paper2 { font-family: '00812Regular',"Times New Roman", Times, serif; font-size:19px; line-height:30px; text-align: left;}
.cocuk_deftercizgili {font-family:'00839Regular',"Times New Roman", Times, serif; font-size:19px; line-height:29px; text-align:left;}
.cocuk_kutu_pembeli, .cocuk_kutu_yesilli, .cocuk_kutu_sarili, .cocuk_kutu_mavili, .cocuk_saydam_pembe, .cocuk_saydam_mavi, .cocuk_saydam_sari, .cocuk_saydam_yesil, .cocuk_bulutlu{ font-family:"Comic Sans MS", cursive; font-size:16px; line-height:24px; text-align: left;} 

.resimkutu,  .font_resimalti{ font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif !important; font-size:11px; line-height:17px;}
.font_elyazi1 { font-family: '00812Regular',"Times New Roman", Times, serif  !important; font-size:17px ; line-height:21px; text-align:left;}
.font_elyazi2 {font-family:'00839Regular',"Times New Roman", Times, serif !important; font-size:17px; line-height:21px; text-align:left;}
.font_susluyazi {font-family:'00629Regular', "Times New Roman", Times, serif !important; font-size:17px; line-height:22px; text-align:left;}

/*------------------ font renkleri ---------------------*/

div.parsomen, div.roll800, div.roll450, td.parsomen-m, td.roll800-m, td.roll450-m, .bg_oldpaper, .bg_desen1, .bg_desen2, .bg_pattern1, .bg_paper1, .bg_paper2, .cocuk_deftercizgili, .cocuk_defterkareli, .cocuk_deftersari  {color:#000 !important;}
.bg_desen7, .bg_desen8, .bg_desen9 { color:#fff !important; text-shadow:0px 1px 1px #000;}

/*------------------ kutu golgeleri ---------------------*/

.bg_beton, .bg_wood {box-shadow:2px 2px 4px rgba(0,0,0,.5); -moz-box-shadow:2px 2px 4px rgba(0,0,0,.5); -webkit-box-shadow:2px 2px 4px rgba(0,0,0,.5); margin:5px 15px 10px 10px;}
.bg_pattern1, .bg_pattern2, .bg_desen1, .bg_desen2, .bg_desen3, .bg_desen4, .bg_desen5, .bg_desen6, .bg_desen7, .bg_desen8, .bg_desen9 { 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; padding:10px;}
.bg_oldpaper, .bg_paper1, .bg_paper2, .cocuk_deftercizgili, .cocuk_defterkareli, .cocuk_bulutlu {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;}


/*------------------Cocuk kitaplari-----------------*/
#bookwrap #cocuk #pagetoc, #bookwrap #cocuk #pagetoc a[title=H2], #bookwrap #cocuk #pagetoc a[title=H4]   {border-color:#ff6600;}
#bookwrap #cocuk #pagetoc p { color:#fff; background-color: #ff6600;font-size:18px; }
#bookwrap #cocuk #pagetoc a:hover { background:#ebeeef;}

#bookwrap #cocuk { font-family: '00812Regular',"Times New Roman", Times, serif; font-size:19px; line-height:29px;}
#cocuk .ayet, #cocuk .hadis, #cocuk .hadiscerceveli {font-family: "Comic Sans MS", cursive; font-style:normal; font-size:16px;}

#bookwrap #cocuk h1 {font-size:1.8em; letter-spacing:1px; font-family: "Comic Sans MS", cursive; color:#666; background:url(images/cocuk_h1.png) top left repeat-x; _background-image:url(images/cocuk_h1.jpg); padding:50px 0 20px 0; }
#bookwrap #cocuk h2 {font-size:1.692em; font-family: "Comic Sans MS", cursive; color:#ff4800; font-weight:bold;}
#bookwrap #cocuk h3 {font-size: 1.4em;  font-family: "Comic Sans MS", cursive; color:#333; background:transparent url(images/dashed.gif) bottom repeat-x; font-weight:bold;}

#bookwrap #cocuk p.dropcap1:first-letter { background-color: #ff6600;text-shadow: #333 2px 1px 2px;  font-family: '00812Regular',"Times New Roman", Times, serif;}
#bookwrap #cocuk p.dropcap2:first-letter {color:rgba(255,255,255,.7); font-family: '00812Regular',"Times New Roman", Times, serif;	}

#bookwrap #cocuk ul, #cocuk ol, #cocuk blockquote {background: url(images/cocuk_border.png) top left repeat-y; font-style:normal;}
.no-bg-img, #bookwrap #cocuk ul.no-bg-img, #cocuk ol.no-bg-img, #cocuk blockquote.no-bg-img {background-image:none; _background-image:none; }
#cocuk .ayetno, #cocuk .hadisno {font-family: "Comic Sans MS", cursive; font-size:16px;}

#cocuk .baslik2, #cocuk p.baslik2 { color:#FEEB01 !important; text-shadow:1px 1px 1px #000, 1px 1px 4px #000; letter-spacing:0;}
#cocuk .cocuk_saydam_sari .baslik2, #cocuk .cocuk_saydam_sari p.baslik2 { color:#F00 !important; }

.cocuk_kutu_pembeli {background:url(images/bg_cocuk1.gif) top left repeat; border:15px solid rgba(240,155,215,.5);}
.cocuk_kutu_yesilli {background:url(images/bg_cocuk2.gif) top left repeat; border:15px dashed rgba(176,220,23,.5);}
.cocuk_kutu_sarili {background:url(images/bg_cocuk3.gif) top left repeat; border:15px solid rgba(255,255,0,.5);}
.cocuk_kutu_mavili {background:url(images/bg_cocuk4.gif) top left repeat; border:15px dotted rgba(255,255,255,.5);}
.cocuk_kutu_pembeli, .cocuk_kutu_yesilli, .cocuk_kutu_sarili, .cocuk_kutu_mavili {padding:20px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; 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 15px;}

.cocuk_saydam_pembe{ background-color: rgb(227,0,105); background: rgba(227,0,105,.6); _background-color:#e30076; border: 3px dotted rgb(240,155,215); color:#f7f7f7; }
.cocuk_saydam_mavi{ background-color: rgb(0,153,204); background: rgba(0,153,204,.6); _background-color:#0099cc; border: 3px dotted rgb(7,136,202); color:#f7f7f7; }
.cocuk_saydam_sari{ background-color: rgb(255,204,0); background: rgba(255,204,0,.7); _background-color:#ffcc00; border: 3px dotted rgb(255,255,0); }
.cocuk_saydam_yesil{ background-color: rgb(131,169,0); background: rgba(131,169,0,.6); _background-color:#83a900; border: 3px dotted rgb(131,169,0); color:#f7f7f7; }
.cocuk_saydam_pembe, .cocuk_saydam_mavi, .cocuk_saydam_sari, .cocuk_saydam_yesil{ 
margin:5px 15px 10px 15px; padding:15px;
-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;  
box-shadow: 0 0 5px rgba(0,0,0,.7);	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.7);	-moz-box-shadow: 0 0 5px rgba(0,0,0,.7);
-webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.cocuk_saydam_pembe:hover, .cocuk_saydam_mavi:hover, .cocuk_saydam_sari:hover, .cocuk_saydam_yesil:hover {box-shadow:0 0 7px rgba(0,0,0,.7), 0 0 35px rgba(255,255,0,.7), 0 0 35px rgba(255,255,0,.7); -webkit-box-shadow: 0 0 7px rgba(0,0,0,.7), 0 0 35px rgba(255,255,0,.7), 0 0 35px rgba(255,255,0,.7); -moz-box-shadow:0 0 7px rgba(0,0,0,.7), 0 0 35px rgba(255,255,0,.7), 0 0 35px rgba(255,255,0,.7);}

.cocuk_ayrac_pembe {background:url(images/cocuk_ayrac1.png) left center no-repeat;}
.cocuk_ayrac_sari {background:url(images/cocuk_ayrac2.png) left center no-repeat; }
.cocuk_ayrac_mavi {background:url(images/cocuk_ayrac3.png) left center no-repeat; }
.cocuk_ayrac_yesil {background:url(images/cocuk_ayrac4.png) left center no-repeat;}
.cocuk_ayrac_pembe, .cocuk_ayrac_sari, .cocuk_ayrac_mavi, .cocuk_ayrac_yesil {clear:both; height:40px; margin-top:50px; margin-bottom:50px; background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%; -webkit-background-size: 100% 100%;-khtml-background-size: 100% 100%; color:#ffffff;}


/*-----------------------------------------------------*/
pre { width:850px; padding:10px; border:2px dotted #d0d0d0; background:#f6f6f6; overflow:scroll; font-size:10px; margin:20px auto; line-height:12px; display:block; }
code { background-color: rgb(102,102,102); background: rgba(0,0,0,.5); _background-color:#666; padding: 1px 3px; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.75); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:.923em; font-family:"Monaco", "Courier New", "Courier", monospace; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	   .clearfix { display: inline-block; _height: 1%; }
	   /* Hides from IE-mac \*/
      .clearfix { display: block; }
      /* End hide from IE-mac */

/*-----------------saydamlar en altta----------------*/
.bg_saydam_beyaz{ margin:5px 10px 10px 10px;  padding:15px; background-color: rgb(255,255,255); background: rgba(255,255,255,.6); _background-color:#fff; border: 1px solid rgb(204,204,204);  -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;  box-shadow: 0 0 5px rgba(0,0,0,.5);	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);	-moz-box-shadow: rgba(0,0,0,.5) 0 0 5px; -webkit-transition:all .2s ease-out; transition:all .2s ease-out; color:#121419;}

.bg_saydam_siyah{ margin:5px 10px 10px 10px; padding:15px;  background-color: rgb(102,102,102); background: rgba(0,0,0,.6); _background-color:#666; border: 1px solid rgb(190,190,190); -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;  box-shadow: 0 0 5px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5); -moz-box-shadow: rgba(0,0,0,.5) 0 0 5px; -webkit-transition:all .2s ease-out; transition:all .2s ease-out; color:#f6f6f6 !important; }
.bg_saydam_beyaz:hover, .bg_saydam_siyah:hover {box-shadow: 0 0 15px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 15px rgba(0,0,0,.5); -moz-box-shadow:rgba(0,0,0,.5) 0 0 15px;}

.bg_pattern2 {background:#ccbea4 url(images/bg_pattern2.png) top left repeat;}
.wordbalon {background-image: url(images/bg-wordballoon.png); background-position: center; background-repeat: no-repeat;}

.watermark { display: block;position: relative;}
.watermark img.blank {width: 100%;height: 100%;	display: block;	position: absolute;	left: 0;top: 0;	z-index: 2;}
.watermark span {background: transparent url(images/hy-watermark.png) right bottom no-repeat; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1; }
.sahte { display: block; position: relative;}
.sahte img.blank { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 2;}
.sahte span {background: transparent url(images/sahte.png) center no-repeat; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1; background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%; -webkit-background-size: 100% 100%;-khtml-background-size: 100% 100%; }


/*

div.cerceve div.cc { background:url(images/border-2.png) top right repeat-y; padding:0 30px 0 0; _background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='images/border-2.png');

a:hover .polaroid , a:hover .bg_beton, a:hover .bg_wood, a:hover .bg_oldpaper, a:hover .bg_paper1, a:hover .bg_paper2,
a:hover .cocuk_kutu_pembeli, a:hover .cocuk_kutu_yesilli, a:hover .cocuk_kutu_sarili, a:hover .cocuk_kutu_mavili,
a:hover .cocuk_saydam_pembe, a:hover .cocuk_saydam_mavi, a:hover .cocuk_saydam_sari, a:hover .cocuk_saydam_yesil, a:hover .cocuk_deftercizgili,  a:hover .cocuk_defterkareli, a:hover .cocuk_deftersari, a:hover .cocuk_bulutlu,
a:hover .bg_pattern1, a:hover .bg_pattern2, a:hover .bg_desen1, a:hover .bg_desen2, a:hover .bg_desen3, a:hover .bg_desen4, a:hover .bg_desen5, a:hover .bg_desen6, a:hover .bg_desen7, a:hover .bg_desen8, a:hover.bg_desen9,
a:hover .saydam_siyah, a:hover .saydam_beyaz
{text-decoration:none !important;}

 ul li:nth-child(3) {  background: blue }  
#bookwrap #footnotes p:nth-child(2n+2) {color:#C00; }

ul > li:nth-child(3) is the same as ul > *:first-child + * + *  ie7-ie8

.triangle {  
 border-color: transparent transparent green transparent;  
border-style: solid;  
border-width: 0px 300px 300px 300px;  
height: 0px;  
width: 0px;  
}  

 h1 { whitewhite-space:nowrap; }  

.new { position: relative; top:-20px; right:-20px; padding:15px; box-shadow: 0 0 5px rgba(0,0,0,.5);	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);	-moz-box-shadow: rgba(0,0,0,.5) 0 0 5px; opacity:.6; -moz-opacity:.6; -khtml-opacity:.6; filter:alpha(opacity=60); -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.new:hover { box-shadow: 0 0 15px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 15px rgba(0,0,0,.5); -moz-box-shadow:rgba(0,0,0,.5) 0 0 15px; opacity:.8; -moz-opacity:.8; -khtml-opacity:.8; filter:alpha(opacity=80);}

.cerceve { padding:40px; background: url(images/border-1.png) top left repeat-y, url(images/border-2.png) top right repeat-y, url(images/border-3.png) top left repeat-x, url(images/border-4.png) bottom left repeat-x;}

background: url(images/border-1.png) top left repeat-y, url(images/border-2.png) top right repeat-y, url(images/border-3.png) top left repeat-x, url(images/border-4.png) bottom left repeat-x;
				opacity: .5; 
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

p + p { text-indent: 1em;}
 
             background: -moz-linear-gradient(top, rgba(217, 225, 232, 0.50), rgba(147, 181, 200, 0.50) 50%, rgba(92, 176, 220, 0.750));
             background: -webkit-gradient(linear, center top, center bottom, from(#d9e1e8),color-stop(45%, #93b5c8), to(#5cb0dc));
text-shadow:1px 1px 3px #f6f6f6, -1px -1px 3px #444;

.gradient_class {
  height: 100px;
  background: -moz-linear-gradient(top, #35425d 0%, #fff 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#35425d), to(#fff));
}
. radial_gradient_class {
  height: 250px;
  background: -moz-radial-gradient(50% 50%, farthest-side, #487a77, #fff);
  background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#487a77), to(#fff));
 }

.cirlce {  
     width: 300px;  
     height: 300px;  
     background-color: red;  
     border-radius: 150px;  
     -moz-border-radius: 150px;  
     -webkit-border-radius: 150px;  
 }

background: url(image_1.jpg) top left no-repeat,
url(image_2.jpg) bottom left no-repeat,
url(image_3.jpg) bottom right no-repeat;

div { 
border:1px solid red; 
} 

*/

/*----------------------HY kitap css-------------------------

.hyg { text-align:justify;}
.baslik { font-size:2.3em; line-height:1.3em; font-family:Verdana, Helvetica, Arial, sans-serif; font-style:normal; font-weight:bold; text-transform:capitalize; color:#cc0000; text-align:center; text-shadow: black 1px 1px 1px, #5E2F00 2px 2px 4px;}
.chapter { font-size:1.8em; line-height:1.2em; font-weight:bold; color:#ff0000; text-align:center; text-decoration:none;}
.baslik2 { font-size:1.4em; font-weight:bold; font-style:normal; color:#ff0000; text-transform:uppercase;}
.baslik2_kucuk { font-size:1.231em; font-weight:bold; padding:5px 0; margin:1em 0; color:#ff0000;  border-bottom:1px solid #ff0000;}
.baslik3 { font-size:1.1em; font-style:normal; font-weight:bold; color:#000000; text-transform:uppercase;}
.baslik4 { font-size:1.1em; font-style:italic; color:#000000; font-weight:bold; text-transform:capitalize;}
.ayetler { font-style:normal; font-weight:bold; color:#000000;}
.ayetler_isim { font-style:normal; font-weight:bold; color:#000000;}
.icbaslik { font-size:2em; line-height:1.2em; font-style:normal; font-weight:normal; text-transform:capitalize; color:#ff0000; font-weight:bold; }
.isim { font-weight:bold; text-align:center;}
.basharf { font-size:1.23em; font-style:normal; font-weight:bold; color:#121419;}
.dipnot { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:.8em; line-height:1.4em; font-style:normal; font-weight:normal; color:#000000;}
.resimalti { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:.8em; line-height:1.3em;}
.hadis { font-style:italic; font-weight:bold;}
.girisayet { font-size:.9em; font-style:normal; line-height:normal; text-align:center; font-weight:normal;}
.unnamed1 { text-transform:none; font-size:.8em; vertical-align:super;}
.tablo_sol {  font-weight:bold; color:#cc0000; background-color:#EEECCC; background-position:left top;}
.tablo_sag { background-color:#EEEEDD;}
.kutu { font-style:italic; background-color:#EEEEDD; border:thick #EEECCC solid;}
.kutu_alinti { font-family:"Century Gothic", Arial, Tahoma, sans-serif; font-style:italic; font-weight:bold; background-position:right;}
.resim_kutu { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:.8em; line-height:1.3em; border:medium #EEECCC solid;}
.klasik_resimkutusu { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:.8em; line-height:1.3em; text-align:center; padding:3px; background-color:#f6f6f6; border:thin #808080 solid; margin-top:1px; margin-right:1px; margin-bottom:1px; margin-left:1px;}
.bookstext { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:.7em; font-style:normal; line-height:1.2em; font-weight:normal; color:#000000; margin-top:5px; padding-top:0px; border-style:none; text-align:justify;}
.bookstextlink { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:.85em; line-height:1.2em; color:#cc0000; margin-top:5px; padding-top:0px; border-style:none ; text-decoration:none;}
.bookstextbig { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:.85em; line-height:1.3em; margin-top:5px; border-style:none ;}
.boxtext { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:.7em;}
.articles { font-size:1.1em; font-style:italic; font-weight:bold;}
.hygint { text-align:justify; padding-left:1.3cm;}
.hygbold { text-align:justify; font-weight:bold;}
.tumkitaplar { font-size:1em; font-weight:bold; color:#990000;}

.catalogue { font-family:Tahoma; font-size:12px; font-weight:bold; color:#024282;}
.spacer { letter-spacing:1px; word-spacing:3px; font-size:11px; font-weight:bold;}
.evolution_giris { font-family:Tahoma; font-size:13px; font-weight:normal; color:#024282;}
.text { font-family:Tahoma, Verdana, Arial; font-size:13px; color:#e2e972;}
.mouse { cursor:pointer; font-family:Tahoma; font-size:10px ;}
.tahoma1 { font-family:Tahoma; font-size:9px;}


*/