/*
Theme Name:King com H5
Theme URI: http://blog.king51.com/?p=1272
Description: Usering the html5+Css3. Designed by <a href="blog.king51.com/">King51</a>.
Version: 0.1.100709
Author: king51
Author URI: http://blog.king51.com/
Tags: light, brown, two-columns, flexible-width, right-sidebar,  threaded-comments
  Arclite Wordpress theme
   http://blog.king51.com/
  Design and coding by digitalnature
    http://blog.king51.com/
  The CSS, XHTML and design is released under GPL.
    http://www.opensource.org/licenses/gpl-license.php
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}
body {
    margin: 0 auto;
    position: relative;
    background-color: #fff;
    background-image: url('images/body.gif');
    background-position: bottom;
    background-repeat: repeat-x;
	color: #333;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 81.25%;
    line-height: 1.3846; /* Baseline grid of 18px */
    text-align: center;
    margin-bottom: 75px;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
/* tables may still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* @end Reset */
/* @group Font sizes */
/* basic font sizes */
p, ul, ol, dl, table, address, blockquote, fieldset, pre, form div {
	font-size: 1em;  /* 14px */
}
/* deal with likely (but certainly not all) inherited shrinkage */
ul p, ol p, table p, dl p, ul ul, ol ol, ul ol, ol ul, address p, blockquote p, form div div, form div p, fieldset div, table form div {
	font-size: 1em;
}
/* @end Font sizes */
/* @group Margins */
p, ul, ol, dl, address, table, blockquote, pre, fieldset {
	margin-bottom: 1.4286em; /* 20px */
}
p {
	margin: 0.8571em 0 1.4286em 0;
}
form {
	margin-bottom: 1.517em; /* 18px */
}
ul ul, ol ol, ol ul, ul ol {
	margin-bottom: 0;
}
/* @end Margins */
/* @group Links */
a {
	font-weight: bold;
	text-decoration: underline;
}
a:link,
a:visited {
	color: #09f;
}
a:hover,
a:focus,
a:active {
	color: #234;
}
/* @end Links */
/* @group Headings */
h1 {
	font-size: 3.0769em;	/* 40px */
	line-height: 1;			/* 40px */
	margin-top: 0.125em;	/*  5px */
	margin-bottom: 0.5em;	/* 20px */
	font-weight: 500;
}
h2 {
	font-size: 1.5385em;	/* 20px */
	margin-bottom: 1em;		/* 20px */
	font-weight: bold;
}
h3 {
	font-size: 1.2308em;	/* 16px */
	margin-bottom: 1em;		/* 16px */
	font-weight: bold;
}
/* @end Headings */
/* @group Lists */
.prose ul, ul.bullets, ul.bullets ul {	/* unordered lists more often DON'T require bullets except in extended bits of writing - use the .prose class or apply directly with .bullets */
	list-style-type: disc;
	margin-left: 1.385em; /* 18px */
}
ol {	/* ordered lists usually DO require bullets */
	list-style-type: decimal;
	margin-left: 2.077em; /* 27px */
}
dt {
	font-weight: bold;
	margin-top: 1.385em; /* 18px */
}
/* @end Lists */
/* @group Tables */
caption {
	font-weight: bold;
	padding-bottom: 0.643em; /* 9px */
	font-size:1.077em; /* 14px */
}
thead th {
	border-top: 1px solid #666;
	border-bottom: 3px solid #666;
	padding-top: 0;
	padding-bottom: 0.692em; /* 9px */
}
tbody tr th,
tbody tr td {
	border-top: 1px solid #ddd;
}
th,
td {
	text-align: left;
	padding: 0.385em 0.692em 0.308em 0.692em; /* 5px 9px 4px 9px */
}
/* @end Tables */
/* @group Blockquotes */
blockquote {
	font-style: italic;
	margin-left: 1.385em; /* 18px */
	margin-right: 1.385em; /* 18px */
}
blockquote cite,
blockquote em {
	font-style: normal;
}
/* @end Blockquotes */
/* @group Forms */
/* @group Fieldsets */
fieldset {
	border: 1px solid #ccc;
	padding: 0 1.385em 0.692em 1.385em; /* 9px 18px 0 18px */
}
legend {
	font-weight: bold;
}
/* @end Fieldsets */
/* @group Labels */
label {
	cursor: pointer;
}
/* @end */
/* @end Forms */
/* @group Form controls */
input,
textarea,
select,
button {
	font-family: inherit;
	font-size: 1em;
}
textarea,
input[type='text'], 
input[type='password'],
select {
	border-width: 1px;
	border-style: solid;
	border-top-color: #999;
	border-left-color: #999;
	border-bottom-color: #ccc;
	border-right-color: #ccc;
	padding: 0 1px 1px 1px;
}
textarea {
	width: 99%;
	display: block;
}
a.button,
button {
	cursor: pointer;
	width: auto;
	overflow: visible;
	background-color: #09f;
	color: #fff;
	font-family: Calibri,"Trebuchet MS","Gill Sans",Frutiger,Univers,"Helvetica Neue",Arial,Helvetica;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	padding: 0.5em 2em;
	border-width: 2px;
	border-style: solid;
	border-top-color: #2bf;
	border-right-color: #08e;
	border-bottom-color: #07d;
	border-left-color: #1af;
	border-radius: 5px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}
