@charset "utf-8";
/* CSS Document */
	
/* -- reset -- */
html, body, a, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, audio, video, input, textarea {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font-family: inherit;
    vertical-align:baseline;
    background:transparent;
    font-weight: normal;
}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { 
    display:block;
}
ol, ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none;
}
table {
    border-collapse:collapse;
    border-spacing:0;
    margin:0 auto;
}
td{
    vertical-align:middle;
}
td strong{
    font-weight:600;
}
tr{
    border-bottom:#ddd 1pt solid
}
tr:first-child{
    
}
tr:first-child td {
    
}
textarea { 
    overflow: auto;
}
input, select {
    vertical-align:middle;
}
*:focus {
    outline: none;
}
html {
    overflow-y: scroll;
}
.important { 
    display: none;
    
}
/* -- end reset -- */
html{
    height:100%;
}
body{
    height:100%;
    font-family:"Droid Serif", serif;
    font-family:"Open Sans", sans-serif;
    font-size: 67%;
    color: #444444;
}

h1{
    display: block;
    border-bottom: 1px solid rgb(28, 64, 125);
    margin-bottom: 0.5em;
    font-family:"Droid Serif", serif;
    font-size: 2.2em;
    line-height: 1.5em;
    color: rgb(28, 64, 125);
    text-decoration: none;
}
h1 a{
    text-decoration: none;
    color: rgb(28, 64, 125);
}
h2{
    display: block;
    font-size: 1.3em;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 0.5em;
}
h2 a{
    text-decoration: none;
    color: #000;
    font-weight: 800;
}
p{
    font-family: "Droid Serif", serif;
    margin-bottom: 1em;
    font-size: 1.5em;
    line-height: 1.6em;
}
strong{
    font-weight: bold;
}
table{
    width: 100%;
    margin-left: 0;
    font-size: 1.2em;
    line-height: 2em;
    margin-bottom: 2em;
}
table td{
    text-align: center;
}
table tr:first-child td{
    font-weight: 800;
}
table tr td:first-child{
    text-align: left;
}
.outer{
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
}
.inner{
    max-width: 1060px;
    margin: 0 auto;
}
.scrolled{
    width: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
}
#header{
    background-color: rgb(28, 64, 125);
    padding-top: 20px;
    padding-bottom: 20px;
}
#masthead{
    max-width: 1060px;
    margin: 0 auto;
    overflow: hidden;
}
#logo{
	width: 300px;
	float: left;
}
#blog_title{
	max-width: 750px;
	float: left;
	margin-top: 20px;
	font-family: "Droid Serif", serif;
	font-size: 3em;
	color: #fff;
	text-decoration: none;
}
#hamburger{
	width: 70px;
	height: 70px;
	background-color: #fff;
	float: right;
	display: none;
}
#placeholder{
    min-height: 53px;
}
#main-nav{
    /*padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;*/

    background-color: rgb(28, 64, 125);
    border-top: 3px solid rgb(97, 180, 228);
    box-shadow: 0 3px 13px 0 rgba(2, 3, 3, 0.16);
    webkit-box-shadow: 0 3px 13px 0 rgba(2, 3, 3, 0.16);
}
#main-nav ul{
    max-width: 1060px;
    margin: 0 auto;
}
#main-nav li a{
    display: block;
    float: left;
    padding-right: 50px;
    line-height: 50px;
    font-size: 1.5em;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    
}
#main-nav li:last-child a{
    border-bottom: none;
}
#main{

}
#main-content{
    max-width: 1060px;
    margin: 0 auto;
    padding-top: 20px;
    overflow: hidden;
}
#main-text{
    width: 1060px;
    float: left;
}
.meta{
    line-height: 4em;
    border-top: #ddd 1pt solid;
    border-bottom: #ddd 1pt solid;
    margin-bottom: 4em;
    text-transform: uppercase;
}
.comments{
    background-color: #eee;
    box-sizing: border-box;
    padding: 20px;
}
.comments p{
    font-size: 1.2em;
    font-family: "Open Sans", sans-serif;
}
input, textarea{
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 2.5em;
    background-color: #999999;
    color: #fff;
}
#main-sidebar{
    min-width: 260px;
    /*height: 500px;*/
    margin-left: 40px;
    margin-bottom: 20px;
    float: left;
    background-color: #eee;
    box-sizing: border-box;
    padding: 20px;
}
#directory{
    font-size: 1.2em;
    line-height: 1.6em;
}
#directory h1{
    font-family:"Droid Serif", serif;
    font-size: 1.2em;
    line-height: 1.6em;
    color: rgb(28, 64, 125);
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    margin-bottom:1em;
}
#directory h2{
    font-weight: 600;
    font-size: 1.2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
/*#myInput{
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 2.5em;
    background-color: #330000;
    color: #fff;
}*/
#lastnames li{
    padding-left: 10px;
    padding-right: 10px;
    line-height: 2.5em;
    background-color: #fff;
}
#lastnames li.selected{
    background-color: #cccccc;
}
#results{
    padding: 10px;
}

#slider{
    width: 100%;
    height: 300px;
    margin-bottom: 20px;
    background-color: #cccccc;
}

@media (max-width: 1100px){
    #main-text{
        /*max-width: 600px;*/
	width: 100%;
    }
    #main-sidebar{
    }
    .scrolled{
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 600px){
	#logo{
		width: 231px;
	}
    #logo img{
        height: 50px;
    }
    #hamburger{
	display: none;
        height: 50px;
    }
    /*#placeholder{
        display: none;
    }
    #main-nav{
        display: none;
    }*/
    #main-nav li a{
        float: none;
        border-bottom: 1px solid rgb(97, 180, 228);
    }
    #main-sidebar{
        margin-left: 0;
        /*width: 600px;*/
        width: 100%;
    }
    #main-text{
	width: 100%;
    }
    #blog_title{
    	display: block;
    }
    .scrolled{

    }
}