LJ Nav/Control - Fixed

[breathesunshine]

The new layout I'm using goes funky on the rightside when I add the lj nav option. It is annoying without being able to use it, so it'd be great if someone could help me figure out how to fix this.

/*------------------------------------------------------
I Lost My Heart To A Starship Captain
2009 - LAYOUT BY TOTALLYBALANCED @ LIKEFLUFFY
------------------------------------------------------*/

/*------------------------------------------------------
B A S I C E L E M E N T S -----------------------------
------------------------------------------------------*/

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

body {
text-align: justify;
color: #737373;
font-family: "Arial", Tahoma, Verdana, sans-serif;
font-size: 8pt;
margin: 0px 0px 0px 0px;
line-height: 130%;
background: #F3F3F3 url('http://i39.tinypic.com/289voli.gif') top left repeat-x scroll;
}

a, a:link, a:visited {
color: #4e65a9;
text-decoration: none;
}

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

p, td {
font-size: 8pt;
}

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

blockquote {
padding: 20px;
background: #EBEBEB;
}

/*------------------------------------------------------
XTRA ------------------------------------
------------------------------------------------------*/
small { font-size: 7pt;}

b, strong { color:#ADADAD; }

i, s, u, strike, em { color:#8793af; }

/*------------------------------------------------------
C O N T A I N E R S ------------------------------------
------------------------------------------------------*/

#content {
width: 98%;
margin-right: auto; margin-left: 0px;
background-color: #C0C0C0;
}

#maincontent {
margin: 0px 0px 0px 250px;
background-color: #F3F3F3;
border-left: 16px solid #CACACA;
}

#sidebar {
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 250px;
color: #808080;
font-size: 10px;
line-height: 12pt;
text-align: justify;
background-color: transparent;
}

/*------------------------------------------------------
H E A D E R --------------------------------------------
------------------------------------------------------*/

#header {
width: auto;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
height: 273px;
background-image: url(http://i40.tinypic.com/2wqtvvb.png);
background-position: left;
background-repeat: no-repeat;
background-color: #313131;
min-width: 960px;

letter-spacing: 1px;
line-height:35px;
text-align: right;
font-size: 7pt;
font-family: georgia, sans-serif;
}

.headerimage { display:none; }

div#header a, div#header a:link, div#header a:visited {
color: #9B9B9B;
padding: 0px 20px 0px 0px;
text-transform: uppercase;
display: block;
margin: 1px 0px 1px 0px;
border-bottom: 1px solid #c4c4c4;

}

div#header a:hover {
color: #C1C1C1;
}

ul.navheader
{
padding: 0px;
margin: 20px 0px 0px 108px;
width:140px;
float:left;
}

ul.navheader li {
display: inline;
padding: 0px;
list-style: none;
margin: 0px;
}

div#header li.view {
text-transform: uppercase;
padding: 0px 20px 0px 0px;
display: block;
border-bottom: 1px solid #c4c4c4;
}

/*------------------------------------------------------
F O O T E R --------------------------------------------
------------------------------------------------------*/

#footer {
text-align: center;
font-size: 7pt;
letter-spacing: 1px;
color: #474747;
z-index: 100;
clear: both;
text-transform: uppercase;
padding: 10px 0px 10px 0px;
background-color: #F3F3F3;
border-left: 16px solid #CACACA;
margin-left:250px;
}

div#footer a, div#footer a:link, div#footer a:visited {
color: #4e65a9;
}

div#footer a:hover {
color: #C1C1C1;
text-decoration: none;
}

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

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

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

/*------------------------------------------------------
E N T R I E S Layout ----------------------------------
------------------------------------------------------*/

.subcontent {
margin: 0px;
padding: 20px;
background-color: #F3F3F3;
}

.entry {
margin: 0px 0px 0px 0px;
}

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

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

.entry_text {
margin-bottom: 0px;
padding: 0px 10px 20px 10px;
min-height: 120px;
}

/*------------------------------------------------------
E N T R I E S Userpics --------------------------------
------------------------------------------------------*/
.userpic {
display: block;
float: right;
position: relative;
margin: 0px 0px 10px 10px;
}

.userpicfriends {
display: block;
float: right;
position: relative;
text-align: center;
background: transparent!important;
margin: 0px 0px 10px 10px;
}

.userpic img, .userpicfriends img {
border: 0px solid #EAEAEA;
padding: 8px;
background: #E5E5E5!important;
}

.userpicfriends font {
color: #cacaca!important;
text-transform: lowercase;
font-size: 7pt;
}

.userpicfriends br {
display: block;
height: 0;
}

/*------------------------------------------------------
E N T R I E S Date Subject ----------------------------
------------------------------------------------------*/

.date {
color: #D4D6C1;
font-family: "Arial" Helvetica, sans-serif;
font-size: 7pt;
text-transform: uppercase;
letter-spacing: 0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
}

.subject {
padding: 0px 0px 0px 0px;
font-weight: none;
font-family: "Georgia", Times New Roman, Times, serif;
font-size: 16pt;
text-transform: lowercase;
line-height: 100%;
text-align: left;
letter-spacing: -1px;
color: #CAA187;
}

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

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

