html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,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,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* ================ */
/* = The 1Kb Grid = */     /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }

.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}

body {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	background-color: #FFF;
	color: #333;
}
.heading {
	font-family: Gill Sans, Gill Sans MT, Helvetica Neue, Helvetica, Arial, sans-serif;
}

#header {
margin-bottom: 2.5em;
}

#info{
	text-align: center;
}

#name {
	font-size: 2em;
	line-height: 1.5em;
}

#tagline {
	color: #A9A9A9;
	margin: .5em 0 0 0;
	font-style: italic;
}

div.contact {
	color: #CCC;
	margin: .5em 0 0 0;
	line-height: 1.25em;
}

#nav div {
	text-align: right;
	margin-right: 20px;
	line-height: 1.5em;
}

.quote{
	margin: 1em 2em .5em 2em;
	font-style: italic;
}

.quote-byline{
	text-align: right;	
}

#entries{
	padding-left: 1em;
	border-left: 1px solid #dadada;
	padding-right: 1em;
	border-right: 1px solid #dadada;
	min-height: 600px;
}

.entry {
	border-bottom: 1px solid #dadada;
	margin-bottom: 1em;
}

.entry .title{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: .5em;
	width: 100%;
}

.entry .title a{
	text-decoration: none;
	color: #333;
}
.entry .title a:hover{
	color: #5FA6DD;
}

.entry .subtitle {
	color: #333;
	font-size: 0.9em;
	margin-bottom: .5em;
	width: 100%;
}

.entry .subtitle a {
	color: #5FA6DD;
	
}

.entry .articleinfo {
	color: #666;
	font-size: .9em;
	margin-bottom: 1em;
}

.filter {
	padding: .3em;
	border-bottom: 1px solid #dadada;	
	font-size: .9em;
	color: #5FA6DD;
	text-decoration: none;
	display: block;
}

.filter:hover {
	text-decoration: underline;
}


.filter_heading{
	list-style: none;
	font-weight: bold;
	padding: .3em;
	margin-top: .5em;
	border-bottom: 1px solid #dadada;	
	font-size: 1em;
}

.active {
	background-color: #5FA6DD; 
	color: white;
}

#right_rail .section{
	padding: 0 .3em;
	border-bottom: 1px solid #dadada;
	margin-bottom: 1em;
}

#right_rail .header{
	font-weight: bold;	
	font-size: .9em;
	padding-bottom: .3em;
	text-decoration: underline;
}

#right_rail .text{
	font-size: .9em;
	padding: .3em 0;
}

#right_rail p{
	margin-bottom: 1em;
	line-height: 1.2em;
}

#right_rail a, .contact a {
	color: #5FA6DD;
	text-decoration: none;
}

@media (max-width: 975px) {
    .column, .row {
        width: 100% !important;
        margin: 0 !important;
        overflow: auto;
    }
    .grid_3 {
        display: none;    
    }
    #articles {
        padding: 0 0.5em;
        margin-top: 2em;
    }
}