/* @font-face section generated by Font Squirrel (http://www.fontsquirrel.com) on March 30, 2011 */


@font-face {
	font-family: 'Kontrapunkt';
	src: url('fonts/webfontkits/kontrapunkt-light-webfont.eot');
	src: url('fonts/webfontkits/kontrapunkt-light-webfont.eot?iefix') format('eot'),
	     url('fonts/webfontkits/kontrapunkt-light-webfont.woff') format('woff'),
	     url('fonts/webfontkits/kontrapunkt-light-webfont.ttf') format('truetype'),
	     url('fonts/webfontkits/kontrapunkt-light-webfont.svgz#webfontNPSeZ4ya') format('svg'),
	     url('fonts/webfontkits/kontrapunkt-light-webfont.svg#webfontNPSeZ4ya') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Kontrapunkt';
	src: url('fonts/webfontkits/kontrapunkt-bold-webfont.eot');
	src: url('fonts/webfontkits/kontrapunkt-bold-webfont.eot?iefix') format('eot'),
	     url('fonts/webfontkits/kontrapunkt-bold-webfont.woff') format('woff'),
	     url('fonts/webfontkits/kontrapunkt-bold-webfont.ttf') format('truetype'),
	     url('fonts/webfontkits/kontrapunkt-bold-webfont.svgz#webfont1UUYQ1GS') format('svg'),
	     url('fonts/webfontkits/kontrapunkt-bold-webfont.svg#webfont1UUYQ1GS') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Yanone';
	src: url('fonts/webfontkits/yanonekaffeesatz-regular-webfont.eot');
	src: url('fonts/webfontkits/yanonekaffeesatz-regular-webfont.eot?iefix') format('eot'),
	     url('fonts/webfontkits/yanonekaffeesatz-regular-webfont.woff') format('woff'),
	     url('fonts/webfontkits/yanonekaffeesatz-regular-webfont.ttf') format('truetype'),
	     url('fonts/webfontkits/yanonekaffeesatz-regular-webfont.svgz#webfont3xdbzoL4') format('svg'),
	     url('fonts/webfontkits/yanonekaffeesatz-regular-webfont.svg#webfont3xdbzoL4') format('svg');
	font-weight: 400;
	font-style: normal;

}
@font-face {
	font-family: 'Yanone';
	src: url('fonts/webfontkits/yanonekaffeesatz-thin-webfont.eot');
	src: url('fonts/webfontkits/yanonekaffeesatz-thin-webfont.eot?iefix') format('eot'),
	     url('fonts/webfontkits/yanonekaffeesatz-thin-webfont.woff') format('woff'),
	     url('fonts/webfontkits/yanonekaffeesatz-thin-webfont.ttf') format('truetype'),
	     url('fonts/webfontkits/yanonekaffeesatz-thin-webfont.svgz#webfont2u3fuYKX') format('svg'),
	     url('fonts/webfontkits/yanonekaffeesatz-thin-webfont.svg#webfont2u3fuYKX') format('svg');
	font-weight: 100;
	font-style: normal;

}
@font-face {
	font-family: 'Yanone';
	src: url('fonts/webfontkits/yanonekaffeesatz-light-webfont.eot');
	src: url('fonts/webfontkits/yanonekaffeesatz-light-webfont.eot?iefix') format('eot'),
	     url('fonts/webfontkits/yanonekaffeesatz-light-webfont.woff') format('woff'),
	     url('fonts/webfontkits/yanonekaffeesatz-light-webfont.ttf') format('truetype'),
	     url('fonts/webfontkits/yanonekaffeesatz-light-webfont.svgz#webfontx7nWgxOt') format('svg'),
	     url('fonts/webfontkits/yanonekaffeesatz-light-webfont.svg#webfontx7nWgxOt') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Yanone';
	src: url('fonts/webfontkits/yanonekaffeesatz-bold-webfont.eot');
	src: url('fonts/webfontkits/yanonekaffeesatz-bold-webfont.eot?iefix') format('eot'),
	     url('fonts/webfontkits/yanonekaffeesatz-bold-webfont.woff') format('woff'),
	     url('fonts/webfontkits/yanonekaffeesatz-bold-webfont.ttf') format('truetype'),
	     url('fonts/webfontkits/yanonekaffeesatz-bold-webfont.svgz#webfontoPseDaBP') format('svg'),
	     url('fonts/webfontkits/yanonekaffeesatz-bold-webfont.svg#webfontoPseDaBP') format('svg');
	font-weight: 700;
	font-style: normal;
}






