﻿.blog-entry-title a {
    color: #e31b23;
    text-decoration: none;
}

    .blog-entry-title a:hover {
        color: #bd1319;
        text-decoration: none;
    }

h2 a {
    color: #e31b23;
    text-decoration: none;
}

    h2 a:hover {
        color: #bd1319;
        text-decoration: none;
    }

.john-jackson {
    margin: 0 20px 10px 0;
}

.search {
    background: #e31b23;
    display: block;
    width: 100%;
    top: -7px;
    overflow: hidden;
}

.radiopadding label {
    padding: 10px;
}

#map {
    width: 100%; /* The width is the width of the web page */
}

.req {
    color: #e31b23;
    font-weight: bold;
}

#contactform legend {
    font-style: italic;
    color: #9ea0a3;
    border: 0;
    font: normal normal 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 20px;
    padding: 10px 0px;
}

/* styles for '...' from http://hackingui.com/front-end/a-pure-css-solution-for-multiline-text-truncation/ */
.block-with-text {
    /* hide text if it more than N lines  */
    overflow: hidden;
    /* for set '...' in absolute position */
    position: relative;
    /* use this value to count block height */
    line-height: 20px;
    /* max-height = line-height (1.2) * lines max number (3) */
    max-height: 60px;
    /* fix problem when last visible word doesn't adjoin right side  */
    text-align: justify;
    /* place for '...' */
    margin-right: -1em;
    padding-right: 1em;
    text-align: justify;
}
    /* create the ... */
    .block-with-text:before {
        /* points in the end */
        content: '...';
        /* absolute position */
        position: absolute;
        /* set position to right bottom corner of block */
        right: 0;
        bottom: 0;
    }
    /* hide ... if we have text, which is less than or equal to max lines */
    .block-with-text:after {
        /* points in the end */
        content: '';
        /* absolute position */
        position: absolute;
        /* set position to right bottom corner of text */
        right: 0;
        /* set width and height */
        width: 1em;
        height: 1em;
        margin-top: 0.2em;
        /* bg color = bg color under block */
        background: white;
    }
#turf {
    background: url('/images/football/turf_2500px.jpg') repeat;
}

#snow {
   background: linear-gradient(to right, rgb(82,145,199), rgb(193,218,236), rgb(82,145,199));
}








/*@media only screen and (min-width: 768px) {
    .search {
        position: absolute;
        width: 460px;
        top: -7px;
        right: 10px;
        z-index: 2;
        height: auto;
    }
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}*/
