body 
{
    color: #ffffff;
    background-color: #000000;
    background-image: url('../images/bodybg.png');
    background-position: top;
    background-repeat: repeat-x;
    margin: 0
}


a   
{
    border-bottom: 1px dashed #a6a6a6;
    text-decoration: none;
    color: #ffffff
}

    /* whole page width and centred */
    
    div#wholepage   
    {
        margin: auto;
        width: 980px;
        
    }
    
        /* top banner background image */
        
        div#wholepage div#topbanner 
        {
            height: 153px;
            background-image: url('../images/topbanner.png');
            background-position: top;
            background-repeat: no-repeat
        }
        
            div#wholepage div#topbanner img 
            {
                float: right;
                padding-top: 30px;
                margin-right: 80px;
            }
        
        
        /* container for screenshot image */
        
        div#wholepage div#screenshotpanel   
        {
            float: right;
            margin-top: -50px;
        }
        
        
        /* intro panel */
        
        div#wholepage div#intropanel    
        {
            width: 764px;
            background-image: url('../images/panel.png');
            background-position: top left;
            background-repeat: no-repeat;
            border-top: 1px solid #4b4b4b;
            padding-left: 50px;
            padding-bottom: 20px;
            float: left
        }
        
            div#wholepage div#intropanel h1 
            {
                margin-top: 20px;
            }
            
            div#wholepage div#intropanel p  
            {
                margin-right: 100px;
                line-height: 150%
            }



        /* navigation */
        
        div#wholepage div#navigation    
        {
            width: 800px;
            height: 73px;
            background-image: url('../images/navbg.png');
            background-position: top center;
            background-repeat: no-repeat;
            float: left;
            margin-top: 10px;
            text-align: center;
            
                margin-bottom: 40px;
        }
        
            div#wholepage div#navigation ul    
            {
                list-style: none;
                margin-top: 25px;
                margin-left: 0;
                padding-left: 0
            }
            
                div#wholepage div#navigation ul li  
                {
                    display: inline;
                    padding-left: 10px;
                    padding-right: 10px;
                }
                
                    div#wholepage div#navigation ul li a    
                    {
                        color: #ffffff;
                        text-decoration: none;
                        border-bottom: 0;
                    }
                    
                    div#wholepage div#navigation ul li a:hover  
                    {
                        border-bottom: 1px dashed #ffffff
                    }
                    
                    
            
            
            /* content */
            
            div#wholepage div#content   
            {
               clear: left
            }
            
                div#wholepage div#content h1    
                {
                    color: #cccccc;
                    margin-left: 20px;
                }
            
            
            
            
            
            /* faq */
            
            div#wholepage div#content dl    
            {
                margin-left: 20px;
                width: 800px;
            }
            
                div#wholepage div#content dl dt 
                {
                    background-color: #5f5e5e;
                    padding-top: 5px;
                    padding-bottom: 5px;
                    padding-left: 10px;
                    background-image: url('../images/dtbg.gif');
                    background-position: top;
                    background-repeat: repeat-x;
                }
                
                div#wholepage div#content dl dd 
                {
                    background-color: #454444;
                    padding-top: 1px;
                    padding-bottom: 5px;
                    padding-left: 20px;
                    padding-right: 20px;
                    margin-top: 2px;
                    border-top: 1px solid #8c8c8c;
                    line-height: 150%;
                    margin-left: 0;
                }
                
                    div#wholepage div#content dl dd a   
                    {
                        border-bottom: 1px dashed #a6a6a6;
                        text-decoration: none;
                        color: #ffffff
                    }
                    
                    div#wholepage div#content dl dd em  
                    {
                        font-style: normal;
                        font-weight: bold
                    }
            
            
            
            /* screenshots */
            
            div#wholepage div#content ul.screenshots    
            {
                margin-left: 10px;
                padding-left: 10px;
                float: left;
                margin-bottom: 40px;
                margin-top: 20px;
            }
            
                div#wholepage div#content ul.screenshots li 
                {
                    float: left;
                    margin-right: 25px;
                    list-style: none;
                }
                    
                    div#wholepage div#content ul.screenshots li p   
                    {
                        background-image: url('../images/ss_captionbg.png');
                        background-position: top;
                        background-repeat: no-repeat;
                        margin-top: 0;
                        padding-left: 20px;
                        padding-right: 20px;
                        padding-top: 15px;
                        width: 112px;
                        margin-bottom: 0
                    }
                    
                    
                    
            /* version page */
            
            div#wholepage div#version   
            {
                margin-left: 20px;
                background-color: #454444;
                padding-top: 10px;
                padding-bottom: 5px;
                padding-left: 20px;
                padding-right: 20px;
                width: 800px;
            }  
            
                div#wholepage div#version p 
                {
                    margin-bottom: 30px;
                }      
            
            
            
            
            /* steam info page */
            
            
            p.steaminfointro    
            {
                margin-left: 20px;
                margin-right: 60px;
            }
            
            
            ol.signin   
            {
                margin-left: 25px;
                padding-left: 25px;
                margin-right: 60px;
                color: #e3e3e3;
                margin-top: 40px;
            }
            
                ol.signin li    
                {
                    margin-bottom: 40px;
                    clear: left
                }
                
                ol.signin img.picleft   
                {
                    float: left;
                    margin-right: 20px;
                }
                
                    ol.signin li ul 
                    {
                        margin-left: 10px;
                        padding-left: 10px;
                    }
                    
                        ol.signin li ul li  
                        {
                            margin-bottom: 20px;
                        }
            
            
            
            /* footer */
            
            div#wholepage div#footer    
            {
                clear: left;
                float: left;
                margin-left: 20px;
                width: 960px;
                padding-top: 0;
                color: #cccccc;
            }