/*
 * Define you own style here (overrides bootstrap's variables.less)
 */


@linkColor: rgb(51, 51, 255);
@linkHoverBGColor: #E2F2FF;


a:hover, a:active {
    background-color: @linkHoverBGColor;
}
a:visited {
    color: lighten(@linkColor, 15%);
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    background-color: @linkHoverBGColor;
    background-image: linear-gradient(to bottom, #3333FF, #1919FF);
    background-repeat: repeat-x;
    color: #FFFFFF;
    text-decoration: none;
}
.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    background-color: @linkHoverBGColor;
    background-image: linear-gradient(to bottom, #3333FF, #1919FF);
    background-repeat: repeat-x;
    color: #FFFFFF;
    outline: 0 none;
    text-decoration: none;
}


/* @media (min-width: 768px) { */

    @baseFontSize: 16px;
    @baseLineHeight: @baseFontSize * (18/13);


    @gridColumns:             12;
    @gridColumnWidth:         70px;
    @gridGutterWidth:         20px;


    @import "font-Yanone-Kaffeesatz.less";
    @import "font-Ubuntu-Mono.less";
    @import "font-Open-Sans.less";
    /* @import url("http://fonts.googleapis.com/css?family=Open+Sans:400,200,300,700&subset=latin,latin-ext"); */


    h1, h2, h3, h4, h5, h6 {
	    font-family: "Yanone Kaffeesatz", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .article-content h1 {
        margin-top: 1em;
    }

    @monoFontFamily: "Ubuntu Mono", Menlo, Monaco, Consolas, "Courier New";
    @sansFontFamily: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

    .navbar-fixed-top {
	    li {
	        line-height: @baseLineHeight;
	    }
    }

    nav a:hover {
	    zoom: 1.0;
    }

    .navbar, .breadcrumb {
	    font-size: @baseFontSize / (18/13);
	    line-height: 0.76 * @baseLineHeight  / (18/13);

        a {
            color: #555;
        }
        a:visited {
            color: lighten(#555, 15%);
        }
    }

    .breadcrumb {
	    padding: 3px 14px;
	    li {
	        line-height: @baseLineHeight;
	    }
    }

    .modal {
	    left: 15%;
	    width: 70% /*@gridRowWidth*/;
	    margin-left: auto;
	    margin-right: auto;
	    li {
	        line-height: @baseLineHeight;
	    }
    }

    /*
    li {
	    line-height: 1.5 * @baseLineHeight;
    }
    */

    #disqus_thread {
	    font-size: @baseFontSize * (13/18);
	    line-height: @baseLineHeight * (13/18);

	    input,
	    textarea,
	    .uneditable-input {
	        font-size: @baseFontSize * (13/18);
	        line-height: @baseLineHeight * (13/18);
	        height: @baseLineHeight * (13/18);
	    }

	    select {
	        font-size: @baseFontSize * (13/18);
	        line-height: @baseLineHeight * (13/18);
	        height: 2 * @baseLineHeight * (13/18);
	    }
    }
/* } */


/* Customizations for limist.com, KW */
table {
    margin: 2em auto;
}

@article-width: 60em;

.article-header, .article-footer {
    max-width: 1.03 * @article-width;
}

.article-content {
    margin-bottom: 3 * @baseLineHeight;
    max-width: @article-width;

    li {
        margin-bottom: 0.5em
    }
}

div.figure {
	font-size: @baseFontSize * (13/18);
	line-height: @baseLineHeight * (13/18);
    margin-left: auto; margin-right: auto;
    margin-top: 3em;
    margin-bottom: 3em;
    text-align: center;

    p {
        font-style: italic;
    }
}

#page {
    padding-top: 2.25 * @navbarHeight;
}

p.verse {
    margin-left: 1em;
}
p.verse, blockquote {
    margin-bottom: 2em;
}

div.many-p-quotes {
    margin-top: 2em;
    margin-right: 13em;
}
div.many-p-quotes p {
    margin-bottom: 4em;
}

#disqus_thread {
    max-width: @article-width;
    margin: 5em 1em;
}

.buffer-color() {
    background: #f5f5f5;
}
pre, pre.src, pre.example, .modal-body > pre {
    background-color: #eeeeee;
}

#footer {
    p {
        color: #AAA;
    }

    ul {
        li {
		    line-height: 0.92 * @baseLineHeight / (18/13);
            margin-bottom: 0.5em;
        }
    }
    
    .tags ul li {
        margin-right: 0.75em;
    }
}