button:hover,
button:focus {
	background-color: #06c;
	border-top-color: #28e;
	border-right-color: #05b;
	border-bottom-color: #04a;
	border-left-color: #17d;
}
button:active {
	background-color: #039;
	border-top-color: #25b;
	border-right-color: #14a;
	border-bottom-color: #017;
	border-left-color: #028;
}
a.button:link,
a.button:visited,
a.button:hover,
a.button:active,
a.button:focus {
	color: #fff;
	text-decoration: none;
}
/* @end */
/* @group Other elements */
address {
	font-style: normal;
}
pre,
code,
kbd,
tt,
samp,
tt {
	font-family: "andale mono", monospace;
}
ins {
	text-decoration: underline;
}
del {
	text-decoration: line-through;
}
/* @end Other elements*/
/* @end */
/* @group Helper classes */
/* @group form classes */
form .container {
	position: relative;
	width: 100%;
	overflow: hidden;
	vertical-align: middle;
	padding-bottom: 0.5385em;	/* 7px */
}
form .container label {
	float: left;
	width: 23.8095%;
	text-align: right;
	font-size: 1.0769em;	/* 14px */
	padding-top: 0.5em;		/* 7px */
	padding-bottom: 0.5em;	/* 7px */
}
form .container input,
form .container select,
form .container textarea {
	float: left;
	width: 40.7407%;
	margin-left: 1em;
	margin-right: 1em;
	padding-top: 0.5385em;		/* 7px */
	padding-bottom: 0.5385em;	/* 7px */
}
form .container textarea:focus,
form .container input[type='text']:focus, 
form .container input[type='password']:focus,
form .container select:focus {
	border-color: #234;
	background-color: #ffc;
}
form .container label em {
	font-style: normal;
	text-align: left;
	display: block;
	position: absolute;
	right: 1%;
	top: 0;
	width: 28%;
	background-color: #DEE658;
	border: 1px solid #fff;
	padding: 0.5385em 1em;
	box-shadow: 5px 5px 0 rgba(0,0,13,0.3);
	-webkit-box-shadow: 5px 5px 0 rgba(0,0,13,0.3);
	-moz-box-shadow: 5px 5px 0 rgba(0,0,13,0.3);
}
form .button-container {
	margin-left: 23.8095%;
	padding-left: 1em;
}
form .button-container button {
	background-color: #09f;
	color: #fff;
	font-family: Calibri,"Trebuchet MS","Gill Sans",Frutiger,Univers,"Helvetica Neue",Arial,Helvetica;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0.5em 2em;
	border-width: 2px;
	border-style: solid;
	border-top-color: #2bf;
	border-right-color: #08e;
	border-bottom-color: #07d;
	border-left-color: #1af;
	border-radius: 5px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}
