/*!
 * Beijing Young Studio CSS Reset
 * http://www.beijingyoung.com/public/
 * Versoion: 3.4
 * Date: 11/16/2011
 */


/*
#hack {
	color: red; 		All Browsers
	color : green\9; 	IE8 and below
	*color : yellow; 	IE7 and below
	_color : orange; 	IE6
}
*/


/*
	http://meyerweb.com/eric/tools/css/reset/ 
*/
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}


body {
	word-wrap: break-word;
	line-height: 1;
	
	-webkit-transition: width .625s ease-out;
	-moz-transition: width .625s ease-out;
	-o-transition: width .625s ease-out;
	transition: width .625s ease-out;
}


/*
Fluid Images
http://www.alistapart.com/articles/fluid-images/
*/
img, embed, object, video {
	max-width: 100%;
}

img {
	-ms-interpolation-mode: bicubic;
}

audio[controls], canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

a img { border: none; }
/*
img {
	padding: 8px;
	-webkit-box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.1);
	-o-box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.1);
	box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.1);
}
*/


/*
Defining link pseudo-classes in CSS
http://accessibleinter.net/portfolio/writing/revised_method_link_pseudoclasses
http://dbaron.org/css/1999/09/links
*/
:link {}
:visited {}
:link, :visited {}
:link:focus, :visited:focus {
	outline: 1px dotted;
}
:link:hover, :visited:hover {
	-webkit-transition: color ease-in-out .35s, background-color .3s linear;
	-moz-transition: color ease-in-out .35s, background-color .3s linear;
	-o-transition: color ease-in-out .35s, background-color .3s linear;
	transition: color ease-in-out .35s, background-color .3s linear;
}
:link:active, :visited:active {}

/*
Clear images link background color & outline style away.
Usage: <a class="imglink" href="#"><img src="image.png"></a>
*/
a.imglink:link, a.imglink:hover, a.imglink:focus, a.imglink:active {
	outline: 0;
	background: transparent;
	border: none;
	text-decoration: none;
}


blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
pre {
	overflow: auto;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
}
code, pre {
	font-family: "Courier New", monospace;
}
blockquote, pre {
	padding: 8px;
}
blockquote:hover, pre:hover {
	-webkit-box-shadow: 0 0 5px #575757;
	-moz-box-shadow: 0 0 5px #575757;
	-o-box-shadow: 0 0 5px #575757;
	box-shadow: 0 0 5px #575757;
	
	-webkit-transition: -webkit-box-shadow .25s linear;
	-moz-transition: -moz-box-shadow .25s linear;
	-o-transition: box-shadow .25s linear;
	transition: box-shadow .25s linear;
}


/* CSS clearfix */
/* http://www.webtoolkit.info/css-clearfix.html */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


table {
	border-collapse: separate;
	*border-collapse: collapse;
	border-spacing: 0;
}
tr:nth-child(odd) {
	background: rgba(0, 0, 0, 0.035);
}


input[type="search"] {
	-webkit-appearance: textfield;
	
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
}

input, select, button {
	cursor: pointer;
}
input, textarea {
	border: 1px solid #e5e5e5;
	background: #fbfbfb;
	-webkit-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
	-moz-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
	-o-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
	box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
}


ol, ul, dd {
	/* list-style: none/disc/circle/square/decimal/zero inside/outside url(); */
	list-style: inside;
}
ol { list-style: decimal; }
ul { list-style: disc; }

del { text-decoration: line-through; }
mark { background: rgba(255, 255, 0, 0.4); padding: 0 .25em; }
ins { color: #f00; }
small, sup, sub { font-size: smaller; line-height: normal; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
abbr, acronym { text-transform: uppercase; letter-spacing: .1em; font-size: 85%; }
abbr[title], acronym[title] { border-bottom: thin dotted; cursor: help; }
address { font-family: serif; font-style: normal; }
/* p:first-child:first-letter { font-size: 24px; color: olive; } */



/* http://adaptivethemes.com/using-css-clip-as-an-accessible-method-of-hiding-content */
.element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}



/*!
 * Gridless -- A boilerplate for responsive, cross-browser websites
 * https://github.com/thatcoolguy/gridless-boilerplate/
 */
@media print {
	* {
		filter: none;
		-ms-filter: none;
		background: transparent;
		color: black;
		text-shadow: none;
	}
	body {
		padding: 1em;
	}
	
	a, a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	a[href^="javascript:"]:after, a[href^="#"]:after {
		content: ""; 
	}
	
	thead {
		display: table-header-group;
	}
	tr, img {
		page-break-inside: avoid;
	}
	
	@page {
		margin: 0.5cm;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	h2, h3 {
		page-break-after: avoid;
	}
	
}



@media only screen and (max-width: 768px) {
	body {
		width: auto;
		
		-webkit-text-size-adjust: 100%
		-ms-text-size-adjust: 100%;
		/*
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		*/
	}
}