Two things

[mereprototype]

Journal Preview: calliopepurple
Style Name: Flexible Squares
Account Type: Paid

Problem/Question: 1. Is there a way to make it so that the comments aren't shoved to the far bottom on the page, underneath where the tags end in the sidebar?

2. If I try moving the sidebar to the right by modifying its float: position, there is a bunch of white space on the left where it used to be and for some reason, using the general Customize menu on LJ doesn't move it to the right. Can that be fixed too or am I stuck with it on the left?

The layout originally comes from gigiicons. All I've changed are some font colors and most of the font sizes.


/* CSS Document */
.headerimage {
position: relative;
width: 900px;
height: 300px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image:

url("http://i7.photobucket.com/albums/y255/calliopepurple/Banner.png");
background-repeat: no-repeat;
}
body {
margin-top: 5px;
background-color:#49b33b;
background-repeat: repeat-y;
background-attachment: scroll;
background-position: center top;
text-align: center;
color: #5d5d5d;
font-family: "Trebuchet MS", sans-serif;
font-size: 12px;
}

#content
{
width: 900px;
margin-left: auto; margin-right: auto;

background-color:#ffffff;
border-left: solid #eeeeee 15px;
border-bottom: solid #eeeeee 15px;
border-right: solid #eeeeee 15px;
border-top: solid #eeeeee 15px;
padding: 10px;
text-align: justify;
}
#maincontent {
font-family: "arial", sans-serif;
font-size: 13px;
line-height: 15px;
background-color: #ffffff;
color:#777777;
border-width: 0px;
margin-right:1px;
margin-left: 160px;
margin-top:1px;
text-align: justify;

}
#sidebar {
padding-top: 20px;
margin-top: 5px;
background-color: #ffffff;
border-width: 0px;
font-size: 13px;
line-height: 8pt;
font-family: "arial", sans-serif;
color: #666666;
width: 150px;
float: left;
text-align: justify;
}
#header {
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px;
text-align: right;
font-family: "verdana", sans-serif;
text-transform:uppercase;
font-size: 12px;
font-weight: none;
letter-spacing: 2px;
background-color: #ffffff;
border-width: 0px;
color:#555555;
line-height: 10px;
font-weight: lighter;
}
#footer {
width: 100%;
float: center;
text-align: center;
font-family: tahoma,georgia;
text-transform:uppercase;
font-size: 12px;
font-weight: none;
letter-spacing: 1px;
background-color: #ffffff;
border-width: 0px;
color: #555555;
z-index: 100;
clear: both;
}
a, a:link, a:visited {
color: #333333;
text-decoration: none;
font-weight: bold;
}

a:hover {
color:#888888;
text-decoration: none;
}

p, td, blockquote {
font-size: 12px;
}

code, kbd, pre, tt {
font-family: monospace;
}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer

a:link, div#footer a:visited {
font-family: tahoma,georgia;
color: #48a857;
FONT-WEIGHT:bold;
font-size: 12px;
}

div#header a:hover, div#footer a:hover {
color: #555555;
text-decoration: none;

}
ul.navheader {
padding: 0px;
margin: 0px;
}

.title {
font-family: "verdana", sans-serif;
font-size: 12px;
font-weight: normal;
visibility: hidden;
top: 0px;
}

/*SIDEBAR*/

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #666666;
}

div#sidebar a:hover {
color:#48a857;
text-decoration: none;}

.defaultuserpic {
display:none;
text-align: center;}

.sbarheader {
padding: 0px 5px 0px 5px;
color: #000000;
text-align: center;}

.sbarbody {
padding: 0 2px 0 2px; }

.sbarbody2 {
padding: 0 2px 0 2px;}

table.calendar {
margin-right: auto;
margin-left: auto;}

.sbarcalendar {
border-color: #cccccc;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "arial", sans-serif;
font-size: 12px;
}

.sbarcalendarposts {
border-color: #bbbbbb;
border-width: 1px;
background-color:#CCCCCC;
text-align: center;
font-family: "Arial", sans-serif;
font-size: 12px;
}

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

li.sbaritem
{
padding-left: 15px;
list-style: none;
padding-right: 10px;
margin-top:5px;
}

