/* Reset */
html, body, div, span, blockquote, pre,
a, font, img, .ribbon_menu ul, .ribbon_menu li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* // Reset */

body {
	background: #eeeeee; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 1;
	background:url(weidu_bkg.jpg)
}
h1, h2, h3, h4, h5, h6 {font-family: TrajanPro, Georgia, Palatino, Times New Roman, serif;}
a, a:link, a:visited, a:hover, a:active {
  color: #ff1200;
  margin: 0;
  padding: 0;
  border-width: 0;
  }
 table {
  width: 100%;
  padding: 20px;
  }
td, th {
  font-size: 12px;
  text-align: center;
  vertical-align: baseline;
  padding: 5px;
  border: 1px outset #eee;
  }
th {
  background-color: #4a0000;
  color: #fff;
  font-weight: bold;
  border:none;
  }
a:visited {color : #4a0000;}
div#container {
	width: 1024px;
	margin:50px auto 20px auto;
}
.ribbon_menu {
	position: relative;
	top:3px;
	left: 90px;
	z-index: 80; /* the stack order: displayed under bubble (90) */
}
.ribbon_menu ul {list-style: none;}
.ribbon_menu ul li {
	-webkit-transform: rotate(-45deg); /* rotate the list item */
	-moz-transform: rotate(-45deg); /* rotate the list item */
	transform: rotate(-45deg); /* rotate the list item */
	width: 125px;
	overflow: hidden;	
	margin: 30px -54px;
	padding: 8px 8px 8px 18px;
	float: left;
	background: #990000;
	text-align: right;
}
.ribbon_menu ul li:hover {background: #4a0000;}

.ribbon_menu ul li a {
	color: #fff;
	text-decoration: none;
	display:block;
}
.ribbon_menu span {
	margin: 0px 150px 0px 0px;
	float:right;
	padding-top:-30px;
}

.ribbon_bubble {
	clear: both;
	position: relative;
	margin: 0px auto;
	width: 100%;
	background: #ddd;
	border-radius: 10px;
	-moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);	
	position: relative; 
	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
}

.ribbon_rectangle, .ribbon_rectangle_h2, .ribbon_rectangle_h3 {
	background: #990000;
	height: 50px;
	width: 1054px;
	position: relative;
	left:-15px;
	top: 30px;
	float: left;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
}

.ribbon_rectangle_h2 {
	background: #4a0000;
	height: 40px;
	top: 25px;
}

.ribbon_rectangle_h3 {
	background: #222222;
	height: 40px;
	top: 25px;
}

.ribbon_rectangle h1, .ribbon_rectangle_h2 h2, .ribbon_rectangle_h3 h3 {
	margin: 0;
	padding: 0;
	font-size: 30px;
	color: #fff;
	padding-top: 9px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	text-align: center;
}

.ribbon_rectangle_h2 h2, .ribbon_rectangle_h3 h3 {
	font-size: 20px;
	text-align: left;
	margin:auto 45px;
	padding-top: 9px;
}

.ribbon_rectangle_h2 h2, .ribbon_rectangle_h3 h3 {
	font-size: 18px;
	padding-top: 10px;
}

.ribbon_triangle-l, .ribbon_triangle_h2-l, .ribbon_triangle_h3-l {
	border-color: transparent #444 transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: -30px;
	top: 65px;
	z-index: -1; /* displayed under bubble */
}

.ribbon_triangle_h2-l, .ribbon_triangle_h3-l {
	top: 50px;
}

.ribbon_triangle-r, .ribbon_triangle_h2-r, .ribbon_triangle_h3-r {
	border-color: transparent transparent transparent #444;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: 1024px;
	top: 35px;
	z-index: -1; /* displayed under bubble */
}

.ribbon_triangle_h2-r, .ribbon_triangle_h3-r {
	top: 20px;
}

.section {
	padding: 20px 25px;
	line-height: 160%;
}

.leftalign, table.leftalign tr th, table.leftalign tr td {text-align: left;}
.kit_description {
  position: relative;
  display: block;
  background-color: #fff;
  border-left: 4px solid #c00;
  border-top: 1px dotted #c00;
  padding:10px;
  }
.portrait_thumb {
  float: left;
  width: 125px;
  height: 125px;
  padding: 5px;
  text-align: center;
  overflow: auto;
  }
a.spoiler, a:link.spoiler, a:active.spoiler, a:visited.spoiler, a:hover.spoiler {
  color: #ccc;
  background-color: #ccc;
  border: 1px dotted #888;
  text-decoration: none;
  }
a:hover.spoiler {
  color: #000;
  border: 1px dotted #ccc;
  }
.code {
  font-family: 'Courier New', Courier, mono; 
  border: 1px solid #555; 
  border-left: 10px solid #555; 
  background-color: #eee;
  padding: 5px;
  }
.deprecated {color:#999;}