/* so even though red looks OK on "info" and "warn" we'll keep this simple, and have them all be white. */
.jGrowl-notification a { /*.mdl-color--red*/
	color: white;
}

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
-------------------------------------------------------------------------------*/

/* Let's default this out
-------------------------------------------------------------------------------*/

    html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	    margin: 0;
	    padding: 0;
	    border: 0;
	    outline: 0;
	    font-size: 100%;
	    vertical-align: baseline;
	    background: transparent;
    }

    article, aside, figure, footer, header, hgroup, nav, section {display: block;}

    /* force a vertical scrollbar to prevent a jumpy page */
    html {overflow-y: scroll;}

    /* we use a lot of ULs that aren't bulleted.
	    don't forget to restore the bullets within content. */
    ul {list-style: none;}

    blockquote, q {quotes: none;}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {content: none;}

    a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

    del {text-decoration: line-through;}

    abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

    /* tables still need cellspacing="0" in the markup */
    table {border-collapse: collapse; border-spacing: 0;}
    th {font-weight: bold; vertical-align: bottom;}
    td {font-weight: normal; vertical-align: top;}

    hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

    input, select {vertical-align: middle;}

    pre {
	    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	    word-wrap: break-word; /* IE */
    }

    input[type="radio"] {vertical-align: text-bottom;}
    input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
    .ie6 input {vertical-align: text-bottom;}

    select, input, textarea {font: 99% sans-serif;}

    table {font-size: inherit;}

    /* Accessible focus treatment
	    people.opera.com/patrickl/experiments/keyboard/test */
    a:hover, a:active {outline: none;}

    small {font-size: 85%;}

    strong, th {font-weight: bold;}

    td, td img {vertical-align: top;}

    /* Make sure sup and sub don't screw with your line-heights
	    gist.github.com/413930 */
    sub, sup {font-size: 75%; line-height: 0; position: relative;}
    sup {top: -0.5em;}
    sub {bottom: -0.25em;}

    /* standardize any monospaced elements */
    pre, code, kbd, samp {font-family: monospace, sans-serif;}

    /* hand cursor on clickable elements */
    .clickable,
    label,
    input[type=button],
    input[type=submit],
    button {cursor: pointer;}

    /* Webkit browsers add a 2px margin outside the chrome of form elements */
    button, input, select, textarea {margin: 0;}

    /* let's clear some floats */
    .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
    .clearfix:after { clear: both; }
    .clearfix { zoom: 1; }

/*
	END HTML5 Reset
-------------------------------------------------------------------------------*/



	.clear {clear:both;}


/*-----------------------------------------------------------------------------
	BODY STYLES
-------------------------------------------------------------------------------*/


	html,body {
		height: 100%; /* force page to full browser height */
	}


	body {
		text-align: left;
		font: 12px  Lucida Sans Unicode, Lucida Grande, sans-serif;

		background-color: #c09f6a ;
		height: 100%;
	}

    /* text color */
    body, select, input, textarea {color: #000;}

    /* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
    ::-moz-selection{background: #009688; color: #fff; text-shadow: none;}
    ::selection {background: #009688; color: #fff; text-shadow: none;}

	#background {
		z-index: -1; /* put it under everything*/
		position: fixed; /* make it stay in the same place, regardless of scrolling */
		top: 0;
		left: 0;
		overflow: hidden; /* clip the image */
		width: 100%; /* fill the full width of browser */
		min-height: 950px; /* show at least this much of the image */
	}
	#background img {
	  	width: 100%;
	}


	#page_wrapper {
		background-color: transparent;
		min-height: 500px;
		margin: 0 auto 0 auto;
		width: 960px;
	}



/*-----------------------------------------------------------------------------
	GENERAL STYLES
-------------------------------------------------------------------------------*/

	.button {
	   	background: #009688;

        -webkit-box-shadow: 1px 1px 3px 0px #666;
           -moz-box-shadow: 1px 1px 3px 0px #666;
                box-shadow: 1px 1px 3px 0px #666;

		color: #fff;
		font-size: 18px;
		font-weight: normal;
		line-height: 30px;
		padding: 5px 20px;
		text-shadow: rgba(0,0,0,.4) 0 1px 0;
		text-decoration: none;
		text-align: center;
		vertical-align: middle;
	 }
	.button:hover {
		color: #000;
		text-decoration: none;
	}

	.button:active {
		border-top-color: #a00115;
		background: #a00115;
		text-decoration: none;
	}

	body.homepage {
		background				: #efefef !important;
		background-attachment	: fixed;
	}


	blockquote {
		float: left;
		margin: 10px 0 0 0;
	}

	blockquote p {
		font-style: italic;
		font-size: 13px;
		line-height: 22px;
		margin: 0;
		padding: 10px;
	}
	blockquote .caption {
		font-style: normal;
		font-size: 11px;
		line-height: 14px;
		margin-top: 10px;
	}

	div.spacer {
		float: left;
		height: 10px;
		width: 100%;
	}

    ul.bullet {
        list-style: disc;
    }



/*-----------------------------------------------------------------------------
	Print styles!
-------------------------------------------------------------------------------*/
    /* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/  */
    @media print {
      * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
      a, a:visited { color: #444 !important; text-decoration: underline; }
      a[href]:after { content: " (" attr(href) ")"; }
      abbr[title]:after { content: " (" attr(title) ")"; }
      .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
      pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
      thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
      tr, img { page-break-inside: avoid; }
      img { max-width: 100% !important; }
      @page { margin: 0.5cm; }
      p, h2, h3 { orphans: 3; widows: 3; }
      h2, h3{ page-break-after: avoid; }
    }
