//imports
@import "normalize.less";
@import "main.less";
@import "grid.less";

//grid setting
@column-width: 60;
@gutter-width: 20;
@columns: 12;

//design

body.center
    {
        width: 960px;
        margin: 0 auto;
        background-color: #efefef;
    }

header
    {
        .column(12);
        background-color: #ff9900;
        margin-left:0px;
        margin-right:0px;
        width:960px;
        h1
            {
                margin-left:10px;
            }
    }
#soon
    {
        .column(12);
        background-color: white;
        padding:10px;
        margin-left:0;
        margin-right:0;
        h2
            {
                background-color: black;
                color:white;
                margin-left:-20px;
                margin-right:-20px;
                padding:10px;
                padding-left:20px;
                padding-right:20px;
            }
        dl
            {
                .row(12);
                dt
                    {
                        .column(4);
                    }
                    dd
                    {
                        .column(4);
                    }
            }
    }
#releases
    {
        .column(12);
        background-color: white;
        padding:10px;
        margin-left:0;
        margin-right:0;
        h2
            {
                background-color: black;
                color:white;
                margin-left:-20px;
                margin-right:-20px;
                padding:10px;
                padding-left:20px;
                padding-right:20px;
            }
        ul
            {
                .column(3);
            }
        ul, ul li
            {
                list-style: none;
                margin: 0;
                padding: 0;
            }
        ul li dl
            {
                .row(3);
                h3
                    {
                        .column(3)
                    }
                dt
                    {
                        .column(3);
                    }
                dd
                    {
                        .column(1);
                    }
            }
    }