body {
    font-family: Helvetica, Tahoma, Arial, sans-serif;
    font-size: 12px;
    padding: 1.6em 1em;
    background: url(/images/starburst.png) -300px -200px no-repeat;
    text-align: left;
    padding-right: 0;
}
h1 {
    font-size: 275%;
    font-weight: bold;
    color: #449EF7;
}
a {
    text-decoration: none;
    /* color: #2CA1EF; a little too light */
    color: #0085DF;
}
a:hover {
    text-decoration: underline; 
}
/* box clearing hack; CSS is kinda dumb */
#content:after, .box:after, .dialog:after, .clearbox:after, .form:after, #main:after, .feed:after, #rightCol:after {
    content: '.';
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;	
}
.box {
    background-color: #E1F0FF;
    padding: 0.5em 1em 0.5em 1em;
    margin-bottom: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 12px;
    border: 1px solid #28A9FF;
}
.box p, .dialog p {
    margin-bottom: 0.7em;
}
.dialog {
    background-color: #E1F0FF;
    padding: 0.5em 1em 0.5em 1em;
    margin-bottom: 1em;
    border: 4px solid #449EF7;
}
.dialog h1 {
    font-size: 150%;
    font-weight: bold;
}
/* common(ish) layout */
#main {
	margin-left: 30%;
	/* margin-right: 12em; */
	padding-right: 12em;
	padding-left: 1em;
	padding-bottom: 1em;
	padding-top: 1em;
    background-color: #F8F8F8;
    border-left: 1px solid #449EF7;
}
#sidebar {
	position: absolute;
	min-width: 16em;
	width: 28%;
	top: 2.8em;
	left: 1em;
}
#sidebar #gleep {
    width: 200px;
    background: #fff;
    text-align: left;
    padding: 1em;
    color: #bbb;
    border: 1px solid #ccc;
    clear: both;
    margin-top: 5em;
}
#sidebar #gleep img {
    float: right;   
}
#ads {
    position: absolute;
    top: 3em;
    right: 1em;
    width: 11em;
    color: #ccc;
}

/* main is different on the front page... */
.frontpage #main {
    position: inherit;
    margin-left: auto;
    margin-right: auto;
    padding: inherit;
    background-color: inherit;
    border-left: inherit;	
}
#rightCol {
    margin-left: 27.3em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    background-color: #F8F8F8;
    border-left: 1px solid #449EF7;
    padding-bottom: 1em;    
}
#leftCol {
    position: absolute;
    width: 26em;
}
/* footer */
#footer {
    clear: both;
    border-top: 1px solid black;
    padding-top: 0.3em;
    padding-bottom: 1em;
    text-align: center;
}
#footer .feedlink {
    width: 16px;
    height: 16px;
    background: url(/images/RSS16.png) no-repeat;
}
#footer .feedlink span {
    visibility: hidden;
}
/* forms are the div around the form as well as the form itself */
.form {
    background-color: #E1F0FF;
    padding: 0.7em 1.1em 0.7em 1.1em;
    margin-bottom: 1em;
    border: 4px solid #449EF7;
    -moz-border-radius: 1em;
    -webkit-border-radius: 12px;
}
.form h2 {
    font-size: 170%;
    font-weight: bold;	
}
form dt {
	margin-top: 0.5em;
    font-size: 80%;
}
form dd {
    margin-bottom: 0.5em;	
}
form input[type="text"],form input[type="password"] {
    border: 1px solid #28a9ff;
    padding: 0.2em 0.5em;
}
form textarea {
	border: 1px solid #28a9ff;
	padding: 0.2em 0.5em;
}
form input[type="submit"], .button {
	display: block;
	background-color: #28a9ff;
	border: none;
	padding: 0.5em 1em;
	font-size: 120%;
	font-weight: bold;
    -moz-border-radius: 1em;
    -webkit-border-radius: 12px;
    float: left;
    color: #fff;
}
form .error, form .errors {
    color: red;	
}
.form .errorSet {
	border: 2px solid red;
	background-color: #fff;
	padding: 0.5em;	
    -moz-border-radius: 1em;
    -webkit-border-radius: 12px;
}
.form .errorSet h3 {
	font-size: 1.4em;
	font-weight: bold;
}
.form .errorSet .error {
	font-size: 1.2em;	
}
/* tabs */
.tabs>li a {
	display: box;
    float: left;
    background-color: #E1F0FF;
    padding: 0.3em 0.5em 0.2em 0.5em;
    border: 1px solid #449EF7;
    border-bottom: none;
    border-left: none;
}
.tabs li.first a {
    border-left: 1px solid #449EF7;
}
.tabs li.current a {
    background-color: #449EF7;
    color: #fff;
}
.instructions {
    font-size: 77%;	
}

