/* TagHive iPhone/anDroid css */

html {
    background: #fff;
}

body {
    font-size: 10px;
    width: auto;
}

nav .logo, nav .logo img {
    display: block;
    float: none;
    margin: 0 auto 15px;
}

nav section {
    font-size: 11px !important;
    margin-right: 10px;
}
nav section h2 {
    font-size: 12px !important;
}


footer {
    font-size: 10px;
    margin: 20px 10% 10px;
}

.linkTabs {
    margin: 8px auto;
}

.hiveList, .hive .hiveUsers, .usersList nav section, .friendsList nav section, .rankings h2, .admin nav section, .leaders nav section, .userHome nav details, .allTags nav section {
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}

/* Home Page (List of Hives) ------------------------------------------------ */
.home .description {
    font-size: 12px;
    margin: 10px;
}

.home .hiveList {
    font-size: 15px;
}
.home .hiveList h3 {
    margin-bottom: 0;
}
.home .hiveList ul {
    font-size: 13px;
}


/* Hive View  --------------------------------------------------------------- */
.hive {
    min-width: 0;
}
.hive nav {
    width: auto;
}
.hive .hiveUsers {
    clear: left;
    margin: 10px auto;
    width: 85%;
}

.hive section.leftColumn, .hive section.rightColumn, .hive section.rankingColumn {
    float: none;
    clear: both;
    margin: 15px auto;
    width: 95% !important;
}

.hive section h2 {
    font-size: 14px;
}

.hive .tweetList, .hive .rankingList {
    height: auto;
    min-height: 100px;
}

.hive .rankingList {
    margin: 0 auto;
    width: 300px;
}
.hive .rankingList li {
    float: left;
    width: 80px;
}
.hive .rankingList li:nth-child(3n+1) {
    clear: left;
}


/* Tagging Leaderboard ------------------------------------------------------ */
.leaders nav section {
    margin-left: 100px;
}

.leaders .scopes {
    display: none;
    font-size: 10px !important;
    width: auto;
}

.leaders table {
    clear: both;
    float: none;
    font-size: 10px;
    margin: 0 auto 20px;
    width: 95%;
}
.leaders table th {
    font-size: 12px;
}
.leaders table td {
    line-height: 32px !important;
}
.leaders table td .userIcon {
    height: 24px !important;
    width: 24px !important;
}