/**
 * @category    Interface
 * @package     psdup

 * @license     default
 * @version
 * @filesource
 
 * @see
 * @since
 **/

/*  ------------------- Layout  ------------------- */
    body { background: #686868; color: #3e3e3e; font: 12px/1.3 Calibri, sans-serif; }

    #wrapper { width: 980px; height: 100%; height: auto !important; min-height: 100%; margin-top: 15px; margin-bottom: -428px; background: #f9f9f9; }
        #masthead { height: 94px; border-bottom: 6px solid #000; }
        #content { padding: 30px 40px; border-top: 1px solid #e6e6e6; }
        #push { clear: both; height: 428px; }
    #mastfoot { width: 900px; height: 383px; margin-bottom: 15px; padding: 45px 40px 0; background: url(../images/footer.png) top repeat-x; }

    #wrapper, #masthead, #content, #mastfoot { position: relative; }
    #wrapper, #mastfoot { margin-right: auto; margin-left: auto; }
/*  ------------------- Layout  ------------------- */
/*  ------------------- Masthead  ------------------- */
    /* header arkaplani icin linear gradient tanimi */
    #masthead {
        background: -moz-linear-gradient(top, #fdb812, #ffcb03); /* firefox 3.6 ve ustu */
        background: -ms-linear-gradient(top, #fdb812, #ffcb03); /* ie10 ve ustu */
        background: -o-linear-gradient(top, #fdb812, #ffcb03); /* opera 11.1 ve ustu */
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fdb812),color-stop(1, #ffcb03)); /* eski webkit versiyonlari icin */
        background: -webkit-linear-gradient(top, #fdb812, #ffcb03); /* yeni webkit versiyonlari icin */
        background: linear-gradient(top, #fdb812, #ffcb03); /* standart hale geldiginde kullanilacak sekli */
    }
    /* modernizr scripti, cssgradient desteklemeyen tarayicilar icin html etiketine no-cssgradients classini ekliyor */
    .no-cssgradients #masthead { background: url(../images/header.png) top repeat-x; } /* linear gradient destegi olmayan tarayicilar icin fallback */

    #logo { position: absolute; top: 11px; left: 20px; }
/*  ------------------- Masthead  ------------------- */
/*  ------------------- Navigation  ------------------- */
    #main-nav { position: absolute; right: 0; bottom: 15px; }
        #main-nav li { float: left; margin: 0 20px; color: #000; font: 14px/1 Verdana, sans-serif; }
            #main-nav a { color: #000; }
/*  ------------------- Navigation  ------------------- */
/*  ------------------- Content  ------------------- */
    #slogan { margin-bottom: 30px; color: #303030; font: italic 25px "Calisto MT", Garamond, serif; text-align: center; }

    /*  --------------- Tagline  --------------- */
    #tagline { position: relative; padding: 10px 10px 0 10px; background: #efefec; }
        #slides { position: relative; overflow: hidden; height: 355px; }
            .slide { position: absolute; top: 0; left: 0; }
    .nextprev { position: absolute; top: 155px; display: block; cursor: pointer; width: 34px; height: 64px; background: url(../images/next-prev.png) no-repeat; text-indent: -9999px; }
        .prev { left: 10px; background-position: top left; }
        .next { right: 10px; background-position: top right; }

    #slide-nav { width: 980px; height: 58px; margin: 10px 0 0 -10px; padding: 20px 0; background: #fff; }
        .slide-nav { position: absolute; overflow: hidden; width: 816px; height: 58px; margin: 0 auto; }
            .slide-nav li { float: left; }
                .slide-nav a { display: inline-block; overflow: hidden; margin: 0 12px; }
                .slide-nav img { padding: 3px; border: 1px solid #d9d9d9; }
                .slide-nav .current img { border: 1px solid #000; }
    #slide-nav-carousel { position: relative; width: 816px; height: 58px; margin: 0 auto; padding: 0 30px; }
        #slide-nav-thumbs { position: relative; overflow: hidden; width: 816px; height: 58px; }
        .carousel-nav { position: absolute; top: 14px; display: block; cursor: pointer; width: 30px; height: 30px; background: url(../images/carousel-nav.png) no-repeat; text-indent: -9999px; }
        #carousel-prev { left: 0; background-position: top left; }
        #carousel-next { right: 0; background-position: top right; }
    /*  --------------- Tagline  --------------- */
    /*  --------------- Featured  --------------- */
    #featured article { float: left; width: 273px; margin-left: 40px; color: #787878; font-size: 15px; }
    #featured article:first-child { margin-left: 0; }
        #featured article h1 { margin-bottom: 13px; background: #ffcb03; color: #303030; font-size: 18px; font-style: italic; line-height: 27px; text-indent: 10px; }
        #featured article img { margin-bottom: 25px; padding: 4px; border: 1px solid #d9d9d9; }
        #featured article p:last-child { margin-bottom: 0; }
        #featured article a { color: #fdb812; font-style: italic; }
    /*  --------------- Featured  --------------- */
/*  ------------------- Content  ------------------- */
/*  ------------------- Footer  ------------------- */
    #mastfoot section { float: left; width: 195px; margin-right: 70px; }
    section#contact-form { width: 370px; margin-right: 0; }

    #mastfoot h3, #mastfoot legend { color: #515151; font-size: 16px; font-weight: bold; }

    #recent-posts li, #latest-tweets li { border-bottom: 1px solid #f8f8f3; }
    #recent-posts a, #latest-tweets span { display: block; padding: 10px 0; border-bottom: 1px solid #c8c8be; color: #787878; font: italic 15px "Calisto MT", Garamond, serif; }

    /*  --------------- Contact Form  --------------- */
    #contact legend { margin-bottom: 10px; padding: 0; }
    #contact li { margin-bottom: 9px; }
        .label-column { display: block; float: left; width: 100px; color: #787878; font-size: 16px; }
        #contact input, #contact textarea { width: 260px; padding: 4px; border: 1px solid #dcdcdc; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
        #contact input:focus, #contact textarea:focus { border-color: #000; }
        #contact textarea { height: 100px; }
        #contact button { margin-left: 100px; padding: 4px 10px; border: none; background: #000; color: #fff; }
    /*  --------------- Contact Form  --------------- */

    #copyright { position: absolute; right: 30px; bottom: 22px; margin-bottom: 0; color: #d3d3d3; text-align: right; }
        #copyright a { color: #d3d3d3; }
/*  ------------------- Footer  ------------------- */