/* toolbar */
#toolbar {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100;
    width: 100%;
    /* background-color: #fff; */
    background-color: #E1F0FF;
    height: 1.6em;
    border-bottom: 1px solid #449EF7;
}
#toolbar .content {
    text-align: right;
    padding: 2px 10px;  
}
#toolbar #band {
    position: absolute;
    top: 1px;
    left: 0px;
}
#toolbar #band a {
    position: absolute;
    text-decoration: none;
    /*
    background: url('/images/band.png');
    width: 84px;
    */
    width: 100px;
    height: 20px;
    background: url(/images/newband.png) 0px -5px;
}
#toolbar #band a span {
    margin-left: -1000px;
}
#toolbar .signinState {
    margin-left: 10em;	
}
#toolbar .notifications {
    padding-left: 18px;
    background: url('/images/message.png') no-repeat;
}
#toolbar .notificationsOn {
    background: url('/images/message-on.png') no-repeat;	
}
/* logo */
#logo {
    position: relative;
    background: url('/images/logo.png') no-repeat;
    width: 300px;
    height: 113px;
}
#logo h1 {
    margin-left: -1000px;
}
#logo h2 {
    color: red;
    font-weight: bold;
    position: absolute;
    left: 102px;
    top: 0px;
    font-size: 1em;
    text-transform: uppercase;
}
/* front page */
.frontpage {
}
.frontpage #leftCol {
    top: 37.3em;
}
.frontpage #leftCol.loggedIn {
    top: 12.3em;	
}
.frontpage h2 {
    font-size: 1.7em;
    font-weight: bold;	
}
.frontpage #logoBox {
    width: 24em;
    position: absolute;
    top: 2.1em;
}
.frontpage #signUp {
	width: 306px;
	height: 80px;
	background: url('/images/signup_button.png') top left;
	text-align: center;
	padding-top: 0.8em;
}
.frontpage #signUp a {
    color: white;
    font-size: 330%;
    font-weight: bold;
    text-transform: uppercase;
}
.frontpage #signUp .subTitle {
	font-family: Arial, Helvetica;
    color: white;
    font-size: 110%;
    margin-top: 0.2em;
}
.frontpage #login {
    width: 22em;
    position: relative;
    padding: 1em 1.5em;	
}
.frontpage #login #email, .frontpage #login #password {
    width: 13em;
}
.frontpage #loginBtn {
    position: absolute;
    top: 4.5em;
    right: 1em;
}
.frontpage #userCount {
    text-align: center;
	margin-bottom: 0.8em;
}
.frontpage #register {
    padding-left: 1.5em;
}
.frontpage #new .update {
    margin-bottom: 3em;	
}
.frontpage #new .update p {
	margin-top: 0.7em;	
}
.frontpage #new ul li {
    list-style-type: disc;
    margin-left: 1.2em;
}
.frontpage #rightCol {
    padding-top: 1.4em;	
}
.frontpage .heroText {
	position: relative;
    background-color: #E1F0FF;
    margin-bottom: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 12px;
    border: 1px solid #28A9FF;
    background-position: top right;
    background-repeat: no-repeat
}
.frontpage #hero-0 { background-image: url('/images/splash/geek_in_hat.jpg'); }
.frontpage #hero-1 { background-image: url('/images/splash/gay_geeks_holding_hands.jpg'); }
.frontpage #hero-2 { background-image: url('/images/splash/all_your_marriage_are_belong_to.jpg'); }
.frontpage #hero-3 { background-image: url('/images/splash/see_ming_lee.jpg'); }
.frontpage #hero-4 { background-image: url('/images/splash/lesbian_geek.jpg'); }
.frontpage #hero-5 { background-image: url('/images/splash/geek_with_camera.jpg'); }
.frontpage .heroText #fadeBox {
    padding: 0.5em 1em 0.5em 1em;
    padding-right: 150px;
    background: url('/images/bluefade.png');
    background-position: -35px;
    -moz-border-radius: 1em;
    -webkit-border-radius: 12px;
    max-width: 23em;
}
.frontpage .heroText #closeButton {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 38px;
    height: 37px;
    background: url('/images/close_button.png') top left no-repeat;
}
.frontpage .heroText a#closeButton:hover {
    text-decoration: none;	
}
.frontpage .heroText #closeButton span {
	visibility: hidden;
}
.frontpage #heroCredit {
    margin-top: 2em;
    font-size: 80%;
}
.frontpage #heroBack {
    text-align: right;
    font-size: 90%;
    margin-bottom: 0.4em;
}
.frontpage .feedCol .paddingBox {
	width: 50%;
	float: left;
}
.frontpage .feedCol .paddingBox .feed {
	padding-right: 1em;
}
.frontpage .feedCol h2 {
    font-size: 90%;
    text-align: right;
    font-weight: normal;	
}
.frontpage .feedCol h3.subtitle {
    font-size: 80%;
    text-align: right;	
}
.frontpage .feedCol .entry {
	background: #fff;
    -moz-border-radius: 1em;
    -webkit-border-radius: 12px;
    padding: 1em;
    margin-bottom: 1em;
}
.frontpage .feedCol .entry h3 {
    margin-bottom: 0.5em;
}
.frontpage .feedCol .entry .commentlink {
    text-align: right;
    margin-top: 0.5em;
    font-size: 90%;
}
.frontpage .threadlist {
    margin-right: 1em;	
}
.frontpage .threadControls {
    margin-bottom: 3.5em;
    position: relative;
}
/* vitality */
.newsfeed {
    margin-top: 0.5em;	
}
.newsfeed li {
    font-size: 110%;
    margin-bottom: 0.3em;
}
.newsfeed .username {
	font-weight: bold;
}

