html { margin: 0 20px; }
body { font: 100%/120% normal helvetica,arial,sans-serif; height: 100%; max-width: 800px; margin: 0 auto; }

h1,h2,h3,h4,h5,.heading { 
	font-family: "helvetica neue", helvetica, arial, sans-serif; 
	font-family: 'Rokkitt', serif;
    font-weight : bold;
	line-height: 100%;

/*
	font-weight: normal; 
	color: #000; 
	font-weight: 300;
*/
}

img { border:0; }
#header { 

	font-family: helvetica, arial, sans-serif;  
	font-family: 'Rokkitt', serif;
}
#header #bookmarklet { text-align: right; margin: 2em 0; }
#header #bookmarklet a { color: #00f; text-decoration: underline; }
#header h1 { margin:2em 0 0 0; font-size: 2.8em; font-style: normal; font-weight: 100; }
#header h1 span { margin:0; }
#header img { margin: 40px 20px -46px 0; padding:1px; border: 4px solid #000; background: #ccc; }
#header a { color: #000; text-decoration: none; }
#header p { float: right; font-size: 0.8em; color: #666; font-size: 1em; }

#content { margin: 80px 0 0 0; clear: both;}
#content #accordion {margin-top: 2em;}
#content #uri { width:100%; font-size: 1.6em;	}
#content textarea { width: 100%; height: 10em;}
#content .instructions { font-size: 80%;}

#content .recommended { margin: 3em 0 1em 0 ; }
#content .recommended img { max-width: 100%; }

#content pre,
#content #cleanedText { max-height: 150px; overflow: auto; border: 1px solid #ccc; padding:0.5em;}

#content table { width: 100%; }
#content th { text-align: left; width: 50%; }
#content td { text-align: right; padding-left: 1em; }
#content th, #content td { border-bottom: 1px solid #ddd; }

#content .chunk h3 { margin: 0; padding: 0; }
#content .chunk td {  text-align: left; }
#content .chunk .footnote {  text-align: right; font-size: 70%; color: #666; }

#content iframe { margin: 1em 0 0 0; }

#content .soundbite, #content #whatItDoes { font-size: 80%; margin: 1em 0; color: #4e4e4e; }
#content .soundbite { width: 48%; float: left;  }
#content .soundbite h2, #content #whatItDoes h2 { font-size: 150%;  }
#content .soundbite h3, #content #whatItDoes h3 { font-size: 130%;  }
#content .firstSb { margin-right: 4%; }
#content #whatItDoes code {padding-left: 4em;}

#content .indicator   { width: 140px; }
#content .scale   { width: 142px; height: 20px; }
#content .scale-a { background: #fff url(../images/scale.png) 0 0 no-repeat;      } /* worst */
#content .scale-b { background: #fff url(../images/scale.png) 0 -20px no-repeat;  }
#content .scale-c { background: #fff url(../images/scale.png) 0 -41px no-repeat;  }
#content .scale-d { background: #fff url(../images/scale.png) 0 -62px no-repeat;  }
#content .scale-e { background: #fff url(../images/scale.png) 0 -83px no-repeat;  } /* best */

#content .meanScore { background: #eee; padding: 1em;}
#content p.scale-a   { border-left: 1em solid #B30012; } /* worst */
#content p.scale-b { border-left: 1em solid #E69A00; }
#content p.scale-c { border-left: 1em solid #F0E325; }
#content p.scale-d { border-left: 1em solid #97BA0D; }
#content p.scale-e { border-left: 1em solid #46B93F; }/* best */

#content .bookmarklet { text-align: center; font-size: 2em; font-family: helvetica,arial,sans-serif; margin: 2em 0; }
#content .bookmarklet a {  border-radius: 0.2em; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; background: #000; color: #fff; padding: 0.3em 0.6em; text-decoration: none;}
#content .bookmarklet a:hover { color: #ff7e01;}

#content #tabs h2 span,
#content #tabs a span
 { display: block; position: absolute; top: 0; left: -9999px;}

#footer { margin: 5em 0 1em 0; color: #777; line-height: 2em; font-size: 85%; }
#footer a { color: #777; white-space:nowrap; }
#footer img { margin-right: 4em; width: 32px; opacity: 0.5; }
#footer .social img { margin-right: 0; }
#footer ul { padding: 0; margin: 0; font-size: 85%; }
#footer li { display: inline;  }
#footer li:before { content:'\2022'; padding: 0 1em; }
#footer li.first:before { content: ""; padding: 0 }


.upsell { padding: 1em; border: 1px solid #ddd; background: #f0f0f0; }
.clear { clear: both; }

/**/
.before-ad:after {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	content: 'Ads from Google:';
	display: block;
	color: #ccc;
	text-align: left;
	margin: 1em 0 0 0;
}
ins.adsbygoogle { 
	border: 1px solid #f0f0f0 !important; 
	background: #fcfcfc; 
}

#content ins.adsbygoogle iframe {
	margin: 0;
}
/**/






@media (max-width: 600px) {

	html {
		padding: 0;
	}
	body {
		max-width: 500px;
	}
	#header h1 {
		font-size: 2em;
	}
	#content .soundbite {
		float: none;
		width: 100%;
		margin: 0;
	}
	#content .ui-tabs-nav li a {
		font-size:78%;
		padding: 1em 0.6em;
	}

	#content .ui-tabs-nav li a test,
	#tab-referer {
		display: none;
	}

}