

#main, table
{
   font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 13px;
   letter-spacing: 1px;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
   margin: 0;
   padding: 0;
}

.postcontent,
.postheadericons,
.postfootericons,
.blockcontent-body,
ul.vmenu a 
{
   text-align: left;
}

.postcontent,
.postcontent li,
.postcontent table,
.postcontent a,
.postcontent a:link,
.postcontent a:visited,
.postcontent a.visited,
.postcontent a:hover,
.postcontent a.hovered
{
   font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;
}

.postcontent p
{
   margin: 12px 0;
}

.postcontent h1, .postcontent h1 a, .postcontent h1 a:link, .postcontent h1 a:visited, .postcontent h1 a:hover,
.postcontent h2, .postcontent h2 a, .postcontent h2 a:link, .postcontent h2 a:visited, .postcontent h2 a:hover,
.postcontent h3, .postcontent h3 a, .postcontent h3 a:link, .postcontent h3 a:visited, .postcontent h3 a:hover,
.postcontent h4, .postcontent h4 a, .postcontent h4 a:link, .postcontent h4 a:visited, .postcontent h4 a:hover,
.postcontent h5, .postcontent h5 a, .postcontent h5 a:link, .postcontent h5 a:visited, .postcontent h5 a:hover,
.postcontent h6, .postcontent h6 a, .postcontent h6 a:link, .postcontent h6 a:visited, .postcontent h6 a:hover,
.blockheader .t, .blockheader .t a, .blockheader .t a:link, .blockheader .t a:visited, .blockheader .t a:hover,
.vmenublockheader .t, .vmenublockheader .t a, .vmenublockheader .t a:link, .vmenublockheader .t a:visited, .vmenublockheader .t a:hover,
.logo-name, .logo-name a, .logo-name a:link, .logo-name a:visited, .logo-name a:hover,
.logo-text, .logo-text a, .logo-text a:link, .logo-text a:visited, .logo-text a:hover,
.postheader, .postheader a, .postheader a:link, .postheader a:visited, .postheader a:hover
{
   font-family: Calibri,"Century Gothic",Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: bold;
   font-size: 28px;
   text-decoration: none;
   letter-spacing: 1px;
}


.postcontent a
{
   text-decoration: none;
   color: #1EA1CD;
}

.postcontent a:link
{
   text-decoration: none;
   color: #1EA1CD;
}

.postcontent a:visited, .postcontent a.visited
{
   color: #015FB1;
}

.postcontent  a:hover, .postcontent a.hover
{
   font-style: normal;
   font-weight: bold;
   color: #015FB1;
}

.postcontent h1
{
   color: #1074A2;
   margin: 10px 0 0;
   font-size: 26px;
}

.blockcontent h1
{
   margin: 10px 0 0;
   font-size: 26px;
}

.postcontent h1 a, .postcontent h1 a:link, .postcontent h1 a:hover, .postcontent h1 a:visited, .blockcontent h1 a, .blockcontent h1 a:link, .blockcontent h1 a:hover, .blockcontent h1 a:visited
{
   font-size: 26px;
}

.postcontent h2
{
   color: #1698D5;
   margin: 10px 0 0;
   font-size: 22px;
}

.blockcontent h2
{
   margin: 10px 0 0;
   font-size: 22px;
}

.postcontent h2 a, .postcontent h2 a:link, .postcontent h2 a:hover, .postcontent h2 a:visited, .blockcontent h2 a, .blockcontent h2 a:link, .blockcontent h2 a:hover, .blockcontent h2 a:visited
{
   font-size: 22px;
}

.postcontent h3
{
   color: #2B9BFD;
   margin: 10px 0 0;
   font-size: 18px;
}

.blockcontent h3
{
   margin: 10px 0 0;
   font-size: 18px;
}

.postcontent h3 a, .postcontent h3 a:link, .postcontent h3 a:hover, .postcontent h3 a:visited, .blockcontent h3 a, .blockcontent h3 a:link, .blockcontent h3 a:hover, .blockcontent h3 a:visited
{
   font-size: 18px;
}

