/* Style sheet for web game 'Test Pilot' game Created by Jonathan Starnes 

 * 
 * Table of Content
 * 
 * Universal
 * Header
 * Nav
 * Home
 * Titles
 * Footer
 * Blog
 * 
 * 
 */

 
 /*
  * Universal Styles
  */
 
 body {

font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
color:#626262;
background: url(/images/layout/background.jpg) repeat-x #a1d1fe; 

}
 
 .clear {clear:both;}
 
 a {color:#249fe6;}
 a:visted {color:#249fe6;}
 a:hover {color:#0a5f8f;}
 
 
 .globalliststyle {list-style:url(/images/layout/bullet_orange.png);margin-left:30px; width:345px;}
 .globalliststyle li {list-style:url(/images/layout/bullet_orange.png);}
 
 
 /*
  * Header Styles
  */
 

#header {background: url(/images/layout/header.jpg) no-repeat; width:878px; height:236px; margin:0 auto;}

#headertop {height:150px; width:878px;}
#headertopright {width:440px; float:right; display:inline;}
#headerbottom {width:800px; margin:0 auto; margin-top:25px; }



#loginbtn {width:62px; height:38px; background:url(/images/layout/loginbtn.png) no-repeat;cursor:pointer; display:inline; margin-left:0px;float:left;}
#loginbtn:hover {background-position: 0 -38px;}
.logininput {width:149px; height:16px; background:url(/images/layout/login.png) no-repeat; padding:10px; border:none;float:left; display:inline;margin-left:10px;}

#clubbearlogin {background:url(/images/layout/clubbearlogin.png) no-repeat; float:right; display:inline; width:211px; height:36px;margin:0;}

#clubbearlogintext {float:right; width:200px; height:26px;font-size:80%; color:white; display:inline; margin-right:15px; margin-top:15px;margin-bottom:5px;}
#clubbearlogintext a {color:#27f0db;}

#blueomegagraphic {width:215px; height:115px; float:right; background:url(/images/layout/blueomega.png) no-repeat;display:inline; margin-right:20px;}
#armorgamesgraphic {width:269px; height:81px; background: url(/images/layout/armor.png) no-repeat; margin-top:90px;float:left;display:inline; margin-left:270px; }

 /*Content Styles
  * 
  */
 
 #transbg {background: url(/images/layout/content.png) repeat-y; width:878px; margin: 0 auto;padding-bottom:40px;}
 #bottomtrans {background: url(/images/layout/bottomcontent.png) no-repeat; width:878px; height:27px; margin: 0 auto;}
 #gamehold {width:640px; height:480px; background:grey; margin:0 auto; margin-bottom:40px; }
  #contacthold {width:640px; height:480px; background:white; margin:0 auto; margin-bottom:40px; }
 .div {width:10px; height:40px;}


#thirdleft .leftfontbox .thumb img {margin:0;}



 /*
  * Nav Styles
  */




 /*
  * Home Styles
  */
 
 #homebanner {background: /*url(/images/layout/banner.jpg) no-repeat;*/ url(/images/layout/armorbanner.jpg) no-repeat; width:828px; height:330px; margin:0 auto; background-position:0 -2px;}
 #clubbanner {background: url(/images/layout/clubbanner.jpg) no-repeat; width:828px; height:332px; margin:0 auto;}
#fullbanner {background: /*url(/images/layout/banner.jpg) no-repeat;*/ url(/images/layout/fullgamebanner.jpg) no-repeat; width:828px; height:330px; margin:0 auto; background-position:0 -2px;}
 
 

 #joinbutton {background: url(/images/layout/joinbutton.png) no-repeat; width:350px; height:97px; float:right; cursor:pointer; display:inline;  margin-right:40px; margin-top:70px; }
 #joinbutton:hover {background-position: 0-98px; }
 
 #fullgame {background: url(/images/layout/fullgamebutton.png) no-repeat; width:350px; height:97px; float:right; cursor:pointer; display:inline;  margin-right:40px; margin-top:30px; }
 #fullgame:hover {background-position: 0-99px; }
 
 #tellmemore {background: url(/images/layout/tellmemore.png) no-repeat; width:350px; height:97px; float:right; cursor:pointer; display:inline;  margin-right:40px; margin-top:60px; }
 #tellmemore:hover {background-position: 0-99px; }
 
 
 
 
 /*#onlyfive {width:345px; height:41px; background: url(/images/layout/only5.png) no-repeat; float:right;margin-top:12px; display:inline;margin-right:43px;}
 */
 
 #onlyfive {width:200px; height:116px; background: url(/images/layout/armor2.png) no-repeat; float:right;margin-top:38px; display:inline;margin-right:143px;}
 
 
 /*
  *  Title Styles
  */
 
#thirdleft {float:left; display:inline; width:499px; padding-left:5px; }
#thirdleft img {margin-top:4px;}
#thirdright {float:right; display:inline; width:345px; padding-right:8px;}

.leftfontbox {width:430px; margin-top:10px;  margin-left:40px;}
.rightfontbox {width:270px;  margin-top:10px; margin-left:30px;}


/*
 * Footer Div
 */

#footer {background:url(/images/layout/footer.jpg) repeat-x; width:100%; height:204px;}


/*
 * Blog Styles
 * 
 * 
 */

.blogheader {width:460px; height:90px; background:url(/images/headers/blogheader.png) no-repeat; }
.thumb {width:67px; height:67px; float:left; background:red;display:inline;margin-top:10px; margin-left:11px;}
.blogtitle {float:left; width:357px; margin-left:20px; margin-top:20px;display:inline;}
.blogmeta { float:left; width:357px; margin-left:20px; margin-top:20px; display:inline; color:#b2b1b2; font-size:90%;  }

.leftfontbox h2 {color:#847561; font-size:180%; line-height:140%;}


/*
 * 
 *Mochi
 */

#mochicoins {background:url(/images/layout/mochi.png) no-repeat; width:805px; height:236px; margin:10px auto;}
#mochicoinsfont { color:#454545; float:right; width:680px; margin-top:40px;}





/*
 * Club Styles
 * 
 */

#usercreatedv {background:url(/images/layout/usercreated.png) no-repeat; width:440px; height:50px; margin:120px 0px 0px 50px;float:left;cursor:pointer;}
#usercreatedm {background:url(/images/layout/usercreated2.png) no-repeat; width:419px; height:50px; margin:20px 0px 0px 48px;float:left;cursor:pointer;}

#usercreatedv:hover {background-position:0 -50px;}
#usercreatedm:hover {background-position:0 -50px;}

.clubbeartablehead {width:100%;  background:#7d7563; padding:3px 10px;border-bottom:1px solid #262626;color:white;font-weight:bold; line-height:15px;}
.clubbeartable {width:100%;  background:#e7e1d3; padding:3px 10px;}
.clubbeartablealt {width:100%;  padding:3px 10px;}

.clubbeartablecolumni {float:left; display:inline; width:145px;}
.clubbeartablecolumnii {float:left; display:inline; width:100px;}
.clubbeartablecolumniii {float:left; display:inline; width:90px;}

.clubbeartablcolumnrighti {float:left; width:100px; display:inline;}
.clubbeartablcolumnrightii {float:left; width:140px; display:inline;}


#tempimage {width:445px; height:445px; background:grey;margin-left:50px;}