#header {height:80px; }
	html { height: 100% }
	body { height: 100%; margin: 0; padding: 0 }
	#surrounder, #page { height: 100% }
	#header h1  {font-size: 150%}
	#sidebar h2 {font-size: 110%} 
	#sidebar h3 {font-size: 100%}
	h1 {font-size: 130%}
	h2 {font-size: 110%}
	h3 {font-size: 110%}
	#header, {background:none;}

		
@media all and (max-width:880px){
		#mainpic { display: none; }
		img#OO {width: 65px}
		#header h1 {font-size: 110%; font-weight: normal;}
		}	

div.screencaps {display:block; clear:both; margin:30px auto;}

.clrl { clear: left; }

.cb {clear: both;}

.photocredit	{
		font-style: 		italic ;
		font-size: 	70%;
		color:		navy;
		font-family: 	"Times New Roman", Times, serif;
		}
.indent {
	margin-left: 15px;
	}

.highlight {
	padding: 10px; 
	margin: 20px auto;	
	background: #ffffe0;  
	border:1px dashed #ccc; width: 80%;}
	
span.updated {float: right; 
			color:#CACACA;}

#footer.p 	{ font-size: x-small; }

a, a:visited {
	color:#0000FF;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

a:visited{
	color: #551A8b;
}

.foootnote	{
		font-style: 		italic ;
		font-size: 	90%;
		}

.fancybox-custom .fancybox-skin {
		box-shadow: 0 0 50px #222;
		}

.resp-youtube
{overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}
.resp-youtube iframe
{left:0; top:0; height:100%; width:100%; position:absolute;}


.adsense-oo-resp-rect { width: 320px; height: 50px; }
@media(min-width: 500px) { .adsense-oo-resp-rect { width: 468px; height: 60px; } }
@media(min-width: 800px) { .adsense-oo-resp-rect { width: 728px; height: 90px; } }