@charset "UTF-8";
/***** Format reset ***********************************************************/

header,nav,main,section,article,footer,aside { display:block; margin:0; padding:0; }
div,img { margin:0; padding:0; border-style:none; }
p,dl,table { margin:1em 0; padding:0; }
ul,ol { margin:1em 0; padding-top:0; padding-bottom:0; }
li,dt,dd,th,td,tr,thead,tbody,tfoot { margin:0; padding:0; }
table { border-spacing:0; }
th,td { text-align:left; vertical-align:top; margin:0; padding:0; }
th { font-weight:bold; }
img { vertical-align:bottom; } /* no additional space as with "baseline" */

html,body { height:100%; margin:0; padding:0; border-style:none; }

/***** General style **********************************************************/

body
{
	color:white;
	background-color:black;
	
	font-size:100%;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-family:"Trebuchet MS",Tahoma,Georgia,"Times New Roman",serif;
	line-height:1.2;
}

h1,h2,h3,h4,h5,h6
{
	font-family:Arial,Verdana,sans-serif;
	font-weight:bold;
	line-height:normal;
	letter-spacing:0.05em;
	padding:0;
}

/***** Headlines **************************************************************/

h1 { font-size:2em; margin:0.67em 0; }
h2 { font-size:1.5em; margin:0.83em 0; }
h3 { font-size:1.17em; margin:1em 0; }
h4 { font-size:1em; margin:1em 0; }
h5 { font-size:0.83em; margin:1.2em 0; }
h6 { font-size:0.67em; margin:1.5em 0; }

/***** Links ******************************************************************/

a { text-decoration:none; color:rgb(102,102,255); }
a:hover,a:focus { color:rgb(160,160,255); }
a:active { color:red; }

/***** Link buttons ***********************************************************/

a.button { color:white; background-color:rgb(102,102,255); padding:1em 2em; text-transform:uppercase; }
a.button:hover,a.button:focus { background-color:rgb(160,160,255); }
a.button:active { background-color:red; }

/***** Info lists *************************************************************/

dt
{
	margin:0.67em 0 0 0;
	font-style:italic;
}

dt:first-child { margin-top:0; }
dd ol,dd ul { margin-top:0; margin-bottom:0; }

/***** Social-media logo links ************************************************/

section#logo_links ul { list-style-type:none; margin:0; padding:0; }

section#logo_links li
{
	display:inline-block;
	vertical-align:middle;
	
	margin:0.5em;
}

section#logo_links a,section#logo_links img
{
	display:inline-block;
	
	width:2em; /* logo size */
	height:2em;
}

section#logo_links a:hover,section#logo_links a:focus { background-color:white; }
section#logo_links a:hover img,section#logo_links a:focus img { opacity:0.6; filter:alpha(opacity=60) /* for IE 8 and earlier */ }

section#logo_links a:active { background-color:red; }
section#logo_links a:active img { opacity:0.6; filter:alpha(opacity=60) /* for IE 8 and earlier */ }

/***** Thumbnail picture links ************************************************/

a.thumb_link
{
	display:inline-block;
	
	border:1px dashed rgb(102,102,255);
	padding:0.17em;
}

a.thumb_link:hover,a.thumb_link:focus { border-color:rgb(160,160,255); }
a.thumb_link:active { border-color:red; }

a.thumb_link img { width:100%; height:auto; }

/***** Headed tables **********************************************************/

table.headed th,table.headed td { padding:0.33em; }
table.headed th:first-child,table.headed td:first-child { padding-left:0; }
table.headed th:last-child,table.headed td:last-child { padding-right:0; }

table.headed th { border-bottom:2px solid white; border-top:2px solid white; }
table.headed td { border-bottom:1px dotted white; }
table.headed tbody tr:last-child td { border-bottom:1px solid white; }

/***** Embedded 16:9 YouTube videos *******************************************/

div.inner_vid_cont
{
	height:0;
	padding-bottom:56.25%; /* div width over padding height is 16:9 */
	position:relative; /* so iframe can be positioned in relation to div */
	
	background-color:black;
	border:1px dashed rgb(205, 32, 31); /* YouTube brand red */
}

div.inner_vid_cont iframe { position:absolute; left:0; top:0; width:100%; height:100%; }

div.outer_vid_cont
{
	max-width:560px;
	margin:0 auto;
}
