!!!5
%head
	:css
		/*
		med-blue: #44518E
		dark-gray: #424A70
		blue: #1B2864
		light-blue: #818ECE
		light-gray: #99A3CE
		*/
		body, html
		{
			background-color: #99A3CE;
			padding: 0; margin: 0;
			width: 100%;
			font-size: 1em;
		}

		h1
		{
		    font-family: 'Shadows Into Light', cursive;
		    background-color: #1B2864;
		    color: #99A3CE;
		    text-align: center;
		    border-bottom: 4px solid #424A70;
		    margin: 0 0 1em 0;
		    padding: 0.4em 0;
		    width: 100%;
		}
		h2
		{
		    background-color: #44518E;
		    color: #C6CCE7;
		    text-align: left;
		    margin: 0 0 1em 0;
		    padding: 0.5em 5%;
		    border-radius: 20px 20px 0 0;
		    font-family: 'Architects Daughter', cursive;
		    border-bottom: 3px solid #424A70;
		    font-size: 1.2em;
		}
		h3
		{
		    font-family: 'Architects Daughter', cursive;    
		    background-color: #44518E;
		    color: #C6CCE7;
		    text-align: left;
		    margin: 0 0 1em 0;
		    padding: 0.5em 5%;
		    border-radius: 1em 1em 0 0;
		    border-bottom: 2px solid #424A70;
		    font-size: 1.1em;
		}
		h2:before {
		  content: "|||";
		  color: #99A3CE;
		  padding-right: 0.3em;
		  margin-left: -0.5em;
		}
		h3:before {
			content: "|||||";
			color: #99A3CE;
			padding-right: 0.3em;
			margin-left: -1em;
		}
		h1 a, h2 a, h3 a
		{
		    color: #EBCD86;
		}
		h1 a:hover, h2 a:hover, h3 a:hover
		{
		    color: #EBD7A6;
		}
		p
		{
		    font-size: 1em;
		    padding: 0 1em;
		    margin: 0.5em 0;        
		}
		a
		{
		    color: #D0AC54;
		    text-decoration: none;
		}
		a:hover
		{
		    color: #927121;
		    text-decoration: underline;
		}
		#wrapper
		{
		    background-color: #fff;
		    margin: 1em 5%;
		    padding: 0 0 2%;
		    border-radius: 20px;
		    min-height: 50%;
		    color: #007;
		}

		#wrapper p{ padding: 0 2%;}
		.bold { font-weight: bold; }
		#wrapper ol li{ padding: 0 2%;}
		pre
		{
		    border-radius: 20px;
		    padding: 0.5em 0;
		    background-color: #444;
		    color: #ddd;
		}
		@media screen and (max-width: 680px)
		{
		}
%body
	%h1< Plezi 404 error code (missing, not broken)...
	#wrapper
		%h2#missing
			couldn't find
			= defined?(request) ? request.path : "what you're looking for..."
		%p Sorry, we couldn't find what you're looking for...
		%p ... but we can always bring you something nice from another location, right?
		/ want to use your layout? use the :haml_concat method to wrap the 404 error code message. see http://haml.info/docs/yardoc/Haml/Helpers.html#haml_concat-instance_method .