/* Pointpath */
/* In the year 2012 of our great FSM */

/*---------- CSS Reset ----------*/
/* Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins,a{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}*{outline:none;}


/*---------- Fonts ----------*/

body{
	font-family: 'FanwoodTextRegular';
	color:#444;
	}
	
.nav{
	display:block;
	font-size: 22px;

	font-family: 'FanwoodTextItalic';


	}

.nav i{





}


.nav a{
	display:block;
	height:50px;
	line-height:50px;
	/*color:#eee;*/
}

.social_media a:hover{
	color:#333;
}
	
.intro,h2,h3{
	font-family: 'FanwoodTextItalic';
	}
	
.masthead,.figure,.footnote{
	font-family: 'Arial';
	}
	
.article .figure{
	display:none;
	}

.article .figure.fullWidth{
	display:block;
}
	
	
	
.intro{
	font-size: 20px;
	margin:.5em 0 1.5em;
	}
	
.masthead{
	font-size: 10px;
	margin:0px 0 0;
	position: fixed;
	top:180px;
	left:50px;
	}

.masthead.colsp1{
	width: 180px;
}
	
.title{
	font-size: 60px;

	}
	
.social_media{
	margin-top: 1em;
	font-size: 28px;
	}

.social_media a{
	color:#ddd;
	margin-right:3px;
}



	
.figure .title{
border-bottom: 1px solid #D5E8FC;
    font-size: 9px;
    font-style: italic;
    margin-bottom: 5px;
    margin-left: -3px;
    padding-bottom: 5px;
    padding-left: 3px;
}
	
a{
	color:#5bade0;
	cursor: pointer;
	}
	
a:hover{
	text-decoration:underline;
	}
	
.social_media a:hover,.nav a:hover{
	text-decoration:none;
	}


	
sup {
		font-size: 0.83em;
        vertical-align: super;
        line-height: 0;
}

    img {
         max-width: 100%;
    }


em{
	color:#222;
	font-style: italic;
	}
	
.quote1,.quote2{
	margin:5%;
	padding-left:2%;
	border-left:1px solid #222;
	background-color:#FEFFE3;
	font-style: italic;
	}
	
.quote2{
	background-color:#d5e8fc;
	}
	
	
/*--------Index Page ----------*/
div.index{
	padding-top:2em;
}

div.index a, div.index a:hover {
	color:inherit;
	display:block;
	padding:1em 0;
	padding-left:20px;
	padding-right:20px;
	margin-left:-20px;
	margin-right:-20px;
	border-left:5px solid transparent;



}

div.index a h2{
	margin-top:0;
}

div.index a p:last-child{
	margin-bottom:0;
}

div.index a:hover{
	background-color:whitesmoke;
}

div.index a:hover .article_title{
	text-decoration:underline;
	
}

div.index a:hover{
	text-decoration:none;
	
}

div.index .article_title{
	color: #5BADE0
}
	
	
/*---------- Columns ----------*/

.col0,.col1,.col2,.col3,.col4{
	float:left;
	/*padding-left:1%;*/
	position: relative;
	}
	
.col2{
	margin-left:180px;
	}
	
.col3{
	margin-left:50%;
	}
	
.col4{
	margin-left:75%;
	}
	
.colsp1{
	width:24%;
	}
	
.colsp2{
	width:49%;
	}
	
.colsp3{
	width:74%;
	}

.colsp4{
	width:99%;
	}


.figure{
	width:47%;
	font-size: 10px;
	margin:2% 3% 4% 0;
	float: left;
	}

	
.figure img.bkg_net{
	background-image: url("img/net.png");
	}
	
.figure img.bkg_noise{
	background-image: url("img/noise.png");
	}
	
.figure img.bkg_circles{
	background-image: url("img/circles.png");
	}
	
.figure img.bkg_wave{
	background-image: url("img/wave.png");
	}

.figure.fullWidth{
	width:100%;
}
	

.footnote{
	width:48%;
	font-size: 10px;
	margin:0 0 120px 180px;
	border-top: 1px solid #949494;
	padding:1em 0 0;
	}
	
