sidebar issues

[wickedgrdn]

I have a Paid account and am experiencing some minor issues with my sidebar.

Problem #01: There is a huge gap between the image in my blurb and the top of the page.

Problem #02: I cannot add additional links in the sidebar without them being hidden, where I have to hit F11 to be able to see them all. I'm thinking there might be a size issue with the image I have in my blurb, but I don't know. The image initially included with the layout was the same size (I just made a different one with the same height/width) so I figured it would work fine.

Problem #03: I would like the sidebar to scroll with the rest of the entries, right now it's at fixed and I don't know what to change it to or if I have to remove that line of code entirely.

You can find my overrides and a screenshot under the cut.


/*---------------------------------------------------------------------
2012 - behold a pale horse
flexible squares | by totallybalanced
based on 'lucky number slevin' by lmthemes.tumblr.com
------------------------------------------------------------------------*/

@font-face {
font-family: 'Dosis';
font-style: normal;
font-weight: 500;
src: local('Dosis Medium'), local('Dosis-Medium'), url(http://themes.googleusercontent.com/static/fonts/dosis/v1/obisuY-MenYRAFwd-r2NhfesZW2xOQ-xsNqO47m55DA.ttf) format('truetype');
}

html { margin: 0px; padding: 0px; }

body {
text-align: justify;
color: #666666;
font-family: 'arial', sans-serif;
font-size: 11px;
margin: 50px 0px 0px 0px;
padding: 0px 0px 0px 0px;

background-image:url();
background-position: top left;
background-repeat:no-repeat;
background-attachment:fixed;
background-color: #ffffff;
}

a, a:link, a:visited {
color: #51b3ab;
text-decoration: none;
}

a:hover {
color: #ffffff;
background: #75d0c9;

}

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

/*---------------------------------------------------------------------
containers
------------------------------------------------------------------------*/

#content
{
width: 90%;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}

#maincontent {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 496px;
min-width:720px;
}

#sidebar {

padding: 0px 0px;
margin: 80px 0px 0px 0px;
width: 225px;
float: left;
text-align: left;
color: #909090;
background-color: #ffffff;
position: fixed;
}

/*-----------------------------------------------------------------------------
header navigation / header image
--------------------------------------------------------------------------------*/

.headerimage {}

#header {
text-align: center;
text-transform: uppercase;
margin: 80px 0px auto 300px!important;
padding: 0px 0px 0px 0px;
letter-spacing: 1px;
float:left;
position:fixed;
font-family: 'Dosis', sans-serif;
font-size: 12px;
width:120px;
}

div#header a, div#header a:link, div#header a:visited {
color: #cccccc;
padding:5px 16px;
display:block;
background-color: #ffffff;
}

div#header a:hover {
color: #ffffff;
background-color: #75d0c9;
}

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

ul.navheader li {
margin: 0px 0px 0px 0px;
list-style: none;
display: block;
border-bottom: 1px solid #d9d9d9;
}

div#header li.view {
color: #ffffff;
background-color: #75d0c9;
padding:5px 16px;
}

.navline2 { font-size: 18px; }

/*-----------------------------------------------------------------------------
title / subtitle
--------------------------------------------------------------------------------*/
.title { display:none; }
.subtitle{ display:none; }

/*----------------------------------------------------
footer
----------------------------------------------------------------*/

div#footer a, div#footer a:link, div#footer a:visited {
color: #51b3ab;
padding: 5px 5px;
background-color: #f7f7f7;
}

div#footer a:hover {
color: #ffffff;
background: #75d0c9;
}

#footer {
text-align: left;
text-transform: lowercase;
margin: 0px 0px 20px 280px;
padding: 0px;
clear: both;
position:scroll;
z-index:200;
font-size: 22px;
letter-spacing: 1px;
display:none;
}

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

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

#footer .viewing { display:none; }

.clearfoot {
clear: both; display:none;
}

/*-----------------------------------------------------------------------------
entries
------------------------------------------------------------------------*/

.subcontent {
background-color: transparent;
padding: 0 0 0px 0;
margin-right:0px;
}