form .button-container button:hover,
form .button-container button:focus {
	background-color: #06c;
	border-top-color: #28e;
	border-right-color: #05b;
	border-bottom-color: #04a;
	border-left-color: #17d;
}
form .button-container button:active {
	background-color: #039;
	border-top-color: #25b;
	border-right-color: #14a;
	border-bottom-color: #017;
	border-left-color: #028;
}
.multi-container label, 
.radio-container label, 
.checkbox-container label {
	font-weight: normal;
}
.radio-container label, 
.checkbox-container label {
	display: block;
}
.compact label {
	display: inline;
}
input.short {
	width: 4em;
}
input.medium,
textarea.medium {
	width: 12em;
}
input.long,
textarea.long {
	width: 30em;
}
button.link {
	background-color: #fff;
	font-weight: normal;
}
/* accessability feature, resize check and radio inputs */
.radio-container input, 
.checkbox-container input {
	width: 1em;
	height: 1em;
}
/* @end */
/* @group clear */
.clear {
	clear: both;
}
/* @end */
/*---------------------------------------------------------------------------------------------------------*/
/* @group Page structure */
.receptacle {			/* 外层 */
	width: 100%;
	text-align: center; 
}
.section {			  /* 大主体 */
	width: 90%;
	min-width: 760px;
	max-width: 90em;
	margin: 0 auto;
	text-align:left
}
.article {					/* 内容 */
	clear: both;
	padding: 1.1538em;		/* 15px */
}
.primary {	/* 左侧 、主要 */
	width: 66.1375%;
}
div.primary {
	position: relative;
	float: left;
}
.secondary {    /* 右侧 、次要 */
	width: 32.28%; text-align:left
}
div.secondary {
	float: right;
	clear: right;
}
/* @group Header */
.header { background-color:}
.header .logo { float:left; padding:2.5em 0 0 1em; vertical-align:top}
.header .location { float:right;font-family: Calibri,"Trebuchet MS","Gill Sans",Frutiger,Univers,"Helvetica Neue",Arial,Helvetica;
	font-size: 1.2308em;	/* 16px */
	padding-top: 1.0308em;margin-right: 0.8em;}
