/*Body and Typography*/

body{
	width:100%;
	height:100%;
	font-size:0.74em;
	color:#ddd;
	background-color:#05982e;
	background-image:url(../assets/argyle.png);
	background-repeat:repeat;
	background-attachment:fixed;
	background-color:#333;
	font-family: 'Dosis', sans-serif;
	margin:0px;
}

#page{
	position:relative;
	margin:-15px auto;
	padding:5px;
}

.articleBody:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear {
	clear:both;
}

p a:link {color:#0080bc; text-decoration:  none;}
p a:visited {color:#0080bc; text-decoration: none;}
p a:hover {color:#666; text-decoration: underline;}
p a:active {text-decoration: none;}

li a:link {color:#0080bc; text-decoration:  none;}
li a:visited {color:#0080bc; text-decoration: none;}
li a:hover {color:#666; text-decoration: underline;}
li a:active {text-decoration: none;}

figure a:link {color:#0080bc; text-decoration:  none;}
figure a:visited {color:#0080bc; text-decoration: none;}
figure a:hover {color:#666; text-decoration: underline;}
figure a:active {text-decoration: none;}


h3{
	font-family: 'Dosis', sans-serif;
	font-weight:200;
	color:#FFF;
	text-shadow:0 1px 1px black;
}

h2{
	font-size:2.2em;
	font-weight:normal;
	letter-spacing:0.01em;
	text-transform:uppercase;
	color:#0080bc;
}

p{
	line-height:1.7em;
	padding-bottom:1em;
	font-size:1.2em;
}

.line{
	height:1px;
	background-color:#24404c;
	border-bottom:1px solid #416371;
	margin:1.3em 0;
	overflow:hidden;
}

p.btt {
	display:none;
}

figure img {
	width:350px;
	}



/*Navigation and Header

__________________________________________________________________*/


header {
	background-image:url(../assets/green_bg.png);
	background-repeat:repeat-x;
	margin: -5px -5px 0px -5px;
	/*height:210px;*/
	height:260px;
}

hgroup {
	margin-right:32%;
	text-align:right;
}

hgroup img {
	width:400px;
}

nav{
position:fixed;
left:-15px;
top:7px;
z-index:90;
}

nav ul li{
	/* Applying CSS3 rounded corners: */
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}


nav ul li {
	width:125px;
	background-color:rgba(20,20,20,0.7);
	padding:4px 1px 4px 3px;
	text-shadow:0 1px 0 black;
	margin: 0px 0px;
	border-bottom:solid 1px #0080bc;
}

nav ul li:hover {
	background-color:rgba(20,20,20,0);
	border-bottom:solid 1px #069;
}

nav ul a,
nav ul a:visited{
	width:100%;
	color:#FFF;
	font-size:.9em;
	font-weight:500;
	text-decoration:none;
	text-transform:uppercase;
	font-family: 'Dosis', sans-serif;
}

nav ul a:hover{
	text-decoration:none;
}

.navdock {
	width:160px;
	height:210px;
	float:left;
	background-image:url(../assets/navdock.png);
	background-repeat:no-repeat;
}
/*Articles

___________________________________________________________________*/

#graphic a img,#person a img{
	border:solid 3px #999999;
	
	}
	
#graphic a img:hover,#person a img:hover {
border: solid 3px #666666;
}

#graphic figure img {
	width:250px;
	}
	

#articles {
	width:100%;
	padding-bottom:450px;
	clear:both;
	}

article,figure{
	/* Applying CSS3 rounded corners: */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

article{
	background-color:rgba(20,20,20,0.95);
	margin:100px 0px 100px 0px;
	padding:10px 20px;
	text-shadow:0 1px 0 black;
}

article#about {
	margin-top:20px;
}

article .line{
	background-color:#15242a;
	border-bottom-color:#204656;
	margin:1.3em 0;
}


figure{
	position:relative;
	float:right;
	bottom:10px;
	border:2px solid #142830;
	margin: 15px 15px;
	padding:5px;
	text-align:center;
}

figure:hover{
	-moz-box-shadow:0 0 2px #4D7788;
	-webkit-box-shadow:0 0 2px #4D7788;
	box-shadow:0 0 2px #4D7788;
}

#graphic p {
	text-align:center;
}

/*#xmas figure,
#xmas figure:hover,
#SSD figure,
#SSD figure:hover{
	border:none;
	box-shadow:none;
}

.centered {
margin-left:auto;
margin-right:auto;
text-align:center;
width:100%;
}*/

/* Side Image

____________________________________*/

/*#sidetrail {
background-image:url(../assets/test_wiggle.png);
background-repeat:repeat-y;
height:100%;
width:75px;
position:absolute;
top:0px;
right:0%;
z-index:50;
}*/

/*Footer

_______________________________________________*/


footer .line{
	margin:2em 0;
}

footer{
	background-color:rgba(25,25,25,1);
	text-align:center;
	font-size:0.825em;
	height:300px;
	width:100%;
	padding:30px 0px;
	margin-top:15px;
}

footer a,footer a:visited{
	color:#cccccc;
	display:block;
	padding:2px 4px;
	z-index:100;
	position:relative;
}

footer a:hover{
	text-decoration:none;
}

#footnote img {
	float:right;
	position:relative;
	bottom:215px;
	}

#footnote h2 {
	float:right;
	padding:15px;
	}
	
iframe {
background-color:#FFFFFF;
padding-left:20px;
padding-top:10px;
}

	


/*Breakpoints

__________________________________*/

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

#footnote h2 {
	clear:both;
	position:relative;
	bottom:215px;
	
	}
   
}

@media screen and (max-width: 800px) {
#articles img,
#articles object { 
  width:200px;
  margin:15px;
   }

hgroup {
	margin-right:3%;
}



.fb-root, .fb_iframe_widget iframe, div.fb-post.fb_iframe_widget {
	display:none;
}
   
}

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

.fb-root, .fb_iframe_widget iframe, div.fb-post.fb_iframe_widget {
	display:none;
}

#page{
	margin:auto;
	padding:5px;
}

#articles img,
#articles object { 
  width:150px;
  margin:0px;
   }

#articles object { 
  width:100%;
  margin:0px;
   }

nav{
width:100%;
position:relative;
font-size:1.3em;
left:-23px;
top:3px;
z-index:90;
}

nav ul li {
width:100%;	
}

img#wordmark {
	width:93%;
}

#articles {
	width:100%;
}

article{
	margin:20px 20px;
	padding:5px 10px;
	text-shadow:none;
}

figure {
	float:none;
}

article p.btt {
	display:block;
	text-align:center;
	color:#06C;
	text-transform:uppercase;
	margin-bottom:15px;
	text-decoration:underline;
}

#navbtt {
	display:none;
}

p.verbose {
	display:none;
}

.navdock {
	display:none;
}

hgroup {
	width:93%;
	text-align:right;
	margin:0px auto;
	position:relative;
	left:-1em;
}

   
}