/*Defining Fonts*/
@font-face
{
font-family: SourceSansPro;
src: url(/css/fonts/SourceSansPro-Regular.otf);
}

html {
cursor:url(cursor.ani),url(cursor.cur),auto;
 }

body { 
/*background-image: linear-gradient(bottom, #FFFFFF 0%, #0000FF 100%);
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #0000FF 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #0000FF 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #0000FF 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #0000FF 100%);
*/
/*background-color: #FFFFFF;*/
background-image:url(dottedbackground.png);
background-repeat:repeat;
overflow:auto;
cursor:url(cursor.ani),url(cursor.cur),auto;
/*background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #FFFFFF),
	color-stop(1, #0000FF)
)*/;
overflow-y:scroll; }
/*NOT USED
body {
background-image:url(background.png);
background-repeat:repeat;
overflow:hidden;
}
*/
/*Generic ID's*/
a {cursor:url(link.cur),url(cursor.cur),auto;
  }
a.tool {
color:#FFFF33;
font-family:"Lucida Sans Unicode";
font-size:16pt;
text-shadow: 0 0 3px #3333DD;
}
a.tool:hover{
color:#0000FF;
}
em.alert {
font-style: normal;
color:#FF0000;
}
em.info {
color:#0000FF;
}
input {
cursor:url(input.cur),url(cursor.cur),auto;
 }
li {
font-family: "Lucida Sans Unicode";
font-size:12pt;
color:#8A0000;
text-shadow: 0 0 3px #FF8080;
text-align:left;
}
h1 {
color: #000066;
font-family: "Lucida Sans Unicode";
font-size:26pt;
text-shadow: 0 0 4px #0415AE; }
h2 {
color:#5C5CAD;
font-family: "Lucida Sans Unicode";
font-size:18pt; 
border-bottom:groove;
border-bottom-color:#0080C0;
text-shadow: 0 0 3px #FFFFFF;
}
h2.alert {
color:#DD2222;
font-size:16pt; 
text-shadow: 0 0 0px #000;
border-bottom:none;
}
h3.subtitle {
font-family: "Lucida Sans Unicode";
font-style: italic;
margin-left:auto;
margin-right:auto;
}
h3.alert {
color:#DD2222;
font-style:normal;
}
h4 {
color:#DDDDDD;
font-family:"Lucida Sans Unicode";
font-size:14pt;
text-shadow: 0 0 4px #000;
 }
h4.alert {
color:#DD2222;
text-shadow: 0 0 0px #000;
}
h5 {
color:#1203C9;
font-family:"Lucida Sans Unicode";
font-size:8pt; }
p{
font-family:"Lucida Sans Unicode";
 }
/*Custom ID's*/ 
#header {
height:220px;
width:100%;
margin-left:40px;
 }
/*NOT USED
#container {
width:970px;
text-align:center;
background-image:url(background2.png);
background-repeat:repeat;
}
*/
#nav {
width:200px;
margin-left:15%;
float:left;
 }
#constrainer {
width:70%;
margin-left:auto;
margin-right:auto;
background-color:#EEEEEE;
padding:20px;
box-shadow: 0px 0px 10px #FFFFFF;
border-radius:20px;
} 
#content {
max-width:90%;
text-align:center; 
margin-left:auto;
margin-right:auto;
}
div.constrainerwide {
margin-left:auto;
margin-right:auto;
background-color:#EEEEEE;
overflow-x:visible;
padding:20px;
box-shadow: 0px 0px 10px #FFFFFF;
border-radius:20px;
display:table;
min-width:1200px;
}
div.contentwide {
text-align:center; 
margin-left:auto;
margin-right:auto;
display:table;
width:100%;
}
#games{
width:800px;
display:block;
overflow:hidden;
}
#spacer {
width:100px;
float:left;
margin-left:15%;
}
#navbar {
height:40px;
width:70%;
outline-color:#004080;
outline-style:groove;
text-align:center;
 }
.newsletcontainer {
width:100%;
background-color: #C6C6C6;
border: solid;
border-width: 1px;
border-radius: 10px;
border-color:#C0C0C0;
margin-bottom: 20px;
text-align:center;
box-shadow: 0px 0px 10px #888888;
}
.newslet {
width:90%;
margin-left:auto;
margin-right:auto;
}
.newslet img {
display:block;
}
.form {
text-align: center;
margin-left:auto;
margin-right:auto;
}
.formblock {
width: 450px;
text-align: center;
margin-left:auto;
margin-right:auto;
}
.forminputbox {
float: right;
}
.forminput {
text-align: left;
clear: both;
}
#shortcontent {
width:40%;
float:left; 
}
#footer {
float:left;
width:100%;
text-align:center; }
.game {
width: 200px;
height: 400px;
margin:30px;
outline-style: groove;
text-align:center;
overflow:hidden;
float:left;
}
.game a {
color:#000000;
font-family: "Lucida Sans Unicode";
font-size:14pt;
text-shadow: 0 0 4px #000000;
}
.game img{
width: 150px;
height: 150px;
}
.nobullet {
text-decoration:none; 
list-style-type : none;
}
.rightwrap {
float:right; 
margin-left:10px;
margin-bottom:2em;
max-width:100%;
}
div.code{
outline-style:solid; 
outline-color:#999999;
width:100%;
}
em.code {
font-family: "Courier New","Lucida Console",monospace;
font-style: normal;
}
.code p {
font-family: "Courier New","Lucida Console",monospace;
}
.center {
margin-left:auto;
margin-right:auto;
}
div.pagenav {
clear:both;
}
div.tool {
margin:10px;
overflow:auto;
background-color: #C6C6FF;
border: solid;
border-width: 1px;
border-radius: 10px;
border-color:#C0C0C0;
box-shadow: 0px 0px 10px #000000;
}
div.tooldesc {
margin:10px;
float:right;
width:65%;
background-color: #FFFF77;
border: solid;
border-width: 1px;
border-radius: 10px;
border-color:#FF7777;
box-shadow: 0px 0px 4px #000000;
}
div.tooltitle {
margin:10px;
float:left;
width:25%;
background-color: #888888;
border: solid;
border-width: 1px;
border-radius: 10px;
border-color:#FF7777;
box-shadow: 0px 0px 4px #000000;
}
div.split {
clear:both;
width:100%;
display:table;
table-layout:fixed;
text-align:right;
}
div.split div {
display: table-cell;
}
div.split p {
width:90%;
margin-left:auto;
margin-right:auto;
}
div.split .noshadow {
box-shadow:none;
}
img.normal {
width:100%;
}
img.fitwidth {
max-width:100%;
height:auto;
display:block;
margin-left:auto;
margin-right:auto;
}