img {
  max-width: 100%;
  height: auto;
}


.head{
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0;
  margin-bottom:-7px;
}

img .head{
max-width:50%;
}



/* Site specific Typography
 */

 hr {border-top: 2px solid black;margin:6px 0;}

.list {
    min-height: 20px;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
a.permalink{text-decoration:none; color:#000}
.linky{color:#1EAEDB;text-decoration:underline;}


body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222;
  }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 300; }
h1 { font-size: 3.0rem; line-height: 1.2;  }
h2 { font-size: 2.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 2.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 1.4rem; line-height: 1.35; font-weight:500; }
h5 { font-size: 0.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 0.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 4.0rem; }
  h2 { font-size: 3.2rem; }
  h3 { font-size: 2.6rem; }
  h4 { font-size: 2.0rem; }
  h5 { font-size: 1.4rem; }
  h6 { font-size: 0.9rem; }
}

.top-left {
  position: absolute;
  top: 12px;
  left: 78px;
  color:#999;
}

.top-left h1{
line-height:1;
font-weight:200;
margin-top:2px;
margin-bottom: 2px;
}

h1 a{
color:#999;
text-decoration: none;
font-size: 2.5rem;
font-weight:200;
margin-top:0;
font-family: Garamond, Baskerville, Baskerville Old Face, Hoefler Text, Times New Roman, serif;
}

h1 a:hover{color: #3333cc; }

.top-left h4{
font-size: 1.8rem;
font-weight:200;
margin-top:2px;
}

p {
  margin-top: 0; margin-bottom:1rem;}


.content{padding:1em; margin:0;}
.container{background-color:#fff;padding:0;}
.sidebar{padding-right:1em; border-left:1px solid black;
}
.recent_articles{List-style-type:none;}

/* NAV */
.nav ul,.nav ul li{margin:0; margin-right:1em; List-style-type:none;}
nav.navigation{
	position:relative;
	height:50px;
	background-color:#666;
	z-index:2;

}

ul.nav-menu, ul.nav-menu li, ul.nav-menu li a{
	float:left;
}
ul.nav-menu{
	padding-left:5px;
}
ul.nav-menu li a{
	height:50px;
	line-height:50px;
	padding:0 5px;
	color:#ffffff;
	text-decoration:none;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
ul.nav-menu li a:hover{
	color:#99cccc;
}
.nav-toggle{
	display:none;
	position:absolute;
	top:0;
	right:0;
	width:50px;
	height:50px;
	background-color:#336699;
	cursor:pointer;
}
span.icon-bar{
	position:absolute;
	right:12px;
	display:block;
	width:26px;
	height:2px;
	background-color:#fff;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.icon-bar:nth-child(1){
  top:17px;
}
.icon-bar:nth-child(2){
  top:24px;
}
.icon-bar:nth-child(3){
  top:31px;
}
.nav-overlay{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:#666;
	z-index:1;
	opacity:0;
	visibility:hidden;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.nav-overlay.active{
	opacity:1;
	visibility:visible;
}

/* ICON BARS ANIMATION */

.nav-toggle.active .icon-bar:nth-child(1){
	top:24px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.nav-toggle.active .icon-bar:nth-child(2){
	width:0;
}
.nav-toggle.active .icon-bar:nth-child(3){
	top:24px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}



/* Set media width based on site navigation requirements */
/* Set media width based on site navigation requirements */
/* Set media width based on site navigation requirements */

@media screen and (max-width:850px){
.sidebar{ border-left:none;}
	ul.nav-menu{
		position:absolute;
		top:50px;
		width:100%;
		height:0;
		padding:0;
		overflow:hidden;
	}
	ul.nav-menu.active{
		height:auto;
	}
	ul.nav-menu li{
		width:100%;
	}
	ul.nav-menu li a{
		width:100%;
		padding:0;
		text-align:center;
		background-color:#2c2c2c;
	}
	ul.nav-menu li a:hover{
		background-color:#1c1c1c;
	}
	.nav-toggle{
		display:block;
	}
	h2.side{font-size: 2.5rem;}
	.container {
    width: 95%;
    padding: 0; }
}
}

/* Set media width based on site navigation requirements */
/* Set media width based on site navigation requirements */
/* Set media width based on site navigation requirements */

@media screen and (min-width:850px){
	.nav-overlay.active{
		visibility:hidden;
		opacity:0;
	}
}
	.sidebar{padding-left:1em;}



    html, body {
      height: 100%;
    }

    .table-container {
      display: table;
      height: 100%;
      width: 100%;
      background-color:#d9dfbc;

     }

    .table-block {
      display: table-row;
      height: 1px;
    }



    #footer {
      /* Placeholder footer styles */
      text-align: center;
    }