/*
Theme Name: David Court
*/


html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	font-family: Helvetica, sans-serif;
	background: #fff;
	width: 100%;
}

img {
	-ms-interpolation-mode: bicubic;
}


b,
strong {
	font-weight: 700;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}



ul {
	list-style: none;
	width: 100%;
}

.name, .name a, .name a:visited {
	color: #000;
	letter-spacing: .01em;
}

.name a:hover, .name a:visited:hover {
	color: #000;
	border-bottom: 1px solid #000;
}


/* ===================== LINKS ===================== */

a, a:visited {
	color: #333;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 0px solid #000;
}

a:hover, a:visited:hover {
	color: #000;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid #000;
}

a:active {
	color: #00ff00;
}

a img {
	border: 0;
}

.section {
	width: 100%;
	height: auto;
}


/* ===================== NAV -------------------------- */

li {
	list-style-type: none;
	margin-bottom: 0px;
	margin-top: 0;
	line-height: 19px;
}

ul {
	margin: 41px 0 0 0;
	padding: 0;
}

#nav {
	position: fixed;
	top: 26px;
	left: 5px;
}

#name {
	font-size: 13px;
	font-weight: bold;
}

.dot {
	font-size: 19px;
	font-weight: bold;
}

.cv {
	font-size: 12px;
}

#column, #hpgcolumn {
	font-family: Georgia;
	position: absolute;
	left: 0;
}

#column {
	top: 26px;
	width: 535px;
	padding-right: 50px;
	margin-left: 40%;
}

#hpgcolumn {
	top: 5px;
	margin-left: 15%;
}



/* ===================== FADE-IN ANIMATION ===================== */

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

#container, header, #textcontent {
    -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 3s; /* Firefox < 16 */
    -ms-animation: fadein 3s; /* Internet Explorer */
    -o-animation: fadein 3s; /* Opera < 12.1 */
    animation: fadein 3s;
}



/* ===================== HEADER =====================  */



/* ====================== LAYOUT ===================== */

.workgroup {
	padding-top: 30px; 
	width: 700px;
	margin-left: 10%;
	margin-bottom: 30px;
}

.workgroup img {
	margin-bottom: 15px;
	width: auto;
	height: auto;
}

.oembedder {
	margin: 15px 0 15px 0;
}

.thecontent {
	font-family: Palatino, serif;
	font-size: 10pt;
	margin-bottom: 15px;
}

#yearnav {
	display: none;
}

#cvcontent {
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 15pt;
	width: 600px;
	margin-left: 10%;
	margin-top: 30px;
	margin-bottom: 30px;
} 

#cvcontent a, #cvcontent a:visited {
	color: #000;
	letter-spacing: .01em;
	border-bottom: 1px solid #000;
}

#cvcontent a:hover, #cvcontent a:visited:hover {
	color: #222;
	border-bottom: 1px solid #222;
}

.oembedder iframe {
	width: 1000px;
	height: 582px;
}


/*===================== Elements =====================  */

hr {
	background-color: #eaeaea;
	background-color: rgba(51, 51, 51, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 1.6em;
}


/* ===================== Accessibility ===================== */

/* Text meant only for screen readers */
.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}


/* ===================== Clearings =====================  */

.clear:before,
.clear:after {
	content: "";
	display: table;
}

.clear:after,
.site:after,
.entry-content:after,
.comment-content:after,
.site-content:after,
.nav-links:after,
.comment-navigation:after,
.social-navigation ul:after,
.textwidget:after {
	clear: both;
}


/* ===================== Media Queries ===================== */

/*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/* ===================== DESKTOPS @ NARROW ===================== */

@media only screen 
and (max-width : 710px) {

}

/* ===================== IPAD ===================== */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 

.workgroup {
	margin-left: 235px;
	margin-bottom: 30px;
}

#nav {
	position: fixed;
	top: 30px;
	left: 30px;
}

#name {
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.cv {
	font-size: 12px;
}

}

/* ===================== IPAD LANDSCAPE ===================== */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape ) {

.workgroup {
	margin-left: 455px;
	margin-bottom: 30px;
}

} 

/* ===================== IPHONE 5 ===================== */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)  {

li {
	list-style-type: none;
	display: inline;
	margin-bottom: 0px;
	margin-top: 0;
	line-height: 19px;
}

ul {
	position: fixed;
	top: 14px;
	left: 100px;
	margin: 0;
	padding: 0;
	float: left;
}

#nav {
	position: fixed;
	top: 17px;
	left: 17px;
}

#name {
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.cv {
	font-size: 12px;
}

#column, #hpgcolumn {
	font-family: Georgia;
	position: absolute;
	left: 0;
}

