/* spacer div */
    
        div.spacer 
		{
 			clear: both;
		}

        
/* sitewide for images */
    * img {
        border: none;
        }  


/* headers */

    #header {
    }

        
        #header #nav-background-in {
        width: 900px;
        background: url('http://static.perplexcity.com/assets/graphics/v2/std/menu_signedin.jpg') no-repeat scroll top center;
        color: white;
            }
        
        #header #nav-background-out {  
        width: 900px;
        background: url('http://static.perplexcity.com/assets/graphics/v2/std/menu.jpg') no-repeat scroll top center;
        color: white; 	
            }
            
        
        #header div.nav-standard {
        width: 900px;
        clear: both;
        text-align: center;
        padding-top: 3px;
        height: 16px;
        font-weight: bold;
        }
        
        
        #header div.nav-standard a,
        #header div.nav-standard a:hover,
        #header div.nav-standard a:visited,
        #header div.nav-standard a:active {
            color: white;
            text-decoration: none;
            }
            
        #header div.nav-standard a:hover,
        #header div.nav-standard a:active {
            background: #4e2f40;
            }
        
        
        

/* maincontent */

    #maincontent {
        width: 900px;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
        background-color: #4d2f41;

        font-family: Tahoma, Helvetica, Arial;
        font-size: 12px;
        color: white;
    }
    
    #maincontent table {
        padding: 0px;
        margin: 0px;
        
    }
    
    #maincontent a,
    #maincontent a:hover,
    #maincontent a:visited,
    #maincontent a:active {
        color: white;
        text-decoration: underline;
        }
    
    
    /* main content table layouts */

    #maincontent td.text {
        background: #876a7c;
        padding-left: 5px;
        padding-right: 5px;
        }
        
    #maincontent p.introtext {
        font-size: 14px;
        }
        
        
    /* tracked players */
    
    #maincontent table.trackedplayers td {
        padding-top: 3px;
        padding-bottom: 3px;
        color: black;
    }


    #maincontent table.trackedplayers a,
    #maincontent table.trackedplayers a:visited,
    #maincontent table.trackedplayers a:hover,
    #maincontent table.trackedplayers a:active {
        text-decoration: underline;
        color: black;
        }
    
    
    /* even / odd */
    #maincontent table.trackedplayers tr.even, 
    #maincontent table.leaderboard tr.even {
        background: #cbcbcb;
        }

    #maincontent table.trackedplayers tr.odd,
    #maincontent table.leaderboard tr.odd {
        background: white;
        }    
    
    /* leaderboard */
    
    #maincontent table.leaderboard {
        width: 618px;
        margin-left: auto;
        margin-right: auto;
        color: black;
        }
    

    
    #maincontent table.leaderboard td,
    #maincontent table.leaderboard td {
        padding-top: 3px;
        padding-bottom: 3px;
        }
    
    
    #maincontent table.leaderboard td.centered {
        text-align: center;
        }
        
    #maincontent table.leaderboard a,
    #maincontent table.leaderboard a:visited,
    #maincontent table.leaderboard a:hover,
    #maincontent table.leaderboard a:active {
        text-decoration: underline;
        color: black;
        }
        

    /* inspired by digg.com */
        
        #maincontent .leaderboardnav {
            text-align: center;
            font-size: 11px;
            margin-bottom: 10px;
            margin-top: 10px;
            padding-top: 5px;
            padding-bottom: 5px;
            width: 100%;
             }
        
        
        #maincontent .leaderboardnav a,
        #maincontent .leaderboardnav span {
            padding-left: 4px;
            padding-right: 4px;
            padding-top: 4px;
            padding-bottom: 4px;
            margin-right: 2px;
            border: 1px solid #fff;
            background: #4e2f40;
            color: #ffffff;
            }
        
        #maincontent .leaderboardnav span.current {
            border: 1px solid #707070;
            font-weight: bold;
            background: #ababab;
            color: #fff;
            }
    
        #maincontent .leaderboardnav a {
            border: 1px solid #ffffff;
            text-decoration: none;
        }
        
        #maincontent .leaderboardnav a:hover {
            border: 2px solid #ffffff;
        }
        
        #maincontent .leaderboardnav a.nextprev {
            font-weight: bold;
            
        }
        
        #maincontent .leaderboardnav span.nextprev {
            color: #666;
        }
        
        #maincontent .leaderboardnav span.nextprev {
            border: 1px solid #ddd;
            color: #ababab;
        }


    /* leaderboard lhs nav */

        #maincontent div.leaderboardlhsnav {
            width: 205px; 
            background: #896d7e; 
            text-align: left;
            margin-bottom: 7px;
            }
        
        #maincontent div.leaderboardlhsnav p {
            padding: 3px;
            }
    
    /* avatars */
    #maincontent img.avatar-large {
        padding: 5px;
        background: white;
        }
        
    
    /* signin pages */
    #maincontent #signin {
        width: 885px;
        height: 597px;
        background: url('http://static.perplexcity.com/assets/graphics/v2/signin/signin_bkg.jpg') no-repeat
        }
    
    #maincontent #signin table.signin {
        border: 1px solid white;
    }

    #maincontent #signin table.signin td.normal {
    padding: 5px;
    }
    
    #maincontent #signin table.signin td.spacer {
    }
    
        

    /* setting up the main content columns - signed in pages */
    
        #maincontent #leftcol {
            width: 225px;
            float: right;
            }
        
        #maincontent #rightcol {
            width: 670px;
            float: right;
            }
            
        #maincontent #welcome {
            width: 100%;
            margin-bottom: 10px;
            }
        
        #maincontent #welcome #screenname {
            width: 503px;
            height: 145px;
            float: left;
            background: url('http://static.perplexcity.com/assets/graphics/v2/signedin/welcomebackground.jpg')
            }
        
        #maincontent #welcome #rank #statbox {
            margin-top: 30px;
            margin-left: 5px;
            }
            
        #maincontent #welcome #screenname img.avatar {
            margin-top: 30px;
            margin-left: 20px;
            width: 60px;
            height: 60px;
            float: left;
            border: 6px solid white;
            margin-right: 10px;
            }
            
        #maincontent #welcome #screenname h1 {
            margin-top: 30px;
            margin-left: 5px;
            font-weight: normal;
            font-size: 30px;
            margin-bottom: 0px;
            padding-bottom: 0px;
            }
        
        #maincontent #welcome #screenname p {
            margin-left: 5px;
            margin: 0px;
            padding: 0px;
            }

        
        #maincontent #welcome #rank {
            width: 149px;
            height: 145px;
            float: left;
            background: url('http://static.perplexcity.com/assets/graphics/v2/signedin/rankbackground.jpg')
            }
            
        
        #maincontent #rightcol #solve {
            margin-left: 6px; 
            width: 670px;
            }
        
        
        #maincontent #tease-trackedplayers,
        #maincontent #tease-cards,
        #maincontent #tease-rivals {
            width: 214px;
            height: 277px;
            }
            
        
        
        #maincontent #tease-trackedplayers {
            background: url('http://static.perplexcity.com/assets/graphics/v2/signedin/trackedplayers.gif')
            }

        #maincontent #tease-cards {
            background: url('http://static.perplexcity.com/assets/graphics/v2/signedin/recentlysolved.gif')
            }

        #maincontent #tease-rivals {
            background: url('http://static.perplexcity.com/assets/graphics/v2/signedin/leaderboard.gif')
            }



        #maincontent #tease-trackedplayers table,
        #maincontent #tease-cards table,
        #maincontent #tease-rivals table {
            width: 214px;
            margin-top: 20px;
            }
        
        #maincontent #tease-trackedplayers table td,
        #maincontent #tease-cards table td {
            text-align: center;
            height: 40px;
            
        }
            
            #maincontent #rightcol #leaderboard table {
                margin-top: 30px;
                width: 95%;
                margin-left: 5px;
                margin-right: 5px;
                }
            
            #maincontent #rightcol #leaderboard table a,
            #maincontent #rightcol #leaderboard table a:hover,
            #maincontent #rightcol #leaderboard table a:visited,
            #maincontent #rightcol #leaderboard table a:active {
                color: white;
                text-decoration:
                }
            


    /* setting up the main content rows */    
        #maincontent #row1,
        #maincontent #row2 {
            width: 900px;
            clear: none;
        }
    

    /* front page rows */
            #maincontent #leaderboard-frontpage {
                background: #d7c6d7;
                }
                
            #maincontent #leaderboard-background {
                width: 290px;
                height: 213px;
                background: #d7c6d7 url('http://static.perplexcity.com/assets/graphics/v2/home/leaderboard/leaderboardbkg.jpg') no-repeat top left;
                }
            
            #maincontent #leaderboard-background table a,
            #maincontent #leaderboard-background table a:visited,
            #maincontent #leaderboard-background table a:active,
            #maincontent #leaderboard-background table a:hover {
                color: white;
                text-decoration: underline;
            }
                
            #maincontent #leaderboard-background table td,
            #maincontent #leaderboard-background table tr,
            #maincontent #leaderboard-background table th {
                margin: 0px;
                padding: 0px;
                text-align: left;
            }
            
            #maincontent #leaderboard-background table td.centered {
                text-align: center;
            }    


    /* maincontent uid form */
    #maincontent #uidform input.uid {
        width: 200px;
        background: white;
        border: 1px solid #ababab;
        font-family: Tahoma, Helvetica, Arial;
        font-size: 11px;
        }
    
    /* maincontent edit profile */
    
    #maincontent div.edit input.single,
	#maincontent div.edit input.edit,
    #maincontent div.edit input.short,
    #maincontent div.edit textarea.multi,
    #maincontent div.edit select.edit {
        border: 1px solid #8a2941;
        font-family: Tahoma, Helvetica, Arial;
        font-size: 11px;
        padding: 5px;
        background: #e4d7eb;
    }
        

    #maincontent div.edit input.short {
        width: 200px;
    }

    #maincontent div.edit textarea.multi,
    #maincontent div.edit input.single {
        width: 400px;
        }
        
    #maincontent div.edit select.edit {
        width: 140px;
        }
        
        

        