li.sbartitle
{
padding-left: 0px;
padding-right: 0px;
text-align:left;
padding: 2px;
list-style: none;
margin-bottom: 1px;
margin-top: 0px;
color:#48a857;
border: 0px;
font-weight: bold;
font-family: "arial", sans-serif;
text-transform:uppercase;
font-size: 11px;
background-color:#FFFFFF;
letter-spacing: 1pt;
}

/*MAINCONTENT */

.subcontent {
background-color: #ffffff;
}

.entry {
margin: 0px 3px 2px 2px;
padding: 2px;
background-color: #ffffff;
color:#666666;
font-family: "arial", sans-serif;
font-size: 13px;
text-align: justify;
border-width: 0px;
border-color: #DFDFDF;
line-height: 10pt;
border-style: solid;
}

.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}

.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}

.userpic {
position: relative;
float: right;
background-color: #ffffff;
padding: 5px;
margin-right: 2px;
margin-left: 5px;
z-index: 15;
border-width: 2px;
border-color: #DFDFDF;
border-style: solid;
}

.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
background-color: #ffffff;
border-width: 1px;
border-color: #DFDFDF;
font-family: "arial", sans-serif;
font-size: 12px;
z-index: 15;
}

.date {
line-height: 200%;
margin-bottom:2px;
font-family: "arial", sans-serif;
font-size: 11px;
color: #bbbbbb;
letter-spacing: 2px;
font-weight: none;
text-transform:lowercase;
letter-spacing: 0pt;
background-color: transparent;
}

.subject {
padding: 3px;
font-weight: bold;
color:#333333;
font-family: "arial", sans-serif;
text-transform:uppercase;
font-size: 14px;
background-color: #ffffff;
letter-spacing: 2pt;
}

.subject a, .subject a:link, .subject a:visited {
color: #000000;
}

.subject a:hover {
color: #555555;
}

.datesubject {
background-color: #ffffff;
padding: 2px;
}

.currents, .currentmood, .currentmusic {
font-family: "arial", sans-serif;
font-size: 12px;
color: #555555;
}

.comments {
font-family: "arial", sans-serif;
font-size: 12px;
text-align: right;
background-color: #ffffff;
font-weight: none;
position: relative;
top: 10px;
padding: 5px;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #666666;
font-size: 12px;
font-weight: lighter;
}

div.comments a:hover {
color: #000000;
text-decoration: none;
}
.ljtags {
font-family: "arial", sans-serif;
font-size: 12px;
color: #7F7F7F;
margin-top: 15px;
text-transform: lowercase;
font-weight: bold;
position: left;
}

.datesubjectcomment {
background-color:#ffffff;
padding: 5px;
margin-top: 20px;
}

.userpiccomment {
position: relative;
border-width: 2px;
border-style: solid;
border-color: #dfdfdf;
background-color: #ffffff;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}

.box {
border-style: dotted;
border-width: 1px 0px 0px 0px;
border-color: #999999;
padding: 8px;
clear: left;
}

input, textarea {
background-color: #ffffff;
color: #000000;
}

textarea.textbox {
width: 100%;
}

.reply {
position: relative;
margin: 20px 20px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "arial", sans-serif;
font-size: 11px;
line-height: 100%;
background-color:#FFFFFF;
color: #666666;
}

.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 13px;
font-family: "arial", sans-serif;
color: #666666;
}

.commentbox {

border-color: #48a857;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #333333;
}

.datesubjectcomment a:hover {
color: #888888;
}

.commentboxpartial {
border-color: #999999;
border-width: 1px;
border-style: solid;
padding: 9px;
margin: 9px;
background-color: #d4dce8;
}

.commentinfo {
background-color: #ffffff;
margin-top: 10px;
width: 100%;
}
.separator{
height: 10px;
}
ul.navheader li
{
display: inline;
padding: 0 3px 0 3px;
}
/*FOOTER*/

ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
ul.navfooter{
padding: 0px;
margin: 0px;
}

.navfooter {
margin:0px;
padding:0px;
}

.viewing {
margin:0px;
padding:0px;
}

.clearfoot {
clear: both;
}
.clear{ height: 15px; }