#column {
	top: 26px;
	width: 535px;
	padding-right: 50px;
	margin-left: 40%;
}

#hpgcolumn {
	top: 5px;
	margin-left: 15%;
}

.workgroup {
	padding-top: 50px; 
	width: 285px;
	margin-left: 17px;
	margin-bottom: 30px;
}

.oembedder {
	margin: 15px 0 15px 0;
}

.workgroup img {
	margin-bottom: 15px;
	width: 285px;
	height: auto;
}

.thecontent {
	font-family: Palatino, serif;
	font-size: 10pt;
	margin-bottom: 15px;
}

#yearnav {
	display: none;
}

#cvcontent {
	font-family: Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 14pt;
	width: 280px;
	margin-left: 17px;
	margin-top: 50px;
	margin-bottom: 30px;
} 

#cvcontent a, #cvcontent a:visited {
	color: #000;
	letter-spacing: .01em;
	border-bottom: 1px solid #000;
}

#cvcontent a:hover, #cvcontent a:visited:hover {
	color: #222;
	border-bottom: 1px solid #222;
}

.oembedder iframe {
	width: 285px;
	height: 166px;
}


}

/* ===================== IPHONE 5 ===================== */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

.workgroup {
	padding-top: 50px; 
	width: 532px;
	margin-left: 17px;
	margin-bottom: 30px;
}

.oembedder {
	margin: 15px 0 15px 0;
}

.workgroup img {
	margin-bottom: 15px;
	width: 532px !important;
	height: auto !important;
}

.oembedder iframe {
	width: 532px;
	height: 309px;
}

}

/* ===================== IPHONE 4 ===================== */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

.workgroup {
	padding-top: 50px; 
	width: 445px;
	margin-left: 17px;
	margin-bottom: 30px;
}

.oembedder {
	margin: 15px 0 15px 0;
}

.workgroup img {
	margin-bottom: 15px;
	width: 445px;
	height: auto;
}

.oembedder iframe {
	width: 445px;
	height: 258px;
}

}

/* ===================== IPHONE 6 PORTRAIT ===================== */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

#nav {
	position: fixed;
	top: 17px;
	left: 17px;
}

#name {
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.cv {
	font-size: 12px;
}

ul {
	position: fixed;
	top: 14px;
	left: 100px;
	margin: 0;
	padding: 0;
	float: left;
}

.workgroup {
	padding-top: 50px; 
	width: 340px;
	margin-left: 17px;
	margin-bottom: 30px;
}

.oembedder {
	margin: 15px 0 15px 0;
}

.oembedder iframe {
	width: 340px;
	height: 197px;
}

.workgroup img {
	margin-bottom: 15px;
	width: 340px;
	height: auto;
}


#cvcontent {
	font-family: Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 14pt;
	width: 340px;
	margin-left: 17px;
	margin-top: 50px;
	margin-bottom: 30px;
} 

}

/* ===================== IPHONE 6 LANDSCAPE ===================== */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

#nav {
	position: fixed;
	top: 17px;
	left: 17px;
}

ul {
	position: fixed;
	top: 14px;
	left: 100px;
	margin: 0;
	padding: 0;
	float: left;
}

#name {
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.cv {
	font-size: 12px;
}

.workgroup {
	padding-top: 50px; 
	width: 632px;
	margin-left: 17px;
	margin-bottom: 30px;
}

.oembedder {
	margin: 15px 0 15px 0;
}

.workgroup img {
	margin-bottom: 15px;
	width: 632px;
	height: auto;
}

#cvcontent {
	font-family: Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 14pt;
	width: 632px;
	margin-left: 17px;
	margin-top: 50px;
	margin-bottom: 30px;
} 

.oembedder iframe {
	width: 632px;
	height: 367px;
}

}

/* ===================== IPHONE 6 PLUS PORTRAIT ===================== */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {

#nav {
	position: fixed;
	top: 17px;
	left: 17px;
}

#name {
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.cv {
	font-size: 12px;
}

ul {
	position: fixed;
	top: 14px;
	left: 100px;
	margin: 0;
	padding: 0;
	float: left;
}

.workgroup {
	padding-top: 50px; 
	width: 381px;
	margin-left: 17px;
	margin-bottom: 30px;
}

.oembedder {
	margin: 15px 0 15px 0;
}

.workgroup img {
	margin-bottom: 15px;
	width: 381px;
	height: auto;
}


#cvcontent {
	font-family: Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 14pt;
	width: 381px;
	margin-left: 17px;
	margin-top: 50px;
	margin-bottom: 30px;
} 

.oembedder iframe {
	width: 381px;
	height: 220px;
}

}

