/**

Title: Style
Description: Presentation for Is It Boston
***********************************************/

/****

Classes
***********************************************/

/* Messages */
	.info {list-style-type: none; text-align: left; background-color: rgba(0,0,0,.5); color: #fafafa; margin: 0; padding: 20px 30px;}
	.info li {margin: 0;}
	.info-heading {font-weight: bold; padding: 30px 0 20px;}
	.message {font: 84px/100px Helvetica, Arial, sans-serif;}
	.error {color: red; font: bold 48px/62px Helvetica, Arial, sans-serif; margin: 0;}
	.notice {color: #fff; font: 28px/36px Helvetica, Arial, sans-serif; margin: 0 0 20px; text-shadow: 1px 1px 1px #1a1c1c;}
	.email-form {text-align: left;}
	.email-form input {height: 42px; width: 500px; font-size: 36px;}
	.email-form textarea {font-size: 36px;}
	.email-form input[disabled],
	.email-form textarea[disabled] {background: #fff; color: #000; opacity: 1; -webkit-text-fill-color: #000;}
	
	input#email-submit {color: #000; height: 100%; font-size: 56px; background: #eff0f0; border: 2px solid #babfbf; padding: 10px 30px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	input#email-submit:hover {background: #babfbf; color: #fff;}
	input#email-submit[disabled] {cursor: not-allowed;}

/****

Structures
***********************************************/
html {
        min-height: 100%;
        background: url('../images/boston.jpg') no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

/* Body */
	body { font-family: Helvetica, Arial, sans-serif; height: 100%; margin: 0 auto; min-height: 100vh; position: relative; width: 100%; }

/* Header */
	header {display: block;}
	#logo { color: #eff0f0; display: block; font: 40px/60px Helvetica, Arial, sans-serif; letter-spacing: 2px; word-spacing: 5px;text-align: center; text-decoration: none; text-transform: lowercase; text-shadow: 1px 1px 1px #1a1c1c; border-bottom: none; }

/* Content */
	main.content {bottom: 10%; color: #fff; display: block; font-size: 32px; left: 0; position: absolute; text-align: center; width: 100%;}
	main.content p {margin: 0 0 30px;}
	main.content p:last-child {margin-bottom: 0;}

a:link {color: #fff; text-decoration: none; border-bottom: 1px solid #fff;}
a:visited {color: #fff; text-decoration: none; border-bottom: 1px solid #fff; }
a:hover {color: #fff; text-decoration: none; border-bottom: 1px dashed #fff; }
a:active {color: #fff; text-decoration: none; border-bottom: 1px dashed #fff; }



/* Form */
	form#zip-query {display: block; font-size: 26px; text-align: center;}
	#zip-code {font-size: 32px; padding: 10px 50px; width: 200px; text-align: center; box-shadow:inset 0 0 10px #000000;}
	input#zip-code-submit {color: #000; font-size: 56px; background: #eff0f0; border: 2px solid #babfbf; padding: 10px 30px; 
	
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	

    /*** Shadow behind the box ***/
    -webkit-box-shadow:  0px 1px 2px #000;
    -moz-box-shadow: 0px 1px 2px #000;
    box-shadow: 0px 1px 2px #000;

    width: 600px;
    }

	input#zip-code-submit:hover {background: #babfbf; border: 2px solid #eff0f0; color: #fff; -webkit-box-shadow:  inset 0px 0px 30px #000;
    }

ol#list { background-color: rgba(0,0,0,.5); height: 500px; width: 500px; margin: 0 auto; padding: 10px; overflow: auto; color: white}



/* Navigation */
	nav {display: block; float: left; }
		nav ul {list-style-type: none; overflow: hidden; width: 350px; display: block; margin: 0 auto;}
			nav li {float: left; margin: 0px 10px;}
				nav li a {text-decoration: none;}

/* Footer */
	footer { background-color: rgba(0,0,0,.5); color: #fff; display: block; padding: 15px 0px; width: 100%; position: fixed; bottom: 0px; text-align: center;}
		footer a { color: #fff; }
		aside {display: block; float: right;}


#footer-inside { width: 1200px; margin: 0 auto; overflow: hidden;}