[solved] Userpic margin.

[domino]

Hi again! I hate to be making so many entries but I always come up with a different problem while working on this layout, so I hope you guys don't mind. I've almost solved everything about this thanks to you guys but I still have a couple of things left.

The problem I'm having is just a small thing. At least I think so. There is a difference of margin. At least I think it's the margin.



It is move obvious when you look at the whole journal but you can see the small difference of the margin there. The same problem is on my friends page. How can I fix this? I tried looking through the code but I didn't want to poke at it too much since at this point the layout is almost perfect to me. I'm leaving my code below once again.

/*---------------------
MADE BY: minty_peach
LAYOUT ID: Daylily Dreams #80
DO NOT STEAL. Fer seriously.
-----------------------*/

/*--- HEADER IMAGE ---*/

.headerimage {
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
width: 780px;
height: 100px;
background-image: url();
background-repeat: no-repeat;
}

.separator {
height: 10px;
background: url('http://i669.photobucket.com/albums/vv51/vanilladomino/webtreatspinkpattern.jpg');
}

/*--- MAIN PAGE CONTENT ---*/

BODY {
margin: 0px 0px 100px 0px;
background-color: #FFFFFF;
font-family: "Verdana", sans-serif;
text-align: left;
font-size: 10px;
color: #777777;
background-image: url('http://i669.photobucket.com/albums/vv51/vanilladomino/webtreatspinkpattern.jpg');
background-repeat: repeat-x;
background-attachment: fixed !important;
}

b, i, s, u {
color: #D19FB5;
}

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

a, a:link, a:visited {
color: #D19FB5;
text-transform: uppercase;
text-decoration: none;
}

a:hover {
color: #777777;
}

blockquote {
margin: 7px; padding: 7px;
color: #777777;
background-color: #f5f5f5;
font-size: 10px;
border: 1px solid #cccccc;
text-align: justify;
line-height: 16px;
}

blockquote:hover {
border-color: #D19FB5;
}

#content {
width: 780px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
}

#maincontent {
margin: 0px 0px 0px 0px;
}

/*---------------- SIDEBAR -----------------*/

#sidebar {
width: 740px;
float: center;
color: #888888;
padding: 20px;
background-color: #FFFFFF;
text-align: justify;
border-bottom: 0px solid #ffffff;
}

.defaultuserpic {
text-align: center;
}

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

sbarbody2 {
padding: 0px;
}

table.calendar {
padding: 20px;
}

table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
display: none;
}

.sbarcalendarposts {
display: none;
}

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

li.sbaritem {
list-style: none;
padding: 2px 0px 2px 0px;
border-bottom: 1px solid #dddddd;
}

li.sbaritem:hover {
background-color: #e7e7e7;
border-bottom: 1px solid #cccccc;
}

li.sbartitle {
display: none;
}

ul.ljtaglist li{
padding: 2px 0px 2px 0px;
margin: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}

/*--- HEADER & FOOTER LINKS - DOES NOT CONTROL HEADER IMAGE ---*/

#header {
background: url('http://i669.photobucket.com/albums/vv51/vanilladomino/webtreatspinkpattern.jpg');
padding: 0px 0px 10px 0px;
width: auto;
text-align: center;
font-size: 9pt;
color: #FFFFFF;
text-transform: uppercase;
background-color: #ffffff;
border-bottom: 0px;
}

#footer {
width: auto;
text-align: center;
font-size: 9pt;
color: #FFFFFF;
text-transform: uppercase;
background-color: #ffffff;
padding: 15px;
clear: both;
}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #aaaaaa;
text-transform: uppercase;
font-size: 10pt;
}

div#header a:hover, div#footer a:hover {
color: #D19FB5;
}

ul.navheader, ul.navfooter {
padding: 15px;
background: #ffffff;
margin: 0px;
}

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

div#header li.view, div#footer li.viewing {
color: #888888;
}

.clearfoot {
display: none;
}

/*--- title & subtitle ---*/

.title {
display: none;
}

.subtitle {
display: none;
}

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

.ljtaglist {
list-style-type: none;
margin: -1px 20px 0px 20px;
margin-left: 70px; width: 60%;
text-transform: uppercase;
text-align: left;
}

.ljtaglist li {
border-bottom: 1px solid #eeeeee;
padding: 6px 3px 6px 20px;
color: #aaaaaa;
}

H2 {
background-color: #FFFFFF;
margin: 30px;
text-align: left;
padding: 10px;
line-height: 12px;
font-weight: normal;
font-style: italic;
font-size: 12px;
text-transform: uppercase;
color: #aaaaaa;
}

ul.ljtaglist {
color: #cccccc;
font-size: 8pt;
padding: 8px 8px 8px 12px;
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 25px;
}

/*--- ENTRY, SUB CONTENT ---*/

.subcontent {
padding: 20px;
background-color: #FFFFFF;
}

.entry {
padding: 10px 10px 10px 130px;
background-color: #FFFFFF;
color: #777777;
font-size: 10px;
line-height: 14px;
text-align: justify;
}

.entry ul li {
padding: 0px;
margin: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}

.entry ol li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}

.entry_text {
min-height: 100px;
margin-bottom: 20px;
}

.entry .clear {
display: none;
}

