/*@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;
}

/*--------------------- tepe bandı & pagetoc ---------------------------*/

#bookheaderwrap {clear:both; background-color:#fff; width:100%;}
.bookname {font-family:'00629Regular', georgia, serif; font-size:38px; line-height:46px; margin:20px 0 30px 0; font-weight:bold; color:#cc0000; text-align:center; text-shadow: black 1px 1px 1px, #5E2F00 2px 2px 4px;}
#cocuk .bookname {font-size:35px; font-family: "Comic Sans MS", cursive;}

#cocuk #rectangle, #beyazkitap #rectangle {	background: -moz-linear-gradient(top, #ece7d0 0%, #fff 55%, #e4ddbc 100%); background: -webkit-gradient(linear, center top, center bottom, from(#ece7d0),color-stop(55%, #fff), to(#e4ddbc));
}
#rectangle {
	border:1px solid #bec1c6;
	background-color:#f7f7f7; _background-color:#f0f0f0; 
	background: -moz-linear-gradient(top, #e7eaee 0%, #fff 55%, #d0d6dd 100%); background: -webkit-gradient(linear, center top, center bottom, from(#e7eaee),color-stop(55%, #fff), to(#d0d6dd));
	box-shadow: 0px 2px 8px rgba(0,0,0,0.50); -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.50); -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.50);
	width: 1010px;
	float:left;
	position: relative;
 	margin-left:-15px; margin-right:-15px;
}
#triangle-wrapper {width: 1010px; position: relative; margin-left:-15px; margin-right:-15px; top: 0; z-index: 0; float: left;}
#triangle-l { background:url(images/t-l.gif) 0 0 no-repeat; height:15px; width:15px; position: absolute; left: 0; }
#triangle-r { background:url(images/t-r.gif) 0 0 no-repeat; height:15px; width:15px; position: absolute; left: 995px; }

