I hope this is the right place where to ask this CSS question

[kehleyr]

So I've just changed my header and noticed that I have a little too big of empty space between my bar of "Recent entries, Archive, Reading, Network etc" and the title of my journal "Receded into her own glittering mist"... and I wonder if you can help me out to where to change it and to what :-). Behind the cut is my CSS coding... Thank you for any help you can give me.


/*-- Given Sensibility (Tabula Rasa) --*/
/*-- select "2 Column (sidebar on right)" --*/
/*-- stylesheet by arobynsung @ visualwit for DW --*/

/*--- main ---*/

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

BODY {
background-image: url('');
background-color: #936160;
color: #4C4137;
font-size: .80em;
margin: 20px 0px 0px 0px;
font-family: Georgia, sans-serif;
}

a {
color: #4F4053;
text-decoration: none;
}

a:hover {
color: #8B5B69;
}

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

input, textarea {
background-color: #D5B79D;
color: #4C4137;
border: 1px solid #4C4137;
}

::-moz-selection {
background-color: #4F4053;
color: #D5B79D;
}

q {
font-style: italic;
}

blockquote {
background-color: #F4DECB;
padding: 8px;
margin: 15px 55px 15px 15px;
text-align: justify;
}

ul {
margin: 5px 0px 5px 25px;
list-style: square;
list-style-position: inside;
}

ol li {
margin: 5px 0px 5px 15px;
list-style-type: upper-roman;
list-style-position: inside;
}

.userpic {
min-width: 120px;
}

/*--- containers and things ---*/

#canvas {
width: 90%;
margin: 0px auto;
}
#canvas {
padding-top: 900px;
background: url(http://i5.photobucket.com/albums/y173/kehleyr/Livejournal%20stuff/mermaidFuchsia_header007aBYkehleyr_icons_zpseqywjmhm.png) no-repeat center top;}

#primary {
float: right;
margin: 0px;
width: 76%;
}

/*--- titles ---*/

#header {
padding: 5px 5px 5px 10px;
margin: -90px 0px 25px 0px;
background-color: #593950;
}

h1#title {
letter-spacing: -0.07em;
color: #D5B79D;
text-align: right;
font-size: 2em;
text-transform: uppercase;
}

h2#subtitle {
letter-spacing: -0.07em;
color: #F4DECB;
text-align: right;
font-size: 1.2em;
text-transform: uppercase;
font-weight: lighter;
}

h2#pagetitle {
font-size: 1.21em;
display: none;
}

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

.two-columns-right #secondary {
float: left;
width: 23%;
margin: 0;
}

.two-columns-right #tertiary {
clear: both;
}

.two-columns-right #tertiary .module {
float: left;
}

/*--- sidebar ---*/

.module {
text-align: right;
padding: 0px;
margin-bottom: 10px;

}

.module a {
text-align: right;
}

.module-content {
padding: 10px;
}

.module-active, .module-search, .module-cuttagcontrols, .module-userprofile, .module-customtext, .module-typelist, .module-tags_list, .module-pagesummary, .module-calendar, .module-syndicate, .module-powered, .module-time {
background-color: #D5B79D;
}

h2.module-header {
background-color: #593950;
padding: 14px;
letter-spaci: -0.07em;
color: #D5B79D;
text-align: right;
font-size: 1.2em;
text-transform: uppercase;
font-weight: lighter;
}

h2.module-header a {
color: #D5B79D;
}

div.module-navlinks {
background-color: #593950;
font-size: .8em;
position: absolute;
top: 450px;
z-index: 100px;
margin: 30px 0px 20px 0;
font-weight: lighter;
text-transform: uppercase;
}

div.module-navlinks ul.module-list {
display: inline;
padding: 0;
margin: 0;
}

div.module-navlinks ul.module-list li {
display: inline;
margin: 0px 5px 20px 0;
list-style: none;
padding: 5px 5px 10px 5px;
background-color: #593950;
}

div.module-navlinks a {
color: #F4DECB;
}

div.module-content div.userpic {
text-align: center;
}

div.module-content div.userpic img {
background-color: #8B5B69;
padding: 15px;
border: 0px solid;
}

div.journal-name {
text-transform: uppercase;
margin: 5px 0px 0px 0px;
text-align: center;
}

div.journal-website-name {
text-transform: uppercase;
text-align: center;
}

ul.userlite-interaction-links {
margin: 5px 0px 0px 0px;
list-style: none;
text-align: center;
}

ul.userlite-interaction-links li {
margin: 0px auto;
display: inline;
list-style: none;
text-align: center;
}

.module-list-item {
padding: 2px;
margin: 5px 0px;
list-style: none;
}

div.manage-tags-link {
margin: 10px 0px 0px 0px;
text-transform: uppercase;
text-align: right;
}

div.module-calendar table {
text-align: center;
margin: auto;
width: 55%;
}

div.module-calendar td {
background-color: #D5B79D;
padding: 3px;
}

