[solved] Navigation links don't work

[marlenem]

Hi!

I'm customizing the first layout from this post over at beautydream (basic account). I turned the sidebar into a topbar and made the navigation bar's position fixed on the top of the page. Something whent wrong along the line and my navigation links don't work in either Firefox, IE and Chrome now. I can't figure out what the problem is. Is it possible to make the nav links work?


/*

salvation in white knuckles on a wheel in corpsman (flexible squares; milou veronica)

*/

body {background-color: #fff;
background-image: url(http://img130.imageshack.us/img130/1057/aishiterukame03.png);
background-position: bottom left;
background-repeat: no-repeat;
background-attachment: fixed;
text-align: center; color: #ffffff; font-family:"Arial", Helvetica,serif; font-size: .8em; margin:0}

.headerimage {display:none;position: relative; background: transparent url() repeat scroll 0 0; height:;width:;margin-left: auto;margin-right: auto}

#content{background-color: transparent; color: #222222;margin-left:0; border-width: 0px; padding:0;}

#maincontent { padding:30px 0 0;max-width: 600px; background-color: transparent; text-align: justify;margin: 0 auto 0 415px;
background-image: url();
background-position: bottom left;
background-attachment: fixed;}

#sidebar {background-color_transparent;
background-image: url(http://i232.photobucket.com/albums/ee132/pinkubanana/aishiterukamecloud03.png);
background-position: bottom right;
background-repeat: no-repeat;
padding:50px 10px 5px 10px; text-align: right; color: #000000; font-size: .85em; line-height: 1.75;width: 100%; height:120px; margin:0; right:0; float:top;position:fixed;}

/* HEADER */

#header {background-color:#111111;margin: 0; left:0px; text-align: left; padding:0; line-height: 1; color: #eee;font-family:Helvetica,Arial,sans-serif;overflow:hidden;height:49px; border-bottom:1px solid #ccc;border-top:1px solid #333333;position:fixed;width:100%;}
222
div#header a, div#header a:link, div#header a:visited {font-weight:normal;background-color:transparent;color:#aaa}
div#header li.view {padding:20px 10px}

ul.navheader{font-size: .8em;text-transform: uppercase;letter-spacing:-0.04em;margin:0 10px 0 0;padding:20px 10px 20px 0;text-align:left;float:left;}
ul.navheader li {margin:0 0 0 -3px; list-style-type: none;display:inline;border-right:1px solid #333333;padding: 20px 10px}
ul.navheader li:hover,div#header li.view:hover{color:#fff;border-bottom:10px solid #333;padding-bottom: 10px} ul.navheader li:hover a{color:#aaaaaa}
ul.navheader li a{font-weight:normal;background-color:transparent;color:#aaa}

.title {margin: 0;font-size:1.5em;text-transform: lowercase;padding:5px 0 0 0;line-height:0.8}.title:first-letter {color:#81C2CF;font-size:1.8em}
.subtitle{padding:0;text-transform: lowercase;color:#666666;font-size:.9em}

/* ENTRIES */

.subcontent { min-height: 120px; background: #transparent url() repeat scroll;margin-left: auto; margin-right: auto; margin-top:200px;}

.date {margin:-28px 10px 0 0; color:#555;padding:15px 10px 5px;float:left;background-color:#eee;width:60px;height:60px;vertical-align:middle;text-align:center; text-shadow:2px 2px 2px #f5f5f5;}
.subject {margin:0;padding:2px 0;line-height: 1; color: #666666; font-size:20px; text-shadow:2px 2px 2px #cccccc;}
.subject a, .subject a:link, .subject a:visited {text-decoration: none}

.datesubject {text-align: left;padding:32px 0;font-family:georgia, times new roman, serif;font-style:italic;text-transform:lowercase;letter-spacing:-0.04em; font-size:.75em;margin-bottom:10px;
border-top:1px solid #eee;border-bottom:solid 1px #eee}

.entry{margin:0; padding: 0;text-align: justify;}
.entry_text {margin:0;padding:10px 5px 10px 0}

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

/* USERPICS */

.userpic, .userpicfriends {margin: 5px 0 10px 3px; float:right;padding: 0;background-color: transparent !important;z-index: 15;}
.userpicfriends {text-align: center;text-transform: uppercase;letter-spacing:-0.07em;font-size:.8em;margin-bottom:10px}

.userpicfriends img,.userpic img {width:80px;height:80px} .userpicfriends img{margin-bottom:8px}

/* COMMENT BAR */

.comments {color: #fff;text-transform: uppercase; font-weight:bold;font-size:.85em;letter-spacing:-0.03em;text-align: left; padding:12px 6px;margin:30px 0 0;border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5}

div.comments a, div.comments a:visited, div.comments a:link {background-color:#;width:85px;padding:3px 7px 2px 12px;margin:0;clear:right;background: transparent url() no-repeat scroll 0 0}
div.comments a:hover{color:#A8C8CF;background-color:#FFF}
.separator{height: 5px}

/* CURRENTS AND TAGS (icons by Julz) */

.ljtags {text-align: right; padding: 4px 18px 4px 0; background: transparent url(http://i232.photobucket.com/albums/ee132/pinkubanana/LJ/search.gif) no-repeat scroll 100% 50%;margin: 50px 0 0 auto;width:350px; text-transform: lowercase; color: #ffffff; font-weight: bold;font-size: 0;clear:right}

div.ljtags a {font-size: 7pt;background-color:#eeeeee;margin-left:5px;padding:0 2px;font-weight: normal}

.currents {text-align: right; margin:0; padding-top:15px; padding: 8px 0px 8px 0; text-transform: lowercase; font-size: 7pt; color: #646464;clear:right}
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {text-decoration: none; color: #000; display:none}

.currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 4px 18px 4px 0; background: transparent none no-repeat scroll 100% 50%}
.currentlocation {background-image: url(http://i232.photobucket.com/albums/ee132/pinkubanana/LJ/home.gif)}
.currentmood{background-image: url(http://i232.photobucket.com/albums/ee132/pinkubanana/LJ/tongue.gif)}
.currentgroups {background-image: url(http://i232.photobucket.com/albums/ee132/pinkubanana/LJ/manman.gif)}
.currentmusic {background-image: url(http://i232.photobucket.com/albums/ee132/pinkubanana/LJ/music.gif)}

/* TAG PAGE */

h2 { padding:5px;font-weight: normal;margin: 0px auto}
.ljtaglist {text-align: left; margin: 0; padding:20px; font-size:10px; list-style:inside none square;}
.ljtaglist li {padding:5px 10px;border-bottom: 1px dotted #eeeeee;} .ljtaglist li:hover{background-color:#f2f2f2}

/* COMMENT PAGE */

.box { text-align: left; padding:0; clear: right;margin-left: auto; margin-right: auto}

.datesubjectcomment {text-align: left; color: #000000;font-variant:small-caps;margin:0;border-bottom: 1px solid #eeeeee;border-top:1px solid #eee;height:40px;overflow:hidden;padding-top:20px}
.datesubjectcomment strong{;margin-left:20px;font-size:1.4em;float:right}
.userpiccomment {position: relative; padding: 1px; border: 1px solid #eeeeee; left: 0px; margin:-18px 0 0 0; z-index: 15; float: left;width:50px;height:50px}

input { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background-color: #fafafa; border: 1px solid #cccccc}
textarea.textbox {width: 100% !important}

.reply{ border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left}

.replytosubject {font-weight: bold}
body.lj-view-reply .datesubject{height:70px}
.replytoposter{padding-top:25px} body.lj-view-reply .entry{padding:10px} .replytosubject{font-size:1.2em;font-weight:normal;padding:4px 4px 0 20px;color:#666666}

.commentreply {min-height:40px;text-align: left; position: relative; margin:5px 0;padding:10px;line-height:1.5}

.commentbox {padding: 20px 0;margin-top:10px}

.commentboxpartial {padding: 0;margin: 10px}

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

form#postform{}form#qrform {}
form#qrform table {border-width: 0px !important;}

.skiplinks {text-align: center;margin: 0 auto;padding: 10px 0px; font-size: 8pt; color: #ccc;border-top:1px solid #f3f3f3}

/* SIDEBAR */

.defaultuserpic {
text-align: center;
float: right;
padding: 5px 10px 5px 10px;
}

.sbarbody {
float: right;
width:500px;
padding: 5px 10px 5px 10px;
text-align:right;
}

.sbarbody2 {
float: right;
width:140px;
padding: 5px 10px 5px 10px;
text-align:right;
}

ul.sbarlist{ margin: 0; padding: 0; list-style: none}
#sidebar_linklist{margin-top:-15px}
li.sbaritem{padding: 4px 4px 4px 12px; background: transparent url(http://i45.tinypic.com/2ecdi86.jpg) no-repeat scroll 0 50%;border-bottom:1px solid #ececec; margin:0;display: inline;}
li.sbaritem:hover a{background-color:transparent;color:#17A3BF}
li.sbaritem:hover{background-color:#f4f4f4}

li.sbartitle{text-transform:uppercase;font-weight:bold;margin: 15px 0 5px}

#sidebar table.calendar {font-size:7pt;line-height:1}
td.sbarcalendar, td.sbarcalendarposts {border:1px solid #eeeeee;padding:4px 3px}
td.sbarcalendarposts {background-color:#f4f4f4;text-align:center;font-size:10pt;padding:1px}

/* FOOTER */

#footer { padding: 5px;margin:auto;text-transform: lowercase;font-style:italic;font-family:Georgia,Times New Roman, serif; font-size: 1.2em; z-index: 100; clear: both;letter-spacing:-0.09em}

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

div#footer li.viewing {color: #555555;display:none}
div#footer a, div#footer a:link, div#footer a:visited {padding: 5px 10px; background-color:#81C2CF;color:#000}
div#footer a:hover{background-color:#000;color:#FFF}
.clearfoot {clear:both}

/* ARCHIVE PAGE */

ul.year { margin: 0px; margin: 0 auto 10px}

ul.year li {display: inline} ul.year li a{padding:0 3px}
ul.year li a:hover, table.yeartable a{background-color:#81C2CF;color:#FFFFFF;padding:0 3px}
table.yeartable {margin-left: auto; margin-right: auto;margin-left: auto; margin-right: auto; width:60%;padding: 30px;}

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

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

td.yearmonth {border-style: none;}

.clear {display:none; height: 8px;}

/* MINI ICONS by Julz and Brand Spanking New */

img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"], img[src*="upgrade-paid-icon.gif"] {height: 0px; width: 0px; padding: 0 0 12px 12px !important; background: transparent none no-repeat scroll 50% 50%}

.subject img {vertical-align: middle !important}
img[src*="icon_protected.gif"]{background-image: url(http://i232.photobucket.com/albums/ee132/pinkubanana/LJ/lock_stroke_12x16.png); padding:0 0 16px 16px !important;}
img[src*="icon_private.gif"]{background-image: url(http://i232.photobucket.com/albums/ee132/pinkubanana/LJ/key_stroke_16x16.png); padding:0 0 16px 16px !important;}
img[src*="icon_groups.gif"]{background-image: url(http://i232.photobucket.com/albums/ee132/pinkubanana/LJ/user_12x16.png); padding:0 0 16px 16px !important;}

.ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"] {background: transparent none no-repeat 0 50%; padding: 9px 9px 0 2px !important}
.ljuser img[src*="syndicated.gif"]{background-image: url(http://i48.tinypic.com/2f06gwk.png)}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i45.tinypic.com/14wuazs.png) !important}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i45.tinypic.com/2v0ixvs.gif) !important}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i50.tinypic.com/2m63g8w.gif) !important}

img[src*="btn_del.gif"]{background-image: url(http://i50.tinypic.com/2e5tt74.png)}
img[src*="btn_scr.gif"] {background-image: url(http://i48.tinypic.com/241weuu.png)}
img[src*="btn_unscr.gif"] {background-image: url(http://i50.tinypic.com/23kymxi.png)}
img[src*="btn_freeze.gif"] {background-image: url(http://i45.tinypic.com/2im2hww.png)}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i50.tinypic.com/23kymxi.jpg)}
img[src*="btn_track.gif"] {background-image: url(http://i48.tinypic.com/2a7z7v4.png)}
img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] {background-image: url(http://i49.tinypic.com/34oeb91.png)}
img[src*="anonymous.gif"] {background-image: url(http://i48.tinypic.com/n623yq.gif)}
img[src*="openid-profile.gif"] {background-image: url(http://i48.tinypic.com/24gt8jd.gif)}
img[src*="userinfo.gif"] {background-image: url(http://i46.tinypic.com/v823r4.gif)}
img[src*="talk/none.gif"] {background-image: url(http://i46.tinypic.com/2ur1i4o.gif)}
img[src*="help.gif"] {background-image: url(http://i46.tinypic.com/2gtnner.gif)}
img[src*="pencil.gif"], img[src*="btn_edit.gif"] {background-image: url(http://i48.tinypic.com/ih5oh4.png)}
img[src*="upgrade-paid-icon.gif"] {background-image: url(http://i45.tinypic.com/2r7sm00.gif)}

.ljuser img {width: 0; height: 0; background: transparent url(http://i232.photobucket.com/albums/ee132/pinkubanana/LJ/woman.gif) no-repeat 0 50%; padding: 10px 10px 0 2px !important; vertical-align: baseline !important}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i232.photobucket.com/albums/ee132/pinkubanana/LJ/woman.gif) no-repeat 0 50% !important; padding: 10px 6px 0 2px !important}
.ljuser img[src*="community.gif"] { background: transparent url(http://i232.photobucket.com/albums/ee132/pinkubanana/LJ/manman.gif) no-repeat scroll 0 50% !important; padding: 10px 10px 0 2px !important}

.Note .Inner { background: #ffffff none repeat scroll 0 0; border: 1px solid #eeeeee; color: #666666;} .ippu .track_title {letter-spacing: 3px; color: #444444; font-weight: normal;} div.ljcmtmanage { background: #ffffff none repeat scroll 0 0; border: 1px solid #eeeeee; padding:10px}

/* CONTEXTUAL POP-UP */

div.ContextualPopup {position: relative; margin: 0px; text-align: left; font: normal 9px "Arial" !important; }
div.ContextualPopup div.Inner {color: #aaaaaa !important;border:1px solid #eeeeee;background: #f2f2f2 url() !important; padding: 0; width: 280px;}
div.ContextualPopup .Userpic { padding: 3px; margin: 5px 5px 0; border: 1px solid #eeeeee; background: #ffffff url();}
div.ContextualPopup .Content { padding: 5px;border-right: 1px solid #ececec; margin-right:68px;background: #ffffff url();}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {text-decoration: none !important; font-weight: bold; color: #999999 !important}
div.ContextualPopup .Relation {font-size: 9pt;text-transform:uppercase}

/* MISC */

table#lj_controlstrip td {background-color: #111;color: #fff;border: 1px solid #222222;border-top:none}
#lj_controlstrip input {border: 1px solid #333333;background-color: #222222; color:#555555}
#lj_controlstrip a {color: #999999} #lj_controlstrip_statustext {color: #666666} #lj_controlstrip .ljuser a b {color:#aaa}#lj_controlstrip_userpic {display:none}

a img {border:none}
b, u { color: #111111}
i, s { color: #888888}
p, td {}

blockquote { padding:15px; border: 1px solid #eeeeee; border-left:4px solid #81C2CF; background: #f7f7f7 url() repeat; color:#555}
code {display:block; padding:5px; border:1px dashed #DDDDDD; font-size: 12px;}
.appwidget-qotd table td div{border:1px solid #eeeeee !Important;padding:5px 30px 5px 5px !important}

kbd, pre, tt {font-family: monospace;}
textarea { font-family: Georgia, Times New Roman, Times,serif;font-size: 12px; background-color: #f7f7f7; border: 1px solid #dddddd; color: #333333}

/* COLORS */

a, a:link, a:visited, .subject a:visited, h2, code, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation, .ljuser a b {
color: #000;
text-decoration: none}
.ljuser a b {font-variant:small-caps}
.entry_text a, .commentreply a{font-weight:bold; text-shadow:1px 1px 1px #fd6f54;}
a:hover, .datesubjectcomment a:hover, .ljuser a b:hover,div.ljtags a:hover {background-color:#C3DADF; text-decoration: none}
a img:hover{background:transparent}
a.lj_invisible{display:none}
.subject a, .subject a:link, .subject,h2, .subject a:visited, .subject a:hover, .subject a:link:hover,.subject a:visited:hover {text-decoration: none;color: #000000;font-weight:normal}

Thank you!