﻿

body { font-family:'Trebuchet MS'; font-size: 11px; color: #696969; background-color: #d1d1d1; margin: 0px; padding: 0px; }

    #divAna { margin: 0px auto; width: 100%; line-height: 1.5em; }
        
        .divTepe { position: relative; width: 100%; height: 135px; }
            .divSolDestek { position: relative; float: left; height: 20px; width: 25px; }
            .divTepeTarihi { height: 30px; background-color: #000; color: #fff; }
                #divTarihTasiyici {margin: 0px auto; width: 900px; }
                    #divTarihLogo { position: relative; float: left; width: 239px; height: 30px; }
                    #divTarihElemanlar { position: relative; float: right; width: 600px; height:30px; line-height: 2em; text-align: right;} 
            .divTepeMenu { height: 75px; background-color: #b32616;  }
                #divMenuTasiyici {margin: 0px auto; width: 900px; height:42px; top: 15px;}
                    #divMenuLogo { position: relative; float: left; width: 239px; height: 75px; }
                    #divMenuElemanlar { position: relative; float: right; width: 600px; height:42px; top: 15px;} 
            .divTepeArama { height: 30px; background-color: #999; }
                #divAramaTasiyici {margin: 0px auto; width: 900px; }
                    #divAramaLogo { position: relative; float: left; width: 239px; height: 30px; }
                    #divAramaElemanlar { position: relative; float: right; width: 600px; top: 5px; height:25px; text-align: right;} 
        
        .divOrta {margin: 0px auto; width: 900px; background-color: #fff;}
            .divTasiyici { position: relative; float: left; width: 580px; margin-top: 10px; left: 35px; }
                .divSonYayinlarKitaplar { position:relative; float: left; left: 10px; width: 135px; margin-top: 10px; text-align: center; }
                    .divKitapBoyu { position: relative; width: 135px; height: 140px;}
                .divSayfaNo { position: relative; float: left; width: 550px; text-align: right; margin-bottom: 10px; border: 1px solid #fff; }
                    .divSayfaNo a {color: #0055ff; text-decoration:none;  }
                    .divSayfaNo a:hover {color: #ff0000; text-decoration:underline;  }
                .divAlfabe { position: relative; float: left; width: 560px; text-align: center; }
                    .divAlfabe a {color: #0055ff; text-decoration:none;  }
                    .divAlfabe a:hover {color: #ff0000; text-decoration:none;  }
                .divYazarlarTepe { position: relative; float: left; width: 575px; font-size: 14px; line-height: 2em;}
                    .divYazarlarTepe a { display: block; color: #999; height: 30px; font-weight: bold; text-decoration: none;}
                    .divYazarlarTepe a:hover { display: block; color: #999; background-color: #eee;  height: 30px; font-weight: bold; text-decoration: none;}
                    .divCizgi { border-bottom: 1px solid #ccc; margin-bottom: 15px; }
                    .divYazarKitaplari { position: relative; top: 120px; left: 10px; color: #999; text-decoration:none;  }
                    .divYazarKitaplari:hover { color: #bbb; text-decoration: underline; }
                    .divYazarKitaplari2 { color: #999; text-decoration:none;  }
                    .divYazarKitaplari2:hover { color: #bbb; text-decoration: underline; }
                    .lblYazarAdlari { color: #0055ff; text-decoration:none;  }
                    .lblYazarAdlari:hover { color: #ff0000; text-decoration: underline; }
                                        
            .divSolMenu { position: relative; float: left; width: 239px; background-color: #000; } 
                #divSolMenuTasiyici { position: relative; float: left; width: 200px; left: 10px; top: 10px; color: #fff; line-height: 1.5em; font-size: 11px; }
                    .divBloklar { position: relative; float: left; margin-bottom: 20px; width: 200px; }
                    .lblBaslik { color: White; font-weight: bold; }
                    .imgResim { position: relative; top: 3px; } 
                    .liKitapTurleri { position: relative; float: left; left: 15px; line-height: 1.9em; }
                    .liKitapTurleri li { color:#999;}
                    .liKitapTurleri a { color:#999; text-decoration:none; }
                    .liKitapTurleri a:hover { text-decoration:underline; color:#fff; }
                    .aAlinti a{ color: #fff; text-decoration:none; }
                    .aAlinti a:hover { color: #fff; text-decoration:underline; }
                    .frmText { background-color: #666; color: #fff; width: 75px; height: 15px; border: 1px solid #838383; margin-top: 4px; }
                    .frmLabel1 { position: relative; left: 15px; color: #999; text-decoration: none; line-height: 1.7em; }
                    .frmLabel1:hover { color: #fff; text-decoration: underline; }
                    .frmButon { background-color: #666; color: #fff; width: 30px; height: 25px; border: 2px solid #000; }
                                
        .divTaban { position: relative; float: left; width: 100%; height: 30px; background-color: #000; color: #fff; padding-top: 5px; }
            #divTabanTasiyici {margin: 0px auto; width: 900px; }
                #divTabanLogo { position: relative; float: left; width: 239px; height: 30px; }
                #divTabanElemanlar { position: relative; float: right; text-align:right; width: 600px; height:30px;} 
            .divTaban a { color: #fff; text-decoration: none; }
            .divTaban a:hover { color: #fff; text-decoration: underline; }
                
    .divTemizle { clear: both; width: 100%; height: 0px; font-size: 0px;  }
    .divMinYukseklik { position: relative; float: left; height: 300px; width: 1px; }
    h3 { font-size: 15px; margin-bottom: 10px; }
    
    .divYeniKullanici input { border: 1px solid #666; margin-top: 5px; margin-left: 5px; width: 200px; line-height: 1.9em; }
    a {color: #0055ff; text-decoration: none; }
    a:hover { color: #0055ff; text-decoration: underline; }
    .ddlKitapAra { border: 1px solid #eee;  height: 18px; line-height: 1.7em; }
    .tbxKitapAra {  border: 1px solid #eee; height: 16px; }
    .btnKitapAra {  border: 1px solid #ccc; background-color: #eee; height: 18px; }