body
{
 text-align:center;
 font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif, sans;
 background-image:url(../images/grade.jpg);
}

h1
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif, sans;
}

#title
{
 height:10m;
 width:15em;
 margin-right:auto;
 margin-left:auto;
 margin-top:0em;
}


#home			/* This is no longer used. Delete it as soon as possible. Which isn't yet, so don't do it.*/
{
 border: thin solid #cccccc;
 margin:.25em;
 font-size:100%;
 background-image:url(../images/grade.jpg);
}

#homeInner
{
 border: thin solid #cccccc;
 margin:.25em;
 font-size:100%;
 background-image:url(../images/grade.jpg);
}

#homeBack
{
 text-align:left;
 border: thin solid #cccccc;
 background:white;
 width:95%;
 margin-top:0em;
 margin-right:auto;
 margin-left:auto;
 margin-bottom:2.5em;
 text-align:center;
 -moz-border-radius:.25em; -khtml-border-radius:.25em; -webkit-border-radius:.25em; border-radius: .25em;
}


#mainBlock
{
 
 position:relative;
 width:58em;
 height:28em;
 margin-top:-30.3em;
 overflow:auto;
 margin-right:auto;
 margin-left:auto;
 margin-bottom:1.7em;
 text-indent:2.5em;
}



#mainBlockBack
{
 width:59em;
 height:28.33em;
 margin-bottom:2em;
 background-color:#cccccc;
 margin-right:auto;
 margin-left:auto;
 margin-top:2em;
 /*background-image:url(../images/grade2.jpg);*/
 border:thin solid #bababa;
 -moz-border-radius:.5em; -khtml-border-radius: .5em; border-radius: .5em;
}


#navBar
{
 -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; user-select:none;
 -moz-border-radius:.2em; -khtml-border-radius: .2em; -webkit-border-radius: .2em; border-radius: .2em;
 width:50em;
 margin-right:auto;
 margin-left:auto; 
 margin-top:1em;
 margin-bottom:1.5em;
 overflow:hidden;
 
}

#navBar table
{
	
}

#navBar img
{
	-moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; user-select:none;
}


#iPhoneNavBar
{
 -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; user-select:none;
 -moz-border-radius:.2em; -khtml-border-radius: .2em; -webkit-border-radius: .2em; border-radius: .2em;
 width:100%;
 margin-right:auto;
 margin-left:auto; 
 margin-top:1.5em;
 margin-bottom:0em;
}

#mainBlockiPhone
{
 position:relative;
 width:100%;
 margin-right:auto;
 margin-left:auto;
 margin-bottom:1.7em;
 text-indent:2.5em;
}


#noFadBar
{
 -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; user-select:none;
 -moz-border-radius:.2em; -khtml-border-radius: .2em; -webkit-border-radius: .2em; border-radius: .2em;
 width:100%;
 margin-right:auto;
 margin-left:auto; 
 margin-top:1.5em;
 margin-bottom:0em;
}

#mainBlockNoFad
{
 position:relative;
 width:55em;
 margin-right:auto;
 margin-left:auto;
 margin-bottom:1.7em;
 text-indent:2.5em;
}

#mainAjaxBlock
{
 position:relative;
 width:55em;
 margin-right:auto;
 margin-left:auto;
 margin-bottom:1.7em;
 text-indent:2.5em;
}

#mainAjaxInnerBlock1
{
	/*border: thick solid black;*/
}
#mainAjaxInnerBlock2
{
	/*border: thick solid black;*/
}

#shadowBox	/* Pretty much the main element, to make it stick out more. Unfortunately, this clashes with the AJAX animations and Safari freaks out whenever you try to disable the shadows in Javascript then re-enable them once the animation is done, so this probably won't be enabled for a while. Cheerio! */
{
	/*-webkit-box-shadow:	0px 5px 15px #888;
 	-moz-box-shadow:	0px 5px 15px #888;*/
}

#disclaimer
{
 font-size: 83%;
 color:#b0b0b0;
 margin-bottom:1em;
 margin-top:2em;
}

#thanks
{
 margin-top:2.5em;
 font-size:170%;
 font-weight:bold;
 font-family: "Corbel","Lucida Grande", "Lucida Sans Unicode", sans; 
}

#downloadDoesntStart
{
 margin-top:2em;
 font-size:90%;
}

table
{

}

.menuItem 
{
}
.selectedMenuItem
{ 
}

img 
{
 border:none;
 user-select:none;
 khtml-user-select:none;
 moz-user-select:none;
}

table
{
 -moz-border-radius:.25em; -khtml-border-radius: .25em; border-radius: .25em;
}



#fadDiv
{
 width:54.9em;
 height:10px;
 margin-right:auto;
 margin-left:auto;
 background-image:url(../images/poon.png);
 position:relative;
 top:-29.7em;
}

#fadDivBottom
{
 width:54.9em;
 height:10px;
 margin-right:auto;
 margin-left:auto;
 background-image:url(../images/poon2.png);
 position:relative;
 top:-2.9em;
}



ol
{
 text-indent:0em;
 margin-left:4.5em;
 width:40em;
}

ul
{
 text-indent:.5em;
 margin-left:1em;
}

#loading
{
	position:absolute;	/* This is appropriate because it is a feature of the ajax page and not content. */
	top:.25em;
	right:.25em;
	/*display:none;*/
}

.box		/*Use this instead of abusing the news story/text for holding content and making it prettier*/
{
 text-align:left;
 border: thin solid #cccccc;
 background:white;
 width:95%;
 margin-top:.5em;
 margin-right:auto;
 margin-left:auto;
 margin-bottom:2.5em;	
 -moz-border-radius:.25em; -khtml-border-radius: .25em; -webkit-border-radius: .25em; border-radius: .25em;
 /*-webkit-box-shadow: 0px 5px 11px #888;	-moz-box-shadow: 0px 5px 11px #888;*/

}

.box .title
{
 border: thin solid #cccccc;
 margin:.25em;
 font-size:125%;
 text-indent:1em;
 background-color:#EFEFEF;
 height:1.2em;
 font-weight:bold;
 /*font-family: "Corbel","Verdana", "Trebuchet MS";*/
 font-family: "Corbel","Lucida Grande", "Lucida Sans Unicode", sans; 
 -moz-border-radius:.1em; -khtml-border-radius: .1em; border-radius: .1em;
}

.box .inner
{
 border: thin solid #cccccc;
 margin:.25em;
 margin-top:.25em;
 font-size:100%;
 background-image:url(../images/grade.jpg);
}






#hiddenNum
{
	display:none;	
}

#badge
{
  position:absolute;
  left:-1em;
  top:-.5em;
  overflow:hidden;
  
}

#readBlog
{
  position:absolute;
  top: 1em;
  right: 1em;
  margin: 0px 0px -10px -10px;
}

#useragent	/* this is for testing */
{
	font-size:90%;
	position:fixed;
	top:-1px;
	right:-1px;
	width:auto;
	background-color:#f8f8f8;
	border: 1px solid #cccccc;
	-moz-border-radius:.2em;-webkit-border-radius:.2em;
}


/*alex's genitals and whatnot */

#watisthis .idonteven
{
	size:20%;
	width:18%;
	position: relative;
}