html, body { height: 100%; }

html { background-color: #222; }
body {
    font-family: custom-sans;
}

header, footer { background-color: #0C121B; }

.content-wrapper {
    position: relative;

    margin: 0 auto;
    padding: 2em;

    width: 75%;

    background-color: rgba( 255, 255, 255, 0.6 );
}

.begin-wrapper {
    position: relative;

    min-height: 100%;
    color: #0C121B;
    background-color: white; /*#C2C5C9*/

	overflow: hidden;
}

.block_deco {
	position: absolute;

	width: 100%;
	height: 400px;

	bottom: 1000%;;
    right: -27px;

	background: url("http://file.astropenguin.net/blog/layout-images/build - blockdeco.png") no-repeat right bottom;
}

* html .begin-wrapper { height: 100%; }

.working-in-progress {
    width: 100%;
    height: 2em;

    color: white;
    background-color: black;
    background-image: repeating-linear-gradient(-35deg, transparent, transparent 35px, yellow 35px, yellow 70px);

    position: relative;
    display: block;
}

a {
    color: #3A68B2;/*#48494A;*/
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1, h2, h3, h4 { font-family: custom-serif; }

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }

ul.breadcrumb > li {
    display: inline-block;
}

ul.breadcrumb > li:first-child:before {
    content: "";
    position: absolute;
}

ul.breadcrumb > li:before {
    content: ">";
    color: rgba( 0, 0, 0, 0.2 );
}

.greyed { color: #C2C5C9; }