html, body{
    height:100%;
}

body{
    font: 12px/1.5em Verdana,sans,arial;
    color:#333;
    background:#eceece url('../images/background_body.png') repeat-y center center;
    margin:0 auto;
    text-align:center;
}

    a{
        color:#a04141;
    }
    
    a:hover, a.here{
        color:#1687bc;
    }
    
    a.read{
        display:block;
        margin:5px 0 5px 0;
    }
    
    h2{
        color:#a04141;
        font-weight:normal;
        font-family:serif,URW Palladio L,FreeSerif,DejaVu Serif,Bitstream Vera Serif;
        margin:5px 0 10px 5px;
        font-size:15px;
    }
    
    div.effect{
        background:url('../images/effect.png') no-repeat center center;
        height:30px;
    }

    #site{
        margin:0 auto;
        background:#fff;
        margin:0 auto;
        width:800px;
        min-height:100%;
        text-align:left;
    }
    
        #logo{
            background:url('../images/logo.jpg') no-repeat;
            width:296px;
            height:100px;
        }
            #logo a{
                display:block;
                height:100px;
            }
        
        #navigation{
            background:url('../images/navigation.png') no-repeat;
            padding:7px 0 5px 0;
            margin-bottom:10px;
        }

            #navigation ul{
                list-style-type:none;
            }

                #navigation ul li.a{
                    margin:0 0 0 15px;
                }
                
                #navigation li.b{
                    margin:0 0 0 25px;
                }

                #navigation li.c{
                    margin:0 0 0 30px;
                }

                #navigation li.d{
                    margin:0 0 0 35px;
                }

                #navigation li.e{
                    margin:0 0 0 32px;
                }

                #navigation li.f{
                    margin:0 0 0 33px;
                }

                #navigation li.g{
                    margin:0 0 0 30px;
                }

        #content, #content.anasayfa{
            margin:0 10px 0 10px;
            min-height:300px;
        }
        
            #content h2{
                font-size:17px;
            }
        
            #content p{
                margin:5px 5px 20px 5px;
            }
            
            #content ul{
                margin-left:18px;
            }
            
            #content .navigation{
                border-left:1px solid #ddd;
                /*background:url('../images/content_navigation.png') repeat-y top left;*/
                padding:0 10px 0 15px;
                margin:0 0 10px 10px;
                width:200px;
            }
        
        #content.anasayfa{
            background:#d3e8b4;
        }

            #content.anasayfa h2{
                font-size:12px;
            }

            #content.anasayfa p{
                margin:5px;
            }

            #content.anasayfa #left, #content.anasayfa #right{
                height:300px;
            }

            #content.anasayfa #left{
                background:#e2f8c0;
                margin:1px;
                width:288px;
                overflow:auto;
            }

            #content.anasayfa #right{
                width:490px;
            }
            
                #animation{
                    width:480px;
                    height:290px;
                    margin:5px 0 0 5px;
                    background:#fff;
                }

        #footer{
            background:url('../images/footer.png') no-repeat;
            padding-top:16px;
        }
        
            #footer .info span{
                display:block;
                margin-bottom:20px;
                color:#768b56;
                font-size:14px;
                font-family:serif,URW Palladio L,FreeSerif,DejaVu Serif,Bitstream Vera Serif;
            }
            
                #footer ul{
                    list-style-type:none;
                    margin-left:0px;
                }
                
                    #footer li{
                        margin-bottom:5px;
                    }
                
                table th{
                    width:50px;
                    color:#a04141;
                    font-weight:normal;
                }
                
                table th, td{
                    vertical-align:middle;
                }
            
            #footer .a{
                width:300px;
                padding:0 0 0 10px;
            }

            #footer .b{
                width:250px;
            }

            #footer .c{
                width:230px;
            }
            
            #footer .block{
                height:10px;
            }