/*  Auto Margins (centering)  */

div#menu, div#page, div#page-end, div#header, div#glance, div.section-top, div.section-head, div.section, div.section-base, div.page-title,
div.important, .catchline-1, #footer, .center
{
	margin-left: auto;
	margin-right: auto;
}

div.section-top {
	width: 603px;
	height: 16px;
	background-image: url(/media/site/sec-top.png);
	margin-top: 16px;
	margin-bottom: -2px;
   }
   
div.section-head {
	width: 603px;
	height: 80px;
	background-image: url(/media/site/sec-title.png);
	margin-top: 16px;
	}
div.section {
	width: 503px;
	background-image: url(/media/site/sec-tile.png);
	padding-left: 52px;
	padding-right: 48px;
	padding-top: 1px;
	padding-bottom: 16px;
	margin-bottom: 0px;
	overflow: visible;
	}
div.section-base {
	width: 603px;
	height: 14px;
	background-image: url(/media/site/sec-base.png);
	background-repeat: no-repeat;
	}	


div.section-head div.st {					/* Section Titles */
	width: 228px;
	height: 71px;
	background-repeat: no-repeat;
	}

	
div#summ-title		{	background-image: url(../media/site/titles/st-summ.png);	}
div#feat-title		{	background-image: url(../media/site/titles/st-feat.png);	}
div#trick-title	{	background-image: url(../media/site/titles/st-tric.png);	}
div#glitch-title	{	background-image: url(../media/site/titles/st-glit.png);	}
div#myst-title		{	background-image: url(../media/site/titles/st-myst.png);	}
div#chal-title		{	background-image: url(../media/site/titles/st-chal.png);	}
div#snap-title    {  background-image: url(../media/site/titles/st-snap.png);	}

div#cranky-title  {  background-image: url(../media/site/titles/st-cranky.png);	}
div#funky-title   {  background-image: url(../media/site/titles/st-funky.png);	}
div#candy-title   {  background-image: url(../media/site/titles/st-candy.png);	}
div#update-title  {  background-image: url(../media/site/titles/st-updates.png);	}
div#warps-title   {  background-image: url(../media/site/titles/st-warps.png);	}
div#shortcuts-title {background-image: url(../media/site/titles/st-shortcuts.png);	}
div#fact-title    {  background-image: url(../media/site/titles/st-fact.png);	}
div#sub-title     {  background-image: url(../media/site/titles/st-sub.png);	}
div#levels-title  {  background-image: url(../media/site/titles/st-levels.png);	}
div#boss-title    {  background-image: url(../media/site/titles/st-boss.png);	}
	
	
div#content {
	padding: 32px;
	}	

/*
div#low-gradient {
	position: fixed;
	bottom: 0px;
	background-image: url(../media/site/low-gradient.png);
	background-position: center;
	background-repeat: repeat-y;
	height: 128px;
	width: 100%;
	}
*/

a.target {
	border: solid 1px red;
	display: none;
	}


div#snapshots {
	text-align: left;
	border: solid 0px red;
	padding-left: 40px;
	padding-right: 35px;
	padding-top: 1px;
	width: 528px;
	}
img.snap {
	width: 128px;
	height: 112px;
	border: solid 1px #444;
	margin: -1px -3px -2px 1px;
	opacity: 0.85;
	}
img.snap:hover {
/*	width: 256px;
	height: 224px;*/
   border: solid 1px black;
	opacity: 0.95;
	}


div.pad {
	border: solid 1px green;
	width: 120px;
	margin-right: 6px;
	display: inline;
	visibility: hidden;
	}
	
span.center, .description {
   text-align: center;
   display: block;
   }
	
div.page-title {
	width: 488px;
	height: 130px;
	background-image: url(/media/site/papyrus_1.png);
	background-repeat: no-repeat;
	margin-top: 16px;
	padding: 32px 0em 0em 0em;
	}
	
div.important {
   color: ;
   background-color: #221;
   width: 400px;
	margin-top: 32px;
	border: solid 2px #996;
	padding: 8px 16px 4px 16px;
   }

p.spaced {
   text-align: center;
   margin-top: 1.5em;
   margin-bottom: 3em;
   font-size: 16px;
   font-weight: bold;
   text-indent: 0px;
   }
   
p#because {
   margin-top: 0.75em;
   }

.catchline-1 {
   text-align: center;
   font-size: 24px;
   margin-top: 1em;
   margin-bottom: 0px;
   display: block;
   font-weight: bold;
   }
p.gap1 {
   margin-top: 1.5em;
   }
.hide {
   display: none;
   }
code {
	display: block;
	margin: 8px;
	}
#disclaimer{
	text-align: center;
	color: #442;
	font-size: 11px;
	}
