/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */
.menulink, .menulink:link, .menulink:visited {
	color: #D8D9DA;
	font-size: 14px;
	text-decoration:none;
	font-weight:bold;
	white-space:nowrap;
}
.menulink:hover, .menulink:focus {
	text-decoration:underline;
	color:#FFF;
}
.menupad {
    margin-right:41px;
}
.last {
    margin-right:0 !important;
}
.menu-btn {
    display: inline-block;
    text-decoration: none;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
}
html {
	overflow-y:scroll;
}
#banner {
    min-height: 100px;
    padding-top: 10px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top center;
    background-image: url(/images/website_banner.png);
    background-color: #C0C0C0;
}
#ablelogo {
    float: right;
}
#dougpic {
    margin-left: 30px;
    margin-right: 30px;
    width: 125px;
}
#underlay {
    background-color: #5C002F;
    position: absolute;
    z-index: -1;
    min-height: 100%;
    left: 50%;
    margin-left: -480px;
    box-shadow: 0px 0 15px #3a3a3a;
    background: -webkit-linear-gradient(#5C002F, #3A0112); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#5C002F, #3A0112); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#5C002F, #3A0112); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#5C002F, #3A0112); /* Standard syntax */
}
.fancybox {
    text-decoration: none;
}
.fancybox img {
    padding: 10px !important;
    height: 300px;
}
.videoWrapper {
    text-align: center;
}
.videoWrapper iframe {
    width: 100%;
    max-width: 250px;
    height: auto;
}
.videoWrapperLarge iframe {
    max-width: 400px !important;
    min-height: 250px;
    height: auto;
    width: 100%;
}


/* #Media Queries
================================================== */
 
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
        #underlay {
            margin-left: -384px;
        }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
        #underlay {
            margin-left: -384px;
        }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
        #underlay {
            margin-left: -230px;
        }
        #banner {
            background-size: auto, 100%;
        }
        #dougpic {
            margin-left: 50px;
            margin-right: 50px;
        }
        #content {
            padding-left: 5px;
            padding-right: 5px;
        }
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
        #underlay {
            margin-left: -150px;
        }
        #banner {
            background-size: auto 150px;
            background-position: 0 top;
            text-align: center;
        }
        #ablelogo {
            float: none;
        }
        #content {
            padding-left: 5px;
            padding-right: 5px;
        }
        .fancybox img {
            margin-left: -10px;
            height: auto;
            max-width: 100%;
        }
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

	/*@font-face {
	    font-family: Harabara;
	    src: url('/assets/fonts/Harabara.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal; }*/

@font-face {
    font-family:"English";
    src:url("/fonts/English_.eot?") format("eot"), url("/fonts/English_.woff") format("woff"),url("/fonts/English_.ttf") format("truetype"),url("/fonts/English_.svg#English") format("svg");
    font-weight:normal;
    font-style:normal;
}