*{
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-size: inherit;
	line-height: inherit;
	text-shadow: #fff 1px 1px 1px, rgba(0,0,0,.1) -1px -1px 1px;
	vertical-align: inherit;
}

html,body{
	width: 100%;
	height: 100%;
}

body.mceContentBody{
	width: auto;
	height: auto;
	background-image: none;
}

body{
	background-color: #00467f;
	background-image: url('img/bg.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: #333;
	font-family: 'Yanone', sans-serif;
	font-size: 16px;
	line-height: 24px;
	vertical-align: top;
}

#holder{
	margin: 0px auto;
	padding: 32px 0px;
	width: 960px;
}

#contact{
	width: 480px;
	height: 260px;
	margin: auto auto;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

#main{
	display: block;
	border-radius: 6px;
	-moz-border-radius: 6px;
	background-color: #ccc;
	-moz-box-shadow: 0px 0px 8px #000;
	-webkit-box-shadow: 0px 0px 8px #000;
	box-shadow: 0px 0px 8px #000;
	background-image: url('img/top.png');
	background-repeat: repeat-x;
}
#side{
	background-image: url('img/side.png');
	background-repeat: repeat-y;
}

#logo{
	background-image: url('img/logo.png');
	background-repeat: no-repeat;
	width: 128px;
	height: 128px;
}
#logo a{
	display: block;
	height: 100%;
	width: 100%;
}
#logo a:hover{
	-moz-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
}
#logo span{
	display: none;
}


#contact td{
	padding: 0px 16px;
}
#contact #logo{
	margin: -16px;
	margin-top: 0px;
}
#contact h1{
	margin-top: 16px;
}
#contact h4{
	padding: 0px;
}
.cr{
	width: 96px;
	text-align: right;
}

#sidebar{
	display: block;
	width: 128px;
	float: left;
	vertical-align: top;
	text-align: right;
	text-shadow: #ddd 0px 1px 0px, #ddd 1px 0px 0px, #ccc -1px -1px 1px;
}
#sidebar *{
	text-shadow: inherit;
}
#sidebar a{
	display: block;
}

strong, em, b{
	font-weight: 700;
}

ul.nav{
	display: block;
	padding: 0px;
	margin: 0px;
}
ul.nav li{
	display: block;
	padding: 0px 8px;
	margin: 0px;
}
ul.nav li a{
	display: block;
	padding: 0px 8px;
	margin: 0px -8px;
	color: #005180;
	line-height: 24px;
	font-size: 18px;
	font-weight: 700;
}

#sidebar hr{
	margin-right: 1px;
}
.featured_posts{
	padding-bottom: 16px;
}

#sidebar .featured_posts a{
	float: left;
	text-align: center;
	opacity: 0.25;
}
#sidebar .featured_posts a:hover{
	padding: 0px;
	opacity: 1;
}

#sidebar .featured_posts a img{
	position: relative;
}
#sidebar .featured_posts a:hover img{
	position: relative;
	z-index: 9002;
}

#content{
	display: inline-block;
	width: 832px;
	float: left;
	vertical-align: top;
	min-height: 480px;
}

header{
	height: 128px;
	clear: both;
}

#site_search{
	display: block;
	float: right;
	margin: 20px 16px 0px 0px;
}
#site_search input{
	display: block;
	float: left;
	height: 18px;
	padding: 2px;
	line-height: 14px;
	margin-left: 4px;
	border: 1px solid #ccc;
	border-radius: 6px;
	-moz-border-radius: 6px;
	color: #005180;
	font-size: 16px;
}
#site_search input[type="text"]{
	background-color: #fff;
	background-image: url('img/search_animation.gif');
	background-repeat: no-repeat;
	background-position: 6px center;
	width: 128px;
}
#site_search input[type="text"]:focus{
	background-image: none;
}
#site_search input[type="submit"]{
	background-color: #ccc;
	background-image: url('img/button_tile_16.png');
	background-repeat: repeat-x;
	width: 64px;
	height: 24px;
	padding: 0px;
}
#site_search input[type="submit"]:hover{
	background-color: #ddd;
	border: 1px solid #ccc;
}