/* registration */
#registration {
    margin-top: 1em;	
}

/* thread list */
.threadlist {
	position: relative;
	margin-bottom: 1em;
	border: 1px solid #28A9FF;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    background-color: #E1F0FF;
    /* padding-bottom: 3.6em; */
}
.threadlist #threadTitle {
    font-size: 1.5em;
    font-weight: bold;	
    text-align: left;
    padding-left: 0.5em;
    padding-top: 0.3em;
}
.threadlist td {
    overflow: hidden;
    white-space: nowrap;
    padding: 0.3em 1em;	
}
/* webkit hack for table cell widths: padding was not being respected? */
@media screen and (-webkit-min-device-pixel-ratio:0){
	.threadlist .threads td.count {
		width: 4em;
	}
}
.threadlist td.odd {
    background-color: #fff;	
}
.threadlist .threads {
	width: 100%;
    table-layout:fixed;
    margin-bottom: 0.2em; 
}
.threadlist .threads .subject {
}
.threadlist .threads .count {
    width: 2em;
    text-align: right;
}
.threadlist .threads .date {
	font-size: 80%;
    width: 6em;
    text-align: right;
    padding-left: 0px;
}
.threadControls #threadNew {
    position: absolute;
    right: 1em;
}
.threadControls #threadMore {
	font-size: 1.5em;
    position: absolute; 
}
/* thread creation */
.threadcreate #title {
	width: 35em;
	padding: 0.5em;
}
.threadcreate #body {
	width: 35em;
	padding: 0.5em;
}