.entry {
margin: 0 140px 0 0px;
padding: 10px 20px 20px 20px;
text-align: justify;
background-color: #ffffff;
color: #66666;
font-size: 11px;
}

.entry_text {
min-height: 110px;
padding: 0px 0px 20px 0px;
line-height: 20px;
}

.entry img {
max-width: 500px;
margin: 1px;
border: #f2f2f2 4px solid;
}

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

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

/*-----------------------------------------------------------------------------
entries : date / subject
------------------------------------------------------------------------*/

.date {
color: #cccccc;
text-transform: uppercase;
font-style: normal;
text-align: center;
letter-spacing: 1px;
padding: 5px 10px;
margin: 0 0px 0px 0px;
background-color: #ffffff;
border-bottom: 1px dotted #d9d9d9;
border-top: 1px dotted #d9d9d9;
font-family: 'Dosis', sans-serif;
font-size: 12px;
}

span.time { display:none;}

.subject {
color: #51b3ab;
text-align: left;
line-height: 110%;
letter-spacing: 1px;
padding: 0px 0px 0px 0px;
font-family: 'Dosis', sans-serif;
font-size: 18px;
text-transform:uppercase;
}

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

.subject a:hover {
color: #ffffff;
background: #75d0c9;
}

.datesubject {
position: relative;
margin: 0px 140px 0px 0px;
background-color: #ffffff;
padding: 0px 10px 0px 10px;
}

.leftbox {
position: relative;
margin: 0px -120px 0px 0px;
padding: 0px 0px 0px 0px;
float:right;
width:120px;
}

/*-----------------------------------------------------------------------------
entries : userpics
------------------------------------------------------------------------*/

.userpic {
position: relative;
float: right;
z-index: 15;
margin: 35px 0px 0px 0px!important;
}

.userpicfriends {
position: relative;
float: right;
z-index: 15;
margin: 35px 0px 0px 0px!important;
text-align: center;
background-color: #ffffff!important;
}

.userpic img {
height: 100px; width: 100px;
padding: 10px;
background: #ffffff;
border: 1px dotted #d9d9d9;
}

.userpicfriends img {
height: 100px; width: 100px;
margin: 0 0px 5px 0!important;
padding: 10px;
background: #ffffff;
border: 1px dotted #d9d9d9;
}

.userpicfriends font {
color: #70717b!important;
text-transform: lowercase;
font-size: 9px;
margin: 0px 0px 10px 0px;
background-color: #ffffff!important;
}

/*-----------------------------------------------------------------------------
entries : comments
------------------------------------------------------------------------*/

.comments {
letter-spacing: 1px;
color: #8f8f8f;
font-size: 10px;
text-align: center;
text-transform: uppercase;
margin: 0 0px 0px 0px;
padding: 10px 0px;
border-bottom: 1px dotted #d9d9d9;
border-top: 1px dotted #d9d9d9;
font-family: 'Dosis', sans-serif;
font-size: 12px;
}

div.comments a, div.comments a:link, div.comments a:visited {
color: #75d0c9;
padding:5px 5px;
margin: 0 0px 0px 0px;
background: #fcfcfc;
}

div.comments a:hover {
color: #ffffff;
background: #75d0c9;
}

.comments img {border: 0px;}

/*-----------------------------------------------------------------------------
currents
------------------------------------------------------------------------*/

.currents {
color: #b1b1b1;
font-size: 10px;
text-align: left;
text-transform: uppercase;
padding: 10px 10px;
line-height: 100%;
margin: 0px;
border-top: 1px dotted #d9d9d9;
}

.currentmood, .currentmusic, .currenttags, .currentgroups {
line-height: 100%;
}

.currentlocation { display: none; }

.currents a, .currents a:link, .currents a:visited {
color: #75d0c9;
}

.currents a:hover {
color: #ffffff;
background: #75d0c9;
}

.currents img {border: 0px;}

/*-----------------------------------------------------------------------------
entries : separator
------------------------------------------------------------------------*/

.separator{
height: 35px;
margin: 0px 0px 0px 0px;
}

/*------------------------------------------------------------
sidebar
-------------------------------------------------------------------------------*/

.defaultuserpic { text-align: center;}

