/* --- RESET --- */

html, body
{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
height: 100vh;
min-height:100%;
}


html, body, 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,
 caption, 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;
	vertical-align: middle;
}


*:focus

{

outline: none;

outline-width: 0;

}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{
	display: block;
}


h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}

a{
	text-decoration: none;
	cursor:pointer;
}

.searchresults a{
	text-decoration: underline;
}

nav li{
	list-style-type: none;
	display: inline-block;
}

/* --- DEMO STYLES --- */

body{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	-webkit-font-smoothing: antialiased;
}

.col_1{
	height:42px;
	margin-left:25px;
}

p{
	line-height: 1.4;
	margin-bottom: 25px;
}

p code,
li code{
	
	background: rgba(255,255,255,.7);
	color: #333;
	padding: 2px;
	
	border-radius: 1px;
}

a{
	color: #d24a67;
}

a:hover{
	color: #fc6767;
}


select,
.dropdown{
/*	margin-bottom: 30px; */
	display: inline-block;
}

.dropdown{
	margin-right: 18px;
}


@media all and (max-width: 1040px){
	.col,
	.col_2,
	.col_1{
		display: block;
		width: auto;
		max-width: 100%;
		background: #fff;
		color: #333;
		box-shadow: none;
	}
	
	.col_2 h3,
	.col_2 strong{
		color: #333;
	}
	
	pre.prettyprint{
		
		background: #333 !important;
		padding: 12px !important;
		border-radius: 5px !important;
		overflow-x: scroll;
	}
	
	hgroup{
		text-align: left;
		margin-bottom: 10px;
	}
}