html {
 background: white url(/styles/img/htmlbg.png) repeat-x top left;
}

body {
	background: white;
	color: black;
	margin: 0; 
	padding: 0;
	font-size: 0.8em;
	font-family: Arial, sans-serif;
	width: 80%;
	max-width: 80em;
	margin: 0 auto;
	border-width: 0 1px;
	border-color: #666;
	border-style: solid;
}

html, body {
	min-height: 100%;
}

h1 {
	background: #fffac8;
	color: #116677;
	margin: 0;
	padding: 1em 0.2em 0 0.2em;
	font-size: 2em;
	font-family:  Albany, Arial, sans-serif;
	font-variant: small-caps;
	font-weight: normal;
	letter-spacing: 0.2em;
}

div.latest:before {
content: "Scripts and content on this site are no longer being updated. Please use the forums for sharing scripts.";
font-size: 16px;
color: red;
font-weight: bold;
display: block;
margin: 1em auto;
padding: 1em;
border: 5px solid red;
background: yellow;
max-width: 20em;
}

a:link {
	color: #009;
	background: transparent;
}

a:visited {
	color: #006;
}

a:hover, a:active {
	color: #c00;
}

body a.likebutton {
	font-family: sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: ButtonText;
	background-color: ButtonFace;
	border: 1px solid ButtonShadow;
	border-top-color: ButtonHighlight;
	border-left-color: ButtonHighlight;
	display: inline-block;
	padding: 3px 15px;
}

code, pre {
	font-size: 1em;
	font-family: "Non-existent, to please Firefox", monospace;
}

code {
	border: 1px dotted #f7f7f7;
	background: #f7f7f7;
}

pre code {
	border: none;
	background: transparent;
}

pre {
	background: #eee;
	padding: 1em;
	margin: 0;
	border: 1px solid #ccc;
	overflow: auto;
}

pre.badcode {
	background: #fee;
	border: 1px solid #f00;
	color: #f00;
	position: relative;
}

pre.badcode span.js-comment {
	color: #b79;
}

span.js-comment {
	color: #5aa;
}

div.inner-links {
	border: 3px double #e0e0e0;
	background: #f3f3f3;
	color: black;
	float: right;
	padding: 0.5em;
	margin: 0 0 1em 1em;
	font-size: 0.9em;
	width: 40%;
	min-width: 17em;
}
div.inner-links ul {
	margin: 0px;
}
div.inner-links ul, div.inner-links li {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}
div.inner-links h3 {
	font-size: 1em;
	margin: 0px;
}

#childtoggler {
	position: fixed;
	top: -1px;
	left: -1px;
	border: 1px solid #ccc;
	background-color: #fff;
}

#childtoggler a {
	text-decoration: none;
	font-size: 2em;
}

#childtoggler span {
	position: relative;
	top: -0.2em;
	display: none;
	font-size: 0.5em;
}

#childtoggler:hover span, #childtoggler.ishighlt span, #childtoggler a:focus span, #childtoggler a:hover span {
	display: inline;
}


.masthead {
		border-bottom: 1px solid #999;
}

