#db-home {max-width:600px;margin:0px auto;margin-top:100px;text-align:left;}

#inner-container {max-width:400px;margin:0px auto;}
#searchbox-container {position:relative;margin-top:40px;}

#db-logo {width:100px;margin-right:20px;margin-left:20px;}

#db-home h1 {font-size:45px;font-weight:bold;}
#db-home #db-search {max-width:400px;margin:0px auto;height:50px;font-size:25px;
                     margin-bottom:25px;float:left;width:calc(100% - 51px);border-right:0px;
                     border-top-right-radius:0px;border-bottom-right-radius:0px;
                     outline:none;
}
#db-home #db-search:focus {outline:none;box-shadow:none;border-color:#ccc;}

#btn-search {height:50px;width:50px;text-align:center;background-color:#f70;color:#fff;
             border:0px;font-size:25px;border-top-right-radius:4px;border-bottom-right-radius:4px;
             border:1px solid #f70;border-left:0px;
             padding:0px;margin:0px;
}
#btn-search:focus {outline:0px;}



#db-autocomplete {position:absolute;display:none;border:1px solid #ccc;border-top:0px;
                  width:400px;top:47px;background-color:#fff;z-index:1500;
                  box-shadow:2px 2px 2px rgba(0,0,0,0.1);
}
#db-autocomplete li a { color:#333; padding:2px 5px;display:block;}
#db-autocomplete li a:hover {text-decoration:none;}
#db-autocomplete li:not(#no-match) a{border-top:1px solid #ccc;}
#db-autocomplete li a img {width:40px;margin:5px;}
#db-autocomplete li.exotic a strong {color:#ceae33;}
#db-autocomplete li.legendary a strong {color:#522f65;}
#db-autocomplete li.rare a strong {color:#5076a3;}
#db-autocomplete li.common a strong {color:#366f42;}
#db-autocomplete li.basic a strong {color:#333;}

#db-directory {min-height:200px;text-align:center;}
#db-directory > li {position:relative;text-align:left;}
#db-directory > li > ul,
#db-directory > li > div {display:none;position:absolute;width:460px;z-index:1000;box-shadow:2px 2px 2px rgba(0,0,0,0.2);}
#db-directory a {color:#333;}
#db-directory a:hover {color:#f70;text-decoration:none;}
#db-directory > li > a > i {display:inline-block;margin-left:5px;padding:2px 0px;}
#db-directory > li:hover {background-color:#f0f0f0;border-top-left-radius:4px;border-top-right-radius:4px;}
#db-directory > li:hover > ul,
#db-directory > li:hover > div {display:block;background-color:#f0f0f0;padding:5px 15px;border-radius:4px;}
#db-directory > li:hover > div a {display:block;}

#weapon-list {left:-71px;}
#weapon-list a {display:block;}
#weapon-list strong {padding-bottom:5px;padding-top:5px;display:block;}

#exotic-list {left:-5px;}

#armor-list{left:-145px;}

#cosmetic-list{left:-205px;}

#inventory-list{left:-290px;}

#story-list{left:-400px;}

#season-2 {max-width:600px; margin:0px auto;position:relative;top:-150px;z-index:0;text-align:center;}

#season-2 li {margin-bottom:15px;}

@media screen and (max-width:500px) {
    #db-directory > li:hover > ul, 
    #db-directory > li:hover > div {max-width:300px;position:absolute;}


#inventory-list{left:-71px;}

#story-list{left:-175px;}

#db-home {margin-top:25px;}
}