* {
		margin: 0;
		padding: 0;
		}
body 	{
		text-align: left;
		font-family: century gothic, helvetica, sans-serif;
		font-size: 62.5%;
		color: #444;
		background-color: #F2EEEA;
		line-height: 1.25em;
		}
	h1 {font-size: 2.0rem;}  /* =20px */
	h2 {font-size: 1.4rem;}  /* =14px */
	h3 {font-size: 2.0rem;}  /* =20px */
	h4 {font-size: 1.2rem;}  /* =12px */
	h5 {font-size: 1.1rem;}  /* =11px */
	h6 {font-size: 0.9rem;}  /* =9px */
	p {font-size: 0.9rem;}  /* =9px */
	A:link, A:visited, A:active {color: #000}
	A:hover {color: #593771}
	A:link, A:visited, A:active	{text-decoration: none;}
	img {
		border: none;
		}
	.publication {
		font-family: times;
		font-weight: 500;
		margin-left: 10px;
		opacity: 0.4;
		}	
/* start email obfuscation */				
	.blue {
		display: none;
		}
	.kern {
		letter-spacing: -0.18rem;
		}
/* end email obfuscation */				

#container {
		width: 100%;
		}
  	.clear {
		clear: both;
		}
#header {
		position: fixed;
		height: 80px;
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		background: #697746;
		z-index: 1000;
		}
	.tango img {
		float: left;
		margin: 15px 0 0 10%;
		height: 48px;
		width: 300px;
		}
	.nav ul {
		float: right;
		margin: 30px 12% 0 0;
		padding: 0 0 0 0;
		background: #697746;
		}	
	.nav li {
		display: inline-block;
		vertical-align: middle;
		list-style-type: none;
		letter-spacing: 1px;
		font-size: 1.2rem;
		font-variant: small-caps;
		}
	.nav li a {
		margin: 0 0 0 70px;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
		}
#title {
		width: 850px;
		margin: 112px auto 0 auto;
		padding: 4px 0 4px 0;
		text-align: center;
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		}
#articles {
		width: 850px;
		margin: 30px auto 0 auto;
		overflow: hidden;
		}
	.box {
		width: 100%;
		height: 250px;
		margin: 20px 0 20px 0;
		overflow: hidden;
		background: #FFF;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;		
	 	}		
	.box a {
		height: 100%;
		display: block;
		}	
	.box:hover {
		-webkit-opacity: 0.75;
		-moz-opacity: 0.75;
		opacity: 0.75;
		}
	.box img {
		float: left;
		width: 375px;
		margin: 0 0 0 0;
		}		
	h1 {
		width: 100%;
		margin: 2px auto;
		line-height: 1.5em;
		letter-spacing: 1px;
		font-weight: 200;
		color: #444;
		}			
	h2 {
		float: left;
		width: 400px;
		margin: 16px 0 4px 28px;
		line-height: 1.25em;
		letter-spacing: 1px;
		font-weight: 200;
		color: #444;
		}
	h6 {
		float: left;
		width: 400px;
		margin: 0 0 10px 28px;
		line-height: 1.25em;
		letter-spacing: 1px;
		font-weight: 100;
		color: #777;
		}		
	p {
		float: left;
	   	width: 400px; 
		margin: 4px 0 0 28px;
		line-height: 1.5em;
		text-align: left;
		color: #444;
		}
#bottom {
		width: 100%;
		background-color: #E5DCCB;
		}
	#b-wrap {
		width: 1000px;
		margin: 20px auto 0 auto;
		padding: 40px 0 0 0;
		overflow: hidden;
		}
	.dancer {
		float: left;
		width: 44%;
		}	
	.dancer img {
		float: left;
		width: 180px; 
		}
	.contact {
		float: right;
		width: 35%;
		margin: 10px 0 0 0;
		}					
	.icons {
		float: left;
		width: 100%; 
		margin: 10px 0 0 0;
		}
	.icons a {
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
		}				
	.icons img {
		float: left;
		width: 44px;
		margin: 10px 0 0 0;
		}
	.icons p {
		float: left;
		width: 280px;
		margin: 11px 0 0 10px;
		line-height: 1.5em;
		text-align: left;
		color: #000;
		font-size: 1.0rem;		
		}
	#bottom-bar {
		width: 100%;
		height: 50px;
		background-color: #697746;
		}