* {
		margin: 0;
		padding: 0;
		}
body 	{
		text-align: center;
		font-family: century gothic, helvetica, sans-serif;
		font-size: 62.5%;
		color: #000;
		background-color: #F2EEEA;
		line-height: 1.25em;
		}
	h1 {font-size: 1.4rem;}  /* =18px */
	h2 {font-size: 1.4rem;}  /* =18px */
	h3 {font-size: 1.8rem;}  /* =18px */
	h4 {font-size: 1.2rem;}  /* =12px */
	h5 {font-size: 0.8rem;}  /* =11px */
	h6 {font-size: 0.9rem;}  /* =8px */
	p {font-size: 0.9rem;}  /* =9px */
	a:link, a:visited, a:active {color: #222}
	a:hover {color: #593771}
	a:link, a:visited, a:active	{text-decoration: none;}
	img {
		border: none;
		}
/* start email obfuscation */				
	.blue {
		display: none;
		}
	.kern {
		letter-spacing: -0.18rem;
		}
/* end email obfuscation */				

	.article {
		font-size: 0.8rem;
		vertical-align: middle;
		}
#container {
		width: 100%;
		}
  	.clear {
		clear: both;
		}
#header {
		height: 80px;
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		background: #697746;
		z-index: 1000;
		}
	.tango img {
		margin: 0 auto;
		padding-top: 10px;
		display: block;
		height: 38px;
		width: 242px;
		}
	.nav ul {
		margin: 8px auto 12px auto;
		background: #697746;
		}
	.nav li {
		display: inline-block;
		vertical-align: middle;
		list-style-type: none;
		letter-spacing: 1px;
		font-size: 1.1rem;
		font-variant: small-caps;
		}
	.nav li a {
		margin: 0 16px 0 16px;
		-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;
		}
.wraptop {
		width: 100%;
		margin: 22px auto 0 auto;
	 	}
.wrap2 {
		width: 100%;
		margin: 0 auto;
	 	}
.wrapa {
		width: 96%;
		margin: 0 auto;
		overflow: hidden;
	 	}
/* start top row boxes */		
/* This box contains text about Tim as writer / editor. Clicking opens bio window */		
.box-top-left {
		width: 95%;
		height: 280px;
		margin: 2% auto;
		}
.box-top-left p {
		float: left;
		width: 90%;
		margin: 6% 0 0 10%;
		}

.box-top-mid {
		width: 95%;
		height: 280px;
		margin: 0 auto 2% auto;
		background: #697746;
		}
.box-top-mid img, .box-top-right img {
		width: 45%;
		min-width: 200px;
		margin: 2px auto 8px auto;
		}
			
/* This box contain newest article */		
.box-top-right {
		width: 95%;
		height: 280px;
		margin: 0 auto;
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-ms-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
		}
.box-top-mid a {
		height: 100%;
		display: block;
		}
.box-new-r:hover {
		-webkit-opacity: 0.75;
		-moz-opacity: 0.75;
		opacity: 0.75;
		}			
/* end top row boxes */		
		
/* start row 2 boxes */		
.box2-left {
		width: 95%;
		height: 280px;
		margin: 2% auto;
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-ms-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
		}
.box2-left a, .box2-right a {
		height: 100%;
		display: block;
		}	
.box2-left:hover {
		-webkit-opacity: 0.75;
		-moz-opacity: 0.75;
		opacity: 0.75;
		}

.box2-left {
		width: 95%;
		height: 280px;
		margin: 2% auto;
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-ms-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
		}
.box2-left a {
		height: 100%;
		display: block;
		}	
.box2-left:hover {
		-webkit-opacity: 0.75;
		-moz-opacity: 0.75;
		opacity: 0.75;
		}

.box2-mid {
		width: 95%;
		height: 280px;
		margin: 0 auto;
		background: #697746;
		-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;
		}
.box2-mid a {
		height: 100%;
		display: block;
		}	
.box2-mid:hover {
		-webkit-opacity: 0.75;
		-moz-opacity: 0.75;
		opacity: 0.75;
		}

.box2-right {
		width: 95%;
		height: 280px;
		margin: 2% auto;
		background: #697746;
		overflow: hidden;
		}
