Entry Footer / Bottom Navigation

[kvancelot]

o/

So, I don't do a lot of layout coding, but I can generally work my way through the majority of issues. Unfortunately, I've hit a wall and I just can't seem to work out the fix.

My layout journal where I'm working on this is wedidntstartthefire and the issue is all around the navigation footer, save for the entry footer issues. You can see what I'm referring to here.

1.) SOLVED! Navigation footer area thing coded with a background image. For the most part, it's worked out splendidly. Unfortunately, there's a one pixel area on the very bottom where the entries peek through when scrolling.

2.) SOLVED! Navigation links. D: No matter what I try, I can seem to get them to move down. I'd like for them to line up with the bottom of 0615 on the image. Also to be black. For the life of me, I can't seem to make this happen.

3.) SOLVED! Entry links, for editing and stuff. I'd like them to be centered compared to the rest of the centered elements in the navigation footer.

Here's the (horribly botched, piecemeal) code:

body {padding: 0; margin: 0; text-align: center; color: #000000; background: #000000; background-attachment:fixed; font-family:Courier New; overflow-x:hidden; overflow-y:auto; }<br /><br />a, a:active {text-decoration: none; color: #a8c048; outline:0; font-weight:bold;}<br />a:hover {color: #a8c048;}<br />#title,#subtitle,#pagetitle {display: none;}<br /><br />#canvas {margin: 10px auto 3em auto; text-align: left; padding: 0;}<br />#content {padding: 0 0 20px 0; margin: 0;}<br />#primary {width: 663px; margin: 0; z-index: 0; padding: 0; background-color:transparent; background:url(http://i.imgur.com/6j1j2.png) }<br /><br />/*--- header + footer ---*/<br />#header {width: 663px; height: 224px; margin: 1em auto 0em auto; background-color:transparent; background:url(http://i.imgur.com/chASH.png)} <br />#header>.inner {border-left: 0px solid #0d0b16; padding: 2em 0em;}<br />#footer {display: float; clear: both; margin: 0 auto 0 auto; width: 90%;}<br />.navigation {padding: 0px; text-align: center; color:#278faf; margin-bottom:20px;}<br />.topnav {display:none!important;}<br /><br />li.page-back, li.page-forward, .page-top {list-style: none; padding: 0.1em; margin: 0 0 0 0; background: transparent; bottom: 3.5em; text-transform:uppercase; font-size: 0.665em; font-weight: bold; text-decoration:underline;}<br />.page-top {position:fixed; right:46.5%;z-index: 5; display: none;}<br />li.page-back {position: fixed; left: 0em; text-align:left; padding-left:5.25%; z-index: 5;}<br />li.page-forward { position: fixed; right: 0em; text-align: right; padding-right:5.25%; z-index: 5;}<br />li.page-separator {display: none;}<br />div.navigation ul {display: inline; padding: 0; margin: 0 0 0 0; align: center;}<br /><br /><br />/*--- header texts ---*/<br />div#header h1#title {font-weight: normal; text-transform: uppercase; letter-spacing: 0; padding: 0; margin: 0; color: #278faf; font-family: monospace; font-size: 0em;}<br />div#header h2#subtitle {font-weight: normal; text-transform: lowercase; letter-spacing: 1px; padding: 0; margin: 0; color: #278faf; font-family: monospace; font-size: 0em;}<br />div#header h2#pagetitle {font-weight: normal; text-transform: uppercase; letter-spacing: 1px; padding: 0; margin: 1em 0 0 0; color: #278faf; font-family: monospace; font-size: 0em;}<br /><br />/*--- navigation links ---*/<br />div.module-navlinks {position: fixed; bottom: 0; z-index: 4; padding-bottom: 0em; width: 663px; height: 88px; margin: 0 auto; left: 0; right: 0; background-color: transparent; background:url(http://i.imgur.com/0URFm.png); background-repeat:no-repeat; text-align:center; padding-top: 0em;}<br />div.module-navlinks ul.module-list {display: inline; padding: 0; margin: 0 0 0 0; text-transform: lowercase; color:#000000!important; padding-right; 13px; padding-left: 13px;}<br />div.module-navlinks ul.module-list li {display: inline; margin: 0 0 0 0; list-style: none; padding-right; 13px; padding-left: 13px; font-size: 0.665em; }<br /><br />/*--- modules ---*/<br /><br />#secondary {width: 663px; margin: 0 auto; z-index: 0; padding: 0; background-color: #ffffff; display:none;}<br />#secondary>.inner {border-left: none; padding: 4em 2em; display:none}<br /><br />#secondary .module {float: left; margin: 2em 1em;}<br />#secondary .module-header, #secondary .module-header a {font-family: arial!important;color: #099aaf;}<br />#secondary .separator-after {clear: both;}<br />.module-tags_cloud {margin: 3em 0; width: 100%; float: none;}<br />.module-tags_cloud .module-content {padding: 0 3em 1em 3em;}<br /><br />#secondary .module-content {text-align: left;}<br />#secondary .module-content ul { list-style: outside; margin-left: 1em; padding-left: 0;}<br />#secondary .module-content li {margin: .5em 0;}<br />.module-photo .module-content {text-align: center;}<br />.module-user-links .module-content {text-align: center;}<br />ul.userlite-interaction-links {list-style: none; margin-left: 0; padding-left: 0;}<br />ul.userlite-interaction-links li {display: inline; padding: 0 .20em;}<br />.module-credit {font-family:arial!important;}<br />.module-credit dt, .module-credit dd {display: inline; margin: 0; padding: 0;}<br />.module-credit dt {font-weight: normal; margin-right: 0.5em;}<br /><br />/*--- entry ---*/<br />div.entry {padding-top: 5px; padding-left: 45px; padding-right: 25px; padding-bottom: 0px; margin: 0px 0 10px 0; border-left: 0px solid #F2EBD7; background-color:transparent;}<br />div.entry-content {margin: 40px 0 0 0;padding-bottom: 5px; background-color: transparent; font-size: 0.82em; color:#000000;}<br />.page-recent div.entry-content {margin: 25px 10px 0 0;}<br />.entry-content img {max-width:90%;}<br />.entry a:visited {color: #1a6884;}<br />.entry a:hover, a:visited a:hover {color: #000000;}<br />.entry a:active, a {color: #278faf;}<br /><br /><br />div.header {background-color: transparent; padding: 0; margin: 10px 0px 10px auto; }<br />h3.entry-title {border:.1em solid #000000; height: 20px; color: #000000; font-weight: normal; text-transform: none; letter-spacing: -1; padding-left: 5px; margin: 5px auto 10px auto; font-family:monospace; font-size: 1em; color: #000000; background-color: transparent; background:url(http://i.imgur.com/E40QE.png)}<br />h3.entry-title a {color: #000000!important; background-color: transparent;font-family:verdana!important; font-weight: bold!important; text-transform: uppercase!important;}<br /><br />div.metatype {margin: 5px 0 20px 0; vertical-align:middle;}<br /><br />.datetime {font-size: 0.7em; font-weight: bold !important; text-transform: lowercase; letter-spacing: 1px; margin: 5px 0 20px 2px; color: #2d2925;background-color: transparent; vertical-align:middle;}<br />.datetime a {color: #2d2925; background-color: transparent;}<br /><br />.entry .userpic {display: block; float: right; margin: -60px 0px 10px 10px; vertical-align:top; padding: 0;}<br />.userpic img { max-width:100px;height: 100px; padding: 0; border: none;}<br />.page-recent .entry .userpic {display: block; float: right; margin: -100px 0px 10px 10px; vertical-align:top; padding: 0;}<br />.page-recent .entry .userpic img {max-width:80px; height:80px; }<br /><br />span.poster {font-size: 0.9em; font-weight: normal; text-transform: lowercase; letter-spacing: 0; color: #2d2925; background-color: transparent; color: #aeaeae;}<br /><br />div.metadata {margin: .8em 0 0 0; background-color: transparent;}<br />div.metadata ul {padding: 0; margin: 0;}<br />div.metadata ul li {list-style: none; font-size: 0.7em; font-weight: bold!important; font-family:verdana!important; text-transform: uppercase; letter-spacing: 0; padding: 0; color: #2d2925;}<br />span.metadata-label-location, span.metadata-label-mood {}<br />span.metadata-label-music {display: none;}<br />span.metadata-item-location {padding: 0; font-weight: normal!important; font-family:courier!important; text-transform: lowercase!important;}<br />span.metadata-item-mood {padding: 0; font-weight: normal!important; font-family:courier!important; text-transform: lowercase!important;}<br />span.metadata-item-music {padding: 0; font-weight: normal!important; font-family:courier!important; text-transform: lowercase!important; display: none;}<br /><br />span.tag-text {text-transform: lowercase; color: #2d2925; font-size:.7em;}<br />div.tag ul {padding: 0; margin: 0; display: inline; background-color: transparent;}<br />div.tag ul li {display: inline; list-style: none; font-size: 0.7em; font-weight: normal; text-transform: lowercase; letter-spacing: 0; padding: 0; color: #c8c8c8;}<br /><br />ul.entry-management-links {text-align:center; padding-top: 0; padding-left: 0px!important; margin: .7em 0 0 0;}<br />ul.entry-management-links li {display: inline; list-style: none; font-size: 0.7em; font-weight: normal; text-transform: lowercase; letter-spacing: 0; padding: 0 0 0 0; color: #c8c8c8;}<br /><br />ul.entry-interaction-links {text-align: center;background-color: transparent;}<br />ul.entry-interaction-links li {display: inline; list-style: none; font-size: 0.75em; font-weight: normal; text-transform: uppercase; letter-spacing: 0; color: #0D0B16; text-align: center; padding-right: 15px;}<br />.entry-interaction-links a {padding-right: 15px;}<br /><br />.entry-content li,<br />.comment-content li {<br /> list-style-position: inside;<br /> }<br /><br />/*--- comments ---*/<br />hr.above-entry-interaction-links, hr.below-reply-container {display: none;}<br /><br />input, textarea {background: #ffffff; margin-left: 2px; margin-right: 2px;border: 1px solid #aaaaaa; }<br />textarea.textbox {width: 100% !important; border: 1px solid #aaaaaa; }<br />.textbox {width: 100% !important; border: 1px solid #aaaaaa; }<br /><br />.comment {margin: 0 auto 0.1em auto; background: #ffffff; padding: 10px 20px 10px 20px; border-top: 0px solid #1a6884; font-size: 0.8em;}<br /><br />.comment-content img {max-width:90%;}<br />.comment a:visited {color: #1a6884;}<br />.comment a:hover, a:visited a:hover {color: #a8c048;}<br />.comment a:active, a {color: #278faf;}<br /><br />.comment .userpic {display: block; float: right; margin: -36px 0px 10px 10px; vertical-align:top; padding: 0;}<br />.comment .userpic img {max-width:80px; height:80px;}<br /><br />.comment .datetime {background-color:transparent;text-transform:lowercase; font-size: .7em;}<br />.comment .poster {background-color:transparent;text-transform:lowercase; font-size: 1em; color: #aeaeae;}<br />.comment .poster-ip {background-color:transparent;text-transform:lowercase; font-size: .625em; color: #aeaeae;}<br />.comment-content {padding-top:25px;padding-bottom:15px; }<br />.bottomcomment {display:none; margin: 0 auto 2em auto; padding: 0 2em 0 2em; border-left: 0px solid #0d0b16; background-color: #ffffff;}<br />.comment-management-links, .comment-interaction-links {margin-top: 5px; padding-right: 15px;}<br />.comment-management-links {text-align:right; padding-right: 15px;}<br />.comment-interaction-links a {padding-right: 15px;}<br />.comment-interaction-links {text-align:right; }<br />.comment-management-links li, .comment-interaction-links li {display: inline; padding-right:15px;}<br />.multiform-checkbox {display:none;padding-top:20px!important;text-align:right!important;}<br />#qrform table {text-align: center;border: 0!important;}<br /><br />/*--- archive ---*/<br /><br />li.active {list-style: none; display: inline; text-transform: uppercase; padding: 0; margin: 0; text-align: center; color: #278faf;}<br />.month {margin: 1em auto 1em auto; padding: 2em 2em; background-color: #ffffff;}<br />.month h3 {font-size: 1em; font-weight: normal; text-transform: none; letter-spacing: 1px; padding-right: 50px; margin: 0; text-align: right; color: #a8c048;}<br /><br />.page-archive div.navigation ul {display: inline; }<br />.page-archive div.navigation li {display: inline; list-style: none; } <br />.page-month div.navigation ul {display: inline; }<br />.page-month div.navigation li {display: inline; list-style: none; } <br />.page-archive div.navigation {background-color: #ffffff; padding: 20px 10px 20px 10px;}<br />.page-month div.navigation {background-color: #ffffff; padding: 20px 10px 20px 10px;}<br /><br /><br />.month th {font-size: 0.9em; font-weight: normal; text-transform: uppercase; padding: 5px; text-align: center; color: #a8c048; border: 1px solid #2d2925; background-color: #0d0b16; border: }<br />.month table {width: auto; cellspacing: 0; margin: auto; }<br />.month caption {display: none;}<br /><br />.month dt {font-weight: bold; width:300px; margin-bottom:15px; margin-left:30px;}<br />.month dt a {font-weight:bold;}<br /><br />.month dd h3 {text-align:left;}<br />.month dd .tag {display:none;}<br /><br />td.day-empty {border: 1px solid #2d2925;}<br />td.day {height:50px;width:50px;padding: 0; spacing: 0; border: 1px solid #2d2925; background-color: transparent; vertical-align:top; text-align:center; font-weight:bold; font-family:arial; padding-top:5px;}<br /><br />.month .footer {text-align:center;}<br />.day day-has-entries a {text-align:center;}<br /><br />/*--- tags ---*/<br />.tags-container h2 {font-size: 1.3em; font-weight: normal; text-transform: none; letter-spacing: 1px; padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; margin: 0; text-align: left; color: #1a6884;}<br />.page-tags .tags-container {margin: 0; padding-left:40px; border-lbottom: 1px solid #000000; background-color: transparent; font-size: .82em; font-weight: normal; text-transform: lowercase; letter-spacing: 1px; padding-top: 5px; padding-left: 20px; padding-right: 20px; padding-bottom:10px; margin: 0; text-align: left; color: #0D0B16;}}<br />.tags-container {line-height: 100%;margin-bottom: 2px;}<br />.tags-container .manage-tags-link {margin-left: 20px; margin-bottom: 15px; padding-bottom: 25px; text-transform:none; font-weight:bold; font-size:1em;}<br />.page-tags .tags-container ul {margin: .75em; padding: 0;}<br />.page-tags .tags-container ul li {margin: 0 0 0 1em; padding: 0; list-style: none;}<br /><br /><br />/*--- control strip ---*/<br />#lj_controlstrip {background:#0d0b16; color:#278FAF; } <br />#lj_controlstrip_statustext {color:#278faf; font-weight:normal;}<br />#lj_controlstrip a {color:#a8c048;}<br />#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, <br />#lj_controlstrip_login, #lj_controlstrip_loggedout_userpic, #lj_controlstrip_login td, <br />#lj_controlstrip td td {border:none !important;}<br />#lj_controlstrip input {background:#278faf !important;color:#ffffff !important; border:none;}<br />#lj_controlstrip_search_submit, input#Logout, #lj_controlstrip input#search {background:#278faf !important;color:#ffffff !important; border: none;}<br />#lj_controlstrip .ljuser a b {color:#278fsf;; text-decoration:none !important;}<br />#lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password {background: #278faf; color:#ffffff;}<br />#lj_controlstrip input#xc_remember, #lj_controlstrip_search_input_text, #lj_controlstrip select {background:#2d2925; color:#ffffff; border:none;}<br /><br />/*---misc--*/<br />.empty-day {width: 15px!important; padding: 2px; text-align:center!important;}<br />.entry-day {width: 15px!important; padding: 2px; text-align:center!important;}<br />.module-calendar {font-family: arial!important;}<br />.module-calendar th {width: 15px!important; padding: 2px; text-align:center!important;}<br />.module-calendar td a {color: #333333;text-align:center!important;}<br />.entry-permalink {display:none!important;}<br /><br />#postform {padding: 20px;margin-bottom: 20px;text-align: center;}<br />.talkform {width: 90%!important;}<br />#qrformdiv {border-top: 1px solid #eeeeee; padding: 15px;}<br />.talkform td {text-align:left;}<br /><br />div.ContextualPopup div.Inner {background:transparent!important;color: #333029 !important;border:none;padding:10px;width: 245px;font-family:"arial", sans-serif;font-size: 8pt;}<br />div.ContextualPopup .Content {padding:12px 15px;margin-right:80px;line-height: 1.4;background-color: #fff;}<br />div.ContextualPopup .Userpic {padding:10px;margin:0px;background-color: #fff;}<br />div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {text-decoration: none !important;font-weight: normal; font-family: arial;color: #777 !important;text-transform: uppercase;}<br />div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:hover {text-decoration: none !important;font-weight: normal;color: #0085d2 !important;}<br />div.ContextualPopup .Relation {letter-spacing:0px;border-bottom: 3px solid #000;margin-bottom:4px;padding-bottom:4px;}<br /><br />.manage-tags-link {margin-top: 20px;}<br />.module-customtext .module-content {padding-left:30px;}

Any help would be greatly, greatly appreciated!