.oncekisonraki { color:#999;}
.oncekisonraki a:link, .oncekisonraki a:visited { color:#999; padding:3px 10px;}
.oncekisonraki a:hover{ color:#cc0000; background-color: #fff0f0;}

#pagetoc-wrapper {
	position: relative;
	z-index: 1; /* displayed over flap */
}
#pagetoc  { width: 380px; position:absolute; top:50px; left:970px; padding:15px; border:1px solid #bec1c6; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; font-size:1.1em; text-align:left;
box-shadow:-2px 2px 6px rgba(0,0,0,0.40); -moz-box-shadow:-2px 2px 6px rgba(0,0,0,0.40); -webkit-box-shadow:-2px 2px 6px rgba(0,0,0,0.40);
background-color:#f7f7f7; _background-color:#f0f0f0; 
background: -moz-linear-gradient(left, #e7eaee 0%, #fff 55%, #d0d6dd 100%); background: -webkit-gradient(linear, left center, right center, from(#e7eaee),color-stop(55%, #fff), to(#d0d6dd));
}

#pagetoc p { margin:0 0 10px 0; padding:5px 0 10px 0; cursor:pointer; text-align:center; font-size:1.1em; letter-spacing:.3em; color:#999; font-weight:bold; border-bottom:1px dotted #999;}
#pagetoc a { display:block; padding:5px; line-height:1.2em; color:#121419;}
#pagetoc a:link { color:#121419; }
#pagetoc a:hover { color:#fff; background-color:#444;text-decoration:none;}
#pagetoc a[title=H1] { font-size:1.1em; font-weight:bold; text-align:center; text-decoration:underline; padding:5px 0;}
#pagetoc a[title=H2] { font-size:1em; border-bottom:1px solid #dedede; padding:3px;  font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;}
#pagetoc a[title=H3] { font-size:0.846em; margin:0 20px; font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; }
#pagetoc a[title=H4] { padding:5px 0 0 10px; letter-spacing:4px; border-top:1px dashed #dedede; border-bottom:none;}

#flap{ border:1px solid #bec1c6; border-right:none; font-size:18px; padding:10px 0px 10px 10px; background:#e7eaee; width:33px; position:absolute; left:-45px; top:10px; border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; box-shadow:-2px 2px 5px rgba(0,0,0,0.40); -moz-box-shadow:-2px 2px 5px rgba(0,0,0,0.40); -webkit-box-shadow:-2px 2px 5px rgba(0,0,0,0.40);
z-index:0; }
#cocuk #flap, #beyazkitap #flap {background:#ece7d0;}

#beyazkitap #pagetoc, #beyazkitap #pagetoc a[title=H2], #beyazkitap #pagetoc a[title=H4] {border-color:#dbd5b7;}
#beyazkitap #pagetoc p { color:#444; border-color:#d9c872;}

#cocuk #pagetoc a {font-family: '00812Regular',"Times New Roman", Times, serif; font-size:16px;}
#cocuk #pagetoc p { color:#fff; background-color: #ff6600;font-size:18px; }
#cocuk #pagetoc, #beyazkitap #pagetoc {background: -moz-linear-gradient(left, #ece7d0 0%, #fff 55%, #e4ddbc 100%); background: -webkit-gradient(linear, left center, right center, from(#ece7d0),color-stop(55%, #fff), to(#e4ddbc));}
/*--------------------- büyük kapak modal ---------------------------*/
#emptycover { height:170px; width:130px; background:url(images/emptycover.png) left top no-repeat; margin-left:auto; margin-right:auto; cursor:pointer;}
#emptycover img {height:154px; width:117px;  margin:1px 11px 15px 2px;}

#fade {	display: none;	background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%;  opacity:.5; -moz-opacity:.5; -khtml-opacity:.5;	z-index: 10; cursor:pointer;}
.popup_block{ display: none; float: left; position: fixed; top: 55%; left: 50%; z-index: 99998; }
img.btn_close {	float: right;  margin:0 0 -15px 0; z-index: 99999;}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {position: absolute;}
*html .popup_block {position: absolute;}

/*---------------------accordion header-----------------------*/
#cocuk .acc-bookheader a{font-family: '00812Regular',"Times New Roman", Times, serif; font-size:17px;}
.acc-bookheader { min-height:260px; padding:0 30px;}
.acc-bookheader h2 { margin:0; padding: 10px; cursor:pointer; text-align:center; font-size:1.3em; letter-spacing:.231em; color:#999; font-weight:normal;  }
.acc-bookheader h2.current {cursor:default;}
.acc-bookheader div.pane {	display:none; font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;}

ul.booktoc {width:439px; float:left; margin:0; padding:10px 22px 20px 22px; border-right:1px dotted #999; }
ul.listCol2{ border-right:none; padding-right:0;}
ul.booktoc li {margin:0; padding:0; border:none; background-image:none;}
ul.booktoc li a {color:#121419; margin:0; padding:2px 2px 3px 20px; background:url(images/bullet.gif) no-repeat 7px 7px; display:block; line-height:1.3em;}
ul.booktoc li a:link, .pane a{color:#121419;}
ul.booktoc li a:hover{ color:#fff; background-color:#444; text-decoration:none;}

/*--------------------- GENEL ---------------------------*/

.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;}
.boxshadowborder2 { 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:2px solid #e2d396; background-color: rgb(226,211,150); background: rgba(173,141,45,.6); _background-color:#e2d396;}

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

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;}
.imagecaption .caption .text{position: absolute; width:100%; height:100%; margin:0; padding:0; overflow:hidden;}
.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); transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out;}

.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; transition:top .2s ease-out; -moz-transition:top .2s ease-out; -webkit-transition:top .2s ease-out; -o-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;}


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

#bookwrap {margin:15px; text-align: justify; width:920px;}
#bookwraptr>td:first-child {width:920px; display: block;}
#cocuk #bookwrap { font-family: '00812Regular',"Times New Roman", Times, serif; font-size:19px; line-height:29px;}

#bookwrap .imagecaption {text-align: left;}

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; z-index:7;}
a:hover#toTop {background:url(images/ui.totop.png) left -51px no-repeat;width:51px;height:51px;display:block;overflow:hidden;}
#toTop:active, #bookwrap #toTop:focus {outline:none;}

#bookwrap ul, #bookwrap ol, #bookwrap blockquote { border-left:10px solid #dedede; line-height:1.462em; font-size:0.923em; text-align:left; }
#bookwrap blockquote { font-style:italic; line-height:1.615em;}
#bookwrap ul li{ background-image: url(images/bullet_grey.gif);}

#beyazkitap #bookwrap ul, #beyazkitap #bookwrap ol, #beyazkitap #bookwrap blockquote { border-left:none; background: url(images/border-1.png) top left repeat-y; _background-image:url(images/border-1.gif);}
#beyazkitap #bookwrap ul li, #beyazkitap #bookwrap ol, #beyazkitap #bookwrap blockquote { padding-left:4em; }
#beyazkitap #bookwrap ul li{ background-position:2.8em .3em;}

#cocuk #bookwrap ul, #cocuk #bookwrap ol, #cocuk #bookwrap blockquote {border-left:none; background: url(images/cocuk_border.png) top left repeat-y; font-style:normal;}
#cocuk #bookwrap ul li, #cocuk #bookwrap ol, #cocuk #bookwrap blockquote { padding-left:3.3em; }
#cocuk #bookwrap ul li{ background-position:2.3em .4em;}

#bookwrap td * ul, #bookwrap td * ol, #bookwrap td * blockquote { border-left:none;}
#beyazkitap #bookwrap td * ul, #beyazkitap #bookwrap td * ol, #beyazkitap #bookwrap td * blockquote,
#cocuk #bookwrap td * ul, #cocuk #bookwrap td * ol, #cocuk #bookwrap td * blockquote { background-image:none; margin-left:0; margin-right:0;}

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

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


#bookwrap h1#title0 { margin-top:0;}
#bookwrap h1 {font-size:30px; letter-spacing:1px; font-family: Georgia, serif; font-weight:bold; line-height:1em; color:#cc0000; text-shadow:black 1px 1px 1px, #5c5448 2px 2px 4px; padding:15px 0; margin:2em 0 1em 0; clear: both;}
#bookwrap h2 {font-size: 2em; letter-spacing:-1px; line-height:1.4em; font-family: Georgia,serif; font-weight: 100; margin:2em 0 1em 0; color:#cc0000; border-top:3px solid #dedede;  padding:10px 0;}
#bookwrap h3 {font-size: 1.846em; line-height:1.4em;  font-family: Georgia,serif; font-weight: 400; color:#333; background:transparent url(images/dashed.gif) bottom repeat-x; padding:10px 0; margin:1.692em 0 1em 0;}

#beyazkitap #bookwrap h1 { background: url(images/book-h1-beyaz.png) center top no-repeat; padding:50px 0 20px 0; color:#666;}
#cocuk #bookwrap 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; }
#cocuk #bookwrap h2 {font-size:1.692em; font-family: "Comic Sans MS", cursive; color:#ff4800; font-weight:bold;}
#cocuk #bookwrap h3 {font-size: 1.308em;  font-family: "Comic Sans MS", cursive; color:#333; background:transparent url(images/dashed.gif) bottom repeat-x; font-weight:bold;}

#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;}
#cocuk #bookwrap #footnotes { font-family:'00812Regular', "Times New Roman", Times, serif; }

#bookwrap h1+p:first-letter,
p.dropcap1:first-letter {color:#fff !important; background:#aeb1b4; text-shadow:#000 2px 0px 5px; font-family: Georgia,serif; font-size:65px; padding:5px; 
line-height:50px; font-weight:500; float:left; margin:5px 0.107em 0 0; font-style:normal; text-decoration:none;}
p.dropcap2:first-letter {color:rgba(255,255,255,.7); text-shadow: rgba(0,0,0,.7) 2px 2px 4px;font-family: Georgia,serif;  font-size:70px; padding:2px 5px 0 0;
line-height:50px; font-weight:500; float:left; margin:5px 0.107em 0 0; font-style:normal; text-decoration:none;}

#beyazkitap #bookwrap h1+p:first-letter,
#beyazkitap p.dropcap1:first-letter { background-color:#eae5ce; text-shadow:#b9b395 2px 1px 2px;}

#cocuk #bookwrap h1+p:first-letter,
#cocuk #bookwrap p.dropcap1:first-letter {font-family: '00812Regular',"Times New Roman", Times, serif; background-color: #ff6600; text-shadow: #333 2px 1px 2px; font-size:80px; padding:2px 10px;line-height:68px; margin-top:10px;}
#cocuk #bookwrap p.dropcap2:first-letter {font-family: '00812Regular',"Times New Roman", Times, serif; color:rgba(255,255,255,.7); font-size:85px; padding:2px 10px 2px 0;line-height:68px; margin-top:10px}


.ayet{ font-weight:bold; line-height:1.6em; }
.ayet,.hadis, .hadiscerceveli {font-family: Georgia,serif; font-style:italic; margin:1.615em 30px; text-shadow:1px 1px 1px #d7c8a0; text-align:justify;}

span.ayet, span.hadis {margin:0;}
.ayetno, .hadisno { font-family: Georgia,serif; font-size:13px; font-style: italic ; font-weight:normal; margin:1.615em 2em; text-shadow:none; padding-left:5px;}
.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; font-size:18px;}

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;}

