/* ========================================= */
/* reset */
html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size: 100%;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content:none;
}

ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
	display:block;
	height:1px;
	border:0;
	margin:1em 0;
	padding:0;
}


/* ========================================= */
/* minimal base styles */
html {
	height:100%;
	width:100%;
}
body {
	width:100%;
	height:100%;
	font:18px Microsoft JhengHei, Microsoft YaHei, Hiragino Sans GB, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:1.667em;
}

button, input, select, textarea {
	width:auto;
	overflow:visible;
	margin:0;
	padding:0;
	font:100% 'Roboto-Light', "Microsoft JhengHei", "Microsoft YaHei", "Hiragino Sans GB", Arial, Helvetica, sans-serif;
	vertical-align:baseline;
}
textarea {
	overflow:auto;
	vertical-align:text-top;
}

/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button {
	cursor:pointer;
}

/* Remove extra padding and inner border in Firefox */
input::-moz-focus-inner, button::-moz-focus-inner {
	border:0;
	padding:0;
}

/* Colors for form validity */
/* input:valid, textarea:valid { }
input:invalid, textarea:invalid {
	border-radius: 1px;
	-moz-box-shadow: 0px 0px 5px red;
	-webkit-box-shadow: 0px 0px 5px red;
	box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
	background-color: #f0dddd;
} */

/* Bicubic resizing for non-native sized IMG:
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
	-ms-interpolation-mode: bicubic;
}

/* Remove margins for navigation lists */
nav ul, nav li {
	margin:0;
	list-style:none;
	list-style-image:none;
}
ol, ul {
	list-style:none;
}

/* Set sub, sup without affecting line-height */
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
}
sup {
	top:-0.5em;
}
sub {
	bottom:-0.25em;
}

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
  padding: 15px;
}

small {
	font-size:85%;
}
b, strong, th {
	font-weight:bold;
}


/* ========================================= */
/* global */
.clearfix {
	clear:both;
}