@charset "UTF-8";

/********/
/* less */
/********/
@black: #000000;
@darkgrey: #272727;
@greyer: #8e8e8e;
@grey: #c2c2c2;
@lightgrey: #ececec;
@white: #ffffff;

@blue: #00d2ff;
@lightblue: #73d2e6;
@yellow: #ffe400;

.blue {
    color: @blue;
}

/********/



h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a,
p, p a, a, label, textarea, input, ul, ol {
    font-family: Arial, sans-serif;
    font-weight: normal;
    color: @darkgrey;
}

h1, h1 a {
    font-size: 85px;
    line-height: 85px;
    letter-spacing: -6px;
    color: @blue;
}
h2, h2 a {
    font-size: 23px;
    line-height: 23px;
}
h3, h3 a {
    font-size: 17px;
    line-height: 17px;
    letter-spacing: -1px;
}
h4, h4 a {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 2px;
}
h5, h5 a {
    font-size: 15px;
    line-height: 18px;
}
h6, h6 a {
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

p, p a, a, label, textarea, input, ul, ol {
    font-size: 12px;
    line-height: 15px;
}
p {
    margin-bottom: 15px;
}
p strong {
    font-weight: normal;
}
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; }

input[type=text] {
    line-height: 18px;
}
input {
    &[type=submit], &[type=button] {
        color: @white;
        font-size: 14px;
        text-transform: uppercase;
    }
}


/**********/
/* header */
/**********/
header {

    /* nav */
    nav {
        a {
            text-transform: uppercase;
            font-size: 14px;
            line-height: 45px;
            letter-spacing: 4px;

            &.active {
                color: @blue;
            }
        }
    }
    /* get-contacted */
    div#get-contacted {
        label {
            text-transform: uppercase;
            text-align: right;
            margin-right: 3px;
            line-height: 12px;

            span.blue {
                color: @blue;
            }
        }
        input {
            &[type=submit], &[type=button] {
                margin-left: 2px;
                padding: 2px 5px;
            }
        }
    }

}



/********/
/* main */
/********/
div#contents {

    div#film_thumbs {
        
    }
    /* citat */
    div#quote-box {
        ul#quote-swap {
            li {
                list-style: none;

                div.quote {
                    h2 {
                        font-size: 50px;
                        line-height: 43px;
                        letter-spacing: -3px;
                        text-indent: -25px;
                    }
                    h3 {
                        color: @blue;
                        text-align: right;
                    }
                    a {
                        font-size: 14px;
                        text-transform: uppercase;
                    }
                }

            }
        }
    }
    div#index_right {
        div#twitter {
            h2 {
                font-size: 20px;
                color: @yellow;
                text-transform: uppercase;
                margin-bottom: 5px;
            }
            li, li a {
                list-style: none;
                font-size: 14px;
                line-height: 16px;
                color: @white;
            }
        }
    }
    /* about */
    div.four-col.team {
        text-align: center;

        img, h2, h4 {
            clear: both;
        }
        img {
            margin-bottom: 35px;
        }
        h2, h4 {
            text-transform: uppercase;
        }
        h2 {
            color: @blue;
        }
        h4 {
            line-height: 20px;
            color: @greyer;
        }
    }

    /* contact */
    div#contact-form {
        form {
            label {
                text-transform: uppercase;
                font-size: 14px;
                color: @greyer;
            }
        }
    }
    div.sent {
        h1 {
            color: @blue;
        }
    }
    div#contact-info {
        a:link { text-decoration: none; }
        a:hover { text-decoration: underline; }
        a:active { text-decoration: none; }
        a:visited { text-decoration: none; }
    }
}

/**********/
/* footer */
/**********/

footer {
    /* partners */

    div#partners {
        h5 {
            color: @blue;
            width: 100%;
            border-bottom: 1px solid @blue;
            line-height: 30px;
            margin-top: 5px;
        }

        div.partner {
            div.hover {
                .popup {
                    p {
                        color: @white;
                        letter-spacing: -1px;
                    }
                }
            }
        }
    }


    /* address info */
    div#address {
        p, p a {
            color: @greyer;
            font-size: 10px;
            margin-bottom: 0;
        }
    }
}