html,body{
margin: auto;
margin-top: 0;
margin-bottom: 0;
background: #dddddd;
min-width: 918px;
}

a{
outline: none;
text-decoration: none;
color: gray;
}

a:hover{
outline: none;
text-decoration: none;
color: black;
}

#topbar{
height: 35px;
width: 100%;
background: url("../img/topbar.png"); 
margin: auto;
border-bottom: 1px solid gray;
}
#userlinks{
position: absolute;
top: 5px;
left: 10px;
display: table;
}

#userlink img{
border: 0;
}

#profilelink{
height: 15px;
width: 82px;
float: left;
margin-top: 3px;
border: 0;
}

#usercplink{
height: 17px;
width: 60px;
float: left;
margin-left: 15px;
margin-top: 2px;
border: 0;
}


#usernamefieldicon{
position: absolute;
top: 7px;
right: 460px;
}

#usernamefield{
background: url(../img/loginfieldbg.png);
border: 1px solid #1c1c1c;
color: black;
position: absolute;
right: 390px;
top: 7px;
width: 70px;
border-left: 0;
}

#passwordfieldicon{
position: absolute;
top: 7px;
right: 360px;
}

#passwordfield{
background: url(../img/loginfieldbg.png);
border: 1px solid #1c1c1c;
position: absolute;
right: 290px;
top: 7px;
color: black;
width: 70px;
border-left: 0;
}

#remembermelabel{
font-size: 12px;
position: absolute;
right: 180px;
top: 8px;
}

#remembermecheckbox{
position: absolute;
right: 250px;
top: 7px;
}

#signupbutton{
height: 22px;
width: 62px;
position: absolute;
right: 10px;
top: 5px;
border: 1px solid black;
}

#loginboxtext2{
position: absolute;
right: 80px;
top: 5px;
}

#signinbutton{
height: 22px;
width: 62px;
position: absolute;
right: 100px;
top: 5px;
border: 1px solid black;
}


#logininfo{
position: absolute;
top: 0;
right: 15px;
font-size: 14px;
}

#signoutlink{
color: white;
font-size: 12px;
}

#header{
height: 90px;
width: 100%;
background: url("../img/header.png"); 
margin: auto;
}

#logo{
float: left;
border: none; 
position: absolute;
top: 30px;
left: 30px;  
}

#navbar{
height: 28px;
width: 100%;
background: url("../img/navbar.png");
}

#navbar ul{
list-style: none;
margin: auto;
margin-left: 30%;
}

#navbar ul li{
float: left;
margin: auto;
display: block;
line-height: 28px;
background: url(../img/navbar.png) repeat-x;
height: 28px;
display: block;
margin-left: 10px;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
}

#navbar ul li a{
color: #e2e2e2;
text-decoration: none;
font-weight: bold;
outline: none;
}

#navbar ul li img{
border: none;
margin-top: 5px;
}

#navbar ul li:hover{
background-position: bottom;
}

#navbar ul li a:hover{
color: black;
}

.navbutton{
margin-top: 5px;
height: 16px;
}

#navbar ul li:hover .navbutton{
background-position: bottom;
}

#wrapper{
width: 98%;
background: white; 
margin: auto;
text-align: center;
border: 1px solid #aeadad;
padding-bottom: 5px;
display: table;
margin-top: 10px;
}

#footer{
height: 100px;
width: 100%;
background: #121212; 
margin: auto;
margin-top: 10px;
border-top: 5px solid #313131;
position: static;
}

.titlebar{
background-image: url(../img/titlebar.png);
height: 40px;
width: 90%;
margin: auto;
margin-top: 100px;
border: 1px solid #a8a8a8;
border-bottom: none;
padding-top: 10px;
color: white;
font-size: 25px;
}

.smalltitlebar{
height: 25px;
background: url(../img/smalltitlebar.png);
border: 1px solid gray;
border-top: 0;
color: black;
font-size: 20px;
}

.smalltitlebar2{
height: 25px;
background: url(../img/smalltitlebar2.png);
border: 1px solid gray;
border-top: 0;
color: white;
font-size: 20px;
}

.bigbox{
border: 1px solid grey;
border-top: 1px solid #a8a8a8;
background: #e3e3e3;
padding-top: 20px;
padding-bottom: 20px;
width: 90%;
margin: auto;
text-align: center;
}

#row1{
background: #eeeeee;
}

#row2{
background: #e9e9e9;
}

#uploadedby table{
margin: auto;
}

.advertising{
margin: auto;
margin-top: 100px;
}

#cornerinfobox{
position: absolute;
top: 2px;
left: 2px;
background: green;
height: 25px;
width: 400px;
border: 3px solid white;
color: white;
padding-left: 2px;
}

#updatestitlebar{
float: left;
width: 100%;
}

#updatesbox{
background: #c4c4c4;
width: 70%;
display: table;
border: 1px solid gray;
float: left;
margin-left: 5px;
margin-top: 5px;
}

#newestlinkstitlebar{
float: right;
width: 100%;
}

#newestlinksbox{
background: #c4c4c4;
width: 28%;
display: table;
border: 1px solid gray;
float: right;
margin-right: 5px;
margin-top: 5px;
}

.newestlinkslinkdiv{
border: 1px dotted black;
text-align: center;
margin: 5px;
}

.newestlinkslinkdiv img{
border: 0;
}

.newestlinkslinkdiv a{
color: #02aac3;

}

#avatarchoosingform{
border: 1px solid black;
padding: 10px;
margin: auto;
margin: 10px;
}

#avataruploadform{
border: 1px solid black;
padding: 10px;
margin: auto;
margin: 10px;

}

#currentavatar{
border: 1px solid black;
padding: 10px;
padding-right: 100px;
padding-left: 100px;
display: table;
margin: auto;
}

#profile{
border: 1px solid black;
width: 400px;
height: 100px;
text-align: left;
margin: auto;
}

#suggestions{
position: absolute;
top: 45px;
right: 0px;
border: 0;
}

#suggestions img{
border: 0;
}

#reportbugs{
position: absolute;
top: 80px;
right: 0px;
border: 0;
}

#reportbugs img{
border: 0;
}

#crstuff{
width: 100%;
margin-top: 10px;
float: left;
}