#cocuk .ayet, #cocuk .hadis, #cocuk .hadiscerceveli {font-family: "Comic Sans MS", cursive; font-style:normal; font-size:16px;}
#cocuk .ayetno, #cocuk .hadisno {font-family: "Comic Sans MS", cursive; font-size:16px;}

span.box-kelime, p.box-kelime { border:2px solid #000; padding:2px 5px; font-weight:bold; line-height:2.3em; margin-right:2px; display: inline;}
.box-double, .box-single { padding:10px; margin-left:auto; margin-right:auto; line-height:2em; box-shadow:1px 1px 2px rgba(0,0,0,.7); -moz-box-shadow:1px 1px 2px rgba(0,0,0,.7); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.7); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display:table; _display:inline-block; *display:inline-block; }
.box-double { border:3px double #000;}
.box-single { border:1px solid #999;}
div.box-double, div.box-single, table.box-double, table.box-single { margin-top:15px; margin-bottom:15px;}
table.box-double p, table.box-single p { margin-top:0;}

.bg_desen4 .box-double, .bg_desen5 .box-double, .bg_desen6 .box-double, .bg_desen7 .box-double, .bg_desen8 .box-double, .bg_desen9 .box-double, .bg_desen10 .box-double, .bg_desen11 .box-double,
.bg_desen4 .box-single, .bg_desen5 .box-single, .bg_desen6 .box-single, .bg_desen7 .box-single, .bg_desen8 .box-single, .bg_desen9 .box-single, .bg_desen10 .box-single, .bg_desen11 .box-single 
{border-color:#FFF;}
.bg_desen4 .box-kelime, .bg_desen5 .box-kelime, .bg_desen6 .box-kelime, .bg_desen7 .box-kelime, .bg_desen8 .box-kelime, .bg_desen9 .box-kelime, .bg_desen10 .box-kelime, .bg_desen11 .box-kelime{border-color:#FFF;}


/*--------------------------------------------------*/
.baslik1, p.baslik1 {font-size:20px; line-height:26px; font-weight:bold;}
.baslik2, p.baslik2 {font-size:18px; line-height:26px; font-weight:bold; font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; padding-left:15px;margin:1.692em 0 1em 0;}
.baslik3, p.baslik3 {font-size:16px; line-height:24px; font-weight:bold; font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; padding-left:30px; margin:1.692em 0 1em 0;}

.baslik11 {font-size:15px; line-height:26px; font-weight:bold; font-family:sans-serif;}

.baslik_g1, p.baslik_g1 {font-size:26px; line-height:30px; text-shadow:0px 1px 1px #000; margin:.2em 0; text-align:left;}
.baslik_g2, p.baslik_g2 {font-size:21px; line-height:26px; color:#f4b52e !important; letter-spacing:-1px; text-shadow:0px 1px 1px #000; margin:.2em 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;}
.baslik_susluyazi {font-family:'00629Regular', "Times New Roman", Times, serif !important; font-size:28px; line-height:40px; text-align:center; color:#000000!important; text-shadow:0px 1px 1px #000; margin-bottom:10px 0; font-weight: bold;  margin:1em 0 .2em;}
.baslik_susluyazi:after {content:url(images/blank.gif); display:block; margin:10px auto 0 auto; text-align:center; background:url(images/suslu-line.png) center no-repeat; height:38px;}

#cocuk .baslik1 { font-size:1.4em; line-height:1.6em;}
#cocuk .baslik2, #cocuk .baslik3, #cocuk .ops  { font-family:inherit; font-size:1.2em; line-height:1.4em;}
#cocuk .baslik_g2, #cocuk p.baslik_g2 { color:#FEEB01 !important; text-shadow:1px 1px 1px #000, 1px 1px 4px #000; letter-spacing:0;}
#cocuk .cocuk_saydam_sari .baslik_g2, #cocuk .cocuk_saydam_sari p.baslik_g2 { color:#F00 !important; }

.baslik-cocuk {
	border-right:1px solid #666; border-bottom:1px solid #666;border-left:1px solid white; border-top:1px solid white;
	display:inline;
    font-size: 26px;
	line-height:44px;
    background: #43a9d6;
    color: #efeeef;
    padding:0 10px;
	margin:1em auto;
    text-shadow: -1px -1px #666;
    -webkit-box-shadow: 4px 6px rgba(160,160,160,.7);
    -moz-box-shadow: 4px 6px rgba(160,160,160,.7);
    box-shadow: 4px 6px rgba(160,160,160,.7);
    font-weight: normal;
	font-weight:bold;
	font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}


.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); -o-transform: rotate(7deg); margin:15px; transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out;}
.rotate-l {transform: rotate(-7deg); -moz-transform: rotate(-7deg); -webkit-transform: rotate(-7deg); -o-transform: rotate(-7deg); margin:15px; transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out;}
/*.rotate-r:hover, .rotate-l:hover {transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-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;  transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; text-shadow:none !important;}
.polaroid p, .resimkutu p, .resimkutu-sari p, .font_resimalti p { margin-top:10px; margin-bottom:10px;}

.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); -o-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;}
.resimkutu-sari { padding:10px; border:1px solid #dbd5b7; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:2px 2px 4px #dbd5b7; -moz-box-shadow:2px 2px 4px #dbd5b7; -webkit-box-shadow:2px 2px 4px #dbd5b7; margin:5px 15px 10px 10px; overflow-x:hidden;}
.resimkutu img {border:1px solid #bec1c6;}
.resimkutu-sari img {border:1px solid #dbd5b7; }
table.resimkutu, table.resimkutu-sari { padding:10px 5px;}
table.resimkutu td, table.resimkutu-sari td { padding:5px 10px;}
table.resimkutu p, table.resimkutu-sari p { margin-top:0;}


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

.ops {padding:15px 5px; font-family: Georgia,serif; font-size:17px; font-style:italic; text-align:center; color:#ffffff; }
.ops:before{content:url(images/quotes.png);}
.ops:after{content:url(images/quotes2.png);}
.opsbig {padding:15px 5px; font-family: Georgia,serif; font-size:24px; font-style:italic; text-align:center; color:#000000; }


/*-----------------------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;}
.ayrac-suslu {background:url(../images/ayrac-suslu.png) center no-repeat; clear:both; height:80px;}

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

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

div.c-suslu1 { margin:10px auto;}
div.c-suslu1 div.c-suslu2 { background:url(images/border-d-1.png) center top repeat-x; padding:47px 0 0 0;}
div.c-suslu1 div.c-suslu3 { background:url(images/border-d-2.png) center bottom repeat-x; padding:0 0 41px 0;}
div.c-suslu1 div.c-suslu4 {background: url(images/border-d-3.png) left center repeat-y; padding:0 0 0 40px; }
div.c-suslu1 div.c-suslu5 { background:url(images/border-d-4.png) right center repeat-y; padding:0 40px 0 0;}
div.c-suslu1 div.c-suslu6 { width:100%; height:100%; overflow:hidden;}

div.c-sade1 { margin:10px auto;}
div.c-sade1 div.c-sade2{ background:url(images/2border-1.png) left top repeat-x; padding:25px 0 0 0;}
div.c-sade1 div.c-sade3 { background:url(images/2border-2.png) left bottom 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:10px auto;}
div.c-parsomen1 div.c-parsomen2 {background: url(images/border-p-1.png) left top repeat-y; padding:0 0 0 50px;}
div.c-parsomen1 div.c-parsomen3 {background:url(images/border-p-2.png) right top repeat-y; padding:0 50px 0 0;}
div.c-parsomen1 div.c-parsomen4 {background:url(images/border-p-3.png) left top repeat-x; padding:35px 0 0 0;}
div.c-parsomen1 div.c-parsomen5 {background:url(images/border-p-4.png) left bottom repeat-x; padding:0 0 35px 0; height:100%;}
div.c-parsomen1 div.c-parsomen6 {background:url(images/border-p-5.jpg) left top repeat; padding:10px;}
div.c-parsomen1 div.c-parsomen7 {width:100%; overflow:hidden;}

div.c-rulo1{ width:800px; margin:10px auto; display:block;}
div.c-rulo1 div.c-rulo2 { background:url(images/border-r-1.jpg) left top no-repeat; padding:125px 0 0 0; }
div.c-rulo1 div.c-rulo3 { background:url(images/border-r-2.jpg) left bottom no-repeat; padding:0 0 105px 0;}
div.c-rulo1 div.c-rulo4 { background:url(images/border-r-3.jpg) left top 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:10px;}
div.c-rulok1 div.c-rulok2 { background:url(images/border-r-1k.jpg) left top no-repeat; padding:70px 0 0 0; }
div.c-rulok1 div.c-rulok3 { background:url(images/border-r-2k.jpg) left bottom no-repeat; padding:0 0 60px 0;}
div.c-rulok1 div.c-rulok4 { background:url(images/border-r-3k.jpg) left top 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) left top repeat-y; width:30px; border:none;}
td.c-t-cerceve-r { background:url(images/border-2.png) right top repeat-y; width:30px; border:none;}
tr.c-t-cerceve-t, td.c-t-cerceve-t { background:url(images/border-3.png) left top repeat-x; height: 30px; border:none;}
tr.c-t-cerceve-b, td.c-t-cerceve-b { background:url(images/border-4.png) left bottom repeat-x; height: 30px; border:none;}

td.c-t-suslu-l {background: url(images/border-d-3.png) left center repeat-y; width:40px; border:none;}
td.c-t-suslu-r { background:url(images/border-d-4.png) right center repeat-y; width:40px; border:none;}
tr.c-t-suslu-t { background:url(images/border-d-1.png) center top repeat-x; height: 47px; border:none;}
tr.c-t-suslu-b { background:url(images/border-d-2.png) center bottom repeat-x; height: 41px; 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) left top repeat-x; height: 25px; border:none;}
tr.c-t-sade-b, td.c-t-sade-b { background:url(images/2border-2.png) left bottom repeat-x; height: 20px; border:none;}

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

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

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

/*-------------------- fonlar -------------------*/
.bg_oldpaper {background:url(images/bg_oldpaper.jpg) left top repeat; padding:80px 50px 50px 50px;}
.bg_paper1 {background:url(images/bg_paper1.jpg) left top repeat; padding:20px 30px;}
.bg_paper2 {background:url(images/bg_paper2.jpg) left top repeat; padding:20px 30px;}
.bg_beton {background:url(images/bg_beton.jpg) left top 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; font-size:1.3em; line-height:1.6em;}
.bg_wood {background:url(images/bg_wood.jpg) left top repeat; padding:20px;}
.bg_pattern1 {background:url(images/bg_pattern.gif) left top repeat;}
.bg_desen1{background:url(images/bg_desen1.gif) left top repeat;}
.bg_desen2{background:url(images/bg_desen2.gif) left top repeat;  border:1px solid #dedede;}
.bg_desen3 {background:url(images/bg_desen3.jpg) left top repeat; color:#3c3937;}
.bg_desen4 {background:url(images/bg_desen4.gif) left top repeat; color:#d5c9af !important; }
.bg_desen5 {background:url(images/bg_desen5.gif) center top repeat; color:#ebe2c6 !important;}
.bg_desen6 {background:url(images/bg_desen6.gif) left top repeat; color:#dedede !important;;}
.bg_desen7 {background:url(images/bg_desen7.jpg) left top repeat;}
.bg_desen8 {background:url(images/bg_desen8.jpg) left top repeat;}
.bg_desen9 {background:url(images/bg_desen9.jpg) left top repeat;}
.bg_desen10 {background:url(images/bg_desen10.jpg) center top repeat; color:#fff!important; text-shadow:0px 1px 1px #000; }
.bg_desen11 {background:url(images/bg_desen11.jpg) center top repeat; color:#fff!important; text-shadow:0px 1px 1px #000; }

.cocuk_bulutlu {background:url(images/bg_cocuk_bulut.jpg) left top repeat; padding:20px 40px;}
.cocuk_deftercizgili {background:url(images/bg_cocuk_beyazsayfa.gif) left top repeat; padding:10px 40px; border:1px solid #ebeeef;}
.cocuk_defterkareli {background:url(images/bg_cocuk_kareli.gif) left top repeat; padding:10px 40px; border:1px solid #ebeeef;}
.cocuk_deftersari {background:url(images/bg_cocuk_sarisayfa.gif) left top 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, .resimkutu-sari,  .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:18px; line-height:28px; text-align: center;}
/*------------------ 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_pattern3, .bg_desen1, .bg_desen2, .bg_desen3, .bg_desen4, .bg_desen5, .bg_desen6, .bg_desen7, .bg_desen8, .bg_desen9, .bg_desen10, .bg_desen11 { 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-----------------*/

.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: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: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); 
transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-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_renkli {background:url(images/cocuk_ayrac_renkli.png) center no-repeat; clear:both; height:55px;}
.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) right 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:#fff;}


/*-----------------------------------------------------*/
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: 2px 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 */

/*-------------------------------------------*/

p.aa1, div.aa1, td.aa1 {padding:10px 30px; border:1px solid #dbd5b7; margin:5px 10px 10px 10px; box-shadow:3px 3px 3px #dbd5b7; -moz-box-shadow:3px 3px 3px #dbd5b7; -webkit-box-shadow:3px 3px 3px #dbd5b7; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }
p.aa1:before, div.aa1:before, td.aa1:before{content:url(images/blank.gif); display:block; margin:0 -15px 20px -15px; text-align:center; background:url(images/border-3.png) top center repeat-x; height:25px;}
p.aa1:after, div.aa1:after, td.aa1:after{content:url(images/blank.gif); display:block; margin:20px -15px 0 -15px; text-align:center; background:url(images/border-4.png) bottom center repeat-x; height:25px;}

p.aa2, div.aa2, td.aa2 {padding:10px 30px; border:1px solid #dbd5b7; margin:5px 10px 10px 10px;}
p.aa2:before, div.aa2:before, td.aa2:before{content:url(images/blank.gif); display:block; margin:0 -20px 20px -20px; text-align:center; background:url(images/2border-1.png) top left repeat-x; height:25px;}
p.aa2:after, div.aa2:after, td.aa2:after{content:url(images/blank.gif); display:block; margin:20px -20px 0 -20px; text-align:center; background:url(images/2border-2.png) bottom left repeat-x; height:20px;}

p.aa3, div.aa3, td.aa3 {padding:10px 30px; border:1px solid #dbd5b7; margin:5px 10px 10px 10px; box-shadow:3px 3px 3px #dbd5b7; -moz-box-shadow:3px 3px 3px #dbd5b7; -webkit-box-shadow:3px 3px 3px #dbd5b7; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }
p.aa3:before, div.aa3:before, td.aa3:before{content:url(images/blank.gif); display:block; margin:0 -15px 20px -15px	; text-align:center; background:url(images/aa3.png) top center repeat-x; height:38px;}
p.aa3:after, div.aa3:after, td.aa3:after{content:url(images/blank.gif); display:block; margin:20px -15px 0 -15px; text-align:center; background:url(images/aa3.png) bottom center repeat-x; height:38px;}

p.aa4, div.aa4, td.aa4 {padding:0 30px; margin:5px 10px 10px 10px;}
p.aa4:before, div.aa4:before, td.aa4:before{content:url(images/blank.gif); display:block; margin:0 -5px 5px -5px; text-align:center; background:url(images/aa4a.png) center bottom no-repeat;height:40px;}
p.aa4:after, div.aa4:after, td.aa4:after{content:url(images/blank.gif); display:block; margin:5px -5px 0 -5px; text-align:center; background:url(images/aa4a.png) center top no-repeat; height:40px;}

p.aa5, div.aa5, td.aa5 { padding:5px 30px; margin:5px 10px 10px 10px; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;}
p.aa5:before, div.aa5:before, td.aa5:before{content:url(images/blank.gif); display:block; margin:0 auto 10px auto; text-align:center; background:url(images/aa5a.png) center center no-repeat; height:60px; }
p.aa5:after, div.aa5:after, td.aa5:after{content:url(images/blank.gif); display:block; margin:10px auto 0 auto; text-align:center; background:url(images/aa5b.png) center center no-repeat; height:60px;}

p.aa6, div.aa6, td.aa6 { padding:10px 30px; border:1px solid #dbd5b7; margin:5px 10px 10px 10px; box-shadow:3px 3px 3px #dbd5b7; -moz-box-shadow:3px 3px 3px #dbd5b7; -webkit-box-shadow:3px 3px 3px #dbd5b7; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }
p.aa6:before, div.aa6:before, td.aa6:before{content:url(../images/blank.gif); display:block; margin:0 auto 20px auto; text-align:center; background:url(../images/border-d-1.png) center bottom no-repeat; height:55px;}
p.aa6:after, div.aa6:after, td.aa6:after{content:url(../images/blank.gif); display:block; margin:20px auto 0 auto; text-align:center; background: url(../images/border-d-2.png)  center top no-repeat; height:45px;}

p.bg_saydam_siyah, p.bg_saydam_beyaz, div.bg_saydam_siyah, div.bg_saydam_beyaz,
p.polaroid, p.bg_beton, p.bg_wood, p.bg_oldpaper, p.bg_paper1, p.bg_paper2, div.polaroid, div.bg_beton, div.bg_wood, div.bg_oldpaper, div.bg_paper1, div.bg_paper2,
p.bg_pattern1, p.bg_pattern2, p.bg_pattern3, p.bg_desen1, p.bg_desen2, p.bg_desen3, p.bg_desen4, p.bg_desen5, p.bg_desen6, p.bg_desen7, p.bg_desen8, p.bg_desen9, p.bg_desen10, p.bg_desen11, 
div.bg_pattern1, div.bg_pattern2, div.bg_pattern3, div.bg_desen1, div.bg_desen2, div.bg_desen3, div.bg_desen4, div.bg_desen5, div.bg_desen6, div.bg_desen7, div.bg_desen8, div.bg_desen9, div.bg_desen10, div.bg_desen11,
p.cocuk_kutu_pembeli, p.cocuk_kutu_yesilli, p.cocuk_kutu_sarili, p.cocuk_kutu_mavili, div.cocuk_kutu_pembeli, div.cocuk_kutu_yesilli, div.cocuk_kutu_sarili, div.cocuk_kutu_mavili,
p.cocuk_saydam_pembe, p.cocuk_saydam_mavi, p.cocuk_saydam_sari, p.cocuk_saydam_yesil, div.cocuk_saydam_pembe, div.cocuk_saydam_mavi, div.cocuk_saydam_sari, div.cocuk_saydam_yesil,
p.aa1, div.aa1, p.aa2, div.aa2, p.aa3, div.aa3, p.aa4, div.aa4, p.aa5, div.aa5, p.aa6, div.aa6,
p.hadiscerceveli, div.hadiscerceveli,
p.resimkutu, p.resimkutu-sari, div.resimkutu, div.resimkutu-sari,
div.c-rulok1, div.c-cerceve1, div.c-sade1, div.c-suslu1, div.c-parsomen1,
p.ops, div.ops {display:table; _display:inline-block; *display:inline-block;}

/*-----------------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; transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-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; transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-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) center center repeat;}
.bg_pattern3 {background:#819761 url(images/bg_pattern3.png) left top repeat; color:#fff;}
.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%; }

/*-------------------------------------*/

/*
-moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;

p.sarimarker, span.sarimarker {background-color:#fcf88e; border-bottom:1px solid #d9c872; display:inline; line-height:2em; padding:2px 10px;}


 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;}

. 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; 
} 

h2 { column-span: all }

h2:not(.foo, .bar) {…}
*/

/*----------------------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:16px; color:#e2e972;}
.mouse { cursor:pointer; font-family:Tahoma; font-size:10px ;}
.tahoma1 { font-family:Tahoma; font-size:9px;}

*/
body#cocuk {background:#f2f0f1 url(images/bulutlar.png) 0 0 repeat fixed;}
#cocuk #bg { background-image: url(images/bg_center5.png);}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 660px;
	height:90px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}