body {
  font-family: Helvetica;
  color: #777777;
  font-size: 1em;
  /*
  background-image: url('http://farm7.static.flickr.com/6213/6235654727_436b2b40ac_m.jpg');
  */
  background-attachment: fixed;
}

/* Links */
a:link { 
	color: #666666;
	text-decoration: none;
	outline: none;
	}
a:visited { 
	color: #666666;
	text-decoration: none;
	}
a:hover { 
	color: #777777;
	text-decoration: none;
	}
a:active { 
	color: #666666;
	text-decoration: none;
	}
	
	
	/* Top Nav Links */
	
	/*Info Links */
	
	a.info:link { 
	color: #444444;
	padding-right: 1em;
	text-decoration: none;
	outline: none;
	}
	a.info:visited { 
	color: #444444;
	padding-right: 1em;
	text-decoration: none;
	}
	a.info:hover { 
	color: #666666;
	padding-right: 1em;	
	text-decoration: none;
	}
	a.info:active { 
	color: #444444;
	padding-right: 1em;
	text-decoration: none;
	}
	
	/*nav Links */
	
	a.nav:link {
	font-size: 1.2em;
	color: #666666;
	background: #FFFACD;
	padding: .3em;
	text-decoration: none;
	outline: none;
	}
	a.nav:visited {
	font-size: 1.2em;	  
	color: #666666;
	background: #FFFACD;
	padding: .3em;
	text-decoration: none;
	}
	a.nav:hover {
	font-size: 1.2em;	  
	color: #777777;
	padding: .3em;
	text-decoration: none;
	}
	a.nav:active {
	font-size: 1.2em;	  
	color: #666666;
	background: #FFFACD;
	padding: .3em;
	text-decoration: none;
	}	
	
	

/* General */
* {
  padding: 0;
  }

img,
embed,
object,
video {
	    max-width: 100%;
	    height: auto;
          }

a:img {border:0;}

ul {
	list-style-type: none;
}

.sub li {
	margin: .3%;
	list-style-type: none;
}

li {
  line-height: 1.4em;
}

.nav li {
  line-height: 2em;
}

.biography li {
  line-height: 2em;
}

h1 {
  font-size: 2em;
}

h2{
  margin-top: 3%;
  font-size: 1.2em;
}

h4 {
  font-size: .9em;
}

h4.back {
  float: right;
  color: #444444;
}

h4.email {
  margin-top: 1.4em;
}

@media screen and (min-width: 1024px) and (min-height: 600px) {
	h4.back {
		display: none;
	}
}

.btn{
	color: #666666;
	background: #FFFACD;
	text-decoration: none;
	outline: none;
	z-index: 100;
}

.more{
  display: none;
}

@media screen and (min-width: 1024px) and (min-height: 600px) {
	.btn {
	      color: #666666;
	      background: #FFF;
	      text-decoration: none;
	      outline: none;
	      z-index: 100;
	}
}
#wrapper {
	width: 94%;
	margin: 2%;
	min-width: 480px;
}

@media screen and (min-width: 1024px) and (min-height: 600px) {
	#wrapper{
		width: 90%;
		min-width: 768px;
		margin: auto;
	}	
}

/* left bar */

#left{
  display: none;
}

@media screen and (min-width: 1024px) and (min-height: 600px) {
    #left{
    /*
      background: #BBBBBB;
      max-width: 18em;
      width: 31.333333%;
    */
      font-size: 1.2em;
      display: block;
      max-height: 100%;
      position: fixed;
      float: left;
      max-width: 20em;
      overflow: visible;
      z-index: 3;
    }
}

	li.top {
	  float: left;
	  margin: .3%;
	}
	
	ul.info {
	  
	}
	
	ul.nav {
	  margin: 0;
	  padding: 0;
	  display: inline-block;
	  width: 100%;
	  min-width: 480px;
	}

@media screen and (min-width: 1024px) and (min-height: 600px) {
  #top {
    display: none;
  }
}

#name{
  font-size: 1em;
  line-height: 1.2em;    
}

#menu{
  font-size: 1em;
  line-height: 1.2em;  
}

#about{
  /*
  font-size: .61803398874989em;
  */
  font-size: 1em;
  line-height: 1.2em;  
}

#subnav{
  font-size: .8em;
  /*
  font-size: .61803398874989em;
  */
}

/* Center Column */
#main{
  /*
  margin-top: 1.2em;
  */
  float: left;
  text-align: left;
  font-size: 1em;
  /*
  width: 61.80339887%;
  */
  min-width: 9em;
  /*
   background: #DDDDDD;
  */
  height: 100%:
  overflow-y: auto;
  z-index: 1;
}

@media screen and (min-width: 1024px) and (min-height: 600px) {
  #main {
    margin-left: 22em;
    min-width: 18em;
  }
}

#landing {
  display: none;
}

@media screen and (min-width: 1024px) and (min-height: 600px) {
  #landing {
    display: block;
  }
}

.sub{
  float: left;
  width: 100%;
  /*
  text-align: center;
  */
  font-size: 1em;
  padding-bottom: 1%;
}

.statement {
  max-width: 40em;
  z-index: 101;
}

@media screen and (min-width: 1024px) and (min-height: 600px) {
  .statement {
    max-width: 50em;
    z-index: 101;
  }
}

#title{
  float: left;
  width: 100%;
}

#sectitle{
  float: left;
  width: 100%;
  color: #666666;
  margin-top: 1.2em;
  margin-bottom: .6em;
}

#small{
  float: left;
  font-size: 1em;

}

#big{
  float: left;
  font-size: 1em;
}

#info{
  float: left;
  text-align: left;
  font-size: 1em;
}

#solo{
  font-size: 1em;
}
#biography{
  float: left;
  width: 100%;
  font-size: 1em;
}

#videos {
  display: block;
}

#video {
  display: none;
}


@media screen and (min-width: 1024px) and (min-height: 600px) {
  #videos {
    display: none;
  }
  #video {
    display: block;
  }
}

#links{
  font-size: 1em;
  
}
/*
@media screen and (min-width: 1024px) and (min-height: 600px) {
	.footer {
		display: none;
	}
}
*/
#thumb{
  max-width: 150px;
  width: 32.7%;
  float: left;
  font-size: 1em;
  margin: .3%;
	}

#pthumb{
  max-width: 150px;
  width: 32.7%;
  float: left;
  font-size: 1em;
  margin: .3%;
	}
	
#wthumb{
  max-width: 150px;
  width: 32.7%;
  float: left;
  font-size: 1em;
  margin: .3%;
	}
	
#ithumb{
  max-width: 150px;
  width: 32.7%;
  float: left;
  font-size: 1em;
  margin: .3%;
	}
	
	
#hidden{
	display: none;	 
}

.video-container {
	position: relative;
	padding-bottom: 60%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

@media screen and (max-width: 1024px) {
  .video-container {
    display: none;
  }
  #interview{
    display: none;
  }
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}