/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* Fonts
================================================== */

@font-face {
	font-family: ProximaNovaReg;
	src: url("_fonts/ProximaNova-LightWeb.eot");
	src: url("_fonts/ProximaNova-LightWeb.woff") format("woff"); }

@font-face {
	font-family: ProximaNovaRegIt;
	src: url("_fonts/ProximaNova-LightItWeb.eot");
	src: url("_fonts/ProximaNova-LightItWeb.woff") format("woff"); }

/* Colors
================================================== */

a { 
	color: #000; }

a:hover, .aside input[type="submit"]:hover { 
	color: #616265; }

/* Sitewide
================================================== */

html, body { 
	background: #FFF; }

html, body, input { 
    font-family: ProximaNovaReg; }

em { 
    font-family: ProximaNovaRegIt; }

input {
    -webkit-appearance: none;
    border-radius: 0; }

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

.alignleft { 
    float: left; }

.alignright { 
    float: right; }

h1, h2, h3, h4 { 
    font-weight: normal; }

/* Header
================================================== */

#wrapper { 
	margin: 0 auto;
	max-width: 820px;
	padding: 20px; }

#wrapper img { 
	margin-bottom: -5px; }

	#header { 
		overflow: hidden; }

    	#header h1 { 
    		width: 100px;
    		font-size: 170%;
    		margin: 3% 0 8% 0;
    		line-height: 1em;
    		float: left; }

        #header h1 a, #header ul li a { 
            text-decoration: none; }

    	#header ul, #header select { 
    		float: right; }

    	#header select { 
    		display: none; }

    	#header ul li { 
            border-right: 1px dotted #000;
    		float: left;
    		font-size: 120%;
    		list-style: none;
            line-height: .85em;
    		text-transform: uppercase;
    		padding: 0 8px; }

    	#header ul li:first-child { 
    		padding: 0 8px 0 0; }

        #header ul li:last-child { 
            border-right: 0 none;
            padding: 0 0 0 8px; }

	#main div.col, #main div.content, #main div.aside { 
		width: auto;
		float: none;
		margin: 0 0 6% 0; }

    #main div.content .navigation { 
        margin-top: 6%;
        overflow: hidden; }

    	#mobile-archive { 
    		display: block; }

            #mobile-archive select { 
                width: 100%; }

    #footer { 
        position: relative;
        clear: both;
        padding-top: 20px; }

    /* News
    ================================================== */

    div.posts { 
        border-bottom: 1px solid #CCC;
        padding-bottom: 16px; }

    .aside ul { 
        list-style: none;
        padding: 0; }

        .aside ul ul { 
            padding: 0 0 0 16px; }

        .aside h3 { 
            margin: 1.1em 0 .25em; }

        .aside p { 
            margin: .25em 0 1em; }

        .aside legend { 
            display: none; }

        .aside fieldset { 
            border: 0 none;
            padding: 0;
            margin: 0; }

        .aside input[type="text"] { 
            border-top: 0;
            border-right: 0;
            border-bottom: 1px dotted #000;
            border-left: 0;
            outline: none;
            width: 100%; }

        .aside input[type="submit"] { 
            background: none;
            border: 0 none;
            padding: 5px 0;
            margin: 5px 0; }

/* Media Queries
================================================== */

@media (min-width: 640px) {

	#main div.col { 
		width: 48%;
		margin: 0 0 0 2%;
		float: left;
		overflow: hidden;
        font-size: 90%; }

	#main div.col:first-child { 
		margin: 0 2% 0 0; }

	/* News
	================================================== */

		#main div.content, #main div.aside { 
			float: left;
			overflow: hidden; }

		#main div.content { 
			width: 79%;
			margin: 0 4% 5% 0; }

		#main div.aside { 
			width: 17%;
			margin: 0; }

		#mobile-archive { 
			display: none; }

        div.posts p { 
            font-size: 95%; }

}

@media (min-width: 657px) {

	#header ul { 
		display: block;
		padding: 0;
		margin: 3.5em 0 0 0; }

}

@media only screen and (max-width: 639px) {

	.aside ul  { 
		display: none; }

    .aside input[type="text"] { 
        width: 90%; }

}

@media only screen and (max-width: 656px) {

	#header ul { 
		display: none; }

	#header select { 
		display: block;
		margin-top: 12%; }

}