/*--- USERPICS, DATE, SUBJECT ---*/

.userpic {
position: relative;
float: left;
padding: 10px;
margin: 0px 15px 15px 0px;
z-index: 15;
background-color: #FFFFFF;
border-top: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background-image: url();
background-repeat: repeat-x;
background-position: center;
}

.userpicfriends {
position: relative;
float: left;
padding: 10px;
margin: 0px 15px 15px 0px;
text-align: left;
font-size: 7pt;
z-index: 15;
background-color: #ffffff !important;
border-top: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background-image: url();
background-repeat: repeat-x;
background-position: center;
}

.userpicfriends font {
color: #D19FB5 !important;
text-transform: upperase;
}

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

.date {
text-align: right;
font-weight: normal;
font-size: 8pt;
color: #aaaaaa;
padding-right: 15px;
text-transform: uppercase;
float: right;
}

.subject {
text-align: right;
color: #D19FB5;
font-size: 8pt;
text-transform: uppercase;
}

.subject a, .subject a:link, .subject a:visited {
color: #D19FB5;
text-transform: uppercase;
}

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

.datesubject {
padding: 3px;
border-bottom: 1px solid #cccccc;
}

.currents {
background-color: transparent;
}

.currents strong{
font-weight: normal;
font-size: 1pt;
color: #ffffff;
}

.currentlocation {
padding-left: 15px;
font-size: 10px;
color: #aaaaaa;
background: url('http://i669.photobucket.com/albums/vv51/vanilladomino/newhome.gif') 0px 0px no-repeat;
}

.currentmood {
padding-left: 15px;
font-size: 10px;
color: #aaaaaa;
background: url('http://i669.photobucket.com/albums/vv51/vanilladomino/newheart.gif') 0px 0px no-repeat;
}

.currentmusic {
padding-left: 15px;
font-size: 10px;
color: #aaaaaa;
background: url('http://i669.photobucket.com/albums/vv51/vanilladomino/newmusic.gif') 0px 0px no-repeat;
}

.currentgroups {
padding-left: 15px;
font-size: 10px;
color: #aaaaaa;
background: url('http://i669.photobucket.com/albums/vv51/vanilladomino/newuser.gif') 0px 0px no-repeat;
}

.ljtags {
margin-top: 20px;
margin-bottom: -20px;
padding-left: 12px;
text-transform: uppercase;
font-size: 1pt;
color: #FFFFFF;
background: url('http://i669.photobucket.com/albums/vv51/vanilladomino/newtag.gif') 0px 0px no-repeat;
}

.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #D19FB5;
padding-left: 9px;
font-size: 10px;
text-transform: uppercase;
}

.ljtags a:hover {
color: #777777;
}

.comments {
text-align: right;
color: #888888;
font-size: 10px;
padding: 5px;
position: relative;
top: 10px;
}

/*--- ARCHIVE PAGE ---*/

ul.year{
text-align: center;
padding: 2px 2px 2px 2px;
}

ul.year li {
color: #aaaaaa;
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 2px;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
color: #888888;
border: 1px solid #cccccc;
padding: 2px;
text-align: center;
}

table.yeartable td.yearday {
background-color: #EBD6DF;
padding: 2px;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
}

td.yearmonth {
color: #aaaaaa;
border-style: none;
}

/*--- COMMENT PAGES ---*/

.clear {
display: none;
}

.skiplinks {
text-transform: uppercase;
text-align: center;
padding: 10px;
color: #999999;
}

.datesubjectcomment {
background-color: #FDFDFD;
color: #aaaaaa;
padding: 5px;
margin-bottom: 5px;
}

.userpiccomment {
position: relative;
top: -10px;
left: 0px;
margin: 0px 10px -20px -10px;
z-index: 15;
float: left;
padding: 10px;
border-top: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background-image: url();
background-repeat: repeat-x;
background-position: center;
}

.box {
width: auto;
clear: left;
padding: 25px;
}

input, textarea {
background-color: #F5F5F5;
color: #444444;
}

textarea.textbox{
border: 0px solid #fff;
width: 95% !important;
}

.reply{
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-size: 10px;
line-height: 125%;
color: #D19FB5;
}

.replytosubject {
font-weight: bold;
}

.commentreply {
text-align: justify;
position: relative;
padding: 10px 10px 20px 130px;
font-size: 10px;
color: #777777;
}

.commentbox {
padding: 15px 0px 15px 0px;
border-bottom: 1px solid #cccccc;
}

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

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

.commentboxpartial {
background-color: #FFFFFF;
padding: 5px;
margin: 12px;
}

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

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

img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i669.photobucket.com/albums/vv51/vanilladomino/locked.png) no-repeat !important; padding: 16px 0 0 16px !important; margin-bottom: -5px; }
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i669.photobucket.com/albums/vv51/vanilladomino/lockedprivate.png) no-repeat !important; padding: 16px 0 0 16px !important; margin-bottom: -5px; }
img[src*="img/icon_groups.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i669.photobucket.com/albums/vv51/vanilladomino/lockedgroup.png) no-repeat !important; padding: 16px 0 0 16px !important; margin-bottom: -5px; }

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

.lj_embedcontent {
max-width: 500px;
}