#disclaimer p {
   padding: 0 0 12px 0;
   text-indent: 0em;
   }
.dashes{
   letter-spacing: 3px;
	}
div.ider, hr {
   color: #ddc;
   border: none;
   border-top: dashed 1px #dda;
   height: 0px;
   margin: 8px 32px;
   }
div.img-spacer {
   border-top: dashed 1px #dda;
   height: 1px;
   margin: 8px 0px 0px 0px;
   }
#footer {
    margin-top: 16px;
	width: 714px;
	min-height: 80px;
	padding: 0px;
   }

a.sec-but {
   float: right;
   margin: 20px 20px 0px 0px;
   display: none;
   }
a.to-top {
   float: right;
   height: 28px;
   width: 28px;
   margin: -32px 16px 0px 0px;
   }

img.pic-left {
   float: left;
   clear: left;
   width: 128px;
   height: 112px;
   margin: 4px 16px 8px 0px;
   }
img.pic-left-full {
   float: left;
   clear: left;
   margin: 4px 16px 2px 0px;
   }
/* img.pic-left:hover {
   width: 256px;
   height: 224px; 
   }                */

div#erase {
   background-image: url(/media/site/erase-game4a.gif);
   width: 96px;
   height: 32px;
   position: relative;
   top: -16px;
   }
div#erase:hover {
   background-image: url(/media/site/erase-game4b.gif);
   }
p.in, #level-list p, #features p {
    margin-left: 0px;
    text-indent: 0px;
    padding-top: 0px;
   }
div.column {
   float: left;
   min-width: 32px;
   min-height: 32px;
   border: solid 1px red;
   }
table.codes th {
   padding: 4px 16px;
   font-variant: small-caps;
   font-size: 13px;
   }
table.codes td {
   padding: 4px 16px;
   border: dotted 1px #cca;
   }

table.codes {
   margin: 0px 16px 8px 0px;
   }
     
div.code-group {
   padding: 4px 16px 16px;
   margin-top: 16px;
   }
   
div.prevnext {
   overflow: hidden;
   height: 22px;
   width: 20px;
   display: inline;
   margin-top: 0px;
   }
div#but-prev {
   background: url(/media/site/but-prev.png);
   float: left;
   margin-left: 150px;
   }
div#but-next {
   background: url(/media/site/but-next.png);
   float: right;
   margin-right: 150px;
   }
      
div.prevnext-sml {
   overflow: hidden;
   line-height: 11px;
   height: 11px;
   width: 10px;
   display: inline;
   margin-top: 5px;
   }
div#but-prev-sml {
   background: url(/media/site/but-prev.png);
   float: left;
   margin-left: 180px;
   }
div#but-next-sml {
   background: url(/media/site/but-next.png);
   float: right;
   margin-right: 180px;
   }  
div#maplink {
   background: url(/media/site/map-link-ab.png);
   height: 64px;
   width: 269px;
   overflow: hidden;
   float: left;
   position: relative;
   top: 124px;
   left: 253px;
   }

a.swap:hover      {	display: block;	text-indent: -20px; }
a.swap-mini:hover {	display: block;	text-indent: -10px; }
a.swap-map:hover	{	display: block;	text-indent: -269px;}

   
ul#levlist li {
   list-style-type: none;
   }      
   
ul#levlist li a {
   font-size: 22px;
   }
   

ul#levlist li li {
   list-style-type: disc;
   }
ul#levlist li li a {
   font-size: 15px;
   }
.red {
   background: white;
   color: red;
   padding: 8px;
   text-indent: 0px;
   margin: 8px 0px;
   }
div#screens {
    padding-left: 46px;
    padding-right: 44px;
    width: 513px;
    }
.handcursor {
    cursor: hand;
    cursor: pointer;
    }
.handcursor:hover {
    color: #996;
    text-decoration: underline;
    }
a.dead:link, a.dead:visited {
    color: red;
    }
#beta-menu {
    display: none;
    position: fixed;
    top: 16px;
    left: 32px;
    background: white;
    }
    
code {
    white-space: pre;
    text-align: left;
    background: #ffe;
    padding: 0px 0px 20px 32px;
    }
code:hover {
    background: #ffd;
    }
code.red {
    white-space: pre;
    }
.snap-full {
    float: left;
    border: solid 3px black;
    border-bottom: solid 2px black;
    margin-right: 1px;
    position: relative;
    top: -1px;
    opacity: 0.85;
    }
.snap-full:hover {
    opacity: 0.95;
    }

#summary p {
    padding: 0.25em 0em 0.5em 0em;
    }

div {
    outline: solid 0px blue;
    }
    
tt.handcursor:hover {
   background: #eec;
   text-decoration: none;
   color: #000;
   }
   
.faded {
   opacity: 0.5;
   filter: alpha(opacity=50)
   }