.masthead ul {
	background: #7a5;
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	vertical-align: top;
	text-indent: 0;
	height: 3em;
	font-weight: normal;
	font-size: 0.85em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.masthead ul li {
	list-style-type: none;
	display: inline;
	list-style-type: none;
	line-height: 1em;
	margin: 0;
	padding: 0;
	background: #fffac8;
	float: left;
}

div.footer a:link, div.footer a:visited {
	color: black;
}

div.footer a:hover, div.footer a:active {
	color: white;
	text-decoration: underline;
}

.masthead ul li:first-child a:link, .masthead ul li:first-child  a:visited {
	border-left: 1px solid #fffac8;
}

.masthead ul li a:link, .masthead ul li a:visited{
	background: #371 url(/styles/img/navcorner.png) top left no-repeat;
	border-right: 1.49px solid #fffac8;
	display: block;
	padding: 1em 1.75em;
	margin: 0;
	line-height: 1em;
	color: #eee;
	text-decoration: none;
	text-align: center;
}

.masthead ul li a:active, .masthead ul li a:hover{
	background-color: #593;
}

li.search {
		clear: right;
		float: right;
}

li.search form {
	display: block;
	background: #7a5;
	padding: 0.5em 0.6em 0.45em 0.6em ;
	margin: 0;
	color: #eee;
	text-decoration: none;
	line-height: 1em;
	letter-spacing: 0;
}

li.search form input {
	margin: 0px;
	padding: 0.05em;
	border: none;
	background: #f3fce7;
	text-transform: none;
	border: 0.05em outset #7a5;
}

li.search form input[type=text]:focus {
	background: white;
}

li.search form input[type=submit]{
	background: transparent;
	padding-left: 1em;
	padding-right: 1em;
	background: #9c7;
}

.masthead form {
	float: left;
}

div.wrapper {
	clear: both;
	width: 100%;
	display: table;
  border-collapse: collapse;
	table-layout: fixed;
}

body > div.wrapper {
	min-height: 100%;
	background: white;
}

div.sidebar {
	font-size: 0.9em;
	width: 33%;
	border-left: 1px solid #eee;
	background: #f5f5f5 url(/styles/img/sidebarbg.png) repeat-x top left;
}

div.content {	
	width: 67%;
}

div.content, div.sidebar {
	display: table-cell;
}

div.latest {
	border-bottom: 1px solid #eee;
}

div.news {
	border-right: 1px solid #eee;
	background: #f7f7f7 ;
}


div.scripts {
	background: #fafafa;
}

div.news, div.scripts {
	display: table-cell;
	width: 50%;
}

div.news, div.scripts h3 {
	border-top: 1px solid #f7f7f7;
}

div.latest, div.news, div.scripts, div.sidebar, div.submit {
	padding: 1em;
}

div.about {
	border: 3px double #e0e0e0;
	background: #f3f3f3;
	color: black;
	float: right;
	padding: 0.5em;
	margin: 0 0 1em 1em;
	font-size: 0.9em;
	font-weight: bold;
	width: 40%;
	min-width: 17em;
}



div.about ul span.date,div.about ul .author, div.about ul .download, div.about ul .license, div.about ul .requires, div.about ul .help, div.about p {
	font-weight: normal;
}

div.about p {
	font-size: 0.9em;
	margin-top: 1em;
	margin-bottom: 0;
}

div.about a:hover,  div.about a:active { 
	background: #fff;
}

div.about ul,div.about ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}


div.submit {
	border-top: 1px solid #e7e7e7;
	background: #f0f0f0;
}

h2 a:link, h2 a:visited {
	text-decoration: none;
	color: inherit;
}

h2 a:active, h2 a:hover {
	text-decoration: none;
	color: red;
}

h2 { 
	margin-top: 0;
	margin-bottom: 0.66em;
	font-size: 1.33em;
}

h3 {
	font-size: 1.1em;
	margin-top: 1.5em;
	margin-bottom: 0;
}
/*
div.latest h3 {
	padding-top: 1.5em;
} */


h4 { 
	font-size: 1em;
	margin-top: 1.5em;
	margin-bottom: 0;
}

h2+p.entry {
	padding: 0;
	margin-top: -0.5em;
}

p.entry+h3 {
	margin-top: 0;
}

h3+h4 {
	margin-top: 1em;
}

h3 a:link, h3 a:visited {
	color: #009;
}

h3 a:active, h3 a:hover{
	color: #900;
}

p.entry {
	color: #666;
	font-size: 0.85em;
	margin: 0 0 1em 0;
	padding: 0;
	text-align: right;
}

.scripts h2+h3 {
	border-top: none;
}

.scripts h2 {
	margin: 0 -1em;
	padding: 0 1em 1em 1em;
/*	border-bottom: 1px solid #eee;*/
}