.sbarheader {
padding: 0px 0px 0px 0px;
}

.sbarbody {
padding: 0px 0px 0px 0px;
margin: 25px 0 0 0;
border-top: 1px solid #d9d9d9;
}

.sbarbody2 {
padding: 0;
margin: 0px auto 0px auto;
text-align: justified;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #cccccc;
padding: 2px 4px;
margin: 0px 0px;
}

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

/*------------------------------------------------------------
sidebar : link box contents and sidebar box titles
-------------------------------------------------------------------------------*/

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

.sbaritem {
list-style: none;
border-bottom: 1px solid #d9d9d9;
}

#sidebar_linklist li.sbaritem a {
text-align: left;
letter-spacing: 1px;
font-family: 'Dosis', sans-serif;
text-transform: uppercase;
font-size: 14px;
display:block;
}

#sidebar_linklist li.sbaritem a:hover {
text-decoration:none;
background-color: #75d0c9;
}

li.sbartitle {
padding: 15px 5px 5px 0px;
margin: 0px 0px 0px 0px;
text-transform:uppercase;
color: #7f705c;
border-bottom: 1px solid #dddddd;
font-size:10px;
letter-spacing:1px;
font-family: 'arial', sans-serif;
display:none;
}

/*------------------------------------------------------------
sidebar - calendar
-------------------------------------------------------------------------------*/

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

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

.sbarcalendarposts {
border-color: #000000;
border-width: 1px;
border-style: solid;
background-color: #1a1919;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

/*----------------------------------------------------
archive pages
----------------------------------------------------------------*/

ul.year {
text-align: center;
padding-bottom: 40px;
}

ul.year li {
display: inline;
}

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

table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #f2efe6;
}

table.yeartable td.yearday {
background-color: #eeeeee;
text-align: center;
}

td.yearmonth {
border-style: none;
}

/*----------------------------------------------------
comments pages
----------------------------------------------------------------*/

.datesubjectcomment {
background-color: #ffffff;
padding: 5px;
margin-top: 20px;
border-bottom: 1px dotted #d9d9d9;
border-top: 1px dotted #d9d9d9;

}

.userpiccomment {
position: relative;
background-color: #eeeeee;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px 0px 0px;
z-index: 15;
float: left;
width:70px; height:70px;
}

.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #f2efe6;
padding: 10px;
clear: left;
}

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

textarea.textbox {
width: 100% !important;
}

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-size: 11px;
line-height: 125%;
color: #9d9d9d;
}

.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
color: #9d9d9d;
}

.commentbox {

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

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #75d0c9;
text-decoration: none;
}

.datesubjectcomment a:hover {
color: #ffffff;
background: #75d0c9;

}

.commentboxpartial {
border-color: #f2efe6;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
}

.commentinfo {
margin-top: 10px;
width: 100%;
}

.skiplinks {
text-align: center;
text-transform:uppercase;
padding-bottom:20px;
}

/*----------------------------------------------------
misc.
----------------------------------------------------------------*/

.clear { display:none; }

i, em, u {color: #58817e; }

blockquote {
padding: 20px;
background: #f4f4f4;
color: #888888;
}

small { font-size: 10px; }

::-moz-selection {
color: #FFFFFF;
background: #75d0c9;
}

.ljuser {
font-family: 'arial', sans-serif;
text-transform:uppercase;
font-size: 11px;
font-weight: lighter;
border: 0px;
}

.ljuser a {
letter-spacing: 1px;
color: #51b3ab;
}

.ljuser a:hover {
background: #75d0c9;
color: #ffffff;
}

/*----------------------------------------------------
tiny icons
----------------------------------------------------------------*/

.ljuser img { width: 0; height: 0; background: transparent no-repeat; padding: 0!important; display:none; }
.ljuser img[src='http://l-stat.livejournal.com/img/userinfo.gif'] { background: url('') no-repeat!important; display:none; }
.ljuser img[src='http://l-stat.livejournal.com/img/community.gif'] { background-image: url('')!important; }
.ljuser img[src='http://l-stat.livejournal.com/img/icon_sticky.png'] { background-image: url('')!important; }



Thank you! :)