/* --- GLOBAL --- */
		
			* {
				margin:0;
				padding:0;
			}
			
			html {
				background:url(tweed_3.png);
			}
			
			h1 {
				margin:1.5em 0 1em;
			}
			
			h1 img {
			}
			
			h2 {
				margin:1em 0;
			}
			
			h3 {
				margin:1em 0;
			}
			
			h4 {
				margin:1em 0;
			}
			
			blockquote {
				width:80%;
				margin:1em auto;
			}
			
			dl {
			}
			
			dl dt, dl dd {
				margin-bottom:0.5em;
				line-height:1.5em;
			}
			
			dl dt {
				float:left;
				width:30%;
			}
			
			dl dd {
				overflow:hidden;
				width:60%;
			}
			
			ul {
				list-style-type:none;
			}
			
			li {
				width:80%;
				margin:1.5em;
				padding:0 0.8em;
				border-left:2px solid #102a33;
			}
		
			/* --- LOCAL --- */
		
			div.ref {
				margin-bottom:2em;
				padding-bottom:2em;
				background:url(div.png) bottom center no-repeat;
			}
		
			div.ref .img img {
				max-width:100%;
			}
			

			
			/* --- RESPONSIVE --- */
			
			@media only screen and (min-width:0em) {
			
				#navwrap {
					width:100%;
					border:0;
					border-bottom:5px solid #0d2229;
					background-color:#173a46;
					box-shadow:0px 5px 15px 0 #333;
				}
				
				#nav {
					width:auto;
					max-width:40em;
					margin:0 auto;
				}
				
				#contentwrap {
					width:100%;
					margin:0 auto 2em;
					padding:0;
				}
				
				#content {
					width:100%;
					max-width:40em;
					margin:0 auto;
					padding:1em 1em 2em;
					border-bottom-left-radius:5px;
					border-bottom-right-radius:5px;
					background-color:#f4f4f4;
					box-shadow:0px 5px 15px 0 #555;
				}
			
			}
			
			@media only screen and (min-width: 50em) { /* rest is border */
			
				#content {
					width:80%;
					max-width:55em;
				}
			
			}
			
			/* --- FONTS --- */
			* {
				font-family:'Source Sans Pro', Verdana;
				color:#333;
			}
			
			h1, h1 * {
				vertical-align:bottom;
			}
			
			h1 {
				vertical-align:bottom;
				font-size:2.5em;
				font-family:'Open Sans Condensed', Arial;
				font-weight:300;
				font-style:italic;
				color:#102a33;
			}
			
			h2 {
				font-size:1.1em;
				font-family:'Open Sans Condensed', Arial;
				font-weight:700;
				font-style:normal;
			}
			
			h3 {
				font-size:1.0em;
				font-weight:400;
				font-style:normal;
				text-align:right;
			}
			
			h3 a {
				font-weight:400;
				font-style:italic;
			}
			
			h4 {
				font-size:1.0em;
				font-weight:400;
				font-style:italic;
			}
			
			h4 .work {
				font-weight:400;
				font-style:normal;
			}
			
			blockquote {
				font-size:1.4em;
				font-family:'Open Sans Condensed', Arial;
				font-weight:300;
				font-style:normal;
				text-align:center;
			}
			
			p {}
			
			q {
				font-style:italic;
			}
			
			li {
				line-height:1.5em;
			}
			
			a {
				color:#102a33;
			}
			
			strong {
				font-weight:600;
			}