/* @end */
/* @group Nav */
.nav .article {
	text-align: right;
	text-transform: uppercase;
}
.nav ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav li {
	display: inline;
	border-right: 1px solid #D2D5D9;
	margin-right: 1em;
	padding-right: 1em;
	font-family: Calibri,"Trebuchet MS","Gill Sans",Frutiger,Univers,"Helvetica Neue",Arial,Helvetica;
	font-size: 1.3846em;	/* 18px */
}
.nav li:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
.nav li a {
	text-decoration: none;
}
.nav li a:link,
.nav li a:visited {	color: #1E2C3F;}
.nav li a:hover,
.nav li a:focus,
.nav li a:active {	color: #09f;}
/* @end */
/* @group Footer */
body .footer {
	background-position: 50% top;
	margin-top: 0;
	clear: both;
}
body .footer .article {
	font-size: 1em;
	background-image: none;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1.1538em;		/* 15px */
	padding-right: 1.1538em;		/* 15px */
}
.footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
}
.footer ul li {
	display: inline;
	border-right: 1px solid #C2CB56;
	margin-right: 1em;
	padding-right: 1em;
}
.footer ul li:last-child {
	border-right: none;
}
.footer ul li a {
	text-decoration: none;
}
.footer ul li a:link,
.footer ul li a:visited {
	color: #1E2C3F;
}
.footer ul li a:hover,
.footer ul li a:focus,
.footer ul li a:active {
	color: #09f;
}
.footer .clearleft {
	padding-top: 2em;
	padding-bottom: 3em; text-align:left
}
.footer .clearleft h2 {
	float: left;
	font-size: 0.8461em;	/* 11px */
}
.footer .clearleft h2 a img {
	display: block;
	margin-right:18px;
	width: 155px;
}
.footer .clearleft h3 {
	color: #94B300;
	font-size: 1.0769em;	/* 14px */
	font-weight: bold;
	
}
/* @end */
/* @end */
/* @group banner */
.banner {  /*蓝色标题条*/
	background-color: #24344A;
	color: #fff;
	box-shadow: 5px 5px 0 rgba(0,0,13,0.3);
	-webkit-box-shadow: 5px 5px 0 rgba(0,0,13,0.3);
	-moz-box-shadow: 5px 5px 0 rgba(0,0,13,0.3);	width: 100%;
	margin-left: -1.1538em;			/* 15px */
	padding-left: 1.1538em;			/* 15px */
}
.banner a{ color:#FFF; text-decoration:none}
h2.banner {
	margin-left: -0.75em;			/* 15px */
	padding: 0.25em 0 0.25em 0.75em;
}
h3.banner {
	margin-right: -0.9375em;		/* 15px */
	padding: 0.25em 0 0.25em 0.9375em;
}
/* @end */
/* @group photo */
.photo {
	background-color: #fff;
	border: 5px solid #fff;
	box-shadow: 5px 5px 0 rgba(0,0,13,0.3);
	-webkit-box-shadow: 5px 5px 0 rgba(0,0,13,0.3);
	-moz-box-shadow: 5px 5px 0 rgba(0,0,13,0.3);}
/* @end */
.reduction {
	color: #D1DA59;
}
.smallcaps {
	text-transform: lowercase;
	font-variant: small-caps;
}
/* @end */
/*-------------------------------------------------------------*/
/* @group Page components */
/* @group swathe  蓝色背景条 */
.swathe {
	background-color: #24344A;
	color: #fff;
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 1em
}
.swathe a:link,
.swathe a:visited { 
color:#FFF; text-decoration:none
}
.swathe a:hover,
.swathe a:focus,
.swathe a:active {
	color: #09f
}
.swathe .article {
	font-family: Calibri,"Trebuchet MS","Gill Sans",Frutiger,Univers,"Helvetica Neue",Arial,Helvetica;
}
/* @end */
/* @group showcase 首页深青色-只有首页在用 */
.showcase {
	background-color: #77853C;	background-image: none;
}
.showcase .article {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	background-color: #D1DA59;
	color: #333;
	box-shadow: 5px 5px 0 rgba(0,0,13,0.3);
	-webkit-box-shadow: 5px 5px 0 rgba(0,0,13,0.3);
	-moz-box-shadow: 5px 5px 0 rgba(0,0,13,0.3);
	position: relative;
	top: -1em;
	padding-top: 2em;
	padding-left: 0;
	padding-right: 0;
	margin-left: 1.1538em;	/*15px */
	margin-right: 1.1538em;	/*15px */
	height:360px;
    
}
.showcase .article a{ color: #09f}
/* @end */
/* @group plank */
.plank {
	background-position: 50% bottom;
	background-repeat: no-repeat;
	margin-top: -2em;
}
.plank .article {
	width: 100%;
	background-color: #dee658;
	color: #223247;
	background-image: url('images/shadow-white.gif');
	background-position: left bottom;
	background-repeat: repeat-x;
	font-family: Calibri,"Trebuchet MS","Gill Sans",Frutiger,Univers,"Helvetica Neue",Arial,Helvetica;
	font-size: 1.6923em;	/* 22px */
	padding-top: 0.1364em;		/* 3px */
	padding-bottom: 0.1364em;	/* 3px */
	padding-left: 0.65em;		/* 15px */
	padding-right: 0.65em;		/* 15px */
}
.plank .article .primary {
	width: 64.5%; 
}
/* @end */
/* @group aside */
.aside:first-child {
	margin-top: -5em;
}
.aside {
	background-color:#E4F0EC;
	font-size: 1.0769em;			/* 14px */
	padding: 0.7143em 1.4286em;		/* 10px 20px */
	font-weight: bold;
	margin-bottom: 1.4286em;		/* 20px */
}
/* @end */
/* @end */
/* @group Page-specific styles */
/* @group Home */
body.home .secondary {
	width: 25.4%;
	float: left;
	clear: left;
}
body.home .primary {
	width: 69.7%;
	float: right;
	clear: right;
}
/* @group Home blurb */
body.home .blurb {
	position: relative;
	padding: 3em 1.1538em 3em 60%; text-align:left
}
body.home .blurb img.promo {
	position: absolute; z-index:2;
	top: 3em;
	box-shadow: 5px 5px 0 rgba(0,0,13,0.3);
	-webkit-box-shadow: 5px 5px 0 rgba(0,0,13,0.3);
	-moz-box-shadow: 5px 5px 0 rgba(0,0,13,0.3); border:#FFF solid 6px
}
body.home .blurb img#drei {
	right: 81.55%;			/* 15px */
}
body.home .blurb img#zwei {
	right: 62.75%;
	top: 4em;
}
body.home .blurb img#eins {
	right: 44%;
}
body.home .blurb h1 {
	color: #D1DA59;
	margin-top: 0;
}
body.home .blurb a {
	/*float: right;*/ /*Removed because of odd bug on homepage register button*/
}
body.home .blurb p {
	font-family: Calibri,"Trebuchet MS","Gill Sans",Frutiger,Univers,"Helvetica Neue",Arial,Helvetica;
	font-size: 1.25em;		/* 20px */
}
/* @end */
/* @group Home showcase */
body.home .showcase .secondary {
	text-align: right;
}
body.home .showcase .secondary h2 {
	font-family: Calibri,"Trebuchet MS","Gill Sans",Frutiger,Univers,"Helvetica Neue",Arial,Helvetica;
	padding-right: 0.75em;	/* 15px */
	padding-left: 0;
	margin-left: -0.75em;	/* 15px */
}
body.home .showcase .secondary p {
	font-size: 1.2308em;	/* 16px */
	padding-left: 1em;
}
body.home .showcase .primary li.vcard {
	width: 24%;
	margin-right: 0.6%;
	float: left;
}
body.home .showcase li.vcard h3 {
	margin-bottom: 0;
}
body.home .showcase li.vcard .photo {
	/*width: 6.3077em;
	height: 6.3077em;*/
	width: 7.125em;		/* 82px */
	height: 7.125em;	/* 82px */
	display: block;
	margin-bottom: 0.5em;	/* 8px */
}
body.home .showcase li.vcard p {
	margin-top: 0;
}
body.home .showcase li.vcard .fn{ width:180px; overflow: hidden;white-space: nowrap; -o-text-overflow: ellipsis;text-overflow: ellipsis;display: inline-block}
body.home .showcase li.vcard a.url:link .fn,
body.home .showcase li.vcard a.url:visited .fn {
	color: #1F2E41;
	text-decoration: underline;
}
body.home .showcase li.vcard a.url:hover .fn,
body.home .showcase li.vcard a.url:focus .fn,
body.home .showcase li.vcard a.url:active .fn {
	color: #09f;
	text-decoration: underline;
}
body.home .showcase li.vcard .role,
body.home .showcase li.vcard .org {
	font-size: 0.9231em;		/* 12px */
	font-style: italic;
}
/* @end */
/* @group Home elsewhere */
body.home .elsewhere .part {
	text-indent: 1em;
}
body.home .elsewhere .part a .photo {
	display: block;
	text-align: center;
	border: 1px solid #ccc;
	padding: 0.7em;
	margin-bottom: 0.5em;
}
/* @end */
/* @end */
/* @group category */
body.category { text-align:left}
body.category article { 
display:block; 
	 
	min-height: 200px;
	clear:both;
}
body.category .banner a{ color:#FFF; text-decoration:none}
body.category li.vcard p {
	padding-left: 0;
}
body.category .article p.programme {
	font-weight: bold;
}
/* @end */
/* @group Programme */
/* @group time swathe */
body.basic .time {
	background-image: url('images/plank-blue.gif');
}
body.basic .time .article {
	background-color: #338cc1;
	color: #fff;
}
body.advanced .time {
	background-image: url('images/plank-turqoise.gif');
}
body.advanced .time .article {
	background-color: #25A59D;
	color: #fff;
}
body.strategy .time {
	background-image: url('images/plank-green.gif');
}
body.strategy .time .article {
	background-color: #88CB51;
	color: #fff;
}
body.programme div.time p {
	margin: .25em 0 .5em;
}
body.programme div.time .article abbr {
	font-weight: normal;
}
/* @end */
/* pagebar classes
-------------------------------------------------------------- */
.pagebar {
	padding: 0px;
	margin: 16px 0px;
	text-decoration: none;
}
.pagebar a {
	border: 1px solid #bbb;
	text-decoration: none;
	padding: 0.1em 0.4em;
	color:#212236;
}
.pagebar a:visited {
	text-decoration: none;
	padding: 0.1em 0.4em;
}
.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	text-decoration: none;
}
.pagebar .this-page {
	border: 1px solid #bbb;
	padding: 0.1em 0.4em;
	font-weight: bold;
	background: #fff;
	color: #F00;
}
.pagebar a:hover {
	background: #9C0;
	color: #fff;
}
.pagebar .inactive
{
   border: 1px solid #CCC;
	 color: #CCC;
   text-decoration: none;
   padding: 0.1em 0.4em;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
 
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left; position:relative
	}
/* End Images */
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */