@charset "UTF-8";
/* CSS Document */
/* Sidebar height */
html { height: 100%; padding: 0px; margin: 0px;}
body { min-height: 100%; height: 100%; padding: 0px; margin: 0px;}

body			{background: url(../images/bg-tile.png); color: #555;}
.img			{display: block; display: inline-block; text-indent: -9999px; text-align: left;}
a				{outline: none; color: #479cd1;}
#content a:hover	{color: #444; text-shadow: 0px 1px 0px #fff;}
#content		{margin-bottom: 90px;}
.span-8 p.first-p:first-letter	{font-size: 36px; line-height: 36px; font-family: Georgia, "Times New Roman", Times, serif; color: #999;}

#sidebar		{background: url(../images/red-tile.jpg) repeat-y; color: #fff; position: relative;}
.inner-shadow	{background: url(../images/inner-shadow.png) no-repeat; width: 70px; height: 520px; position: absolute; top: 0px; right: 40px; z-index: 10;}
.outer-shadow	{background: url(../images/outer-shadow.png) no-repeat; width: 61px; height: 496px; position: absolute; top: 0px; left: -61px;}
.highlight		{background: url(../images/red-top.jpg) no-repeat; width: 310px; min-height: 576px; position: relative; top: 0px; left: 0px;}
#logo			{background: url(../images/name.png) no-repeat; width: 189px; height: 90px; position: relative; left: 80px; margin-top: 36px; z-index: 20;}
#nav			{margin-top: 54px; text-align: right; font-size: 18px; font-weight: bold; position: relative; z-index: 20;}
#nav a			{color: #fff; text-decoration: none;}
#nav h3			{color: #fff; font-weight: bold; font-size: 14px;}
.nav-item		{border-bottom: 1px solid #fff; position: relative; margin-bottom: 18px;}
.nav-num		{display: inline-block; width: 35px; background-color: #fff; color: #a60a0b; float: left; font-weight: bold; padding-right: 5px;}
.external-link	{background: url(../images/arrow.png) no-repeat; width: 12px; height: 13px; float: left; position: relative; top: 8px; left: 8px;}

.message		{font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #a9a9a9; font-size: 28px; margin: 18px 0px; position: relative;}
#home-message	{min-height: 300px; text-align: right; background: url(../images/me-home.png) bottom left no-repeat; margin-top: 90px;}
#about-link		{background: url(../images/about-me.png) no-repeat; position: absolute; right: 0px; bottom: 18px;  width: 192px; height: 58px;}

#content h2				{border-top: 1px solid #555; border-bottom: 1px solid #555; font-family: Georgia, "Times New Roman", Times, serif; color: #555;}

.where			{position: relative; border-bottom: 1px solid #555; margin-top: 36px; text-align: right; font-size: 10px;}
.page			{background-color: #9e090a; color: #fff; padding: 0px 4px; position: absolute; left: 0px; bottom: 3px;}
.red			{color: #9e090a; margin: 0px .1em;}

/* ABOUT */
.b-top			{background: url(../images/bulge-top.jpg) no-repeat bottom right; padding-bottom: 36px;}
.b-bottom		{background: url(../images/bulge-bottom.jpg) no-repeat top right; padding-top: 18px;}
#about-message	{background: url(../images/me-eyes.jpg) no-repeat bottom right; min-height: 300px; font-size: 24px;}
.redfin			{background: url(../images/redfin.png) no-repeat; width: 150px; height: 107px;}
.jfm			{background: url(../images/jfm.jpg) center no-repeat; width: 150px; height: 107px;}
.pathable		{background: url(../images/pathable.jpg) center no-repeat; width: 150px; height: 107px;}
.afew			{font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; text-shadow: 0px 1px 0px #fff; text-align: center; font-style: italic; margin: 0px; color: #555;}

/* WORK */
#work-message	{min-height: 400px; background: url(../images/me-slap.png) bottom right no-repeat;}
.projects-header	{font-style: italic; text-align: center;}
.gallery-item	{margin-bottom: 10px;}

/* Lifestream */
.google			{float: left;width: 120px; height: 89px; background: url(../images/reader.png) no-repeat;}
.pandora		{float: left;width: 120px; height: 89px; background: url(../images/pandora.png) no-repeat;}
.twitter		{float: left;width: 120px; height: 89px; background: url(../images/twitter.png) no-repeat;}
.desc			{float: left;}

.desc	 		{font-size: 18px; color: #a9a9a9; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 9px;}
.item			{margin-bottom: 18px; position: relative; left: -10px;}
