#dark {
    padding: 1em;
    background: #333;
}

/* ===[ Buttons ]=== */

.button {
    position: relative;
    cursor: pointer;
    font: bold 12px/normal 'Segoe UI', Arial, sans-serif;
    color: #333;
    text-decoration: none;
    text-shadow: 1px 1px rgba(255,255,255,0.5);
    border: 1px solid rgba(0,0,0,.1);
    padding: 5px 10px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #EEE;
    background-image: -moz-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.2)), color-stop(100%, rgba(0,0,0,0.2)));
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
    background-image: -o-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
    background-image: linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
    -webkit-box-shadow: inset 0px 1px rgba(255,255,255,0.6), 0px 0px 3px 0px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0px 1px rgba(255,255,255,0.6), 0px 0px 3px 0px rgba(0,0,0,.2);
    box-shadow: inset 0px 1px rgba(255,255,255,0.6), 0px 0px 4px 0px rgba(0,0,0,.2);
    -webkit-user-select: none;
    -moz-user-select: none;
}

.button::-moz-focus-inner {
    margin: 0;
    padding: 0;
    border: 0;
}

a.button { outline: 0 }

/* ===[ Default hover ]=== */

.button:hover, .button:active {
    text-decoration: none;
    background-color: #F9F9F9;
}

/* ===[ Default active ]=== */

.button:active {
    top: 1px;
    margin-bottom: 1px;
    border-bottom-width: 1px;
    background-color: #F9F9F9;
    background-image: -moz-linear-gradient(rgba(0,0,0,0.2), rgba(255,255,255,0.2));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.2)), color-stop(100%, rgba(255,255,255,0.2)));
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.2), rgba(255,255,255,0.2));
    background-image: -o-linear-gradient(rgba(0,0,0,0.2), rgba(255,255,255,0.2));
    background-image: linear-gradient(rgba(0,0,0,0.2), rgba(255,255,255,0.2));
}

/* ===[ Button sizes ]=== */

.button.small {
    padding: 3px 8px 4px;
    font-size: 10px;
}

.button.large {
    padding: 10px 20px 11px;
    font-size: 11px;
}

/* ===[ Button colors ]=== */

.button.red, .button.green, .button.blue, .button.yellow, .button.orange {
    color: #FFF;
    text-shadow: 0 -1px rgba(0,0,0,0.15);
}

.button.red { background-color: #E62727 }
.button.red:hover, .button.red:active { background-color: #FF2F2F }
.button.green { background-color: #91BD09 }
.button.green:hover, .button.green:active { background-color: #A0CF0C }
.button.blue { background-color: #2981E4 }
.button.blue:hover, .button.blue:active { background-color: #2F93FF }
.button.yellow { background-color: #FFB515 }
.button.yellow:hover, .button.yellow:active { background-color: #FFC74F }
.button.orange { background-color: #FF5C00 }
.button.orange:hover, .button.orange:active { background-color: #FF782F }

/* YENI */
#dark {
    padding: 1em;
    background: #333;
}

/* ===[ Buttons ]=== */

.but {
    position: relative;
    cursor: pointer;
    font: bold 12px/normal 'Tahoma', Arial, sans-serif;
    color: #333;
    text-decoration: none;
    text-shadow: 1px 1px rgba(255,255,255,0.5);
    border: 1px solid rgba(0,0,0,.1);
    padding: 5px 10px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #EEE;
    background-image: -moz-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.2)), color-stop(100%, rgba(0,0,0,0.2)));
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
    background-image: -o-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
    background-image: linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
    -webkit-box-shadow: inset 0px 1px rgba(255,255,255,0.6), 0px 0px 3px 0px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0px 1px rgba(255,255,255,0.6), 0px 0px 3px 0px rgba(0,0,0,.2);
    box-shadow: inset 0px 1px rgba(255,255,255,0.6), 0px 0px 4px 0px rgba(0,0,0,.2);
    -webkit-user-select: none;
    -moz-user-select: none;
}

.but::-moz-focus-inner {
    margin: 0;
    padding: 0;
    border: 0;
}

a.but { 
outline: 0;
font-color: #FFFFFF;
 }

/* ===[ Default hover ]=== */

.but:hover, .but:active {
    text-decoration: none;
    background-color: #F9F9F9;
}

/* ===[ Default active ]=== */

.but:active {
    top: 1px;
    margin-bottom: 1px;
    border-bottom-width: 1px;
    background-color: #F9F9F9;
    background-image: -moz-linear-gradient(rgba(0,0,0,0.2), rgba(255,255,255,0.2));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.2)), color-stop(100%, rgba(255,255,255,0.2)));
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.2), rgba(255,255,255,0.2));
    background-image: -o-linear-gradient(rgba(0,0,0,0.2), rgba(255,255,255,0.2));
    background-image: linear-gradient(rgba(0,0,0,0.2), rgba(255,255,255,0.2));
}

/* ===[ Button sizes ]=== */

.but.kucuk {
    padding: 3px 8px 4px;
    font-size: 9px;
}

.but.orta {
    padding: 5px 10px 6px;
    font-size: 12px;
}

.but.buyuk {
    padding: 10px 20px 11px;
    font-size: 14px;
}

/* ===[ Button colors ]=== */

.but.red, .but.green, .but.blue, .but.yellow, .but.orange {
    color: #000;
    text-shadow: 0 -1px rgba(0,0,0,0.15);
}

.but.red { background-color: #E62727; color: #FFF; }
.but.red:hover, .but.red:active { background-color: #FF2F2F }
.but.green { background-color: #91BD09; color: #FFF; }
.but.green:hover, .but.green:active { background-color: #A0CF0C }
.but.blue { background-color: #dceff9 }
.but.blue:hover, .but.blue:active { background-color: #b8d6e5 }
.but.yellow { background-color: #FFB515 }
.but.yellow:hover, .but.yellow:active { background-color: #FFC74F }
.but.orange { background-color: #FF5C00; color: #FFF; }
.but.orange:hover, .but.orange:active { background-color: #FF782F }

.but.gri { background-color: #EAEAEA }
.but.gri:hover, .but.gri:active { background-color: #CCCCCC }

ul.haber {
    margin:0 auto;
    width:675px;
    padding:5px 0 0 0;
}

ul.haber li {
    font:bold 16px Tahoma, Geneva, sans-serif;
    color:#000000;
    float:left;
    list-style:none;
    margin:0 1px;
     background:#EAEAEA;
}
ul.haber li span {
    padding:3px 3px;
    display:block
}
ul.haber li a {
    font:bold 16px Tahoma, Geneva, sans-serif;
    color:#000000;
    text-decoration:none;
    /* background-color:#2B8AC8; */
    padding:3px 3px;
    display:block
}
ul.haber li a:hover {
    /* background-color:#206797; */
    color:#FF0000;
}

ul.galeri {
    margin:0 auto;
    width:600px;
    padding:5px 0 0 0;
}

ul.galeri li {
    font:bold 16px Tahoma, Geneva, sans-serif;
    color:#000000;
    float:left;
    list-style:none;
    margin:0 1px;
     background:#EAEAEA;
}
ul.galeri li span {
    padding:3px 3px;
    display:block
}
ul.galeri li a {
    font:bold 16px Tahoma, Geneva, sans-serif;
    color:#000000;
    text-decoration:none;
    /* background-color:#2B8AC8; */
    padding:3px 3px;
    display:block
}
ul.galeri li a:hover {
    /* background-color:#206797; */
    color:#FF0000;
}