/** GAMES CLUB STYLE SHEET **/

/************************************************************************************************ General CSS **/
*                       {padding:0px; margin:0px;}
body                    {font-family:"Segoe UI", Arial, Tahoma, Helvetica, sans-serif; font-style:normal; color:#5e5e5e; font-size:.8em; background:url(../i/background.jpg) repeat-x fixed; }
h1                      {color:#ffffff; font-size:1.4em; font-weight:bold;}
h2                      {color:#5e5e5e; font-size:1.4em; font-weight:bold;}
p                       {padding-top:20px; line-height:140%;}
img                     {border:none}
a                       {color:#4395d1; text-decoration:none; font-weight:bold; cursor:pointer;} 
a:hover                 {text-decoration:underline;}

.clearfix:after         {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix               {display:inline-block;}
html[xmlns] .clearfix   {display:block;}
* html .clearfix        {height:1%;}
.noPadding              {padding:0;}

/************************************************************************************************ Main **/
#wrapper                {padding:0 30px; width:920px; margin:auto; height:auto; background:url(../i/wrapperBackground.png) repeat-y;}

#header                 {}
#windowsLive            {padding:10px 0; float:left;}
#microsoftTabs          {float:right;}
.microsoftNav, .microsoftNav ul {padding:10px 0; float:left; list-style-type:none; font-size:.8em; color:#006699;}
ul.microsoftNav li      {padding-left:20px; display:block; float:left; text-decoration:none; color:#b4b4b4}

#intro                  {padding:0 20px; height:224px; width:920; background:url(../i/header.png) repeat-x;}
#gamesClubLogo          {float:left;}
#introCopy              {padding:20px 20px 20px 40px; width:346px; float:left;}
#introCopy p            {color:#fff;}
.floatRight             {float:right;}

#loginBar               {padding:10px 20px; margin:20px 0 0 0; background:#4395d1;}
#loginBar h2            {color:#fff;}
#loginBar a             {color:#fff; font-weight:normal; color:#7dd5f5;}

#footer                 {min-height:44px;}
#copywrite              {float:left; display:block;}
#copywrite p            {padding:10px 0; font-size:.8em;}
#footerTabs             {float:left; display:block;}
#microsoftLogo          {float:right; padding:10px 0; display:block;}

object                  {outline: none;}
.slVid                  {width: 240px; height: 180px;}

/************************************************************************************************ gameFeature **/
.gameContainer          {padding:0;}
.divideTop              {width:920px; height:20px; background:url(../i/divideTop.png) repeat-x;}
.divideMiddle           {width:920px; height:20px; background:url(../i/divideMiddle.png) repeat-x;}
.divideBottom           {width:920px; height:20px; background:url(../i/divideBottom.png) repeat-x;}

.gameContainerInside    {padding:20px;}
.column                 {padding-right:20px; float:left;}
.wide                   {width:240px;}
.narrow                 {width:170px;}
.bigPadTop              {padding-top:8px;}
.smallPadTop            {padding-top:6px;}
.iconOrThumb            {padding-right:6px; float:left;}
p.large                 {font-size:1.3em;}
p.noPadTop              {padding-top:0;}
.last                   {padding-right:0px;}
.shareTitle             {font-size: 75%;}

/** collapsableDiv **/
.divToggle              {cursor:pointer;}
.gameSwf                {display: none; outline:none; margin:0px 0px 20px 20px; }

/** buttons **/
.button                 {padding:6px; margin-top:6px; background:#f26529; color:#ffffff; font-size:1.4em; font-weight:bold; text-align:center; text-transform:uppercase;}
.blue                   {background:#4395d1;}
.green                  {background:#7ac466;}
.button a               {color:#fff;}
.buttonNarrow           {width:150px;}
.smallerFont            {font-size:.9em;}
.highlight              {color:#f26529; font-weight:bold;}

/************************************************************************************************ forms **/
fieldset                { border: 0px; margin: 16px 0px; padding: 0 0 0 0; }
legend                  { font-weight: bold; margin: 0 0 8px 0; }
fieldset label          { clear: both; display: block; float: left; height: 40px; margin: 0 10px 0 50px; text-align: left; width: 240px; }
fieldset input.text     { display: block; float: left; width: 240px; margin: 0 0 20px 0; padding: 5px; }
input.button            { border: 0px; }

/************************************************************************************************ noIE **/
#noIE                   { padding:30px; }
#noIE h1                { padding:20px 0 10px 0; color:#5e5e5e; }
#noIE h2                { padding:0 0 20px 0; color:#5e5e5e; }
#or                     { padding-bottom:20px; text-align:center; }
#or p                   { font-size:1.4em; font-weight:bold; }