@font-face {
	font-family: myMainFont;
	src: url(fonts/JetBrainsMono-Regular.ttf);
}
body {
font: 85% 'Open Sans',Helvetica,Arial,sans-serif;
/*	font-family: MyMainFont; */
background-color: #b0b0b0;
}

#header {
display:list-item; /* flex in css3 */
height: 12em;
background-color: #000000;
margin-top: 30px;
}
@media screen and (max-device-width: 480px) {
	#header {
		display: none;
	}
}
#header-left {
background: url("/photos/DougAtThePiano2.jpg") no-repeat scroll left center / 150% auto #000; /* 541px 370px */
float: left;
height: 12em;
text-align: left;
width: 20%;
}
#header-right {
background: url("/photos/DougAtWeddingReception.jpg") no-repeat scroll center center / 100% auto #000; /* 462px 300px 28.875em 18.75em */
float: left;
height: 12em;
text-align: right;
width: 20%;
}
#header-center {
/* background: url("/images/DougLogo.png") no-repeat scroll center center / 45% auto #000; */ /* 689px 305 px */
background: url("/images/Doug.jpg") no-repeat scroll center top #000;
color: white;
float: left;
font-family: "Dancing Script";
font-size: 1.7em;
height: 7em;
text-align: left;
width: 59%;
}
.article a:visited:before {
   content:  "\2713 ";
}
.article, .article2 {
background: #f6f6f6 none repeat scroll 0 0;
border: 1px solid #aaa;
border-radius: 12px;
margin: 10px 2%;
padding: 5px;
text-align: center;
overflow: hidden;
}
.article:first-of-type  vid, .article2:first-of-type vid{
border-top: none;
background: transparent;
}
.article .articlecolumn, .article2 .articlecolumn {
width: 46%;
margin: 1.0em 1% 0;
float: left;
text-align: justify;
}
@media only screen and (max-width: 600px) {
.article .articlecolumn, .article2 .articlecolumn {width: 90%;}
}
.article .picture, .article2 .picture {
font: 11px/1.4em 'Open Sans',Arial, sans-serif;
overflow: hidden;
}
.ctr{
margin: 0 auto;
position: relative;
}
.article figure, .article2 figure{
background-color:#cccccc;
}
.article .picture img, .article2 .picture img {
/* border: 1px solid #CCCCCC; */
/* http://www.labnol.org/internet/design/add-text-captions-align-images-html-css/2309/ */
vertical-align: middle;
/* margin-bottom: 3px; */
}
.article .right, .article2 .right{
margin: 0.5em 0pt 0.5em 0.8em;
float: right;
}
.article .left, .article2 .left {
margin: 0.5em 0.8em 0.5em 0;
float: left;
}
.article .imgleft, .article2 .imgleft {
max-width: 100%;
}
}.crop {
background: url("/Adrien/Baby 2014-12-22 - IMG_2048.jpg") no-repeat -235px -582px;
height: 307px;
margin: 10px auto 20px;
width: 630px;
}
div.spacer {
  clear: both;
}
div.spacer:before{
    content: "\00a0 ";
}
h1, h2, h3, h4, h5 {
	margin: 0.2em 0;
	padding:0;
	text-align: center;
}
.reading {
	text-align: justify;
	margin:20px 20px;
	float: left;
/* text-indent: 1em; */
}
div.float,  div.float2, div.float3{
float: left;
/* height: 100px; */
margin: 1px;
/*order: 2px solid black;*/
}
/* margin: 10px 0 10px 10px; */
div.float img,  div.float2  img{
/* height: 100px; */
/* margin: 5px 10px 0; */
}
div.float3 img{height: auto;}
div.float p, div.float2 p, div.float3 p{
/* width: 130px; */
font-size: smaller;
margin: 0 0;
}
#content ul {
list-style: none;
text-align: left;
/* margin: 2px 0 0 11px; */
}
#content {
/* text-align: center; */
}
#content ul li {
/* background: url('/images/bullet_label.jpg') no-repeat scroll left 0.5em; */
/* line-height: 3em; */
/* padding-left: 36px; */
/* text-align: left; */
}
#bottom {
border-top: solid 1px;
padding-top: 10px;
}
.vid {
height: 0;
margin: 0 auto;
padding-bottom: 56.25%;
position: relative;
width: 75%;
}
.article vid {
z-index: 0;
}
.vid .ifrm {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
 }
.frme{
margin: 1em;
}
/* unvisited link (red ff0000) - standard color blue #0000ff wiki 0645AD */
#footer h4 a:link {
color: #0645AD;
}
/* visited link (lime 00ff00 - standard color purple #80080 wiki local 0B0080 wiki 663366 */
#footer h4 a:visited {
color: #0645AD;
}
/* mouse over link FF00FF - standard color red #ff0000 wiki ff0000  ffffff/336699 */
#footer h4 a:hover {
color:#ffffff;
background:#0645AD;
}
/* selected link 0000FF - standard color red #ff0000 wiki ff0000 */
#footer h4 a:active {
color: #0000FF;
}

.youtube-container { display: block; margin: 20px auto; width: 100%; max-width: 600px; }
.youtube-player { display: block; width: 100%; /* assuming that the video has a 16:9 ratio */ padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; }
img.youtube-thumb { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto }
div.play-button { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("/images/play-button-48.png") no-repeat; }
#youtube-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.youtube-containerf { float: left; margin: 20px 20px; width: 600px; }
.youtube-containerf h2 { height: 54px; }

@font-face{font-family:"Antenna Cond Black";
src:url(/fonts/AntennaCondBlack.eot);
src:url(/fonts/AntennaCondBlack.woff) format("woff"),url(/fonts/AntennaCondBlack.ttf) format("truetype");font-style:normal;font-weight:normal}

@font-face{font-family:"Benton Sans Medium";
src:url(/fonts/BentonSansMedium.eot);
src:url(/fonts/BentonSansMedium.woff) format("woff"),
url(/fonts/BentonSansMedium.ttf) format("truetype");
font-style:normal;font-weight:normal}

@font-face{font-family:"Benton Sans";
src:url(/fonts/BentonSans.eot);
src:url(/fonts/BentonSans.woff) format("woff"),
url(/fonts/BentonSans.ttf) format("truetype");
font-style:normal;font-weight:normal}

@font-face{font-family: "Old English";
src:url(/fonts/agincourt.ttf);
font-style:normal;font-weight:normal}

@font-face{font-family: "AvenirNextLTPro";
src:url(/fonts/AvenirNextLTPro-Regular.woff);
font-style:normal;font-weight:normal}