.bag {
		width: 260px;
		height: 260px;
		margin: 0 auto;
		}		
/* end row 2 boxes */		

/* start row 3 boxes */		
.box3-left {
		width: 95%;
		height: 280px;
		margin: 2% auto;
		-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;
		}
.box3-left a {
		height: 100%;
		display: block;
		}	
.box3-left:hover {
		-webkit-opacity: 0.75;
		-moz-opacity: 0.75;
		opacity: 0.75;
		}

.box3-right {
		width: 95%;
		height: 280px;
		margin: 2% auto;
		-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;
		}
.box3-right a {
		height: 100%;
		display: block;
		}	
.box3-right:hover {
		-webkit-opacity: 0.75;
		-moz-opacity: 0.75;
		opacity: 0.75;
		}
/* end row 3 boxes */		

/* start row 4 boxes */
/* This box contains twitter feed */		
.box4-left {
		width: 95%;
		height: 280px;
		margin: 2% auto;
		-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;		
	 	}
.box4-left a {
		height: 100%;
		display: block;
		}	
.box4-left:hover {
		-webkit-opacity: 0.75;
		-moz-opacity: 0.75;
		opacity: 0.75;
		}

/* This box contains an article */		
.box4-mid {
		width: 95%;
		height: 280px;
		margin: 0 auto;
		-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;
		}
.box4-mid a {
		height: 100%;
		display: block;
		}	
.box4-mid:hover {
		-webkit-opacity: 0.75;
		-moz-opacity: 0.75;
		opacity: 0.75;
		}

/* This box contains an article */		
.box4-right {
		width: 95%;
		height: 280px;
		margin: 2% auto;
		background: #697746;
		overflow: hidden;
		}
.twitter {
		width: 96%;
		margin: 10px auto 0 auto;
		}
/* end row 4 boxes */		

	h1 {
		width: 100%;
		margin: 0 auto;
		padding: 2px 0 0 0;
		line-height: 1.25em;
		letter-spacing: 1px;
		font-weight: 400;
		color: #F2EEEA;
		background: #222;
		opacity: 0.8;		
		}
	h2 {
		width: 100%;
		margin: 0 auto 20px auto;
		line-height: 1.5em;
		letter-spacing: 1px;
		font-weight: 400;
		color: #F2EEEA;
		}
	h3 {
		width: 90%;
		margin: 16px auto;
		line-height: 1.25em;
		letter-spacing: 1px;
		font-weight: 400;
		color: #F2EEEA;
		}
	h4 {
		width: 90%;
		margin: 6px auto;
		line-height: 1.25em;
		letter-spacing: 1px;
		font-weight: 200;
		}
	h5 {
		width: 100%;
		margin: 0 auto;
		padding: 0 0 2px 0;
		line-height: 1.25em;
		font-weight: 200;
		color: #F2EEEA;
		background: #222;
		opacity: 0.8;		
		}	
	p {
	   	width: 80%; 
		margin: 26px auto 0 auto;
		line-height: 1.5em;
		text-align: left;
		color: #F2EEEA;
		}

.twitter {
		 width: 99%;
		 margin: 10px 0 0 0;
		 background: #697746;
		 }		
#bottom {
		width: 100%;
		background-color: #E5DCCB;
		}
	#b-wrap {
		width: 92%;
		margin: 20px auto 0 auto;
		padding: 20px 0 0 0;
		overflow: hidden;
		}
	.dancer {
		float: left;
		width: 20%;
		margin: 0 0 0 0;
		}	
	.dancer img {
		float: left;
		width: 100px; 
		}

	.contact {
		float: right;
		width: 64%;
		margin: 6px 0 0 0;
		}					
	.icons {
		width: 100%; 
		margin: 0 0 16px 0;
		overflow: hidden;
		}
	.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: 20px;
		margin: 4px 0 0 0;
		}
	.icons p {
		float: left;
		width: 85%;
		margin: 4px 0 0 4px;
		line-height: 1.25em;
		color: #222;
		font-size: 0.7rem;
		}
	#bottom-bar {
		width: 100%;
		height: 50px;
		background-color: #697746;
		overflow: hidden;
		}