/*
* 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
================================================== */
.content-col {
    min-height: 2000px;
}

.img-paragraph {
    max-width: 240px;
}

.typewriter {
    font-family: "AmericanTypewriter", Times, serif;
}

.helveticanmed {
    font-family: "HelveticaNeueMedium", "Helvetica Neue", Helvetica, sans-serif;
}

.helveticanrom {
    font-family: "HelveticaNeueRoman", "Helvetica Neue", Helvetica, sans-serif;
}

.quote-p {
    margin-bottom: 5px;
}

.sig-text {
    font: 18px "AmericanTypewriter", Times, serif;
    margin-bottom: 25px;
    margin-top: 0px;
}
.sig-subtext {
    font-size: 16px;
}

.separator {
    color: #d2232a;
    font-weight: bold;
}

.padten {
    margin-bottom: 6px;
    margin-top: 6px;
}

.fiveupmargin {
    margin-top: -5px;
}

.gradient-box {
    background-image: -webkit-gradient(
        linear,
        right top,
        left top,
        color-stop(0, #FFFFFF),
        color-stop(1, #E2E2DE)
    );
    background-image: -o-linear-gradient(left, #FFFFFF 0%, #E2E2DE 100%);
    background-image: -moz-linear-gradient(left, #FFFFFF 0%, #E2E2DE 100%);
    background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #E2E2DE 100%);
    background-image: -ms-linear-gradient(left, #FFFFFF 0%, #E2E2DE 100%);
    background-image: linear-gradient(to left, #FFFFFF 0%, #E2E2DE 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#E2E2DE', EndColorStr='#FFFFFF', gradientType='1'); /* IE6,IE7 fuck you MS */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#E2E2DE', EndColorStr='#FFFFFF', gradientType='1')"; /* IE8 */
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
        .content-col {
            min-height: 2000px;
        }
    }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
        .content-col {
            min-height: 2300px;
        }
        .img-paragraph {
            max-width: 180px;
        }
        #claire {
            vertical-align: top;
        }
    }

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
        .content-col {
            min-height: 0px;
        }
    }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
        .content-col {
            min-height: 0px;
        }
        .img-paragraph {
            max-width: 235px;
        }
        #claire {
            vertical-align: top;
        }
    }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
        .content-col {
            min-height: 0px;
        }
        #claire {
            margin-bottom: 10px;
        }
        .contact-txt {
            font-size: 18px;
        }
    }


/* #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: 'AmericanTypewriter';
    src: url('../assets/fonts/AmericanTypewriter.eot');
    src: url('../assets/fonts/AmericanTypewriter.eot?iefix') format('eot'),
        url('../assets/fonts/AmericanTypewriter.woff') format('woff'),
        url('../assets/fonts/AmericanTypewriter.ttf') format('truetype'),
        url('../assets/fonts/AmericanTypewriter.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLight';
    src: url('../assets/fonts/HelveticaNeueLight.eot');
    src: url('../assets/fonts/HelveticaNeueLight.eot?iefix') format('eot'),
    url('../assets/fonts/HelveticaNeueLight.woff') format('woff'),
    url('../assets/fonts/HelveticaNeueLight.ttf') format('truetype'),
    url('../assets/fonts/HelveticaNeueLight.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueMedium';
    src: url('../assets/fonts/HelveticaNeueMedium.eot');
    src: url('../assets/fonts/HelveticaNeueMedium.eot?iefix') format('eot'),
    url('../assets/fonts/HelveticaNeueMedium.woff') format('woff'),
    url('../assets/fonts/HelveticaNeueMedium.ttf') format('truetype'),
    url('../assets/fonts/HelveticaNeueMedium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueRoman';
    src: url('../assets/fonts/HelveticaNeueRoman.eot');
    src: url('../assets/fonts/HelveticaNeueRoman.eot?iefix') format('eot'),
    url('../assets/fonts/HelveticaNeueRoman.woff') format('woff'),
    url('../assets/fonts/HelveticaNeueRoman.ttf') format('truetype'),
    url('../assets/fonts/HelveticaNeueRoman.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LiberationSans';
    src: url('../assets/fonts/LiberationSans.eot');
    src: url('../assets/fonts/LiberationSans.eot?iefix') format('eot'),
    url('../assets/fonts/LiberationSans.woff') format('woff'),
    url('../assets/fonts/LiberationSans.ttf') format('truetype'),
    url('../assets/fonts/LiberationSans.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/