﻿html
{
    background-color:#A0D8EF;
    border:0px;
    padding:0px;
    margin:0px;
    height:100%;
}

img
{
    border:0px;
}
a 
{
    text-decoration:none;
}

form, body 
{
    font-family:Tahoma;
    font-size:16px;
    padding:0px;
    margin:0px;
    height:100%;
}

#page
{
    width:940px;
    min-height:101%;
    background-color:White;
    background-image:url(../images/background.jpg);
    background-position:repeat-y;
    margin-left:auto;
    margin-right:auto;   
}

#pageinner
{
    padding-left:20px;
    padding-right:20px;
    padding-top:8px;
    padding-bottom:8px;
}

#top
{
    width:900px;
    height:448px;
    background-image:url(../images/top.jpg);
    position:relative;
   
}

#box

{
    position:relative;
    top:122px;
    left:166px;
    width:450px;
    height:244px;
    font-size:12px;
    overflow:auto;
   
    
}

.join
{
    position:relative;
    top:140px;
    left:226px;
    width:321px;
    text-align:center;
    font-weight:bold;
    height:25px;
    font-size:18px;
    overflow:auto;
}

.joinbuttonspace
{
    position:relative;
    top:138px;
    left:686px;
    width:124px;
    text-align:center;
    font-weight:normal;
    height:35px;
    font-size:18px;
    overflow:auto;
    z-index:5;
}

.join a
{
    color:#2E79B8;
    
}

.join a:hover
{
    color:#4492D4;
}

.tweet
{
    width:342px;
    height:76px;
    background-image:url(../images/speech.png);
    margin-bottom:5px;
    margin-top:5px;
    margin-left:20px;
  
}

.text
{
    top:4px;
    left:4px;
    position:relative;
    float:left;
    width:272px;height:68px;
    font-size:11px;

}

.when
{
    float:left;
    width:50%;
    text-align:left;
    color:#7C7C7C;
}

.who
{
    float:right;
    width:50%;
    text-align:right;
    font-weight:bold;
    color:black;
   
}

.clr
{
    height:1px;
    clear:both;
    float:none;
    font-size:0px;
}

.clrx
{
    height:4px;
    clear:both;
    float:none;
    font-size:0px;
}

.pic
{
    top:4px;
    float:right;
    left:4px;
    position:relative;
    width:49px;height:49px;
    z-index:10px;
}

#avatar1
{
    position:absolute;
    top:74px;
    left:60px;
    
    z-index:100;
}

#avatar2
{
    position:absolute;
    top:50px;
    left:10px;
    z-index:90;
}

.twitpic
{
    width:49px;
    height:49px;
    position:absolute;
    top:0px;
    left:0px;
}

.picover
{
    background-image:url(../images/picoverlay.png);
   position:absolute;
   top:0px;
   left:0px;
   z-index:10;

   width:49px;
   height:49px;
   background-color:Transparent;
   
}

.picover2
{
   background-image:url(../images/picoverlay.png);
   position:absolute;
   top:0px;
   left:0px;
   z-index:10;

   width:49px;
   height:49px;
   background-color:Transparent;
   cursor:pointer;
}


#boxin
{
    padding-left:20px;
    position:absolute;
}

.joinbutton
{
    background-color:Transparent;
    border:0px;
    margin:0px;
    padding:0px;
    width:124px;
    height:35px;
    background-image:url(../images/joinbutton.png);
    font-size:17px;
    font-weight:normal;
    color:White;
}

#browse
{
    font-size:22px;
    color:Black;
}

#browse a
{
    color:Black;
    
}

#browse a:hover
{
    color:#555555;
}

#middle
{
    padding-left:90px;
    padding-right:90px;
    }


.searchgamertag
{
    float:left;
    width:150px;
    height:20px;
    padding-top:13px;
    font-size:18px;

}

.searchgamertag2
{
    float:left;
    width:170px;
    height:46px;
    background-image:url(../images/xboxback.png);
    position:relative;
    
}

