/* RESET
*****************************************************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p,
blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp,
acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul,
li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td
{font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;}

caption, th, td {text-align:left;font-weight:normal;}

table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}

blockquote, q {quotes: "" "";}

/* FONTS
*****************************************************/
@font-face {
	font-family: 'OCRAStdRegular';
	src: url('ocrastd-webfont.eot');
	src: local('☺'), url('ocrastd-webfont.woff') format('woff'), url('ocrastd-webfont.ttf') format('truetype'), url('ocrastd-webfont.svg#webfont2NvqpWz1') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* COMMON
*****************************************************/
HTML {

	color: #333;
	font: .95em 'PT Sans', sans-serif;
  letter-spacing: 0.05em;
  line-height: 1.6em;
}

#header {
	background: url(../images/what-the-hex-dark.png) top center repeat-x;
	height: 150px;
	margin-bottom: 40px;

}

#header h1 {
	display: none;
}

.wrapper {
  position: relative;
  width: 100%;
  max-width: 650px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

#footer p {
	color: #ccc;
	font-size: .9em;
	text-align: center;
}

ul {
	list-style: none inside;
	//background-color: green;
}

ul li {
	padding-bottom: 8px;
}


ul li:before {
  /*content: "\00BB";*/
  padding-right: 0.5em;
}

a { color: #983164;
	text-decoration: underline;  }

a:hover { color: #b65182; }

a:visited { color: #983164;}

article {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

p {
	padding-bottom: 10px;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    margin-bottom: 10px;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;

}

/* TYPOGOGRAPHY
*****************************************************/
h1 {
  color: black;
	font-family: 'OCRAStdRegular', sans-serif;
	font-weight: lighter;
	font-style: normal;
  font-size: 2em;
	letter-spacing: -0.07em;
	padding-bottom: 10px;
}

h2 {
	color: black;
	font-family: 'OCRAStdRegular', sans-serif;
	font-weight: lighter;
	font-style: normal;
	font-size: 1.3em;
	letter-spacing: -0.07em;
	padding-bottom: 10px;

}

h3 {
	color: black;
	font-family: 'OCRAStdRegular', sans-serif;
	font-weight: lighter;
	font-style: normal;
	font-size: 1em;
	letter-spacing: -0.07em;
	padding-bottom: 10px;

}

strong {font-weight: bold; color: black;}