Journal Preview:
filledusoleil86Style Name: Smooth Sailing
Account Type: Plus
Problem/Question: I have an issue with my menu bar in my header. It’s displayed correctly in Opera (and as far as I know in Firefox as well) - to the left of the header, however, if you access my journal with Internet Explorer the menu bar is shown in the middle of the header. What do I have to change so that it’s displayed correctly in Opera, FF and IE?
/*---------------------------------------------------
STYLESHEET CREATOR: scythe.livejournal.com
STYLESHEET NAME: Versus Terminus
S2 STYLE: Smooth Sailing
DOWNLOAD: thrashmetal.livejournal.com
****Please remember to credit!****
-----------------------------------------------------*/
body {
margin:12px;
background:#f0f0f0 no-repeat scroll 0 0;
text:#343434;
font:arial, 11px;
}
.pageblock {
margin:0 auto;
width:900px;
}
a, a:visited {
color:black;
letter-spacing:0;
text-decoration:none;
}
a:hover {
color:black;
}
a img {
border:medium none;
}
b, strong {
}
i, em {
}
s, strike, del {
}
ul {
list-style-type:square;
}
blockquote {
text:#660099, line-height:12px;
font:georgia 11px;
line-height:12px;
padding:12px;
}
}
blockquote b {
}
.header-title {
display:none;
}
.header-subtitle {
display:none;
}
.header-icon {
border-bottom:2px solid #F6F6BB;
border-left:2px solid #F6F6BB;
position:absolute;
right:0;
top:0;
z-index:1;
}
.header-menu {
background:transparent url(
http://i744.photobucket.com/albums/xx81/filledusoleil86/LJ-Layout/header-menu.png) no-repeat scroll 0 0;
height:240px;
margin:0 0 0 -161px;
padding-bottom:12px;
padding-top:100px;
line-height:16px;
text-align:right;
width:161px;
}
.header-menu a, .header-menu a:visited {
color:#fadebc;
font-family:georgia;
font-size:31px;
font-weight:normal;
letter-spacing:-3px;
margin-right:14px;
text-align:left;
text-decoration:none;
text-transform:lowercase;
}
.header-menu a:hover {
color:#eab36c;
}
.pageheaderblock {
background:black url(
http://i744.photobucket.com/albums/xx81/filledusoleil86/LJ-Layout/pageheaderblock.png) no-repeat scroll 0 0;
margin:0 0 12px 161px;
padding:0 0 0;
text-align:center;
width:739px;
height:240px
}
.pagefooterblock {
display:none;
}
.pagefooterblock a, .pagefooterblock a:visited {
color:#E92E20;
}
.bodyblock {
}
.bodyheaderblock {
display:none;
padding:6px 0;
}
.bodynavblock {
color:gray;
font-family:georgia;
margin:0 33px;
padding:0;
}
.bodynavblock a, .bodynavblock a:visited {
color:#3A7295;
}
.body-title {
display:none;
}
.body-midtitle {
display:none;
}
.entryHolder {
background:white none repeat scroll 0 0;
color:black;
font-size:11px;
margin-bottom:12px;
margin-top:12px;
padding:5px 25px 12px;
}
.entryUserinfo {
margin-bottom:5px;
margin-right:10px;
margin-top:10px;
margin-left:10px;
}
.entryUserinfo-username {
background:transparent none repeat scroll 0 0;
font-size:11px;
line-height:18px;
margin-top:0;
padding:4px;
}
.entryUserinfo-username .ljuser a b {
background:transparent none repeat scroll 0 0;
color:#000000;
text-align:center;
font-family:georgia;
font-size:7px;
font-style:normal;
font-weight:normal;
text-decoration:none !important;
}
.entryUserinfo-usericon img {
border:2px solid black;
}
.entryText {
background:transparent none repeat scroll 0 0;
color:#595959;
font-family:arial;
font-size:11px;
line-height:19px;
padding:9px 0 0;
text-align:justify;
}
.entryHeader {
background:transparent none repeat scroll 0 0;
border-bottom:4px dotted #CFCFCF;
font-size:20px;
font-weight:bold;
letter-spacing:0;
line-height:13px;
padding:16px 0 7px;
text-align:left;
text-transform:lowercase;
}
.entryHeaderDate {
background:transparent none repeat scroll 0 0;
border-bottom:0 none;
font-family:georgia;
font-weight:normal;
letter-spacing:-1px;
text-align:left;
text-transform:lowercase;
}
.entryHeader a {
color:black;
font-family:georgia;
font-size:20px;
font-style:italic;
}
.entryHeader a:hover {
text-decoration:none;
}
.entryHeaderSubject {
font-family:georgia;
font-style:italic;
font-weight:bold;
padding-top:3px;
}
.entryMetadata {
background:transparent none repeat scroll 0 0;
color:#595959;
margin-bottom:0;
padding:10px 38px 3px;
}
.entryMetadata a, .entryMetadata a:visited {
color:#595959;
font-size:9px;
text-transform:uppercase;
}
.entryMetadata a:hover {
border-bottom:0 none;
color:#909090;
text-decoration:none;
}
.entryMetadata ul {
margin:0;
padding:0;
}
.entryMetadata li {
display:block;
font-family:arial,sans-serif;
font-size:9px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-right:10px;
}
.entryMetadata-label {
font-family:georgia;
font-size:10px;
font-weight:bold;
padding-right:4px;
text-transform:uppercase;
}
.entryLinkbar {
background:transparent none repeat scroll 0 0;
color:#000000;
font-size:12px;
margin-left:0;
margin-top:0;
padding:10px 0 0;
text-align:left;
}
.entryLinkbar a {
background:transparent none repeat scroll 0 0;
font-family:georgia;
font-size:10px;
font-weight:normal;
letter-spacing:0;
margin-right:9px;
padding:0;
text-transform:lowercase;
}
.entryLinkbar a:hover {
text-decoration:none;
}
.entryLinkbar ul {
margin:0;
padding:0;
}
.entryLinkbar li {
display:inline;
margin:0;
}
.entryLinkbar a[href*="subscriptions"], .entryLinkbar a[href*="tellafriend"], .entryLinkbar a[href*="flag"] {
display:none;
}
a[st_page*="home"] {
display:none;
}
.commentHolder {
background:white none repeat scroll 0 0;
margin:18px 0;
padding:13px 19px 2px;
}
.commentUserinfo {
background:transparent none repeat scroll 0 0;
color:#959595;
font-family:georgia;
font-size:10px;
margin:7px 8px 8px 11px;
text-align:left;
}
.commentUserinfo-usericon img {
border:1px solid #E4E4E4;
height:90px;
padding:5px;
width:90px;
}
.commentUserinfo-username .ljuser a b {
background:transparent none repeat scroll 0 0;
color:#000000;
font-family:georgia;
font-size:17px;
font-style:normal;
font-weight:normal;
text-decoration:none !important;
}
.commentText {
color:#595959;
font-family:arial;
font-size:11px;
line-height:19px;
padding:11px 0 0;
text-align:justify;
}
.commentHeader {
background:transparent none repeat scroll 0 0;
border-bottom:4px dotted #CFCFCF;
font-size:20px;
letter-spacing:0;
line-height:13px;
padding:16px 0 7px;
text-align:left;
text-transform:lowercase;
font-family:georgia;
}
.commentHeader a {
color:#559EB0;
font-family:georgia;
font-size:23px;
text-transform:lowercase;
}
.commentHeaderSubject {
color:#C3C3C3;
font-family:georgia;
font-size:23px;
font-style:italic;
font-weight:normal;
padding-top:3px;
}
.commentHeaderScreened {
border-bottom:4px dotted #CFCFCF;
color:#C3C3C3;
font-family:georgia;
font-size:23px;
font-style:italic;
font-weight:normal;
padding-top:3px;
text-transform: lowercase;
}
.commentLinkbar {
color:black;
font-size:11px;
padding-top:4px;
text-align:right;
}
.commentLinkbar ul {
font-family:null;
margin:0 0 14px;
padding:0;
}
.commentLinkbar li {
color:gray;
display:inline;
font-family:georgia;
margin:0;
}
.commentLinkbar a:hover {
}
.commentLinkbar a {
background:transparent none repeat scroll 0 0;
font-family:georgia;
font-size:10px;
font-weight:normal;
letter-spacing:0;
margin-right:9px;
padding:0;
text-transform:lowercase;
}
.replyform {
background:white none repeat scroll 0 0;
color:#5A5A5A;
line-height:17px;
padding:20px 40px;
}
.yearlinks {
text-align:right;
}
.yearlink {
padding-left:4px;
padding-right:4px;
}
.month {
background:white none repeat scroll 0 0;
margin:10px auto;
width:500px;
}
.daysubjects {
color:black;
font-family:georgia;
font-size:13px;
font-style:italic;
padding:8px 8px 8px 40px;
}
.daytitles {
border:medium none;
color:#000000;
font-family:georgia;
font-size:16px;
font-style:italic;
text-align:center;
text-transform:lowercase;
}
.day-blank {
}
.day {
background:transparent none repeat scroll 0 0;
border:1px solid white;
margin-bottom:0;
padding:3px;
}
.day-date {
color:#878787;
font-family:century gothic;
text-align:center;
width:50%;
}
.day-count {
float:right;
font-size:20px;
text-align:center;
width:50%;
}
.day-count a {
color:#000000;
font-family:georgia;
font-size:19px;
font-weight:normal;
padding:3px;
text-decoration:none;
}
.sidebar {
background:white none repeat scroll 0 0;
border-left:medium none;
font-family:arial;
font-size:9px;
margin:12px 0 0 12px;
padding:12px 6px 0 4px;
width:139px;
}
.sidebar a, .sidebar a:visited {
color:black;
}
.sidebar a:hover {
text-decoration:none;
}
.sidebox {
color:#000000;
margin:0 auto;
padding-bottom:15px;
}
.sideboxTitle {
color:black;
font-family:georgia;
font-size:16px;
font-style:italic;
font-weight:bold;
margin-bottom:4px;
text-transform:lowercase;
}
.sideboxContent {
background:transparent none repeat scroll 0 0;
color:#4f4f4f;
font-size:10px;
line-height:16px;
margin-left:3px;
text-align:left;
}
.sidebox #profile {
text-align:center;
}
.profile-label {
}
.profile-content {
}
.sidebox #tags_sidebox {
text-align:left;
}
.sidebox #freetext {
color:#9C9C9C;
font-family:georgia;
font-size:9px;
line-height:10px;
text-align:justify;
}
.sidebox #latestmonth {
font-family:arial;
font-size:8px;
}
.latestmonth-inactive {
background:black none repeat scroll 0 0;
color:white;
margin:1px;
padding:0 4px 0 2px;
}
.latestmonth-active {
background:#2C2C2C none repeat scroll 0 0;
color:white;
margin:2px;
padding:0 4px 0 2px;
}
.latestmonth-active:hover {
}
.sidebox #systemlinks {
background:transparent none repeat scroll 0 0;
display:inline;
font-size:10px;
line-height:14px;
margin-bottom:0;
padding:0;
text-align:left;
}
.sidebox #systemlinks a:link, .sidebox #systemlinks a:active, .sidebox #systemlinks a:visited {
color:#9C9C9C;
font-family:georgia;
font-size:10px;
letter-spacing:1px;
padding:1px 3px;
text-transform:lowercase;
}
.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
color:black;
text-decoration:none;
}
.listitem {
}
.listspacer {
height:1px;
}
.sidebox #latestmonth table {
margin-left:auto;
margin-right:auto;
margin-top:4px;
width:90%;
}
.listtitle {
color:#5C5C5C;
display:inline;
font-family:arial;
font-size:9px;
font-weight:normal;
letter-spacing:0;
margin-right:5px;
padding:0;
text-transform:uppercase;
}
.profile-label {
font-weight:bold;
}
#footer-menu {
font-size:11px;
margin-bottom:10px;
margin-left:0;
text-align:left;
}
#footer-menu a, .footer-menu a:visited {
background:transparent none repeat scroll 0 0;
color:#616161;
font-family:georgia;
font-size:13px;
padding:1px;
text-align:left;
text-transform:lowercase;
white-space:nowrap;
}
#footer-menu a:hover {
text-decoration:none;
}
.header-menu ul, #footer-menu ul {
margin:0 auto;
padding:0 12px;
}
.header-menu li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.header-menu li:hover {
}
#footer-menu li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.tagstable, .tagstable td {
border:0 none;
}
.tagstable {
width:500px;
}
textarea, input, select {
background:white none repeat scroll 0 0;
border:1px solid #E4E4E4;
color:#9C9C9C;
font-family:georgia;
font-size:11px;
line-height:normal;
margin:2px;
padding:2px;
}
.ljuser a b {
background:transparent none repeat scroll 0 0;
font-family:georgia;
font-style:italic;
letter-spacing:0;
text-decoration:none !important;
}
.ljuser a {
text-decoration:none !important;
}
.ljuser a:hover b {
background:transparent none repeat scroll 0 0;
border-bottom:0 none;
text-decoration:none !important;
}
div.ContextualPopup img {
border:0 none;
}
div.ContextualPopup div.Inner {
background:white none repeat scroll 0 0;
border:1px solid #E4E4E4;
color:#5A5A5A !important;
font-family:georgia;
font-size:10px;
padding:0;
width:20em;
}
div.ContextualPopup .Content {
line-height:1.4;
margin-right:50px;
padding:2px 4px 6px;
}
div.ContextualPopup .Relation {
font-weight:bold !important;
}
div.ContextualPopup .Content .OnlineStatus {
font-weight:bold;
}
div.ContextualPopup .Userpic {
padding:8px 8px 0 0;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color:black !important;
font-family:georgia;
font-weight:normal;
text-decoration:none !important;
}
#lj_controlstrip {
background:transparent none repeat scroll 0 0;
}
#lj_controlstrip td {
border-bottom:medium none;
color:#515151;
}
#lj_controlstrip_statustext {
color:#C3C3C3;
}
#lj_controlstrip a {
color:#C3C3C3;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
border-right:0 none;
}
#lj_controlstrip_login td {
border-bottom:0 none;
}
#lj_controlstrip td td {
border-bottom:0 none;
}
#lj_controlstrip_userpic {
background-image:url(
http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptd4dce8000000);}
#lj_controlstrip_loggedout_userpic {
background-image:url(
http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptd4dce8000000);}
#lj_controlstrip input {
background:transparent none repeat scroll 0 0;
border:1px solid #E4E4E4;
color:#9C9C9C;
}
#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {
background:transparent none repeat scroll 0 0;
}
#lj_controlstrip .ljuser a b {
background:transparent none repeat scroll 0 0;
color:#C3C3C3;
letter-spacing:0;
text-decoration:none !important;
}