div.module-calendar th {
color: #F4DECB;
text-transform: uppercase;
background-color: #593950;
border: 1px solid #4C4137;
}

div.module-calendar td.empty-day {
text-transform: uppercase;
background-color: #D5B79D;
border: 1px solid #4C4137;
}

div.module-calendar td.entry-day {
text-transform: uppercase;
border: 1px solid #4C4137;
background-color: #F4DECB;
}

/*--- navigation (for entries) ---*/

.navigation {
background-color: #593950;
color: #4F4053;
text-align: center;
padding: 5px;
margin: 0px 0px 0px 0px;
letter-spacing: -0.07em;
font-size: 1.2em;
text-transform: uppercase;
font-weight: lighter;
}

.navigation a {
color: #D5B79D;
}

.topnav {
display: none;
}

.bottomnav {
margin-top: 10px;
}

.page-separator {
padding: 10px;
}

div.navigation ul {
display: inline;
}

div.navigation li {
display: inline;
list-style: none;
}

li.page-back, li.page-forward {
display: inline;
list-style: none;
}

/*--- entries ---*/

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

div.entry div.userpic {
float: right;
margin: 30px 15px 10px 20px;
}

div.entry div.userpic img {
background-color: #8B5B69;
padding: 15px;
border: 0px solid;
}

div.entry-content {
background-color: #D5B79D;
padding: 10px;
min-height: 100px;
margin: 10px 0px 0px 0px;
}

div.entry div.header {
background-color: #593950;
padding: 5px 10px 5px 10px;
margin: 0px 0px -10px 0px;
margin-right: 0px;
text-align: left;
font-weight: lighter;
}

.entry-poster {
display: ;
float: right;
margin: 5px -150px 5px 0px;
}

.entry-title {
color: #D5B79D;
letter-spacing: -0.07em;
font-weight: lighter;
font-size: 1.2em;
text-transform: uppercase;
}

.entry-title a {
padding: 3px 5px 5px 5px;
color: #D5B79D;
}

.datetime {
font-size: .75em;
color: #F4DECB;
text-transform: uppercase;
}

.datetime a {
color: #F4DECB;
}

/*--- currents and tags ---*/

.metadata {
font-size: 0.7em;
padding: 10px 15px 5px 15px;
margin: 0px;
text-transform: uppercase;
margin-right: 0px;
background-color: #D5B79D;
}

div.metadata ul {
padding: 0px;
margin: 0px;
}

div.metadata ul li {
list-style: none;
padding: 0px;
margin: 0px;
}

span.metadata-item-location, span.metadata-item-music, span.metadata-item-mood, div.tag ul {
color: #4F4053;;
text-align: right;
text-transform: uppercase;
display: inline;
}

div.tag {
font-size: 0.7em;
color: #4C4137;
padding: 15px;
text-transform: uppercase;
margin-right: 0px;
background-color: #D5B79D;
}

span.tag-text {
text-transform: uppercase;
}

div.tag ul li {
text-align: right;
display: inline;
list-style: none;
font-weight: normal;
margin: 5px 5px 0px 0px;
}

ul.entry-management-links {
padding: 5px 5px 0px 5px;
list-style: none;
text-align: right;
margin: 0px;
margin-right: 0px;
background-color: #D5B79D;
}

ul.entry-management-links li {
margin: 0px auto;
display: inline;
list-style: none;
}

ul.entry-interaction-links {
padding: 5px;
text-align: right;
margin: 0px;
margin-right: 0px;
background-color: #D5B79D;
}

ul.entry-interaction-links li {
display: inline;
list-style: none;
letter-spacing: -0.07em;
font-size: 1.2em;
text-transform: uppercase;
font-weight: lighter;
margin: 0px 5px x 0px;
padding: 0px;
}

ul.entry-interaction-links a {
color: #4C4137;
}

/*--- archive page ---*/

.month {
padding: 0px;
background-color: #D5B79D;
margin: 0px 0px 10px 0px;

}

table.month {
border: 0px;
padding: 15px;
}

.month table {
width: 100%;
margin: auto;
}

.month caption {
display: none;
}

.month h3 {
padding: 15px;
margin: 0px 0px 10px 0px;
background-color: #593950;
color: #D5B79D;
letter-spacing: -0.07em;
font-size: 1.2em;
text-transform: uppercase;
font-weight: lighter;
}

li.active {
color: #F4DECB;
list-style: none;
list-style: none;
display: inline;
margin: 10px;
}

.month th {
background-color: #593950;
color: #F4DECB;
margin: 0px 2px;
padding: 5px;
font-size: 1.15em;
font-weight: bold;
text-transform: uppercase;
border: 1px solid #593950;
}

.month td {
padding: 15px;
border: 1px solid #4C4137;
}

.month td.day {
border: 1px solid #4C4137;
font-weight: normal;
}

.month td.day-has-entries {
background-color: #F4DECB;
font-weight: normal;
}