/* ===================== IPHONE 6 PLUS LANDSCAPE ===================== */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {

#nav {
	position: fixed;
	top: 17px;
	left: 17px;
}

ul {
	position: fixed;
	top: 14px;
	left: 100px;
	margin: 0;
	padding: 0;
	float: left;
}

#name {
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.cv {
	font-size: 12px;
}

.workgroup {
	padding-top: 50px; 
	width: 700px;
	margin-left: 17px;
	margin-bottom: 30px;
}

.oembedder {
	margin: 15px 0 15px 0;
}

.workgroup img {
	margin-bottom: 15px;
	width: 700px;
	height: auto;
}

#cvcontent {
	font-family: Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 14pt;
	width: 700px;
	margin-left: 17px;
	margin-top: 50px;
	margin-bottom: 30px;
} 

.oembedder iframe {
	width: 700px;
	height: 406px;
}

}


/* ===================== Galaxy S3 Portrait ===================== */

@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {

li {
	list-style-type: none;
	display: inline;
	margin-bottom: 0px;
	margin-top: 0;
	line-height: 19px;
}

ul {
	position: fixed;
	top: 14px;
	left: 100px;
	margin: 0;
	padding: 0;
	float: left;
}

#nav {
	position: fixed;
	top: 17px;
	left: 17px;
}

#name {
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.cv {
	font-size: 12px;
}

#column, #hpgcolumn {
	font-family: Georgia;
	position: absolute;
	left: 0;
}

#column {
	top: 26px;
	width: 535px;
	padding-right: 50px;
	margin-left: 40%;
}

#hpgcolumn {
	top: 5px;
	margin-left: 15%;
}

.workgroup {
	padding-top: 50px; 
	width: 320px;
	margin-left: 17px;
	margin-bottom: 30px;
}

.oembedder {
	margin: 15px 0 15px 0;
}

.workgroup img {
	margin-bottom: 15px;
	width: 325px;
	height: auto;
}

.thecontent {
	font-family: Palatino, serif;
	font-size: 10pt;
	margin-bottom: 15px;
}

#yearnav {
	display: none;
}

#cvcontent {
	font-family: Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 14pt;
	width: 325px;
	margin-left: 17px;
	margin-top: 50px;
	margin-bottom: 30px;
} 

#cvcontent a, #cvcontent a:visited {
	color: #000;
	letter-spacing: .01em;
	border-bottom: 1px solid #000;
}

#cvcontent a:hover, #cvcontent a:visited:hover {
	color: #222;
	border-bottom: 1px solid #222;
}

.oembedder iframe {
	width: 320px;
	height: 189px;
}

}

/* ===================== Galaxy S3 Landscape ===================== */

@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {

.oembedder iframe {
	width: 605px;
	height: 357px;
}

#cvcontent {
	width: 605px;
}

.workgroup {
	width: 605px;
}

.workgroup img {
	width: 605px;
}

}

/* ===================== Galaxy S4 Portrait ===================== */

@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

li {
	list-style-type: none;
	display: inline;
	margin-bottom: 0px;
	margin-top: 0;
	line-height: 19px;
}

ul {
	position: fixed;
	top: 14px;
	left: 100px;
	margin: 0;
	padding: 0;
	float: left;
}

#nav {
	position: fixed;
	top: 17px;
	left: 17px;
}

#name {
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.cv {
	font-size: 12px;
}

#column, #hpgcolumn {
	font-family: Georgia;
	position: absolute;
	left: 0;
}

#column {
	top: 26px;
	width: 535px;
	padding-right: 50px;
	margin-left: 40%;
}

#hpgcolumn {
	top: 5px;
	margin-left: 15%;
}

.workgroup {
	padding-top: 50px; 
	width: 320px;
	margin-left: 17px;
	margin-bottom: 30px;
}

.oembedder {
	margin: 15px 0 15px 0;
}

.workgroup img {
	margin-bottom: 15px;
	width: 325px;
	height: auto;
}

.thecontent {
	font-family: Palatino, serif;
	font-size: 10pt;
	margin-bottom: 15px;
}

#yearnav {
	display: none;
}

#cvcontent {
	font-family: Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 14pt;
	width: 325px;
	margin-left: 17px;
	margin-top: 50px;
	margin-bottom: 30px;
} 

#cvcontent a, #cvcontent a:visited {
	color: #000;
	letter-spacing: .01em;
	border-bottom: 1px solid #000;
}

#cvcontent a:hover, #cvcontent a:visited:hover {
	color: #222;
	border-bottom: 1px solid #222;
}

.oembedder iframe {
	width: 320px;
	height: 189px;
}

}

/* ===================== Galaxy S4 Landscape ===================== */

