@font-face {
    font-family: 'BloklettersBalpen';
    src: url('fonts/blokletters-balpen-webfont.eot');
    src: url('fonts/blokletters-balpen-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/blokletters-balpen-webfont.woff') format('woff'),
         url('fonts/blokletters-balpen-webfont.ttf') format('truetype'),
         url('fonts/blokletters-balpen-webfont.svg#BloklettersBalpen') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 12px;
    line-height: 1.3;
    font-family: arial, sans-serif;
    color: #000;
    background: url(images/body.jpg) repeat 0 443px;
    min-width: 1016px;
}

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

#wrapper { background: url(images/wrapper.jpg) repeat-x 0 0; width: 100%; padding: 0 0 23px 0; }

.shell { width: 1015px; margin: 0 auto; }

#header { font-family: 'BloklettersBalpen', Arial, sans-serif; color: #fefdfc; padding: 33px 0 16px 0; }
#header h1 { font-size: 75px; line-height: 75px; padding: 0 0 9px 0; text-align: center;  }
#header h2 { font-size: 18px; line-height: 19px; width: 709px; position: relative; left: 266px; }

#navigation { height: 37px; line-height: 37px; font-size: 14px; text-transform: uppercase; font-weight: bold; position: relative; width: 100%; background: url(images/navigation.png) repeat-x 0 0; }
#navigation ul li { float: left; list-style: none; padding-right: 1px; background: url(images/separate.png) no-repeat right top; }
#navigation ul li a { float: left; color: #fff; padding: 0 27px; }
#navigation ul li a:hover { text-decoration: none; }
#navigation .left-flag, #navigation .right-flag { position: absolute; left: 0; bottom: -8px; background: url(images/flags.png) no-repeat 0 -11px; width: 8px; height: 9px; font-size: 0; line-height: 0; text-indent: -4000px; }
#navigation .right-flag { background-position: -9px -11px; left: auto; right: 0; }
#navigation .last { background: none; }

#main { padding: 0 7px; width: 1001px; background: url(images/main.png) repeat-y 7px top; padding: 36px 7px 36px 7px; }

#footer { background: #000; width: 100%; position: relative; color: #fff; padding: 30px 0 23px 0; }
#footer .left-flag, #footer .right-flag { position: absolute; left: 0; top: -8px; background: url(images/flags.png) no-repeat 0 0; width: 8px; height: 9px; font-size: 0; line-height: 0; text-indent: -4000px; }
#footer .right-flag { background-position: -9px 0; left: auto; right: 0; }
#footer p { font-size: 11px; line-height: 19px; color: #999; text-align: center; }
#footer p a { color: #999; }
#footer p span { padding: 0 3px; }

.post { border: 1px solid #d7d7d7; background: #fff; margin: 0 36px 0 36px; padding: 30px 35px 22px 42px; width: 850px; }
.post h3 { font-family: Trebuchet, Arial, sans-serif; font-size: 23px; line-height: 25px; color: #420001; text-align: center; padding-bottom: 22px; }
.post h4 { font-size: 17px; line-height: 20px; color: #910d0f; padding-bottom: 13px; }
.post p { font-size: 14px; line-height: 22px; padding-bottom: 11px; }
.post ul { padding: 3px 0 3px 0; }
.post ul li { list-style: none; background: url(images/bullet.png) no-repeat 4px 4px; padding: 0 0 15px 19px; }
.post ol { padding: 8px 0 3px 24px; }
.post ol li { font-size: 13px; line-height: 20px; color: #910d0f; font-weight: bold; }
.post ol li p { font-size: 14px; color: #222; font-weight: normal; }

.quote { background: #efefef; line-height: 20px; color: #4e4a4a; padding: 10px 23px 3px 23px; width: 794px; margin-bottom: 13px; position: relative; }
.quote .quote-view { position: absolute; left: 7px; top: 9px; background: url(images/quote.png) no-repeat 0 0; width: 8px; height: 7px; font-size: 0; line-height: 0; text-indent: -4000px; }

.text-and-image { width: 615px; margin: 0 auto; position: relative; padding: 0 0 21px 0; }
.text-and-image img { position: absolute; left: 0; top: 0; }
.text-and-image h5 { font-size: 32px; line-height: 38px; padding: 0 0 5px 0; }
.text-and-image h6 { font-size: 18px; line-height: 30px; }
.text-and-image .text { font-family: 'BloklettersBalpen', Arial, sans-serif; padding: 16px 0 0 135px; }
.text-and-image .text a { text-decoration: underline; color: #fff; }
.text-and-image .text a:hover { text-decoration: none; }