/* comments */
.commentlist {
}
.commentlist .comment {
	position: relative;
	margin-top: 1em;
	margin-right: 1em;
}
.commentlist .comment .title {
	padding: 0.2em 0.7em;
}
.commentlist .comment .title a {
    color: #000;
}
.commentlist .comment .title a:hover {
    text-decoration: none;
}
.commentlist .comment .by {
	position: absolute;
	right: 0px;
	top: 0px;
    background: #fff;
    border: 1px solid #28A9FF;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    width: 100px;
    padding-top: 100px;
    padding-bottom: 0.2em;
}
.commentlist .comment .by .username {
	text-align: center;
	font-weight: bold;
}
.commentlist .comment .by .photo a {
	width: 100px;
	height: 100px;
	display: block;
	position: absolute;
	top: 0px;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}
.commentlist .comment .by .photo a {
}
.commentlist .comment .by .sendmessage {
    text-align: center;
    font-size: 80%;
}
.commentlist .comment .body {
	background-color: #fff;
    padding: 0.5em 1em 0.3em 1em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    margin-right: 50px;
    min-height: 120px;
    padding-right: 57px;
}
.commentlist .comment .body.isOwnComment {
	border: 1px solid #28A9FF;
	min-height: 130px;
}
.commentlist .comment .editButton {
	float: right;
	margin-right: 2em;
	position: relative;
	margin-bottom: -1em;
	top: -1em;
}
.commentlist .comment .editButton a {
	color: #fff;
}
.commentlist .comment .date {
    text-align: right;
    color: #bbb;
    clear: both;
    position: absolute;
    right: 110px;
    top: 3px;
    font-size: 90%;
}
/* comment posting */
.commentpost {
    clear: both;
    position: relative;
    margin-right: 1em;
}
.commentpost #title {
    width: 95%;
}
.commentpost #body {
    height: 15em;
    width: 95%;
}
.commentpost #post {
    float: right;
	margin-top: 0.5em;
    margin-right: 1em;
}
.commentpost #preview {
	float: right;
	margin-top: 0.5em;
	margin-right: 1em;
	background-color: #ffffff;
	color: #28A9FF;
	border: 1px solid #28A9FF;
}
.commentpost .instructions {
    position: absolute;
    bottom: 1em;
    left: 1em;
    font-size: 100%;
    margin-right: 10em;
}
#commentPreview {
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
	background-color:#ffffff;
	border:4px solid #449EF7;
	margin-bottom:1em;
	padding:1em 1.1em;
	padding-top: 2.5em;
	margin-right: 1em;
	margin-top: -3em;
}
#commentPreview h2 {
	font-size: 1.8em;
	font-weight: bold;	
}
#commentPreview .body {
	margin-top: 1em;	
}
/* comment controls */
.commentControls {
	float: right;
	position: relative;
	top: -3.5em;
	margin-left: 10px;
	margin-bottom: -2em;
	width: 12em;
}
.commentControls .track {
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
	background-color:#FFFFFF;
	border:1px solid #28A9FF;
	display:block;
	margin-right:0.3em;
	margin-top:0.7em;
	padding:0.4em 0.7em;
	float: right;
}
.commentControls .backToTop a {
	width: 36px;
	height: 36px;
	background: url('/images/top_arrow.png') top left no-repeat;
	float: right;
	margin-top: 0.2em;
	text-decoration: none;
}
.commentControls .backToTop a span {
	visibility: hidden;
}
/* any markdown boxes */
.markdown em {
	font-weight: bold;
}
.markdown strong {
	font-style: italic;      
}
.markdown p {
    margin-bottom: 1em;	
}
.markdown ul, .markdown ol {
	margin-left: 1em;	
}
.markdown ul li {
    list-style-type: disc;	
}
.markdown ol li {
	list-style-type: decimal;
}
.markdown blockquote {
    margin-left: 1em;
    padding-left: 0.3em;
    border-left: 1px solid grey;	
}
/* markdown help bubble */
.helpBubble {
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left: -21.6em;
	width: 23em;
	z-index: 1;
}
.helpBubble .captionArrow {
	width: 30px;
	height: 33px;
	position: absolute;
	top: 10em;
	right: 1px;
	background: url('/images/caption_arrow.png') top left no-repeat;
}
.helpBubble .content {
	border: 1px solid #27A8FF;
    -moz-border-radius: 1.5em;
    -webkit-border-radius: 1.5em;
	margin-right: 30px;
	padding: 0.5em 1em 2em;
	background-color: #fff;
	min-height: 20em;
	max-height: 60em;
}
.helpBubble .content h1 {
	font-size: 1.5em;	
}
.helpBubble .closeButton {
	position: absolute;
	top: -17px;
	right: 15px;
	background: url('/images/close_button.png') top left no-repeat;
	text-decoration: none;
	width: 36px;
	height: 37px;
}
.helpBubble .closeButton span {
	visibility: hidden;	
}
.helpBubble dl {
	margin-bottom: 1em;
}
.helpBubble dl dt {
	margin-top: 0.7em;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0.2em;
}
.helpBubble dl dd {
	font-family: Courier New, monospace;
	font-size: 0.8em;	
}
/* pagination */
.pagination {
	margin-bottom: 1em;
	min-height: 3em;	
}
.pagination ul {
    margin-right: 14em;
    
}
.pagination ul li a {
	margin-top: 0.7em;
    float: left;
    display: block;
    padding: 0.3em 0.6em;
    border: 1px solid #28A9FF;
    background-color: #fff;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    margin-right: 0.5em;
}
.pagination ul li.current a, .pagination ul li a:hover {
	color: #fff;
	background-color: #28A9FF;
}
/* signup page */
.signup #gleep {
}
/* login page */
.login .dialog {
    width: 40%;	
}
.login #gleep {
}
/* reset password page */
.resetpassword #resetPassword {
    margin-top: 0.7em;
}
.resetpassword #emaillink {
    clear:both;
    margin-top: 5em;	
}
.resetpassword #submit {
    margin-top: 0.7em;
}
.resetpassword .error {
    color: red;	
}
/* thread view page */
.threadview #main {
}
.threadview #gleep {
    position: relative;
    top: 10em;	
}
.threadview .feeditem {
    margin-right: 1em;
}
.threadview .feeditem h1 {
    font-size: 180%;
}
.threadview .feeditem .description {
	font-size: 110%;
}
.threadview .feeditem .link {
    text-align: right;
    font-size: 150%;	
}
/* profiles */
.profile h2 {
    text-align: right;
    font-size: 90%;	
}
.profile .joined {
	margin-top: -0.3em;
    font-size: 125%;
}
.profile .controls {
	margin-top: 1em;
    font-size: 130;
    margin-bottom: 1em;	
}
.profile .minimessagelist {
    padding-top: 1em;
}
.profile #ownProfile {
    margin-top: 1em;
}
.profile #ownProfile h2 {
    font-size: 150%;
    font-weight: bold;
    text-align: left;
}
.profile #sidebar #gleep {
	margin-left: 2em;
	margin-top: 2em;
}
.profile .tagline {
    font-size: 150%;
    font-weight: bold;	
}
.profile .description .photo {
    width: 100px;
    height: 100px;
    float: right;
    border: 4px solid #27A8FF;	
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
}
.profile #threads {
	font-size: 120%;
}
.profile #threads h3 {
    font-size: 130%;
    font-weight: bold;	
}
.editprofile .tabs, .editphotos .tabs {
    margin-left: 1em;	
}
.editprofile .back, .editphotos .back {
    font-size: 110%;
    margin-top: 1em;	
}
.editprofile #sidebar #gleep {
    margin-top: 10em;
}
.editprofile input[type="text"], .editprofile textarea {
	width: 95%;
}
.editprofile .instructions {
    color: #888;	
}
.editprofile input[type="submit"] {
	float: right;
}
.editprofile .updated {
    margin-bottom: 1em;
    padding: 1em;
    border: 4px solid #27A8FF;
    background-color: #fff;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    
}
/* photos */
.editphotos .descriptions .description {
	clear: both;
    margin-bottom: 0.7em;
    background-color: #fff;
    padding: 1em;	
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
}
.editphotos .descriptions dl {
    margin-top: -1em;
    display: block;
    margin-right: 20em;
}
.editphotos .descriptions input[type="text"], .editphotos .descriptions textarea {
    width: 100%;
}
.editphotos .descriptions .thumbnail {
    float: right;
}
.editphotos .descriptions .thumbnail a {
	display: block;
	width: 100px;
	height: 100px;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
}
.editphotos .descriptions .controls {
    float: right;
    width: 8em;
    margin-left: 1em;
}
.editphotos .descriptions .controls .isAvatar {
    font-weight: bold;	
}
.editphotos .descriptions .controls .delete {
    margin-top: 4em;	
}
.editphotos .descriptions #nophotos {
    margin-top: 1em;
    margin-bottom: 1em;     
    background-color: #fff;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    padding: 1em;
}
.editphotos #upload, .editphotos #pointers {
    float: left;
    width: 50%;	
}
.editphotos input[type="submit"] {
    float: right;
    margin-right: 1em;
    margin-bottom: 1em;
    margin-top: 0.5em;
}
.editphotos #pointers ul li {
    margin-bottom: 1em;	
}
.editphotos #title, .editphotos #description {
	width: 90%;
}
.thumbnail ul {
    margin-top: 1em;	
}
.thumbnail ul li {
    list-style-type: disc;
    font-size: 120%;
    margin-left: 1em;
}
.thumbnail .back {
    margin-top: 1em;	
}
.thumbnail input[type="submit"] {
	margin-top: 1em;
    float: right;	
}
.gallery ul li {
	clear: both;
    background-color: #fff;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    margin-bottom: 1em;
    display: block;
    padding: 1em;
    min-height: 100px;
}
.gallery ul li .photo {
    float: left;
    margin-right: 1em;
}
.gallery ul li .photo a {
	display: block;
    width: 100px;
    height: 100px;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
}
.gallery ul li h3 {
	font-size: 130%;
	font-weight: bold;
    margin-bottom: 0.3em;
    margin-left: 100px;
}
/* messages */
.messages {

}
.messages .messageList {
    width: 100%;	
}
.messages .messageList td {
    padding: 0.3em 1em;
}
.messages .messageList .subjectLine td {
	background-color: #eee;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}
.messages .messageList .title {
	font-size: 110%;
	font-weight: bold;
}
.messages .messageList td.tools {
    width: 4em;	
}
.messages .messageList td.new {
    width: 3em;	
}
.messages .context {
    clear: both;	
    padding-top: 2em;
}
.messages .context h2 {
    font-size: 120%;
    font-weight: bold;	
}
.messages .context .title {
	padding: 0.3em 1em;
    background-color: #eee;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}
.messages .context .from {
    float: right;
    position: relative;
    top: -1.5em;
    margin-right: 1em;
    font-style: italic;
}
.messages .context .sent {
    float: right;
    clear: right;
    position: relative;
    top: -1.1em;
    color: #ccc;	
} 
.messages .context .body {
    padding: 0.5em;
}
/* mini messagelist */
.minimessagelist {
    position: relative;
    margin-bottom: 1em;
    border: 1px solid #28A9FF;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    background-color: #E1F0FF;
}
.minimessagelist #messageTitle {
    font-size: 2em;
    font-weight: bold;  
    text-align: left;
    padding-left: 0.5em;
    padding-top: 0.3em;
}
.minimessagelist #messageMore {
    position: absolute; 
    top: 1em;
    right: 1em;
}
.minimessagelist td {
    overflow: hidden;
    white-space: nowrap;
    padding: 0.3em 1em; 
}
.minimessagelist .messages {
    width: 100%;
    table-layout:fixed;
    margin-bottom: 0.7em; 
}
.minimessagelist .messages .avatar {
    width: 30px;
    padding: 0px;
    padding-left: 1em;
}
.minimessagelist .messages .date {
    font-size: 80%;
    width: 6em;
    text-align: right;
    padding-left: 0px;
}