body {
	background: url('../images/bg.gif') repeat;
}

#header {
	width: 100%;
	padding: 10px 0 0 0px;
	height: 92px;
	border-bottom: 5px solid #393939;
	background: white;
}

#logo {
	width: 37.65%;
	min-width: 282px;
	margin: 0 0 0 20px;
	float: left;
}

#initials {
	color: rgba(67,158,174, 1);
	text-shadow: 0 -1px 1px rgba(19,65,88,.8);
	font-size: 4em;
	width: 82px;
	height: 82px;
	background: url('../images/circle.gif') no-repeat;
	-webkit-transform: rotate(-20deg);
	float: left;
	padding: 5px 0 0 5px;
	font-weight: 300;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
	#initials {
	background: url('../images/circle(hd).gif') no-repeat);
	}
}

#name {
	font-size: 3.5em;
	line-height: 43%;
	margin: 20px 0 0 90px;
}

#name span {
	font-size: .7em;
	line-height: 10%;
}

@media screen and (max-width: 480px) {
	#name {
	font-size: 3.5em;
	}
}

#nav {
	float: right;
	font-size: 1.5em;
	height: 32px;
	padding: 60px 0 0 0;
	text-align: right;
}

@media screen and (max-width: 480px) {
	#nav {
		padding: 20px 0 0 0;
		margin: 0 auto;
		float: none;
		clear: left;
		text-align: center;
	}
}

#nav li {
	display: inline;
	margin: 0 20px 0 0;
}

.entry {
	clear: both;
	font-size:87.5%;
	line-height:1.5;
	margin: 0 auto 40px;
	width: 50.2%;
}

@media screen and (max-width: 480px) {
	.entry {
		width: 87.85%;
	}
}

@media screen and (min-width: 1300px) {
	.entry {
		width: 62.7%;
	}
}

#footer {
	margin: 20px 0 0 0;
	background: rgba(67,158,174, .5);
	padding: 10px;
	height: 20px;
	border: solid 1px rgba(67,158,174, .25);
}

/* fonts */

h1,h2,h3,h4,h5,h6,ul,li,p,ol {
	color: #393939;
	font-family: "museo-slab-1","museo-slab-2",serif;
}

h1.title{font-size:2.5em;line-height:1.1;margin:1.3em 0 0;font-weight:bold;}
.superscript{font-family:sans-serif;vertical-align:super;font-size:0.33em;margin-right:0.4em;margin-left:0.2em;text-transform:lowercase;font-variant:small-caps;letter-spacing:0.1em;line-height:0;}
.pullquote{font-style:italic;margin:0.5em 1.25em 0.3em 0;padding-top:0.15em;line-height:1.2;display:block;float:left;font-size:1.6em;width:40%;}
.pullquote:before {font-family:Monaco,Consolas,"Lucida Console",monospace;content:"“";font-size:2em;font-style:normal;text-indent:-0.75em;float:left;opacity:0.3;line-height:1.15;}
blockquote{font-style:italic;margin: 2em 5em 0 0;}
blockquote:before{content:"“";font-size:12em;font-style:normal;text-indent:-0.5em;float:left;opacity:0.3;line-height:.5;}
.author{font-size: 4em;line-height:1.25; }
@media screen and (max-width: 480px) {
	blockquote {
		margin: 2em 0 0 5em;
	}
}
@media screen and (max-width: 480px) {
	blockquote:before {
		font-size: 8em;
	}
}
.blue {
	color: rgba(67,158,174, 1);
}

/* layout */
ul{list-style-position:outside;list-style-type:disc;line-height:1.5;}
li{margin:0 0 0.75em 1em;}
ol{list-style-position:inside;list-style-type:decimal;margin:.75em 0 0 .75em;font-style: italic;}
ol:before{content:"{";font-size:13em;font-style:normal;text-indent:-.5em;float:left;opacity:.3;line-height:1.1;}
@media screen and (max-width: 480px) {
	ol {
		margin: 1em 0 0 4em;
	}
}
@media screen and (max-width: 480px) {
	ol:before {
		text-indent:-.4em;
	}
}