html, body {
	margin:0;
	padding:0;
	height:100%;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 100%;
}

#container {
	min-height:100%;
	position: relative;
	padding-right: 12px;
}

#navigation {
	background: url(../img-common/waves.jpg) no-repeat;
	width: 470px;
	float: left;
	height: 600px;
	display: block;
}

#navigation ul {
	list-style-type: none;
	font: bold 140%/140% "Lucida Grande", Lucida, Verdana, sans-serif;
}

.current {
	background-color: rgba(254, 170, 2, 0.6);}

#navigation a:link, #navigation a:visited {
	color:#000;
	text-decoration: none;
	padding: 4px;
}

#navigation a:hover, #navigation a:active {
	color: #fff;
	text-decoration: none;
	background-color: #c53636;
	padding: 4px;
}

/* @group social media */

#social {

}

#twitter {
	float: left;
	margin-right: 12px;
}

#pinterest {
	display: inline;
}



/* @end */

#content {
	position: absolute;
	width: 32%;
	height: 97%;
	left: 794px;
}

#content-nav {
	position: absolute;
	width: 32%;
	height: 97%;
	left: 484px;
	padding-top: 54px;
}

.hover a:link, .hover a:visited {
	color:#000;
	text-decoration: none;
	padding: 4px;
}

.hover a:hover, .hover a:active {
	color: #fff;
	text-decoration: none;
	background-color: #c53636;
	padding: 4px;
}

#content-nav a:link, #content-nav a:visited {
	color:#000;
	text-decoration: none;
}

#content-nav a:hover, #content-nav a:active {
	color: #fff;
	text-decoration: none;

}

.intro {
	width: 280px;
	font: 84%/160% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: transparent;
	float: left;
	position: absolute;
	left: 506px;
	top: 24px;
	color: #6e6e6e;
}

body#abstract #content-nav {
	width: 1820px;
}

body#abstract-wavelength #content {
	width: 5520px;
}

body#abstract-abstract-diary #content {
	width: 3800px;
}

body#abstract-dim-sum #content {
	width: 6880px;
}

body#abstract-current #content {
	width: 3680px;
}

body#abstract-reflection #content {
	width: 7680px;
}

body#archive #content-nav {
	width: 680px;
}

body#bio #content {
	width: 4200px;
}

body#contact #content {
	width: 200px;
}

body#encaustics #content-nav {
	width: 480px;
}

body#encaustics #content {
	width: 2600px;
}

body#encaustics-print #content {
	width: 2600px;
}

body#encaustics-paint #content {
	width: 8780px;
}

body#figurative #content {
	width: 2900px;
}

body#mixed-media #content {
	width: 1800px;
}

#content img {
	border: 1px solid #000;
	-moz-box-shadow: 6px 6px 8px #aaa;
	-webkit-box-shadow: 6px 6px 8px #aaa;
	box-shadow: 6px 6px 8px #aaa;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa')";

	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa');
	position: relative;
}

#content .text-column img {
	position: static;
	display: block;
	border: 1px none #000;
	-moz-box-shadow: 6px 6px 8px #fff;
	-webkit-box-shadow: 6px 6px 8px #fff;
	box-shadow: 6px 6px 8px #fff;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ffffff')";

	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ffffff');
}

.text-column a:link, .text-column a:visited {
	color: #c53636;
	text-decoration: underline;
	padding: 4px;
}

.text-column a:hover, .text-column a:active {
	background-color: #c53636;
	color:#fff;
	text-decoration: none;
	padding: 4px;
}

.intro a:link, .intro a:visited {
	color: #c53636;
	text-decoration: underline;
	padding: 4px;
}

.intro a:hover, .intro a:active {
	background-color: #c53636;
	color:#fff;
	text-decoration: none;
	padding: 4px;
}

.logo a:link, .logo a:visited {
	color:#000;
	text-decoration: none;
	background-color: white;
	margin-right: 12px;
}

.logo a:hover, .logo a:active {
	background-color: white;
	text-decoration: none;
}


#body {
	padding:12px;
	padding-bottom:130px;   /* Height of the footer */
}

#footer {
	position: fixed;
	bottom: 0px;
	padding-bottom: 4px;
	padding-left: 6px;
	font: 11px "Courier New", Courier, mono;
	color: rgba(102, 24, 24, 0.4);
}

.notes {
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: rgba(102, 24, 24, 0.4);	
}

.text-column {
	
	font: 75%/160% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 280px;
	height: auto;
	padding: 6px;
	border-left: 1px solid #bbb;
	float: left;
	margin-top: 34px;
	margin-left: 12px;
}

.title {
	font-weight: bold;
	background-color: rgba(254, 170, 2, 0.6);
	padding: 3px 6px;
}

.sub-title {
	font-weight: bold;
}

#footer a:link, #footer a:visited {
	color: rgba(102, 24, 24, 0.4);
	text-decoration: none;
	padding: 4px;
}

#footer a:hover, #footer a:active {
	text-decoration: none;
	background-color: rgba(144, 180, 77, 0.3);
	padding: 4px;
}