.postcontent h4
{
   color: #0F6D99;
   margin: 10px 0 0;
   font-size: 16px;
}

.blockcontent h4
{
   margin: 10px 0 0;
   font-size: 16px;
}

.postcontent h4 a, .postcontent h4 a:link, .postcontent h4 a:hover, .postcontent h4 a:visited, .blockcontent h4 a, .blockcontent h4 a:link, .blockcontent h4 a:hover, .blockcontent h4 a:visited
{
   font-size: 16px;
}

.postcontent h5
{
   color: #0F6D99;
   margin: 10px 0 0;
   font-size: 14px;
}

.blockcontent h5
{
   margin: 10px 0 0;
   font-size: 14px;
}

.postcontent h5 a, .postcontent h5 a:link, .postcontent h5 a:hover, .postcontent h5 a:visited, .blockcontent h5 a, .blockcontent h5 a:link, .blockcontent h5 a:hover, .blockcontent h5 a:visited
{
   font-size: 14px;
}

.postcontent h6
{
   color: #1698D5;
   margin: 10px 0 0;
   font-size: 13px;
}

.blockcontent h6
{
   margin: 10px 0 0;
   font-size: 13px;
}

.postcontent h6 a, .postcontent h6 a:link, .postcontent h6 a:hover, .postcontent h6 a:visited, .blockcontent h6 a, .blockcontent h6 a:link, .blockcontent h6 a:hover, .blockcontent h6 a:visited
{
   font-size: 13px;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position: inside;
}

html 
{
   height:100%;
}

#main
{
   position: relative;
   z-index: 0;
   width: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
}

body
{
   padding: 0;
   margin:0;
   color: #000000;
   height:100%;
   min-height:100%;
   background-color: #EBF5FF;
   min-width: 815px;
}

.cleared
{
   display:block;
   clear: both;
   float: none;
   margin: 0;
   padding: 0;
   border: none;
   font-size: 0;
   height:0;
   overflow:hidden;
}

.reset-box
{
   overflow:hidden;
   display:table;
}

form
{
   padding: 0 !important;
   margin: 0 !important;
}



/* Start Box */
.box {
   margin:0 auto;
   position:relative;
}
.box:before, .box:after, .box-body:before, .box-body:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat: no-repeat;
   line-height:0;
}
.box:before,.box-body:before{
   left:0;
}
.box:after,.box-body:after{
   right:0;
}
.box:before {
   overflow:hidden;
   background-position: bottom left;
   direction: ltr;
   z-index:-3;
}
.box:after {
   background-position: bottom right;
   z-index:-3;
}
.box-body:before, .box-body:after {
   background-repeat:repeat-y;
}
.box-body:before {
   background-position: top left;
   z-index:-3;
}
.box-body:after {
   background-position: top right;
   z-index:-3;
}

.box .box:before, .box .box:after, .box-body .box-body:before, .box-body .box-body:after {
   z-index:-2;
}
.box .box .box:before, .box .box .box:after, .box-body .box-body .box-body:before, .box-body .box-body .box-body:after {
   z-index:-1;
}
/* End Box */

/* Start Bar */
.bar {
   position:relative;
}
.bar:before, .bar:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat:repeat;
   z-index:-1;
}
.bar:before {
   left:0;
   background-position: top left;
}
.bar:after {
   right:0;
   background-position: top right;
}
/* End Bar */

li h1, .postcontent li h1, .blockcontent-body li h1
{
   margin:1px;
} 
li h2, .postcontent li h2, .blockcontent-body li h2 
{
   margin:1px;
} 
li h3, .postcontent li h3, .blockcontent-body li h3 
{
   margin:1px;
}
li h4, .postcontent li h4, .blockcontent-body li h4 
{
   margin:1px;
} 
li h5, .postcontent li h5, .blockcontent-body li h5 
{
   margin:1px;
} 
li h6, .postcontent li h6, .blockcontent-body li h6 
{
   margin:1px;
} 
li p, .postcontent li p, .blockcontent-body li p 
{
   margin:1px;
}

/* end Page */

/* begin Menu */
/* menu structure */

