//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: #ccc;
    }

header
    {
        .column(12);
        background-color: #ff9900;
        margin:0;
        padding: 0;
        width:960px;
        h1
            {
                margin-left:10px;
                margin-top:0;
                margin-bottom: 0;
            }
    }
#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:-30px;
                padding:10px;
                padding-left:20px;
                padding-right:20px;
                text-transform: uppercase;
                height:40px;
                background-image: url("../img/h2back.gif");
                overflow: hidden;
            }
        dl
            {
                .row(12);
                dt
                    {
                        .column(6);
                    }
                dd
                    {
                        .column(3);
                    }
                .soon_type
                    {
                    }
                .soon_date
                    {
                        font-weight: bold;
                    }
            }
    }
#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:-30px;
                padding:10px;
                padding-left:20px;
                padding-right:20px;
                text-transform: uppercase;
                height:40px;
                background-image: url("../img/h2back.gif");
                overflow: hidden;
            }
        ul
            {
                .row(12);
                padding:0;
                margin:0;
                margin-left:-10px;
            }
        ul ul
            {
                .column(3);
            }
        ul h3
            {
            }
        ul li
            {
                list-style: none;
            }
        ul li dl
            {
                h3
                    {
                    }
                dt
                    {
                    }
                dd
                    {
                    }
            }
    }