.button, .attention, a.button{
	display: block;
	background-color: #ccc;
	background-image: url('img/button_tile_32.png');
	background-repeat: repeat-x;
	text-align: center;
	margin: 8px 16px;
	padding: 0px 8px;
	border: 1px solid #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	line-height: 32px;
}
.button a, .attention a, a.attention, td .button{
	margin: 0px;
	border-radius: 6px;
	-moz-border-radius: 6px;
}



footer{
	clear: both;
	background-image: url('img/h_sep.png');
	background-repeat: repeat-x;
	background-position: center top;
}

#html5_badge{
}
#html5_badge a{
	margin-top: -8px;
	padding: 8px 16px;
	display: block;
	-moz-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
#html5_badge a:hover:before{
	display: none;
}
#html5_badge a:hover:after{
	position: absolute;
	z-index: 9010;
	margin-top: 3px;
	color: #666;
	white-space: nowrap;
	content: attr(title);
}



.tooltip:hover:before{
	position: absolute;
	z-index: 9010;
	white-space: nowrap;
	background: rgba(0,0,0,0.75);
	padding: 2px 4px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	margin-left: -4px;
	margin-top: -32px;
	border: 3px solid rgba(255,255,255,0.9);
	color: #fff;
	text-shadow: #000 0px 1px 1px;
	content: attr(title);
}


header h1, header h2{
	padding: 0px 0px 0px 16px;
	float: left;
	line-height: 64px;
}
header h3{
	padding: 0px 16px;
	clear: both;
}
header h3 .comment{
	font-family: inherit;
	opacity: 0.5;
	color: #333;
	font-size: 16px;
}

.clearfix{
	display: block;
	clear: both;
}

h1, h2, h3, h4, h5, h6{
	background-color: transparent;
	padding: 8px 16px;
	font-weight: 700;
	color: #005180;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	display: block;
	padding: 8px 16px;
	margin: -8px -16px;
	font-size: inherit;
	line-height: inherit;
	text-decoration: inherit;
	color: inherit;
	font-family: inherit;
	font-weight: inherit;
	text-shadow: inherit;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
	color: #b82200;
	background-color: rgba(255,255,255,.4);
}

h1{
	font-size: 48px;
	line-height: 56px;
	color: #b82200;
	font-family: 'Kontrapunkt';
	text-shadow: #fff 2px 2px 0px, #bbb -1px -1px 2px;
}
h2{
	font-size: 24px;
	line-height: 28px;
	font-family: 'Kontrapunkt';
	text-shadow: #fff 1px 1px 0px, #bbb -1px -1px 2px;
}
h3{
	font-size: 24px;
	line-height: 28px;
	font-weight: 300;
	font-family: 'Kontrapunkt';
}
h4{
	font-size: 18px;
}

a{
	color: #b82200;
	text-decoration: none;
	font-size: inherit;
	line-height: inherit;
	font-family: inherit;
}
a:hover{
	background-color: #fff;
	background-color: rgba(255,255,255,.4);
}
.body_copy a:hover,.tags a:hover,article .date a:hover,.model_details p a:hover, footer p a:hover, #intro_text a:hover{
	margin: -1px -2px;
	padding: 1px 2px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.a_reset a,.a_reset a:hover{
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	-moz-border-radius: 0;
	border-radius: 0;
}

.body_copy{
	text-align: justify;
}