ul.hmenu a, ul.hmenu a:link, ul.hmenu a:visited, ul.hmenu a:hover {
   outline: none;
}

ul.hmenu, ul.hmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}

ul.hmenu li
{
   margin: 0;
   padding: 0;
   border: 0;
   display: block;
   float: left;
   position: relative;
   z-index: 5;
   background: none;

}

ul.hmenu li:hover{
   z-index: 10000;
   white-space: normal;
}
ul.hmenu li li{
   float: none;
   width: auto;
}

ul.hmenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background: none;
   min-height: 0;
   background-image: url('images/spacer.gif');
   padding: 10px 30px 30px 30px;
   margin: -10px 0 0 -30px;
}

ul.hmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
ul.hmenu li li:hover>ul {
   top: 0;
   left: 100%;
}
ul.hmenu:after, ul.hmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}
ul.hmenu{
   min-height: 0;
   position:relative;
   padding: 0 0 0 0;
   float: left;

   /* Menu Border */
   border-bottom-right-radius: 20px;
   border-bottom-left-radius:  20px;
   border-bottom: 1px solid #015FB1;
   border-left:  1px solid #015FB1;
   border-right:  1px solid #015FB1;
   background-color: #F4FAFF;
}

.brdleft {
   border-bottom-left-radius:  20px;
}

.brdright {
   border-bottom-right-radius:  20px;
}

ul.hmenu ul.hmenu-left-to-right {
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}
ul.hmenu ul.hmenu-right-to-left {
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}

ul.hmenu ul ul
{
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
   margin-left: -11px;
   z-index: -1;
}

ul.hmenu ul ul.hmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
   margin-left: -11px;
}

ul.hmenu ul ul.hmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 30px 10px 30px 30px;
   margin: -30px -10px 0 0;
   margin-right: -11px;
}

ul.hmenu li li:hover>ul.hmenu-left-to-right {
   right: auto;
   left: 100%;
}
ul.hmenu li li:hover>ul.hmenu-right-to-left {
   left: auto;
   right: 100%;
}

/* end menu structure */

/* menu bar */

.nav
{
   width:815px;
   margin:0 auto;
   min-height: 31px;
   z-index: 100;
   margin-top: 0;
   margin-bottom: 0;
}

.nav:before, .nav:after{
   background-image: url('images/nav.png');
}
.nav:before{
   right: 0;
}
.nav:after{
   width: 0;
}
/* end menu bar */
.nav-outer{
   position:absolute;
   width:100%;
}
.nav-wrapper 
{
   position: relative;
   width:815px;
   margin:0 auto;
}

.nav-inner{
   margin: 0 10px;
}

/* end Menu */

/* begin MenuItem */
ul.hmenu>li>a
{
   position: relative;
   display: block;
   height: 31px;
   cursor: pointer;
   text-decoration: none;
   color: #01447E;
   padding: 0 25px;
   line-height: 31px;
   text-align: center;
}

ul.hmenu>li>a:before, ul.hmenu>li>a:after
{
   position: absolute;
   display: block;
   content:' ';
   top: 0;
   bottom:0;
   z-index: -1;
}

/* MenuItem Border Right */
ul.hmenu>li.brdright>a:hover:before, ul.hmenu>li.brdright:hover>a:before {
   border-bottom-right-radius:  20px;
       background-color: #E1EFFF;
}
ul.hmenu>li.brdright>a:hover:after, ul.hmenu>li.brdright:hover>a:after {
   border-bottom-right-radius:  20px;
       background-color: #E1EFFF;
}

/* MenuItem Border left */
ul.hmenu>li.brdleft>a:hover:before, ul.hmenu>li.brdleft:hover>a:before {
   border-bottom-left-radius:  20px;
       background-color: #E1EFFF;
}
ul.hmenu>li.brdleft>a:hover:after, ul.hmenu>li.brdleft:hover>a:after {
   border-bottom-left-radius:  20px;
       background-color: #E1EFFF;
}

ul.hmenu>li>a:before
{
   left: 0;
   right: 0;
}

ul.hmenu>li>a:after
{
   width: 0;
   right: 0;
}

