.clear { clear: both; }

/* AVATARS */
.avatar { max-width: 80px; max-height: 80px; }
.small-avatar { max-width: 40px; max-height: 40px; }

/* NAVIGATION */
#nav { list-style: none; float: left; margin: 0; }
#nav { margin: 0; padding: 0; }
#nav li { float: left; margin: 4px 16px 0 0; }
#nav a { display: block; float: left; }
.navi { clear: both; margin: 0px 20px; }

/* USER PROFILES */
.user-profile .left { float: left; }
.user-profile .right { float: left; max-width: 400px; }
.user-profile .avatar-container { padding: 20px; text-align: center; font-size: 1.2em; }
.user-profile .field { clear: both; margin: 5px; }
.user-profile .field .field-name { float: left; min-width: 150px; max-width: 300px; }