/* GLobals */
html, body { background: #a59b82 left top repeat; height: 100%; }
body { font-family: 'Raleway', Arial, sans-serif; font-size: 15px; color: #a59b82; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a { text-decoration: none; color: #fff; }
p { line-height: 20px; }
p + p { margin-top: 10px; }
::-moz-selection { color: white; background: #a59b82; }
::selection      { color: white; background: #a59b82; } 
header, main, footer { display: block; }
	
	/* Wrapper */
	#wrapper { min-width: 960px; max-width: 1280px; padding: 0 60px; margin: 0 auto; text-align: left; }

	/* Logo */
	#logo { padding-top: 96px; display: block; margin: 0 auto 60px auto; }
	
	/* Baseline */
	#baseline { color: #93896f; font-size: 55px; font-weight: normal; -webkit-animation: appear 1s ease; -moz-animation: appear 1s ease; animation: appear 1s ease; }

	/* Footer */
	#footer { margin: 60px 0; -webkit-animation: appear 1s ease; -webkit-animation-delay: 1s; -webkit-animation-fill-mode: backwards; -moz-animation: appear 1s ease; -moz-animation-delay: 1s; -moz-animation-fill-mode: backwards;  animation: appear 1s ease; animation-delay: 1s; animation-fill-mode: backwards; }
	#footer-title { font-style: normal; color: #fff; display: block; font-weight: bold; margin: 0 0 5px 0; }
	#footer:after { content:''; display: block; width: 60px; height: 9px; background: #fff; position: relative; top: 10px; }
	#footer_link { font-family: 'Georgia', serif; font-style: italic; }

@media screen and (max-width: 1280px) {
	#logo { left: 100px; }
	#content { width: 400px; padding: 96px 60px 0 60px; }
}

@-webkit-keyframes appear { 
    from { opacity: 0; }
    to { opacity: 1; }
}
@-moz-keyframes appear { 
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes appear { 
    from { opacity: 0; }
    to { opacity: 1; }
}