@charset "UTF-8";
/* CSS Document */


@import url(http://fonts.googleapis.com/css?family=Oswald);

#index a.button.n1, #professional a.button.n2, #education a.button.n3, #organize a.button.n4, #research a.button.n5, #projects a.button.n6{background-color:#333333};

@media (min-width: 800px) {
  
}

body h1{
	font-family: 'Oswald', sans-serif;
	font-size:2.5rem;
}

aside.large-3{
	margin-top:125px;
}

#education aside.large-3{
	margin-top:101px;
}

i.myCite{
	position:relative;
	top:-.5rem;
	left:1rem;
	width:3rem;
}

div.large-8.medium-8.small-8.columns{
	margin-top:-1rem;
}

#index img.right{
	margin-left:1rem;
	margin-top:.6rem;
}

@media only screen and (max-width: 40em){ 
	#education h4{
		text-decoration: underline;
	}
}

/* ipad portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
		.tabs dd > a, .tabs .tab-title > a {
      padding: .8rem .3rem;
      font-size:.8rem;}
      	aside blockquote, aside ul li, aside p{
      		font-size:.8rem;
      	}		
}
/* end of ipad portrait */

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
		.tabs dd > a, .tabs .tab-title > a {
      padding: .8rem .6rem;
      font-size:1rem;}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
		.tabs dd > a, .tabs .tab-title > a {
      padding: .8rem 1rem;
      font-size:.8rem;	
  		}
		.tabs dd{
			width:100%;
		}
}