@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

.oembedder iframe {
	width: 605px;
	height: 357px;
}

#cvcontent {
	width: 605px;
}

.workgroup {
	width: 605px;
}

.workgroup img {
	width: 605px;
}

}


/* ===================== Google Nexus 7 ===================== */

@media screen 
  and (device-width: 800px) 
  and (device-height: 1280px) 
  and (-webkit-device-pixel-ratio: 2) {

li {
	list-style-type: none;
	display: inline;
	margin-bottom: 0px;
	margin-top: 0;
	line-height: 19px;
}

ul {
	position: fixed;
	top: 14px;
	left: 100px;
	margin: 0;
	padding: 0;
	float: left;
}

#nav {
	position: fixed;
	top: 17px;
	left: 17px;
}

#name {
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.cv {
	font-size: 12px;
}

#column, #hpgcolumn {
	font-family: Georgia;
	position: absolute;
	left: 0;
}

#column {
	top: 26px;
	width: 535px;
	padding-right: 50px;
	margin-left: 40%;
}

#hpgcolumn {
	top: 5px;
	margin-left: 15%;
}

.workgroup {
	padding-top: 50px; 
	width: 315px;
	margin-left: 17px;
	margin-bottom: 30px;
}

.oembedder {
	margin: 15px 0 15px 0;
}

.workgroup img {
	margin-bottom: 15px;
	width: 315px;
	height: auto;
}

.thecontent {
	font-family: Palatino, serif;
	font-size: 10pt;
	margin-bottom: 15px;
}

#yearnav {
	display: none;
}

#cvcontent {
	font-family: Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 14pt;
	width: 315px;
	margin-left: 17px;
	margin-top: 50px;
	margin-bottom: 30px;
} 

#cvcontent a, #cvcontent a:visited {
	color: #000;
	letter-spacing: .01em;
	border-bottom: 1px solid #000;
}

#cvcontent a:hover, #cvcontent a:visited:hover {
	color: #222;
	border-bottom: 1px solid #222;
}

.oembedder iframe {
	width: 315px;
	height: 185px;
}

}

/* ===================== Galaxy S4 Landscape ===================== */

@media screen 
  and (device-width: 800px) 
  and (device-height: 1280px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

.oembedder iframe {
	width: 605px;
	height: 357px;
}

#cvcontent {
	width: 605px;
}

.workgroup {
	width: 605px;
}

.workgroup img {
	width: 605px;
}

}


/* ===================== Google Nexus 6 ===================== */

@media screen 
  and (device-width: 412px) 
  and (device-height: 659px) 
  and (-webkit-device-pixel-ratio: 3.5) {

li {
	list-style-type: none;
	display: inline;
	margin-bottom: 0px;
	margin-top: 0;
	line-height: 19px;
}

ul {
	position: fixed;
	top: 14px;
	left: 100px;
	margin: 0;
	padding: 0;
	float: left;
}

#nav {
	position: fixed;
	top: 17px;
	left: 17px;
}

#name {
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.cv {
	font-size: 12px;
}

#column, #hpgcolumn {
	font-family: Georgia;
	position: absolute;
	left: 0;
}

#column {
	top: 26px;
	width: 380px;
	padding-right: 50px;
	margin-left: 40%;
}

#hpgcolumn {
	top: 5px;
	margin-left: 15%;
}

.workgroup {
	padding-top: 50px; 
	width: 380px;
	margin-left: 17px;
	margin-bottom: 30px;
}

.oembedder {
	margin: 15px 0 15px 0;
}

.workgroup img {
	margin-bottom: 15px;
	width: 380px;
	height: auto;
}

.thecontent {
	font-family: Palatino, serif;
	font-size: 10pt;
	margin-bottom: 15px;
}

#yearnav {
	display: none;
}

#cvcontent {
	font-family: Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 14pt;
	width: 380px;
	margin-left: 17px;
	margin-top: 50px;
	margin-bottom: 30px;
} 

#cvcontent a, #cvcontent a:visited {
	color: #000;
	letter-spacing: .01em;
	border-bottom: 1px solid #000;
}

#cvcontent a:hover, #cvcontent a:visited:hover {
	color: #222;
	border-bottom: 1px solid #222;
}

.oembedder iframe {
	width: 315px;
	height: 185px;
}

}

/* ===================== Galaxy S4 Landscape ===================== */

@media screen 
  and (device-width: 800px) 
  and (device-height: 1280px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

.oembedder iframe {
	width: 605px;
	height: 357px;
}

#cvcontent {
	width: 605px;
}

.workgroup {
	width: 605px;
}

.workgroup img {
	width: 605px;
}

}