.hmenu a, .hmenu a:link, .hmenu a:visited, .hmenu a:hover
{
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 12px;
   text-align: left;
   text-decoration: none;
/*   text-transform: uppercase; */
}

ul.hmenu>li>a:hover:before, ul.hmenu>li:hover>a:before {
      background-color: #E1EFFF;
}
ul.hmenu>li>a:hover:after, ul.hmenu>li:hover>a:after {
    background-color: #E1EFFF;
}
ul.hmenu>li>a:hover, ul.hmenu>li:hover>a{
   color: #013C6F;
}

/* end MenuItem */

/* begin MenuSeparator */
ul.hmenu>li:before
{
   position:absolute;
   display: block;
   content:' ';
   top:0;
   left:  -1px;
   width:1px;
   height: 31px;
   background: url('images/menuseparator.png') center center no-repeat;
}

ul.hmenu>li {
   margin-left:1px;
}
ul.hmenu>li:first-child{
   margin-left:0;
}

ul.hmenu>li:first-child:before{
   display:none;
}
/* end MenuSeparator */

/* begin MenuSubItem */
.hmenu ul a
{
   display: block;
   white-space: nowrap;
   height: 29px;
   background-image: url('images/subitem.png');
   background-position: left top;
   background-repeat: repeat-x;
   border-width: 1px;
   border-style: solid;
   border-top-width: 0;
   border-color: #90CBFE;
   min-width: 7em;
   text-align: left;
   text-decoration: none;
   line-height: 29px;
   color: #01447E;
   text-transform: none;
   margin:0;
   padding: 0 8px;
}

.hmenu ul>li:first-child>a
{
   border-top-width: 1px;
}

.hmenu ul a:link, .hmenu ul a:visited, .hmenu ul a:hover, .hmenu ul a:active
{
   text-align: left;
   text-decoration: none;
   line-height: 29px;
   color: #01447E;
   text-transform: none;
   margin:0;
   padding: 0 8px;
}

.hmenu ul li a:hover
{
   color: #000000;
   background-position: left bottom;
   border-color: #90CBFE;
   border-top-width: 1px !important;
}

.hmenu ul li a.hmenu-before-hovered
{
   border-bottom-width: 0 !important;
}

.hmenu ul li:hover>a
{
   color: #000000;
   background-position: left bottom;
   border-color: #90CBFE;
   border-top-width: 1px !important;
}

/* end MenuSubItem */

/* begin Box, Sheet */
.sheet
{
   max-width:815px;
   margin-top: 0;
   margin-bottom: 0;
   cursor:auto;
   width: 815px;
}
.sheet-body 
{
   padding:10px;
   padding-top:10px;
   padding-bottom:0;
}
.sheet:before,.sheet-body:before{
   right:0;
}
.sheet-body:after{
   width: 0;
   top:0;
   bottom:0;
   background-image:url('images/sheet.png');
}
.sheet-body:before{
   top:0;
   bottom:0;
   background-image:url('images/sheet.png');
}

#page-background-top-texture, #page-background-middle-texture, #page-background-glare
{
   min-width: 815px;
}

/* end Box, Sheet */

/* begin Header */
div.header
{
   margin: 0 auto;
   position: relative;
   width:100%;
   height: 50px;
   margin-top: 0;
   margin-bottom: 0;
}

/* end Header */

/* begin Logo */
div.logo
{
   display: block;
   position: absolute;
   top: 25px;
   left: 0;
   margin-left: 12px;
}



#headline, #slogan 
{
   display: block;
   min-width: 150px;
   text-align: left;
}
/* end Logo */

/* begin Layout */
.layout-wrapper
{
   position:relative;
   margin:0 auto 0 auto;
}

.content-layout
{
   display: table;
   width:100%;
   table-layout: fixed;
   border-collapse: collapse;
}

.content-layout-row {
   display: table-row;
}

.layout-cell
{
   display: table-cell;
   vertical-align: top;
}
/* end Layout */

/* begin Box, Block */
.block
{
   max-width:795px;
   margin: 7px;
}
.block-body 
{
   padding:5px;
}

