/*------------------------------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  font-weight: 0;
  box-sizing: inherit;
}

html {
  font-size: 15px;
  font-family: "Roboto", sans;
}

h1,
h2,
h3
{
  margin: 0;
  padding: 0;
  font-weight: 400;
}

p {
  margin: 0 0 1em 0;
}
h2 {
  font-size: 1.1em;
  font-weight: 500;
}

/*------------------------------------------------------------------------------------*/
body {
  text-align: center;
}

.container {
  width: 100%;
}

#sidebar,
main 
{
  padding: 2em; 
  display: inline-block;
}

footer,
.intcontainer {
  max-width: 1040px;
  width: auto;
  text-align: left;
  margin: 0 auto;
  position: relative;
}

#sidebar
{
  width:40%;
  font-size: 14px;
  vertical-align: top;
}

main {
  width: 60%;
}

/*------------------------------------------------------------------------------------*/
header {
  height: 1px;
  display: table;
  width: 100%;
}

header .intcontainer
{
  padding-left: 2em;
  padding-right: 2em;
}

header h1 {
  width: 40%;
  font-size: 1.2em;
  height: 2em;
  line-height: 2em;
}

#intro {
  height: 100%;
  width: 100%;
  padding: 2em 0;
}

#intro p {
  font-size: 1.2em;
  margin-bottom: 0;
  padding-bottom: 0;
  font-style:italic;
}

/*------------------------------------------------------------------------------------*/
#sidebar h2 {
  padding-top: .2em;
  padding-bottom: .2em;
}

/*------------------------------------------------------------------------------------*/
#contact a span {
  display: none;
}
#contact ul {
  padding: 0;
  margin: 0 0 1em 0;
}
#contact li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
#contact li a {
  display: block;
  width: 100%;
  height: 100%;
}
#contact i {
  font-size: 2em;
  width: 1.1em;
  text-align: center;
}
/*------------------------------------------------------------------------------------*/
#elsewhere {
  margin-top:2em;
}
#elsewhere ul {
  margin: 0;
  padding: 0;
  list-style:none;
}
#elsewhere li {
  padding-bottom: .5em;
}
#elsewhere h3, 
#elsewhere p
{
  display: inline;
  font-size: 1em;
}

/*------------------------------------------------------------------------------------*/
iframe { display: block; }

/*------------------------------------------------------------------------------------*/
footer {
  min-height: 2em;
  margin-bottom: 2em;
  font-weight: normal;
  padding-top: .5em;
}
footer p{
  padding-left: 2em;
  padding-right: 2em;
}

/*------------------------------------------------------------------------------------*/
article {
  padding-top: 1em;
  margin-top: 3em;
}
article.first {
  padding-top: 0;
  margin-top: 0;
}
.art_title time {
  margin-bottom: .5em;
  display: block;
  font-size: .77em;
  text-transform: uppercase;
}
.art_title h3 {
  font-size: 1.4em;
}
.art_content {
  padding-top: 1em;
}


/*------------------------------------------------------------------------------------*/
body          { background-color: #2d2d2d; }
.container    { background-color:#3B4044; }
header        { background-color: #fff; }
time, footer  { color: #aaa; }
main          { color: #fff; }
.inactive     { font-style: italic; }
.inactive a   { text-decoration: line-through; }

a, a:visited { 
  color: #8DCEFF; 
  text-decoration: none;
  font-weight: 700;
}
a:hover { color: #000; }

#intro {
  color:#2B2C2E;
  border-top: 2px solid #8DCEFF;
}
#intro a {
  color: #55ACEE; 
}

article, #elsewhere   { border-top: 1px dashed #8DCEFF; }
article.first         { border-top: none; }

#sidebar                          { color: #d3d9cd; }
#sidebar a:hover, footer a:hover  {color: #fff;}