.searchtwitter
{
    float:left;
    width:150px;
    height:20px;
    margin-left:40px;
    padding-top:13px;
    font-size:18px;

}


.searchtwitter2
{
    float:left;
    width:181px;
    height:46px;
    background-image:url(../images/twitback.png);
}

.tbxgt
{
    position:relative;
    border:0px;
    margin:0px;
    padding:0px;
    float:left;
    top:16px;
    height:18px;
    left:6px;
    width:120px;    
 
}

.imgGT
{
    position:relative;
    z-index:5;
    left:12px;
    top:7px;
    
}

.imgTW
{
    position:relative;
    z-index:5;
    left:14px;
    top:2px;
    
}

#bottom
{
    width:737px;
    height:341px;
    background-image:url(../images/bottom.jpg);
    position:relative;
    margin-top:15px;
    margin-left:80px;
}

#bottomblank
{
    width:737px;
    height:341px;
    background-image:url(../images/bottomblank.jpg);
    position:relative;
    margin-top:15px;
    margin-left:80px;
}



#botbox
{
    height:240px;
    width:577px;
    position:relative;
    left:40px;
    top:72px;
}

#botbox p
{
    line-height:36px;
    color:#444444;
    font-size:16px;
}

#avatar3
{
    position:absolute;
    top:14px;
    left:660px;
    
    z-index:100;
}

#avatar4
{
    position:absolute;
    top:-10px;
    left:600px;
    
    z-index:75;
}

.twi
{
    
    height:66px;
    padding-left:3px;
  padding-right:3px;
  overflow:hidden;

}

.left
{
width:250px;
height:20px;
padding-top:2px;
float:left;
}

.right
{
    width:220px;
    height:30px;
    float:left;

}


.tbEnter
{
    font-size:14px;
    border:solid 1px #333333;
    padding:3px;
    width:200px;
  
}

h1
{
    font-size:26px;
    font-weight:normal;
    color:Black;
}

.nlink
{
    color:#2E79B8;
    
}

.nlink a
{
    color:#2E79B8;
    
}

#gamercard
{
    width:200px;
    height:136px;
    position:absolute;
    top:76px;
    left:80px;
    z-index:50;

}


#avatar5
{
    position:absolute;
    top:20px;
    left:-66px;
    
    z-index:75;
}

#profilebox
{
    
    position:absolute;
    top:224px;
    left:86px;
    z-index:90;
    width:348px;
    height:113px;
    
}

.pleft
{
    width:84px;
    height:30px;
    color:black;
    font-size:14px;
    float:left
}

.pright
{
    color:#666666;
    width:208px;
    height:30px;
    font-size:14px;
    float:left
}

.pright a
{
    color:#666666;
    
    }


#tweetbox2
{
    width:374px;
    height:263px;
    z-index:90;
    position:absolute;
    left:323px;
    top:60px;

}

h2
{
    color:#666666;
    font-size:22px;
    font-weight:normal;
    margin-top:0px;
    margin-bottom:0px;
}

.bottomtweet
{
    width:346px;
    height:77px;
    background-image:url(../images/bottomtweet.png);
    background-repeat:no-repeat;
}

.apex
{
   height:231px;overflow:auto;
}

.apexpic
{
    
    top:7px;
    left:12px;
    position:relative;
    float:left;
    width:60px;height:60px;
    font-size:12px;
}

.apexsize
{
    width:60px;
    height:60px;
}

.resbox
{
    width:75%;
    height:260px;
    overflow:auto;
 
}

.resline
{
    border-bottom:solid 1px #DDDDDD;padding:4px
}

.resline a
{
    color:#333333;
}

.resline a:hover
{
    color:Black;
}

#footer
{
    width:800px;
    border-top:solid 1px #DDDDDD;
    margin-top:20px;
    padding-top:20px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    font-size:13px;
    
}


.blue
{
    color:#4D83B2
}
.blue a
{
    color:#4D83B2
}

.text a
{
    color:green;
}
