/* PORTRAIT CSS */

/********************************************************** BODY*/
div.allWrapper
{
					width: 98%;
}

/********************************************************** TOP*/



/********************************************************** Photowrapper*/


div.pwpphotoBg
{
					background-size: 100%;
}

div.pwpPhoto img.peoplePic
{
					margin:23% 8% 30% 9%;
}

/********************************************************** NAV*/
header.navbar
{
					width: 98%;
					height: 4em;

					background: url("/assets/pwp/img/photobarbgsmall.png") no-repeat scroll 23.5% -0.7em transparent;
					/*background-clip: */
}

nav ul li
{
					font-size: 1.25em;
}

nav ul.menuSize6 li
{
	font-size:1.05em;
	line-height:3.85em;
}

/********************************************************** Academic info ****/


/**********************************************************  Academic Details ****/

section.ac_details
{
					margin-top:15.5%;
}

section.ac_info .slashes
{
	background-size: 100% 100%;
	height: 1.1em;
}


/**********************************************************  Main Content ****/

section.content
{
					/*width: 98%;
					margin:0;*/

}


/**********************************************************  Aside ****/

aside
{
					/*width: 98%;
					float: left;*/
}

/**********************************************************  Layout tweaks ****/

div.hr
{

}


/*
======================== 	   					 =============================
======================== 	   typography		 =============================
======================== 	   					 =============================
*/

/********************************************************** FORMS */

#pubSearchField
{
					width: 77%;
}

#searchOptions
{
					width: 100%;
					margin-left:0%;
					float:left;
}


.pubForm label
{
					width: 7.1%;
					margin-right:2%;
					margin-left:4%;
}

.pubForm select
{
					width:21.5%;
}


/**********************************************************  IMAGES */



/**********************************************************  HEADLINES */


section.ac_details h3,
div.contentAndSidebar div.h3wrapper h3,
aside h3
{
					/*width: calc(93% - 2.5em);
					width: -webkit-calc(93% - 2.5em);*/

					/*font-size: 1.6em;*/
					width: 90%;
					background:url('/assets/pwp/img/h3_long.png') scroll 0 0 transparent no-repeat;
					background-size:auto;

}

section.ac_details h3.long,
div.contentAndSidebar div.h3wrapper h3.long,
aside h3.long
{
					background-size:auto;

}


div.asideContentWrapper div.h3end,
div.contentAndSidebar div.h3end
{
				/*	width: 2.5em;
					height: 2.3em;		*/
}

section.content h2:first-child, section.content h2.first-child
{
				/*	margin-top: 0;*/
}

/********************************************************** H3 Funkyness */

div.asideContentWrapper span.slashes,
div.contentAndSidebar span.slashes
{
					/*height:1.30em;

					padding-top: 0.2em;
					padding-left: 0.5em;

					font-size: 1.6em;
					font-family: MetaWeb-Medium, Helvetica;
					font-weight: bold;
					letter-spacing: -1px;

					color: #841c1c;
					background-color: #e8e8e8;

					display: inline;
					float:left;*/
}


/**********************************************************  P Paragraphs */


/**********************************************************  P Funkyness */



/********************************************************** LINKS */



/********************************************************** LISTS */

nav ul
{
					width: 75%;
					margin-left:1%;

					float:left;
}



/********************************************************** SPANS */


/********************************************************** TABLES */

div.data-table tbody tr:first-child + tr td
{
          		    height:2.5em;
}


/********************************************************** OTHER */


/********************************************************** FOOTER */


footer
{
	width: 66%;
	margin: 2em auto;
	white-space: nowrap; /* there will be plenty of space, everything will be ok */
}

#address
{
	margin-left: 15%;
	float:left;
}

footer a
{
	line-height: 4em; /* added to override long line-heights messing up mobile view */
}

footer p a
{
	/* fix for line breaking mid */
	/* link on mobile view */
	white-space: nowrap;
}


/* ******************************************* WIZARDRY  */

#menuButtonWrapper
{
					padding-left:0.75em;
}