div.block img
{
   /* WARNING do NOT collapse this to 'border' - inheritance! */
  border-width: 1px;
   border-color: #5DC0EF;
   border-style: solid;
   margin: 10px;
}

/* end Box, Block */

/* begin Box, BlockContent */
.blockcontent
{
   max-width:795px;
}
.blockcontent-body 
{
   padding:0;
   color: #0C5374;
   font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;
   font-size: 15px;
   letter-spacing: 1px;
}
.blockcontent-body table,
.blockcontent-body li, 
.blockcontent-body a,
.blockcontent-body a:link,
.blockcontent-body a:visited,
.blockcontent-body a:hover
{
   color: #0C5374;
   font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;
   font-size: 15px;
   letter-spacing: 1px;
}

.blockcontent-body p
{
   margin: 0 5px;
}

.blockcontent-body a, .blockcontent-body a:link
{
   color: #177A9C;
   text-decoration: underline;
}

.blockcontent-body a:visited, .blockcontent-body a.visited
{
   color: #2B9BFD;
   text-decoration: none;
}

.blockcontent-body a:hover, .blockcontent-body a.hover
{
   color: #1698D5;
   text-decoration: none;
}

.blockcontent-body ul li
{
   font-size: 15px;
   line-height: 125%;
   color: #08354A;
   margin: 5px 0 0 10px;
   padding: 0 0 0 14px;
   background-image: url('images/blockcontentbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
}
/* end Box, BlockContent */

/* begin Button */
span.button-wrapper>a.button,
span.button-wrapper>a.button:link,
span.button-wrapper>input.button,
span.button-wrapper>button.button
{
   text-decoration: none;
   font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 15px;
   letter-spacing: 1px;
   position:relative;
   top:0;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #012342 !important;
   width: auto;
   outline: none;
   border: none;
   background: none;
   line-height: 29px;
   height: 29px;
   margin: 0 !important;
   padding: 0 11px !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
}

.button img, span.button-wrapper img
{
   margin: 0;
   vertical-align: middle;
}

span.button-wrapper
{
   vertical-align: middle;
   display: inline-block;
   position: relative;
   height: 29px;
   overflow: hidden;
   white-space: nowrap;
   text-indent: 0;
   width: auto;
   max-width:795px;
   margin: 0;
   padding: 0;
   z-index: 0;
}

.firefox2 span.button-wrapper
{
   display: block;
   float: left;
}

input, select, textarea
{
   vertical-align: middle;
   font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
   letter-spacing: 1px;

}


.countdown
{
      display: block;
   background-image: url('./images/countdown.png');
   background-position: right;
   background-repeat: no-repeat;
   height: 209px;
   width: 380px;

   position: relative;
   left: -20px;

}

.gamestonImg
{
   display: block;
   background-image: url('./images/11-11-2011.png');
   background-position: right;
   background-repeat: no-repeat;
   height: 407px;
   width: 780px;

   position: relative;
   left: -30px;
}

.betaImg
{
   display: block;
   background-image: url('./images/GSBetaPage.png');
   background-position: right;
   background-repeat: no-repeat;
   height: 500px;
   width: 780px;
   position: relative;
   right: 25px;
}

.faqheader
{
   display: block;
   background-image: url('./images/faqheader.png');
   background-position: right;
   background-repeat: no-repeat;
   height: 50px;
   width: 450px;
   position: relative;
   left: 0px;
}


.changelog
{
   display: block;
   background-image: url('./images/changelogheader.png');
   background-position: right;
   background-repeat: no-repeat;
   height: 50px;
   width: 250px;
   position: relative;
   left: 0px;
}


.titleImg
{
   display: block;
   background-image: url('./images/title.png');
   background-position: right;
   background-repeat: no-repeat;
   height: 58px;
   width: 500px;

position: relative;
left: 30%;
}

.about
{
   display: block;
   background-image: url('./images/about.png');
   background-position: right;
   background-repeat: no-repeat;
   height: 345px;
   width: 500px;

position: relative;
top: 30px;
left: 30%;
}


.line
{
display: block;
   background-image: url('./images/line.gif');
   background-position: right;
   background-repeat: no-repeat;
   height: 290px;
   width: 4px;

}

.talkUs
{
display: block;
   background-image: url('./images/TalkUs.png');
   background-position: right;
   background-repeat: no-repeat;
   height: 45px;
   width: 250px;

}

   .textbox
{

	background-image: url(./images/form_bg.gif);
	background-repeat:repeat-x;
	border:1px solid #cfcfcf;
	width: 230px;
	color:#333333;
	padding:3px;
	margin-right:4px;
	font-family: arial;
}


    .submit
{
  background: #e3e3e3;
  border: 1px solid #bbb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
  -ms-box-shadow: inset 0 0 1px 1px #f6f6f6;
  -o-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #333;
  font: bold 13px "helvetica neue", helvetica, arial, sans-serif;
  line-height: 1;
  padding: 5px 0 5px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  width: 80px;

}

.submit:hover
{
      background: #d9d9d9;
    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    -moz-box-shadow: inset 0 0 1px 1px #eaeaea;
    -ms-box-shadow: inset 0 0 1px 1px #eaeaea;
    -o-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #222;
    cursor: pointer;
}

.submit:active
{
      background: #d0d0d0;
    -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
    -moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
    -ms-box-shadow: inset 0 0 1px 1px #e3e3e3;
    -o-box-shadow: inset 0 0 1px 1px #e3e3e3;
    box-shadow: inset 0 0 1px 1px #e3e3e3;
    color: #000;
}

    .reset
{
  background: #e3e3e3;
  border: 1px solid #bbb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
  -ms-box-shadow: inset 0 0 1px 1px #f6f6f6;
  -o-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #333;
  font: bold 13px "helvetica neue", helvetica, arial, sans-serif;
  line-height: 1;
  padding: 5px 0 5px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  width: 80px;

}

.reset:hover
{
      background: #d9d9d9;
    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    -moz-box-shadow: inset 0 0 1px 1px #eaeaea;
    -ms-box-shadow: inset 0 0 1px 1px #eaeaea;
    -o-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #222;
    cursor: pointer;
}

.reset:active
{
      background: #d0d0d0;
    -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
    -moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
    -ms-box-shadow: inset 0 0 1px 1px #e3e3e3;
    -o-box-shadow: inset 0 0 1px 1px #e3e3e3;
    box-shadow: inset 0 0 1px 1px #e3e3e3;
    color: #000;
}

div.block select 
{
   width:96%;
}

span.button-wrapper.hover>.button, span.button-wrapper.hover>a.button:link
{
   color: #052433 !important;
   text-decoration: none !important;
}

span.button-wrapper.active>.button, span.button-wrapper.active>a.button:link
{
   color: #072631 !important;
}

span.button-wrapper>span.button-l, span.button-wrapper>span.button-r
{
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: 0;
   padding: 0;
   background-image: url('images/button.png');
   background-repeat: no-repeat;
}

span.button-wrapper>span.button-l
{
   left: 0;
   right: 11px;
   background-position: top left;
}

span.button-wrapper>span.button-r
{
   width: 11px;
   right: 0;
   background-position: top right;
}

span.button-wrapper.hover>span.button-l
{
   background-position: center left;
}

span.button-wrapper.hover>span.button-r
{
   background-position: center right;
}

span.button-wrapper.active>span.button-l
{
   background-position: bottom left;
}

span.button-wrapper.active>span.button-r
{
   background-position: bottom right;
}

span.button-wrapper input
{
   float: none !important;
}
/* end Button */

/* begin Box, Post */
.post
{
   max-width:795px;
   margin: 10px;
}
.post-body 
{
   padding:15px;
}

a img
{
   border: 0;
}

.article img, img.article, .block img, .footer img
{
   border-color: #5DC0EF;
   border-style: solid;
   border-width: 0;
   margin: 10px 10px 10px 10px;
}

.metadata-icons img
{
   border: none;
   vertical-align: middle;
   margin: 2px;
}

.article table, table.article
{
   border-collapse: collapse;
   margin: 1px;
}

.post .content-layout-br
{
   height: 0;
}

.article th, .article td
{
   padding: 2px;
   vertical-align: middle;
   text-align: left;
}

.article th
{
   text-align: center;
   vertical-align: middle;
   padding: 7px;
}

pre
{
   overflow: auto;
   padding: 0.1em;
}

#preview-image
{
   float: left;
       width: 150px;
}

.preview-cms-logo
{
   border: 0;
   margin: 1em 1em 0 0;
   float: left;
}

.preview-sharepoint-logo
{
   border: 0;
   margin: 5px;
   float: left;
}
/* end Box, Post */

/* begin PostHeaderIcon */
.postheader
{
   color: #10576F;
   margin: 10px 0;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 26px;
}

.postheader a, 
.postheader a:link, 
.postheader a:visited,
.postheader a.visited,
.postheader a:hover,
.postheader a.hovered
{
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 26px;
}

.postheader a, .postheader a:link
{
   font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;
   text-align: left;
   text-decoration: none;
   color: #1A8CB2;
}

.postheader a:visited, .postheader a.visited
{
   color: #1385B9;
}

.postheader a:hover,  .postheader a.hovered
{
   text-decoration: underline;
   color: #072631;
}

/* end PostHeaderIcon */

/* begin PostBullets */
.postcontent ol, .postcontent ul
{
   margin: 1em 0 1em 2em;
   padding: 0;
}

.postcontent li
{
   font-size: 15px;
   color: #001628;
   margin: 5px 0 0 -15px;
   padding: 0 0 0 13px;
}

.postcontent li ol, .post li ul
{
   margin: 0.5em 0 0.5em 2em;
   padding: 0;
}

.postcontent ol>li
{
   background: none;
   padding-left: 0;
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.postcontent ul>li
{
   background-image: url('images/postbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
   padding-left: 13px;
   /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
   overflow-y: hidden;
}

/* end PostBullets */

/* begin PostQuote */
.postcontent blockquote,
.postcontent blockquote a,
.postcontent blockquote a:link,
.postcontent blockquote a:visited,
.postcontent blockquote a:hover
{
   color: #03141C;
   font-style: italic;
   font-weight: normal;
}

.postcontent blockquote p
{
   margin: 0;
}

.postcontent blockquote
{
   margin: 10px;
   padding: 2px;
   background-color: #C2E2FF;
   margin-left: 50px;
   padding-left: 26px;
   background-image: url('images/postquote.png');
   background-position: left top;
   background-repeat: no-repeat;
   /* makes block not to align behind the image if they are in the same line */
  overflow: auto;
   clear:both;
}

/* end PostQuote */

/* begin Footer */
.footer
{
   position: relative;
   margin-top:0;
   margin-bottom:0;
   width: 100%;
}

.footer-body
{
   position:relative;
   padding: 8px;
   color: #012B51;
   font-size: 12px;
}

.footer-body ul li
{
   font-size: 13px;
   line-height: 125%;
   color: #08354A;
   margin: 0 0 0 13px;
   padding: 0 0 0 14px;
   background-image: url('images/footerbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
}

.footer-body:before
{
   position: absolute;
   content:' ';
   z-index:-2;
   left:0;
   right:0;
   top:0;
   bottom:0;
   background-image: url('images/footer.png');
   background-position:bottom left;
}

.footer-body .rss-tag-icon
{
   position: absolute;
   left:   6px;
   bottom:8px;
   z-index:1;
}

.rss-tag-icon
{
   display: block;
   background-image: url('images/rssicon.png');
   background-position: center right;
   background-repeat: no-repeat;
   height: 22px;
   width: 22px;
   cursor: default;
}
 .nav-inner .logo {
   position: absolute;
   right: 50px;
   top: 5px;
   z-index:1;
 }

.logo
{
   display: block;
   background-image: url('images/gameston.png');
   background-position: right;
   background-repeat: no-repeat;
   height: 65px;
   width: 320px;
}
 .download {
   position: relative;
   z-index:1;
   padding-top: 20px;
   padding-bottom: 15px;
   display: block;
   background-image: url(images/downloadGSBETAUNWORK.png);
   background-position: 0px -0px;
   background-repeat: no-repeat;
   height: 20px;
   width: 250px;

}

   .downloadheader
{
   display: block;
   background-image: url(images/downloadheader.png);
   background-repeat: no-repeat;
   height: 50px;
   width: 450px;
}

 .gamestonView
{
   display: block;
   background-image: url(images/gamestonView.png);
   background-repeat: no-repeat;
   height: 250px;
   width: 410px;
   position: relative;
   right: 30px;
}

.downloadNEW {
   position: relative;
   z-index:1;
   padding-top: 15px;
   padding-bottom: 15px;
   display: block;
   background-image: url(images/gsbetaDownload.png);
   background-position: 0px -0px;
   background-repeat: no-repeat;
   height: 20px;
   width: 250px;

}

.downloadNEW:hover {
   position: relative;
   z-index:1;
   padding-top: 15px;
   padding-bottom: 15px;
   display: block;
   background-image: url(images/gsbetaDownload.png);
   background-repeat: no-repeat;
   background-position: 0px -50px;
      height: 20px;
      width: 250px;

}


.footer-text p
{
   padding:0;
   margin:0;
   text-align: center;
}

.footer-body a,
.footer-body a:link,
.footer-body a:visited,
.footer-body a:hover,
.footer-body td,
.footer-body th,
.footer-body caption
{
   color: #012B51;
   font-size: 12px;
}

.footer-text
{
   min-height: 22px;
   padding-left: 10px;
   padding-right: 10px;
   text-align: center;
}

.footer-body a,
.footer-body a:link
{
   color: #0F5066;
   text-decoration: none;
}

.footer-body a:visited
{
   color: #027DE9;
}

.footer-body a:hover
{
   color: #1EA1CD;
   text-decoration: underline;
}

div.footer img
{
   /* WARNING do NOT collapse this to 'border' - inheritance! */
  border-width: 0;
   margin: 10px;
}/* end Footer */

/* begin PageFooter */
.page-footer, 
.page-footer a,
.page-footer a:link,
.page-footer a:visited,
.page-footer a:hover
{
   font-family: Arial;
   font-size: 12px;
   letter-spacing: normal;
   word-spacing: normal;
   font-style: normal;
   font-weight: normal;
   text-decoration: underline;
   color: #1074A2;
}

.page-footer
{
   padding: 1em;
   text-align: center;
   text-decoration: none;
   color: #015FB1;
}
/* end PageFooter */



.donate
{
 padding: 30px;
 width: 650px;
 text-align: center;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;

 -moz-box-shadow: 1px 5px 5px  #4F4F4F;
 -webkit-box-shadow: 1px 5px 5px  #4F4F4F;
 box-shadow: 1px 5px 5px #4F4F4F;

border: solid 2px #FF0000;

background: rgb(235,241,246);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZjFmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2FiZDNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzg5YzNlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWViZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(235,241,246,1) 0%, rgba(171,211,238,1) 50%, rgba(137,195,235,1) 51%, rgba(213,235,251,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,241,246,1)), color-stop(50%,rgba(171,211,238,1)), color-stop(51%,rgba(137,195,235,1)), color-stop(100%,rgba(213,235,251,1)));
background: -webkit-linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%);
background: -o-linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%);
background: -ms-linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%);
background: linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 );

}

.donate h2
{
  color:#FFFFFF;
  text-shadow: 2px 2px 2px #000;
  font-size: 36px;

}

[if gte IE 9] .donate{
       filter: none;
    }

.info
{
            width:765px;
			position: relative;
            right: 35px;
            margin: 10px 0px 30px 0px;
			padding:15px 0px 15px 50px;
			background-repeat: no-repeat;
			background-position: 35px center;
			border-top: 1px solid #A7C1DF;
			border-bottom: 1px solid #A7C1DF;
			background-color: #DFEEFF;
			background-image: url('images/info.png');
            font-size: 14px;
            text-align: center;

           	-webkit-box-shadow: 0 6px 6px -6px black;
	        -moz-box-shadow: 0 6px 6px -6px black;
	        box-shadow: 0 6px 6px -6px black;

}
