.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}

html {  max-width: 1024px;  margin: 0 auto;  background: #827e7e; 
  position: relative; /* a fix for absolute positioning problem */}
.video-wrapper { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.boxed { 
    border: 1px solid green  ;
    padding: 5px 10px 10px 10px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
.example { 
    background-color: #fff1dd;
    padding: 5px 10px 10px 10px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  p.box { width: 15em; padding: 1em; margin: 0.5em; border: solid green; float:left }

.border { border: 1px solid black }