/* footers */


    #footer {
        /*margin-top: 10px;*/
        width: 900px;
    }
    
        #footer #footernav {
            padding: 0px;
            margin-left: auto;
            margin-right: auto;
            width: 900px;
            background: #37273b url('http://static.perplexcity.com/assets/graphics/v2/std/menu_signedin.jpg') no-repeat scroll top center;
        }
    
        #footer #footernavtitle {
            background-image: url('http://static.perplexcity.com/assets/graphics/v2/std/menu.jpg');
            height: 22px;
            text-align: center;
            }
            



    
            #footer #footernav div.navgroup {
                   float: left;
                   width: 200px;
            }
            
                #footer h2 {
                    font-size: 11px;
                    margin: 0px;
                    padding: 0px;
                }
                
                #footer #footernav div.navgroup ul {
                    padding: 0px;
                    padding-left: 5px;
                    list-style-type: none;
                }
                
                #footer #footernav div.navgroup ul li:before {
	               content: "\00BB \0020";
	           } 
    
            /* site-wide footer */
            #footer #footertext {
                width: 900px;
                padding-top: 10px;
                margin-left: auto;
                margin-right: auto;
                padding: 0px;
                background: #e4d7eb;
                color: black;
                }
            
            #footer #footertext  a,
            #footer #footertext  a:hover,
            #footer #footertext  a:visited,
            #footer #footertext  a:active {
                color: black;
                text-decoration: underline;
                }

            #footer a,
            #footer a:hover,
            #footer a:visited,
            #footer a:active {
                color: white;
                text-decoration: underline;
                }                




    #endcontent {
        font-family: Tahoma, Helvetica, Arial;
        font-size: 12px;
        color: white;
    }