.footnote p{
		text-indent: -1em;
		margin-left:1em;
	}
.footnote .highlight{
	background-color:#CEE7F6;
}
	
	
	
/*---------- Structural ----------*/

header,
footer {
	width: 100%;
	}
	
.inner{
	margin: 0 30px;
	padding:2em 0 0;
	max-width: 800px;

	}
	
.section{

	clear:both;
	}

.masthead.colsp1{
	width:100%;
}

h1 a {
	line-height: 85px;
	display: block;
	background: url(../images/pointpath_large.png) 0 center no-repeat;
	text-indent:-9999px;
	margin-bottom: 10px;
	}
	
h1{
	color:#222;
	line-height: 1.1em;
	}

h2{
	font-size: 20px;
	text-indent:-18px;
	margin:1em 0 .2em;
	clear:both;
	color:#000;
	}
	
h3{
	font-size: 16px;
	margin:1em 0 .5em;
	clear:both;
	color:#000;
	}
	
h3.date{
	font-size: 16px;
	margin:0 0 .5em;
	clear:both;
	color:#000;
	}
	
p{
	line-height: 1.4em;
	margin:0 0 .5em;
	}


	
.both{
	clear:both;
	}
	
.center{
	text-align: center;
	}	


#mc_embed_signup{
background-color: #E7F3FB;
    margin: 15px 0;
    padding: 10px;
    position: relative;

}


#mc_embed_signup h2{
color: #222222;
    font-size: 15px;
    line-height: 24px;
    margin: 0 0.5em 0 0;
    text-indent: 0;
}

#mc_embed_signup{
-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-width: 1px 0;
    font-family: 'Arial',sans-serif;
    font-size: 12px;
    padding: 10px 15px;
    text-align: left;
   }

#mc_embed_signup label.error{
	color:#FA0090;
	display:block;
	margin-bottom:5px;
	font-weight:bold;
}

#mc_embed_signup input{
display: block;
    float: left;
    font-size: 12px;
    margin-bottom: 5px;
    margin-right: auto;
    width: auto;
}

#mc_embed_signup input.email{
border: 1px solid;
    float: left;
    margin-right: 10px;
    padding: 4px 5px;

}

#mc_embed_signup input.button{
background-color: #5BADE0;
    border: 0 solid;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 0;
    padding: 3px 6px;
}
	
/*---------- M and Q. Kinda like Drum & Bass. ----------*/

@media only screen and (max-width:800px){
	
	.inner{
		padding:25px 0 0;
		/*max-width: 80%;	*/
		}
	
	.masthead {
		margin:0 0 0 0%;
		clear:both;
		width:75%;
		position: static;
	}
	
	.social_media {
		margin-left:0%;
		float:right;
		width:100%;
		border-bottom: 1px solid #939393;
		text-align: right;
	}
	
	.details{
		float:right;
		margin-top:-50px;
	}
	
	h1 a{
		display: inline-block;
	}
	
	.nav{
		float:left;
		text-align: left;
		margin-top:-38px;
	}
	
	
	
	.article,.intro {
		width:74%;
		padding-top:10px;
	}
	
	.title{
		width:100%;
	}
	
	.intro {

	}
	
	.col2{
	margin-left:0%;
	}
	
	.col3{
	margin-left:25%;
	}
	
	.col4{
	margin-left:50%;
	}
	
	h1 a {
	line-height: 45px;
	display: block;
	background: url(../images/pointpath.png) 0 center no-repeat;
	text-indent:-9999px;
	}
	
	.footnote{
		width:75%;
	}
	
}


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

	
	.article,.intro,.title,.figure{
		width:100%;
	}
	
	.figureContainer{
		display:none;
	}
	
	.article .figure{
		display:block;
		text-align:center;
	}
	
	.article .figure p{
		text-align: left;
	}
	.article .figure p.title{
		margin-top:5px;
	}
	
	.footnote{
		width:100%;
	}
	
}



/* extras for sidebar figures */

.figureContainer{

}

.figureContainer .figure{
	width:100%;
	position:absolute;
}