.cat_nav{
	display: block;
	padding: 1px 0px;
}
.cat_nav .next{
	padding: 0px 16px;
	width: 384px;
	float: left;
	text-align: left;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.cat_nav .prev{
	padding: 0px 16px;
	width: 384px;
	float: right;
	text-align: right;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
article .date{
	padding: 0px 16px;
}
article .tags{
	display: block;
	padding: 8px;
	padding-bottom: 0px;
}

p{
	padding: 8px 16px;
}

ul, ol{
	display: block;
	padding: 8px 16px;
}
li{
	margin-left: 32px;
}

hr{
	clear: both;
	display: block;
	background-image: url('img/h_sep.png');
	background-repeat: repeat-x;
	height: 2px;
	position: relative;
	top: -1px;
	margin-top: -1px;
	margin-bottom: -1px;
	z-index: 9001;
}

article{
	background-image: url('img/h_sep.png');
	background-repeat: repeat-x;
	background-position: center top;
}

.debug{
	clear: both;
	text-align: left;
	padding: 16px;
	background-color: rgba(0,0,0,0.8);
	color: #9f0;
	text-shadow: none;
	line-height: 16px;
	white-space: pre-wrap;
	font-family: monaco, sans-serif;
	font-size: 10px;
}

.article_list{
	display: block;
	margin: 0px;
	padding: 0px;
	background-image: url('img/h_sep.png');
	background-repeat: repeat-x;
	clear: both;
}
.article_list .link{
	display: block;
	min-height: 104px;
	padding-bottom: 32px;
}
.article_list .teaser{
	display: block;
	position: absolute;
	padding: 5px 4px;
}
.article_list .title{
	display: block;
	font-size: 24px;
	line-height: 28px;
	color: #b82200;
	font-family: 'Kontrapunkt';
	font-weight: 700;
	padding: 0px 8px 4px 136px;
}
.article_list .description{
	display: block;
	line-height: 16px;
	padding: 0px 8px 8px 136px;
	color: #333;
}
.article_list .date{
	display: block;
	font-size: 14px;
	line-height: 12px;
	padding: 0px 8px 8px 136px;
	color: #005180;
}

.article_list .tags{
	display: block;
	height: 24px;
	padding: 0px;
	margin-top: -32px;
	margin-left: 136px;
	float: left;
}


.image_holder{
	display: block;
	text-align: center;
	white-space: pre-wrap;
	margin: 8px 0px;
}

.image_holder a,.image_holder iframe,.image_holder object{
	display: inline-block;
	border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 2px;
	margin: 2px;
	border: 1px dashed #b82200;
}
.image_holder a:hover,.image_holder iframe:hover,.image_holder object:hover{
	display: inline-block;
	border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 2px;
	margin: 2px;
	background-color: #fff;
	border: 1px dashed #005180;
}

.icon_64, .icon_128, .icon_256, .icon_512, .spec a{
	vertical-align: bottom;
	border-radius: 6px;
	-moz-border-radius: 6px;
	border: 1px solid #fff;
	padding: 13px;
	margin: 2px;
	background-color: #888;
}
.icon_64:hover, .icon_128:hover, .icon_256:hover, .icon_512:hover, .attention:hover, .spec a:hover{
	background-color: #666;
}




.model{
	display: block;
	background-color: #ddd;
}
.model_details{
	float: left;
	width: 192px;
}
.model_details h4{
	background-image: url('img/h_sep.png');
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #d4d4d4;
}
.model_image{
	float: right;
	width: 640px;
	background-color: #000;
	text-align: center;
}
.model_image a{
	display: block;
	width: 100%;
	height: 100%;
}
.model_image a:hover{
	background-color: transparent;
}
#iframe_maximus{
	position: relative;
	display: block;
	width: 640px;
	height: 360px;
	float: right;
	background-color: #000;
}
#iframe_maxize{
	cursor: pointer;
	background-image: url('img/magnifying_glass.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 8px 0px 0px 8px;
	width: 64px;
	height: 64px;
	position: absolute;
	z-index: 9003;
	opacity: 0.5;
}
#iframe_maxize:hover{
	opacity: 1;
}

code{
	display: block;
	background-color: #000;
	color: #9f0;
	font-family: monaco, monospace;
	font-size: 12px;
	line-height: 16px;
	white-space: pre-wrap;
	padding: 8px 16px;
	margin: 0px;
	margin-bottom: 16px;
	text-shadow: none;
}
#grue{
	margin-bottom: 0px;
}

blockquote{
	background-color: #ddd;
	padding: 8px;
	margin: 8px 16px;
	border-radius: 6px;
	-moz-border-radius: 6px;
}

blockquote p{
	padding: 8px;
}

#intro_text{
	font-weight: 300;
	float: left;
	margin-top: 32px;
	color: #005180;
	font-family: 'Kontrapunkt';
	font-size: 32px;
	line-height: 36px;
	text-shadow: #fff 1px 1px 0px, #bbb -1px -1px 1px;
}
#intro_text a,#intro_text strong{
	font-size: 36px;
	line-height: 36px;
	font-weight: 700;
	vertical-align: top;
	text-shadow: #fff 2px 2px 0px, #bbb -1px -1px 1px;
}
#intro_text .small{
	display: block;
	margin-top: 32px;
	font-size: 22px;
	text-shadow: #fff 1px 1px 0px, #bbb -1px -1px 1px;
}
#intro_text .small a{
	font-size: 26px;
	font-weight: 700;
	text-shadow: #fff 2px 2px 0px, #bbb -1px -1px 1px;
}

.float_r{
	float: right;
	clear: both;
	padding: 0px 16px;
}