.datesubject {
background-color: #F3F3F3;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}

/*------------------------------------------------------
E N T R I E S Current Mood, Music and Location --------
------------------------------------------------------*/

.currents {
font-size: 7pt;
line-height: 7pt;
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 0px;
color: #B8B8B8;
}

.currentmood, .currentmusic, .currenttags, .currentlocation {
font-size: 7pt;
}

.currents a, .currents a:link, .currents a:visited {
text-decoration: none;
font-weight: normal;
color: #8793af;
}

.currents a:hover {
color: #C1C1C1;
}

.ljtags {
margin:20px 0px 0px -10px;
color:#2E3333;
font-size: 7pt;
color: #B8B8B8;
}

/*------------------------------------------------------
E N T R I E S Comments ----------------------------------
------------------------------------------------------*/

.comments {
position: relative;
padding: 15px;
margin: 0px 0px 0px 0px!important;
text-decoration: none;
text-align: right;
font: 11px/100% "Trebuchet MS", Verdana, Arial, sans-serif;
border-top: 1px solid #E5E5E5;
color: #D1D1D1;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #4e65a9;
}

div.comments a:hover {
color: #C1C1C1;
text-decoration: none;
}

/*------------------------------------------------------
E N T R I E S Separator -------------------------------
------------------------------------------------------*/

.separator {
height: 0px;
background-color: transparent;
border-top: 8px solid #E5E5E5;
margin: 0px 30px 0px 30px;
}

/*------------------------------------------------------
S I D E B A R ------------------------------------------
------------------------------------------------------*/

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

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

.defaultuserpic {
text-align: center;
padding-bottom:15px;
}

.defaultuserpic img{
padding: 8px;
background: #E5E5E5!important;
text-align: center;
}

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

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

.sbarbody2 {
padding: 0px 20px 0px 20px;
margin: 5px 0 5px 0;
background: transparent;
}

/*------------------------------------------------------
S I D E B A R Calendar --------------------------------
------------------------------------------------------*/

table.calendar {
margin-right: auto;
margin-left: auto;
padding-top:20px;

}

.sbarcalendar {
border-color: #d1d1d1;
border-width: 1px;
border-style: solid;
text-align: center;
padding:7px;

}

.sbarcalendarposts {
border-color: #d1d1d1;
border-width: 1px;
border-style: solid;
background-color: #d1d1d1;
text-align: center;
padding-top:7px;
}

/*------------------------------------------------------
S I D E B A R Links List and Section Headers ----------
------------------------------------------------------*/

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

li.sbaritem {
background: transparent;
border-bottom: 1px solid #C7C7C7;
margin: 0px;
text-align: right;
padding: 5px 10px 5px 10px;
}

li.sbaritem:hover {
list-style: none;
background:#C7C7C7;

}

#sidebar_linklist li.sbaritem a {
text-transform: uppercase;
text-align: right;
letter-spacing: 0px;
}

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

li.sbartitle
{
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
text-transform:uppercase;
font-size: 7pt;
color: #FFFFFF;
font-family: Georgia;
background:#C0C0C0;
letter-spacing: 1px;
border-bottom: 1px solid #D1D1D1;
}

/*------------------------------------------------------
C O M M E N T S P A G E S -----------------------------
------------------------------------------------------*/

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

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

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

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

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

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

.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #000000;
}

.commentbox {

border-color: #cacaca;
border-width: 1px;

border-style: solid;
padding: 10px;
margin: 10px;
background-color: #f9f9f7;
}

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

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

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

.commentinfo {
background-color: #f9f9f7;
margin-top: 10px;
width: 100%;
}

.skiplinks {
text-align: center;
}

/*------------------------------------------------------
A R C H I V E ------------------------------------------
------------------------------------------------------*/

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: #cacaca;
}

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

td.yearmonth {
border-style: none;
}

/*------------------------------------------------------
M I S C E L L A N E O U S ------------------------------
------------------------------------------------------*/

.clear {
line-height: 0px;
border-width: 0px;
}

.title {display:none; }

.subtitle {display:none;}

::-moz-selection {
color: #F7F7F7;
background: #BC2929;
}

/*------------------------------------------------------
TAGS PAGE ------------------------------
------------------------------------------------------*/

.ljtaglist {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
text-transform: lowercase;
}

.ljtaglist ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: disc
}

/*------------MINI ICONS-------------*/
.ljuser img { width: 0; height: 0; background: transparent url(http://i39.tinypic.com/x5ppuh.png) no-repeat 50% 50%; padding: 10px 12px 0 2px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i39.tinypic.com/x5ppuh.png) no-repeat 50% 50% !important; padding: 10px 12px 0 2px !important; }
.ljuser img[src*="community.gif"] { background: transparent url(http://i39.tinypic.com/23jsxu.png) no-repeat scroll 50% 50% !important; padding: 10px 12px 0 2px !important; }

img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"] {height: 0px; width: 0px; padding: 0 2px 10px 10px !important; background: transparent none no-repeat scroll 0 0; }

.subject img {vertical-align: middle!important; float: right; margin-top:3px;}
img[src*="icon_protected.gif"]{background-image: url(http://i40.tinypic.com/o5tkox.png); }
img[src*="icon_private.gif"]{background-image: url(http://i43.tinypic.com/addev9.png); }
img[src*="icon_groups.gif"] {background-image: url(http://i40.tinypic.com/34ns20y.png); }
.ljuser img[src*="syndicated.gif"]{background-image: url(http://i42.tinypic.com/2rq2jc1.png);) !important; }

.ljuser a { background: transparent; letter-spacing: 0px; color:#F8F8EB; }
.ljuser a:hover b { color: #C1C1C1; background: transparent;}

.ljtaglist {
margin: 0px 0px 0px 0px;
padding: 20px;
text-transform: lowercase;
}