Friends Page username & date/time

[onicoe]

Hi, I've recently gotten back into livejournal and css. With my current layout I'm having a problem with the friends page. The username won't stay below the border line for the entry title. I've so far tried the following, but setting padding and margin isn't affecting the position.

.poster .ljuser{
display: inline;
padding-top: 20px !important;
}

There's also a secondary problem of when there isn't a subject, the date/time will drop below the same border line.

Any help will be greatly appreciated. I'm sorry for the messy css, but I was just adding in new parts to an old layout that I can't remember where I got from.


/* MAIN PAGE ELEMENTS */

a { text-decoration: underline; }

a:link { color: #7899A1; }
a:visited { color: #658087; }
a:active { color: #7899A1; }
a:hover { color: #8CB1BA; }

body
{
margin: 0;
color: #636365;
background: #fbfbfb;
font-family: Georgia, Times, serif;
font-weight: normal;
font-size: small;
line-height: 200%;
}

#container
{
position: static;
width: 990px;
}

#container-inner
{
position: static;
border-left: 2px solid #F3F1DE;
border-right: 2px solid #F3F1DE;
background: #FFFFFF;
}

#pagebody, #banner
{
width:auto;
margin:0;
}

#alpha
{
width:75% !important;
margin:0;
}

#beta
{
width:25% !important;
margin:0;
}

/* HEADER */

#banner
{
border-bottom: 0px solid #636365;
/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
color: #34a4bf;
text-align: left;
font-family: Georgia, Times, serif;
padding-top: 10px;
}

#banner-inner { padding: 15px; }

#banner a
{
color: #333333;
text-decoration: none;
}

#banner-header
{
margin: 0.25em 0;
font-size: 45px;
font-weight: bold;
}

#banner-description
{
margin: 0.25em 0;
font-size: small;
}

/* PREVIOUS ENTRIES LINK */

.content-nav,
.content-nav a,
.content-nav a:hover { margin-top: 0; color: #ffffff; }

/* DATE AND TIME */

.date-header,
div.day h2
{
margin: 0px;
color: #cccccc;
clear: both;
font-size: 90%;
letter-spacing: .13em;
font-family: palatino linotype, georgia, times new roman, serif;
text-transform: uppercase;
padding: 0px;
text-align: right;
padding-bottom: 0px;
margin-bottom: -29px;
}

/* ENTRY CONTENT PROPERTIES */

.entry-content,
.entry-footer,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-open-footer,
.comments-closed,
.archive-content
{
padding-top: 5px !important;
padding-bottom: 10px;
margin: 2px 0;
border-top: 1px solid #cccccc;
}

.entry-content p { text-align: left; }

/* ENTRY HEADER AND SIDEBAR */

.entry-header,
h3.comments-header
{
margin: 1px 0 0px 0;
border: 0;
color: #7F440B;
font-family: palatino linotype, georgia, times new roman, serif;
font-size: 14px;
text-align: left;
font-weight: bold;
letter-spacing: .13em;
text-transform: uppercase;
}

.entry-header A, .entry-header A:hover, .entry-header A:visited
{
color: #7F440B;
text-decoration: none;
}

.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
margin: 0 0 10px 0;
border: 0;
color: #333333;
font-family: Georgia, Times, serif;
font-size: medium;
text-align: left;
}

/* POSTER NAME PROPERTIES */

.entry p.poster { display: inline; }

.poster .ljuser{
display: inline;
padding-top: 20px !important;
}

/* ENTRY FOOTER */

p.entry-footer
{
margin: 0px;
padding: 0px;
color: #999;
text-transform: uppercase;
text-align: right;
width: auto !important;
margin-top: 10px !important;
}

.entry-footer a
{
line-height: 2em;
color: #7899A1 !important;
font-size: 10px !important;
float: left;
display: block;
padding-right: 5px !important;
padding-left: 5px !important;
position: relative;
left: 0;
overflow: hidden;
text-align: right;
}

.entry-footer a:hover
{
background-color: transparent !important;
}

.entry-footer a[href*=reply] , .entry-footer .permalink, .entry-footer a[href*=tellafriend], .entry-footer a[href*=editjournal], .entry-footer a[href*=edittags], .entry-footer a[href*=memadd], .entry-footer a[href*=subscriptions]
{
left: 0;
font-size: 1px;
color: #7899A1 !important;
padding-right: 0px !important;
padding-left: 0px;
}

*+.entry-footer a[href*=reply] , .entry-footer .permalink, .entry-footer a[href*=tellafriend], .entry-footer a[href*=editjournal], .entry-footer a[href*=edittags], .entry-footer a[href*=memadd], .entry-footer a[href*=subscriptions]
{
font-size: 10px !important;
}

*.entry-footer a[href*=reply] , .entry-footer .permalink, .entry-footer a[href*=tellafriend], .entry-footer a[href*=editjournal], .entry-footer a[href*=edittags], .entry-footer a[href*=memadd], .entry-footer a[href*=subscriptions]
{
font-size: 10px !important;
}

.entry-footer .permalink
{
width: 0px !important;
padding-right: 0px !important;
padding-left: 0px !important;
}

.entry-footer a[href*=tellafriend], .entry-footer a[href*=flag]
{
display: none;
width: 0px !important;
padding-right: 0px !important;
padding-left: 0px !important;
}

.entry-footer a[href*=memadd]
{
width: 0px !important;
padding-right: 0px !important;
padding-left: 0px !important;
}

.entry-footer a[href*=subscriptions]
{
width: 0px !important;
padding-right: 0px !important;
padding-left: 0px !important;
}

.entry-footer
{
border-top: 1px dotted #cccccc !important;
padding-top: 5px;
margin-bottom: 30px;
margin: 0px !important;
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
}

.entry-footer .separator { display:none !important; }

/* SIDEBAR PROPERTIES */

.module-content
{
margin: 5px 0 20px 0;
color: #333333;
font-family: palatino linotype, georgia, times new roman, serif;
font-size: 11px;
line-height: 150%;
text-align: left;
}

/* SIDEBAR ICON */

.module img,
.module-photo img
{
border: 0px solid #333333;
align: center;
}

.module-photo .module-content
{
padding-top: 30px;
text-align: center;
}

.typelist-thumbnail img { margin: 0; }

.module-featured-photo { margin-bottom: 5px; }
.module-featured-photo .module-content img { width: 420px; }

.module-recent-photos .module-content { padding: 2px 0 0 0; }
.module-recent-photos .module-list { margin: 0; }

.module-recent-photos .module-list-item
{
width: 70px; /* ie mac fix */
height: 70px; /* for appearance with varying image border widths */
margin: 0 2px 2px 0;
}

/* SIDEBAR NAVIGATION LINKS */

.module-viewlinks
{
height: 0px;
margin-top:0px;
padding-top: 40px;
overflow:hidden;
font size: 1px !important;
color: #ffffff;
}

.module-viewlinks a
{
color: #ffffff;
border:0 !important;
font size: 1px !important;
}

.module-viewlinks a:hover
{
color: #ffffff;
border:0 !important;
font size: 0px !important;
}

/* SIDEBAR LINKS LIST AND IMAGE */

.module-list { margin: 0; }
.module-list-item { margin: 10px 0; }
.typelist-thumbnailed .module-list-item { margin: 10px 0; }

.sbarlist {
}

ul.sbarlist {
padding-left: 0px;
margin-left: 0px;
list-style: none;
}

li.module-list-item {
margin-left: 30px;
padding-left: 0px;
list-style-image:
url(http://img.photobucket.com/albums/v68/nwhite/other%20goodies/tinystar.png);
}

/* SIDEBAR CALENDAR */

.module-calendar .module-header
{
color: #7F440B;
font-family: palatino linotype, georgia, times new roman, serif;
font-size: 12px;
border: 0;
text-align: center;
text-transform: uppercase;
letter-spacing: .3em;
}

.module-calendar th,
.module-calendar td
{
text-align: center;
font-weight: normal;
}

/* SIDEBAR TAGS LIST */

.module-categories
{
height:0px !important;
margin-top:0px;
padding-top:0px;
overflow:hidden;
font size: 1px !important;
color: #ffffff;
}

.module-categories a
{
color: #ffffff;
border:0 !important;
font size: 1px !important;
}

.module-categories a:hover
{
color: #ffffff;
border:0 !important;
font size: 0px !important;
}

/* SIDEBAR HEADER */

.module-header
{
margin: 5px 0;
border: 0;

color: #7F440B;
font-family: palatino linotype, georgia, times new roman, serif;
font-size: 12px;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
letter-spacing: .3em;
text-align: left;
}

/* SIDEBAR POWERED BY LIVEJOURNAL */

.module-powered { text-align: left; }

/* COMMENTS PAGE */

#comment-author, #comment-email, #comment-url, #comment-text
{
width: 80%;
}

/* TWO-COLUMN-RIGHT TWEAKS */

.layout-two-column-right #container
{
width: 902px;
}

.layout-two-column-right #alpha
{
width: 675px;
}

.layout-two-column-right #alpha-inner
{
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}

.layout-two-column-right #beta
{
width: 225px;
}

.layout-two-column-right #beta-inner
{
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}

/* fixes bug in ie win */
img.image-full
{
width: 100%;;
}