Corretto layout per la live. Ancora non riesco a caricare un video delle dimensioni corrette.

themes/blue-penguin/static/css/large.css

@@ -37,8 +37,12 @@ article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
     display: block;
 }
+html {
+    height: 100%;
+}
 body {
     line-height: 1;
+    height: 100%;
 }
 ol, ul {
     list-style: none;
@@ -60,6 +64,7 @@ body {
     font-family: sans-serif;
     font-size: 16px;
     line-height: 1.5em;
+    height: 100%;
 }
 
 header, #wrapper {
@@ -159,7 +164,8 @@ thead {
 }
 
 .page {
-    margin: 0 90px;
+    margin: 0 10px;
+    height: 100%;
 }
 
 .highlight {
@@ -279,8 +285,27 @@ header h2 {
     margin-top: 3em;
 }
 
+#live {
+    display: flex;
+    flex-flow: row nowrap;
+    justify-content: space-between;
+    align-items: stretch;
+    background-color: teal;
+    height: 75vh;
+}
+
+#embedded-video {
+    display: flex;
+    flex: 4;
+}
+
 #embedded-chat {
-    width: 300px;
+    display: flex;
+    flex: 1;
+}
+
+#live iframe {
+    flex: 1;
 }
 
 .pages {
@@ -357,6 +382,20 @@ footer p { margin: 0; }
         margin-left: 2.6em;
         padding:1em;
     }
+
+    .live {
+	display: none;
+    }
+
+    #embedded-video {
+	width: 720px;
+	height: 405px;
+    }
+
+    #embedded-chat {
+	width: 100%;
+	height: 400px;
+    }
 }
 
 @media screen and (max-width: 800px), print {