Too Much Space and Moving Tags

[cosmicvanilla]

My journal has a few things that are bugging me. If anyone could help me fix these things I'd be very thankful. :)

- dancing_secrets
- Paid

Problems:
- Too much space between the end of my entry and the tags/mood theme.
- There's too much space between my mood and the number of comments.
- When my journal shows the number of comments it's supposed to say 'Kisses', it works for one comment, but as soon as there is more then one it changes to '2 comments'.(solved)

- Is there anyway to move the tags under my mood?

I was linked to a tutorial, but I don't understand and can't get it to work. :/

Sorry if these are easy answers. I searched, but couldn't find anything.
I think it has to do with metadata so I tagged it...let me know if it doesn't. XD



NEW

OLD


/* Fresas y Kiwii
layout by cielo_gris.livejournal.com
Edit if you want and if you know CSS
credit community.livejournal.com/velvetb0x */

/* ------------------------------- */

body
{background-color:#0E0E0E;
background-image:url();
background-position: absolute;
background-repeat:repeat;
background-attachment:fixed;
}

::-moz-selection
{background: #FFFFFF;
color: #DDDDDD;}

.title {
color:#BD4A6E;
font-family:century gothic;
font-size:37px;
letter-spacing:0px;
line-height:9px;
margin:-111px -30px;
padding:10px;
position:absolute;
text-transform:lowercase;
font-style:normal;}

.title { display: none; }

.subtitle{
background:#222222 none repeat scroll 0 0;
color:#9852b5;
font-family:courier new;
font-size:11px;
font-style:normal;
line-height:7px;
margin:-78px -20px;
padding:3px 0 5px;
position:absolute;
text-transform:lowercase;}

/*----------- content&entries -----------*/

#content
{
background:transparent none repeat scroll 0 0;
margin:100px auto;
width:805px;
}

.subcontent {
background:#333333;
border:0 solid #EEEEEE;
min-height:140px;
}

#maincontent
{
background:transparent none repeat scroll 0 0;
border:0 none;
color:#666666;
font-family:"georgia",arial,sans-serif;
font-size:9px;
margin:0 250px;
padding:0;
text-align:left;
width:555px;
}

.clear
{height: 15px;}

.entry
{
line-height: 1.20;
margin:0;
padding: 0;
text-align: left;
background:#ffffff;
border-top:5px solid #222222;
color: #666666;
font-family: "calibri", arial, sans-serif;
font-size: 11px;
text-align:justify;
}

.entry_text
{
margin-top: -10px;
min-height: 140px;
padding: 20px;
}

.subject, .subject a, .subject a:hover
{
color: #9852b5!important;
background-color: transparent!important;
font-family: "century gothic", arial, sans-serif!important;
font-size: 14px!important;
text-transform:uppercase;
font-weight:none;
text-align:right!important;
letter-spacing:1px;
border-bottom:none!important;
margin-top:-1px;}

.datesubject
{
background:#222222;
text-align:right!important;
text-align: right;
padding:10px 5px 5px 23px;
}

.date
{
color: #BD4A6E;
background-color: transparent!important;
font-family: "georgia", sans-serif;
text-transform: lowercase;
font-size: 9px;
letter-spacing:1px;
margin-right:13px;
}

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

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

.currents {text-transform:lowercase;
text-align: left;
padding-right: 20px;
padding-left: 20px;
margin-top:-50px;
line-height:11px;
}

.currentlocation, .currentmood, .currentgroups, .currentmusic {padding: 2px 0 2px 14px; background: transparent none no-repeat scroll 0 50%}
.currentlocation {background-image: url(http://img5.imageshack.us/img5/7960/homejoa.gif)}
.currentmood{background-image: url(http://img4.imageshack.us/img4/3352/smileyp.gif)}
.currentgroups {background-image: url(http://img4.imageshack.us/img4/2971/drinkw.gif)}
.currentmusic {background-image: url(http://img4.imageshack.us/img4/5074/radioblog.gif)}

.currents strong {display:none!important; }

.currents div { display: block; }

.ljtags {
border-left: 5px solid #E8E8E8;
padding:10px;
text-transform:lowercase;
margin: 10px 0 0 0;
}

.ljtags a:link, .ljtags a:hover {color:#BBBBBB; border:none;}

ul.ljtaglist {background-color:#F1F1F1; padding:20px; list-style:none;}

/*--------------- links ---------------*/

a, a:link, a:visited {
font-family: "georgia", arial, sans-serif;
font-size: 10px;
color: #BD4A6E;
background-color: none;
font-weight:none;
text-decoration:none;
text-transform:;
font-style:normal;
border:0;
}

a:hover
{
font-family: "georgia", arial, sans-serif;
font-size: 10px;
color: #BBBBBB;
font-style:normal;
background-color:transparent;
font-weight:none;
text-decoration:none;
text-transform:;
cursor:default;
border-bottom:0;
}

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

#sidebar
{background:#222222 none repeat scroll 0 0;
border-bottom:0 none;
color:#555555;
float:left;
font-family:"calibri",Georgia,serif;
font-size:11px;
margin-top:0;
padding:0;
text-align:left;
width:240px;
float:left;
}

#sidebar_text, #sidebar text, .sidebar_text, .sidebar text {background-color:#000000;}

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

.sbarbody
{line-height:20px;
padding:10px 10px 0;
background-color:#292929;
color:#333333; }

.sbarbody2
{padding:25px;}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited
{color: #BD4A6E; font-size:10px; font-style:normal;}

div#sidebar a:hover
{color:#9852b5;
text-decoration: none;
font-size:10px; font-style:normal;
}

ul.sbarlist
{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:15px 0 0 0;
padding: 0px;
}

li.sbaritem{
background:;
border-bottom:1px dashed #444444;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:2px 2px 2px 5px;
}

li.sbaritem:hover{
background:#222222;
border-bottom:1px dashed #A03E5D;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:2px 2px 2px 5px;
}

li.sbaritem a {
background:; border:0;}

li.sbaritem a:hover {
background:; border:0;}

li.sbartitle
{border:0;
background-color:#222222;
color:#9852b5 ;
font-size:10px;
list-style-type: none!important;
text-align:center;
}

#sidebar_summary, #sidebar_calendar { display:; }

td.sbarcalendar {background:#222222;
color:#555555;
padding:0 0 0 2px;}

table.calendar {width:90%; padding:5px; background:transparent;}

td.sbarcalendarposts {background:#1B1B1B;
padding:0 0 0 2px;}

/*--------------- header ---------------*/

#content-outer { margin-top: -150px; }
.headerimage { z-index: -1; }

#header {
background: transparent;
text-align: left;
color: #aaaaaa;
margin: 20px;
}

ul.navheader{
padding: 10px 0;
letter-spacing:-0.5;
text-transform: lowercase;
text-align:right;
margin:0 auto;
}

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

.headerimage
{
background-image:url("http://i789.photobucket.com/albums/yy171/Marie_is_Magical/Header/4ce2deab.png");
background-repeat: no-repeat;
position: relative;
width: 805px;
height: 315px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

div#header a, div#header a:link, div#header a:visited { color: #ffffff;
font-size: 12px;
padding: 6px;
background:;
font-family:"arial narrow", arial;
border:0;
letter-spacing:0;
text-transform:uppercase;}

div#header a:hover { color: #FFFFFF;
font-size: 12px;
padding: 6px;
background:#A03E5D;
font-family:"arial narrow", arial;
border:0;
letter-spacing:0;
text-transform:uppercase;}

div#header li.view {
font-family:"arial narrow", arial;
color:#FFFFFF;
font-size: 12px;
padding:6px;
background:#BD4A6E;
border:0;
text-transform:uppercase;
}

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

#footer {
background-color:;
padding:0;
text-align:left;
margin:0 auto;
text-transform: lowercase;
z-index: 100;
width:750px;
float:right;
text-align:right;
}

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

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

.clearfoot {}

div#footer a, div#footer a:link, div#footer a:visited
{
font-family: "georgia", arial, sans-serif;
color: #444444;
font-size: 12px;
text-transform: lowercase;
letter-spacing: -0.5px;
padding:9px;
background-color:;
}

div#footer a:hover {color: #FFFFFF;
text-transform: lowercase;
padding: 9px;
letter-spacing:-0.5px;
background:#BD4A6E;
font-family:"georgia", arial;
border-bottom:none!important;
font-size: 12px;}

#footer .viewing { display:none; }

/*------------ userpics ------------*/

.userpic
{
float: right;
margin:0px -125px 0 0;
padding:0;
position:relative;
text-align: center;
border-style: solid;
border-width: 0px;
background: transparent!important;
font-family: arial, sans-serif;
font-size: 9px;
z-index: 15;
}

.userpicfriends
{
float: right;
margin:0 -125px;
padding:0;
text-align: center;
border-style: solid;
border-width: 0px;
background: transparent!important;
font-family: arial, sans-serif;
font-size: 8px;
z-index: 15;
color:#222222;
}

.userpic img, .userpicfriends img
{padding:0;
background:transparent;
border: 10px solid #A03E5D;
}

.userpic img:hover, .userpicfriends img:hover
{
padding:0;
background-color:transparent;
border: 10px solid #A03E5D;
}

.userpicfriends a font, .userpicfriends a
{
font-family: georgia;
font-size: 9px;
color: #373737;
padding:0px;
background:#transparent!important;
}

.userpicfriends a:hover font, .userpicfriends a:hover
{color: #9852b5;
background:transparent!important;
padding:0px;}

span.ljuser a {color: #BBBBBB;
font-family: tahoma, sans-serif;
font-size: 8px; border-bottom:none!important; font-style:normal; text-transform:uppercase;}

span.ljuser a:hover {color: #9852b5;
font-family: tahoma, sans-serif;
font-size: 8px; border-bottom:none!important; background-color:transparent!important; font-style:normal; text-transform:uppercase;}

/*------------ default userpic ------------*/

.defaultuserpic { display:none!important; text-align:center; padding-top:5px;}

.defaultuserpic img {border: 10px solid #B8DAD4; width:60px; height: 60px;}

.defaultuserpic a font
{
display:none!important;
}

.defaultuserpic a:hover font
{color: #9C9C9C; border-bottom:none!important;}

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

div.ContextualPopup .Content {
padding: 10px;
margin: 4px 59px 4px 4px;
background:#FFFFFF; font-size: 9px; color:#BBBBBB; font-family:arial;
}

div.ContextualPopup div.Inner {
position: relative;
top: -2px;
left: -2px;
background-color: #222222!important;
color: #666666!important;
border: 1px solid #333333;
padding: 0px;
}

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

div.ContextualPopup div.Inner a:hover {color:#DDDDDD!important; background-color:transparent;}

#lj_controlstrip {background:#222222; }

#lj_controlstrip a {color: #BBBBBB;}

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

/*------------ calendars ------------*/

ul.year { background-color: transparent; margin: 0px; color:#BD4A6E; font-size:15px; font-family: georgia, Geneva, sans-serif;text-align: center; padding: 20px;}

ul.year li {display: inline;}

table.yeartable {margin-top: 0; background-color: #FFFFFF; padding: 20px; width:630px;}

table.yeartable td.yeardate, table.yeartable td.yearday { border:1px solid #EEEEEE;}

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

td.yearmonth {border-style: none;}

/*---------- other ----------*/

strong {color:#9852b5;}

u {text-decoration:none; border-bottom:1px dotted #BD4A6E;}

blockquote, code
{
width:;
padding: 30px;
color: #BBBBBB;
line-height: 11px;
font-size: 11px;
font-family: "courier new",sans-serif;
border: 3px double #EEEEEE;
background: #F8F8F8;
}

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

.comments
{
font-family: georgia, arial, sans-serif;
font-size: 9px;
color: #DDDDDD;
text-align: center;
position: relative;
top: 0px;
padding: 40px;
}

div.comments a, div.comments a:link, div.comments a:visited
{
font-family: "georgia", arial, sans-serif;
color: #CCCCCC;
font-size: 22px;
text-transform: lowercase;
padding: 3px;
letter-spacing:-1px;
}

div.comments a:hover
{
font-family: "georgia", arial, sans-serif;
color: #DDDDDD;
font-size: 22px;
text-transform: lowercase;
padding: 3px;
border-bottom: 0px solid #3c99a6;
background-color:transparent!important;
letter-spacing:-1px;
}

/*------------ comment pages ------------*/

.datesubjectcomment
{
color: #DDDDDD;
background-color: transparent!important;
padding: 5px;
margin-top: 0px;
}

.userpiccomment
{
position: relative;
float: left;
padding: 0px;
margin-right: 10px;
text-align: center;
border-style: solid;
border-width: 8px;
border-color: #EEEEEE;
background:;
font-family: arial, sans-serif;
font-size: 9px;
z-index: 15;
width:40px; height:40px;
}

.userpiccomment img
{
border: #222222 8px solid;
}

.userpiccomment img:hover
{
border: #222222 8px solid;
}

.box

{
background:#222222;
border-style: none;
border-width: 0px 0px 0px 0px;
border-color: transparent!important;
padding: 10px;
clear: left;
border:0;
color:#666666;
}

input, textarea
{
background-color: #FFFFFF;
color: #AAAAAA;
font-family: arial;
font-size: 9px;
border-style: solid;
border-width: 1px;
border-color: #AAAAAA;
}

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

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

.replytosubject
{font-weight: bold;}

.commentreply
{
position: relative;
margin: 10px;
font-size: 13px;
font-family:georgia, arial, sans-serif;
color: #AAAAAA;
}

.commentbox
{
padding: 15px;
margin: 20px;
margin-left: 0;
background-color: #FFFFFF;
background-image: url();
color:#BBBBBB;
font-size:10px;
border:10px solid #333333;
}

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

.datesubjectcomment a:hover
{
color: #dddddd;
font-style:none!important;
}

.commentboxpartial
{
border-color:;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #FFFFFF;
}

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

.skiplinks
{
background-color:#222222;
color: #444444;
text-align: center;
padding: 8px; }

li.viewing {display:none; visibility:hidden; font-size:0px;}

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

img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"] {height: 0px; width: 0px;background: transparent none no-repeat scroll 0 0; }

.subject img {vertical-align: middle !important;}
img[src*="icon_protected.gif"]{ padding: 0 2px 18px 18px !important; background-image: url(http://img189.imageshack.us/img189/1817/181.png);}
img[src*="icon_private.gif"]{ padding: 0 0 18px 18px !important; background-image: url(http://img189.imageshack.us/img189/1817/181.png);}
img[src*="icon_groups.gif"]{ padding: 0 0 18px 18px !important; background-image: url(http://img189.imageshack.us/img189/1817/181.png);}

.ljuser img { width: 0; height: 0; background: transparent url(http://img199.imageshack.us/img199/4463/person.gif) no-repeat 0 0; padding: 10px 10px 0 2px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://img189.imageshack.us/img189/6141/033i.png) no-repeat center left !important; padding: 10px 10px 0 2px !important; }
.ljuser img[src*="community.gif"] { background: transparent url(http://img189.imageshack.us/img189/4286/018u.png) no-repeat scroll 0 0 !important; padding: 10px 10px 0 2px !important; }

It's been almost two weeks since I posted this, so I'm posting it again like it says I can in the rules. :)