$font-size: 14; // in pixels

$dark: #343838;
$grey: #575757;
$lightgrey: #888;
$lightergrey: #AAA;
$link-color: #2060a0;

// Input is in pixels
@mixin font-size($font-size, $line-height) {
    font-size: $font-size * 1px;
    line-height: $line-height * 1px;
}

@mixin center {
    text-align: center;
    margin: 0 auto;
}

@mixin hidden {
    display: none !important;
}

@mixin visible {
    display: block !important;
}

@mixin visible-inline {
    display: inline-block !important;
}

/* Generated by CSSButtonGenerator.com */
@mixin button {
    box-shadow:inset 1px 1px 0 0 #ffffff;
    background-color:#ededed;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#777777;
    padding: 0 12px;
    text-decoration:none;
    text-shadow:1px 1px 0 #ffffff;

    a {
        text-decoration: none;
        width: 100%;
        height: 100%;
    }

    &:hover {
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
        background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
        background-color:#dfdfdf;
    }

    &:active {
        position:relative;
        top:1px;
    }
}

@mixin nobutton {
    box-shadow:none;
    background-color:inherit;
    border:none;
    color:inherit;
    margin-top: inherit;
    padding: inherit;
    text-decoration:inherit;
    text-shadow:none;

    a {
        text-decoration: inherit;
        width: inherit;
        height: inherit;
    }

    &:hover {
        background:none;
        background-color:inherit;
    }

    &:active {
        top:inherit;
    }
}