Contact form, brackground image and such

botanjs/src/Astro/Blog/Element/Header.css

@@ -54,10 +54,66 @@ header {
 	-webkit-box-shadow: inset 0 0 10px 0 black;
 	box-shadow: inset 0 0 10px 0 black;
 
-	color: white;
-	background: lightslategray;
+    background-image: url(http://file.astropenguin.net/blog/layout-images/home.png);
+    background-position: 50% 0;
 	position: absolute;
 	overflow: hidden;
+
+    text-align: center;
+}
+
+.begin-wrapper:before {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: 0;
+    height: 100%;
+    width: 100%;
+
+    background-image: url(http://file.astropenguin.net/blog/layout-images/home.png);
+    background-position: 50% 0;
+    background-repeat: no-repeat;
+    opacity: 0.2;
+}
+
+.contact-wrapper {
+    text-align: center;
+    position: relative;
+}
+
+.contact-wrapper > * {
+    display: inline-block;
+    vertical-align: middle;
+    text-align: left;
+}
+
+.contact-block {
+    width: 40%;
+}
+
+.contact-form input, .contact-form textarea {
+    width: 100%;
+    text-align: left;
+}
+.contact-form > * {
+    margin-bottom: 0.5em;
+}
+
+.contact-form > input[type="submit"] {
+    width: auto;
+}
+
+.c-sep {
+    display: inline-block;
+    width: 1px;
+    margin: 0 2em;
+}
+.c-sep:after {
+    content: "";
+    position: absolute;
+    height: 100%;
+    border-left: 1px solid black;
+    top: 0;
 }
 
 .collapse_panel {