.scripts h3 {
/*	border-top: 1px solid #eee; */
	margin: 0 -1em;
	padding: 1em 1em 0 1em;
}

p, ul, ol, blockquote {
	line-height: 1.5;
	font-family: Arial, sans-serif;
}

p {
	margin-bottom: 1em;
	margin-top: 0;
	padding: 0;
}

ul, ol {
	margin-top: 0;
	margin-bottom: 1em;
	margin-left: 1em;
	padding-left: 1em;
}

ul ul, ol ol, ol ul, ul ol {
	margin-bottom: 0;
}


div.footer {
	background: #7a5;
}

div.submit, div.footer p {
	margin: 0;
	padding: 0.5em;
	text-align: center;
}

.sidebar ul {
	margin: 0;
	padding: 0 0 2em 1em;
}

.sidebar ul ul {
	margin: 0;
	padding: 0 0 0 1em;
}

.sidebar li {
	list-style-type: disc;
}

.sidebar > ul > li {
		font-weight: bold;
}

.sidebar li > ul {
	font-weight: normal;
}


.sidebar li a:link,.sidebar li a:visited {
	display: block;
	font-weight: normal;
	color: #009;
}

.sidebar li a:active,.sidebar li a:hover {
	background: white;
	color: #00c;
}

.sidebar li:hover {
	list-style-type: circle;
}

.oddcomment {
	background: #f3f3f3;
}

.evencomment { 
	background: white;
}

.oddcomment, .evencomment {
	border: 1px solid #eee;
}

pre + pre {
	margin-top: 5px;
}

/* Google search styles */
#gsearch {
  border: 1px outset #f7f7f7;
  padding: 0.5em;
  background: white;
}

#gsearch .glogo {
  line-height: 1;
}

#gsearch p {
  line-height: 1.5;
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  font-size: 1em;
}

.iconlist a:link, .iconlist a:visited {
  margin-left: 1em;
}

input {
   max-width: 100%;
}

/* Media queries to create sane layouts for medium/small browser windows) */
@media all and (max-width: 700px){

	/* Collapse to one-column display when browser-window narrows */
	div.news, div.scripts{
		display: table-row;
		width: 100%;
	}
}

/* Media queries to create sane layouts for medium/small browser windows) */
@media all and (max-width: 645px){

	/* Remove body margins to make best use of available space */
	body {
		width: 98%;
	}
}

/* Media queries to create sane layouts for medium/small browser windows) */
@media all and (max-width: 535px){

	/* Collapse to one-column display when browser-window narrows */
	div.content, div.sidebar {
		display: table-row;
		width: 100%;
	}

	div.masthead {
		background-color: #7a5;
		padding: 0px;
		border-bottom: none;
	}

	div.masthead ul, div.masthead li {
		height: auto;
		display: block;
		list-style-type: none;
		padding: 2px;
		margin: 0px;
		float: none;
		position: static;
	}

	div.masthead li {
		background: transparent;
		padding: 0px;
	}
	div.masthead li + li {
		margin-top: 2px;
	}
	div.masthead li a {
		display: block;
		background: #371;
		background-image: none !important;
		border-width: 0px !important;
		color: #fff;
		padding: 3px !important;
	}
	div.masthead li a:hover, div.masthead li a:focus, div.masthead li a:active {
		background-color: #593;
	}

}

/* Media queries to create sane layouts for medium/small browser windows) */
@media all and (max-width: 263px){

	/* Display a notice about switching to handheld */
	div.masthead::after {
		display: block;
		background: #fee;
		padding: 1px;
		color: red;
		border: 1px solid red;
		content: "Use 'View - Fit to window width' or 'View - Small screen' (or your browser's equivalent) to make this page display best on your screen.";
	}
}

/* Only Opera seems to be able to handle floating an inline element */
@media all and (min-width: 0px) {
div.about ul span.date,div.about ul .author, div.about ul .download, div.about ul .license, div.about ul .requires, div.about ul .help {
		display: inline-block;		
		float: right;
	}
}