.month td.day-has-entries p {
text-align: right;
font-size: 1.14em;
font-weight: bold;
padding: 0px 0px 0px 5px;
}

/*--- tags page ---*/

.page-tags .tags-container {
background-color: #D5B79D;
margin: 0px 0px 10px 0px;
}

.page-tags h2 {
background-color: #593950;
padding: 15px;
color: #D5B79D;
letter-spacing: -0.07em;
font-size: 1.2em;
text-transform: uppercase;
font-weight: lighter;
}

.page-tags .ljtaglist {
padding: 10px;
}

.manage-tags-link {
padding: 10px;
}


/*--- comments ---*/

.comment {
margin: 0px 0px 20px 0px;
}

.comment-content {
background-color: #D5B79D;
padding: 15px;
padding-top: 30px;
margin: 0px;
min-height: 70px;
}

div.comment div.header {
background-color: #593950;
padding: 15px;
letter-spacing: -0.07em;
color: #D5B79D;
font-size: 1.2em;
text-transform: uppercase;
font-weight: lighter;
}

.comment-poster {
background-color: #D5B79D;
padding: 5px;
float: right;
margin: 5px -150px 5px 0px;
}

.comment-title {
color: #D5B79D;
letter-spacing: -0.07em;
font-weight: lighter;
font-size: 1.05em;
text-transform: uppercase;
}

.comment-title a {
font-weight: lighter;
font-size: 1.05em;
color: #D5B79D;
}

hr.above-entry-interaction-links, hr.below-reply-container {
display: none;
}

textarea.textbox {
width: 85% !important;
border: 1px solid #4C4137;
}

.poster-ip {
background-color: #D5B79D;
margin-top: 5px;
display: none;
}

div.comment div.userpic {
float: right;
margin: 30px 15px 10px 20px;
}

div.comment div.userpic img {
background-color: #8B5B69;
padding: 15px;
border: 0px solid;
}

.bottomcomment {
background-color: #D5B79D;
padding: 10px;
margin: 0px;

}

div.comment div.footer {
margin-right: 0px;
background-color: #D5B79D;
padding: 0px 10px 0px 10px;
font-weight: lighter;
text-transform: uppercase;
}

.comment-management-links ul, .comment-interaction-links ul {
list-style: none;
}

ul.comment-management-links {
padding: 2px;
list-style: none;
text-align: right;
margin: 0px;
background-color: #D5B79D;
}

ul.comment-management-links li {
margin: 0px auto;
display: inline;
list-style: none;
}

ul.comment-interaction-links {
padding: 2px;
text-align: right;
margin: 0px;
background-color: #D5B79D;
}

ul.comment-interaction-links li {
display: inline;
list-style: none;
letter-spacing: -0.07em;
font-size: 1.12em;
text-transform: uppercase;
font-weight: lighter;
margin: 0px 5px 0px 0px;
padding: 0px;
}

ul.comment-interaction-links a {
color: #4C4137;
}

#qrform table {
border: 0!important;
}

.comment-poster {
font-size: .9em;;
text-transform: uppercase;
}

table.talkform {
background-color: #D5B79D;
margin: 0px 0px 10px 0px;
padding: 10px;
}

/*--- contextual pop-up ---*/

div.ContextualPopup {
margin: auto;
text-align: left;
color: #4C4137;
text-transform: uppercase;
font-family: arial, tahoma, sans-serif;
border: 0;
}

div.ContextualPopup div.Inner {
background-color: #D5B79D;
color: #4C4137!important;
border: 0px;
border: 1px solid #593950;
}

div.ContextualPopup .Content {
background-color: #F4DECB;
border: 0;
margin: auto;
}

div.ContextualPopup .Userpic {
padding: 10px;
margin: 5px;
background-color: #8B5B69;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:link {
text-decoration: none !important;
color: #4F4053!important;
}

div.ContextualPopup .Relation {
text-transform: uppercase;
color: #593950;
}

/*--- navigation bar ---*/

#lj_controlstrip_statustext {
color: #D5B79D;
}

#lj_controlstrip a {
color: #F4DECB;
}

table#lj_controlstrip td {
background-color: #593950;
border: 0px solid #D5B79D;
color: #D5B79D;
text-transform: uppercase;
font-family: arial, tahoma, sans-serif;
}

#lj_controlstrip input {
background-color: #F4DECB;
color: #4C4137;
text-transform: uppercase;
border: 1px solid #F4DECB;
}

Comments

[branchandroot]

Looks like it's the padding-top on #canvas. If you put this into your Custom CSS (or alter the padding value already there), it should fix the problem:

#canvas { padding-top: 600px;}

At the moment the padding is 900. 600 is about right on my monitor, but you might need to play with it a little to get just the spacing you want.

[kehleyr]

Oh MUCH BETTER... Thank you. I made the mistake to change it to 900 because the height of my header is 900... so my mistake. Thank you again for your help!!