Sidebar problem in IE
Username of journal: club_bohemian
Layout style: flexible squares
Basic, Paid or Plus: Plus
Problem you are having: The layout works perfectly in Firefox and Google Chrome but the sidebar is pushed over the entries in Internet Explorer. If I remove "position:fixed;" from the sidebar's codes, it stays on the left but the first entry appears below it in all three browsers. I'd like me sidebar's position to stay fixed and make it work in IE. Is that possible?
Style ID # (and/or)
/* Absence - Night
layout by cielo_gris.livejournal.com
credit http://community.livejournal.com/velvetb0x */
/* ------------------------------- */
body
{
background-color:#2E2333;
background-image: url("");
background-position: absolute;
background-repeat: repeat;
background-attachment: fixed;
text-align: justify;
padding: 0;
}
::-moz-selection
{background: #000000;
color: #FFFFFF; }
.title {
color:#5A4663;
font-family:arial;
font-size:40pt;
letter-spacing:1px;
line-height:0.9;
margin:5px 0 0;
text-align:center;
text-transform:lowercase;
text-shadow: 0 0 4px #7D5D8C, 0 0 30px #654773;}
.title_text {
background-color:#ffffff;}
.subtitle {
display:none;
color:#777777;
font-family:lucida sans,arial;
letter-spacing:0;
text-align: center;}
/*----------- content&entries -----------*/
#content {
font-size:10px;
margin:0 auto;
min-height:220px;
padding:0;
}
.subcontent {
border-bottom:1px solid #48384F;
color:#777777;
margin:0 auto;
padding: 0 10px 10px;
}
#maincontent {
color:#6F5778;
font-family: arial,sans-serif;
font-size:10px;
margin-left:280px;
padding:0;
text-align:left;
width:75%;}
.clear
{height: 20px;}
.entry {
color:#DED9AB;
font-family:arial;
font-size:11px;
line-height:1.2;}
.entry_text {
margin-bottom:10px;
margin-right:145px;
min-height:100px;
padding:10px 0;
}
.datesubject {
margin:0;
padding:0;
text-align:left !important;
}
.subject a, .subject a:hover {
border:0 none !important;
color:#A479B8 !important;
font-family:courier new,georgia,arial,sans-serif !important;
font-size:18px !important;
letter-spacing:-2px;
position:relative;
text-transform:lowercase;}
.subject {
color:#FFFFFF;
line-height:1;
margin:-5px 0 0;
padding:4px 3px !important;
text-align:left;}
.date {
color:#5E4A66;
font-family:lucida sans,arial,sans-serif;
font-size:9px;
letter-spacing:2px;
margin:0;
padding:5px 5px 0;
text-align:left;
text-transform:lowercase;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.ljtags {
background:url("http://i38.tinypic.com/2iv1wuo.jpg") no-repeat scroll 0 50% transparent;
color:#795E85;
margin-bottom:-35px;
margin-top:50px;
padding:4px 0 4px 18px;
position:relative;
text-align:left;
text-transform:lowercase;}
div.ljtags a {font-weight: normal}
.currents div { display: block; }
.currents {padding: 0px;}
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { display:none;
}
.currentmusic {padding: 2px 5px 2px 20px;
background: transparent url(http://i30.tinypic.com/jhwpbd.jpg) no-repeat scroll 0% 50%; }
.currentmood {padding: 2px 2px 2px 20px; background: transparent url(http://i27.tinypic.com/257j9sz.jpg) no-repeat scroll 0% 50%;}
.currentlocation {padding: 2px 5px 2px 20px; background: transparent url(http://i31.tinypic.com/13zzkg6.jpg) no-repeat scroll 0% 50%; margin-left: 0px;}
.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #695173;
text-transform: lowercase; }
ul.ljtaglist {background-color:#2e2333; width: 600px; padding:5px; list-style:none; margin:0 0 0 auto;}
img a{border:0!important;}
/*--------------- links ---------------*/
a, a:link, a:visited {
color:#A479B8;
font-family: courier new, arial,sans-serif;
font-size:11px;
font-style:normal;
font-weight:normal;
padding:0 0 1px;
text-decoration:none;
}
a:hover
{
color:#DED9AB;
font-family:courier new, arial,sans-serif;
font-size:11px;
font-style:normal;
font-weight:normal;
padding:0 0 1px;
text-decoration:none;
cursor:;
}
/*--------------- sidebar ---------------*/
#sidebar {
background-color:#35283B;
border-bottom:1px solid #48384F;
border-right:1px solid #48384F;
border-top:1px solid #48384F;
color:#BAB588;
font-family:lucida sans,arial;
font-size:9px;
font-weight:normal;
letter-spacing:0.8px;
line-height:1.2;
margin-top:-1px;
position:fixed;
text-transform:lowercase;
width:250px;}
.sbarbody2 {
margin:0;
padding:10px;}
.sbarbody {
margin:0;
padding:10px;}
ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: right;
}
li.sbaritem {
list-style-type:none;
margin-top:2px;
text-align:right;
}
li.sbaritem:hover{
border-right:0;}
li.sbaritem a {
border-bottom:1px solid #48384F;
font-family:arial;
font-size:6pt;
font-weight:lighter;
margin-right:2px;
padding:0 5px;
text-transform:uppercase;
display:block;}
li.sbaritem a:hover {color:#DED9AB;}
li.sbaritem:hover { }
li.sbartitle {
color:#5E4A66;
font-family:lucida sans,arial,sans-serif;
font-size:9px;
letter-spacing:2px;
margin:0;
padding:5px 5px 0;
text-align:left;
text-transform:lowercase;
}
#sidebar_linklist {
list-style-type:none;
padding-top:2px;
text-align:left;
text-transform:lowercase;
}
#sidebar_tags li.sbartitle {display:none;}
#sidebar_calendar, #sidebar_tags
#sidebar_summary, #sidebar_calendar, #sidebar_tags, h2 {display:none;}
/*--------------- header ---------------*/
#header {
border-bottom:1px solid #48384F;
padding:5px 0 20px;
text-align:right;
text-transform:lowercase;
z-index:100;}
#header:hover {}
ul.navheader {
background-color:#302436;
list-style:none outside none;
margin:0 auto;
padding:0;
text-align:center;
width:400px;
z-index:100;
}
ul.navheader:hover {}
ul.navheader li {
display:inline;
list-style-type:none;
margin:0;}
.headerimage
{
background-image:url();
background-repeat: no-repeat;
position: relative;
width: 0px;
height: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}
div#header a, div#header a:link, div#header a:visited {
border:0 none;
color:transparent;
font-family:courier new,arial;
font-size:13px;
font-weight:bold;
letter-spacing:0;
padding:5px;
text-shadow:0 0 1px #A8A47E;
text-transform: lowercase;
}
div#header a:hover {
color:#A479B8!important;
font-family: courier new,arial;
font-size:13px;
font-weight:bold;
padding: 5px;
color:#111111;
text-shadow:0 0 0px transparent;
}
div#header li.view {
border:0 none;
color:#DED9AB!important;
font-family:lucida sans,arial;
font-size:13px;
font-weight:bold;
padding:0 5px;
text-transform:uppercase;
}
/*--------------- footer ---------------*/
#footer {
background-color:#332738;
border-top:1px solid #372B3D;
bottom:0;
padding:5px 0;
position:fixed;
text-align:center;
text-transform:lowercase;
width:100%;
}
ul.navfooter{
margin:0 auto;
padding:0;}
div#footer a, div#footer a:link {
color:#DED9AB;
font-family:georgia;
font-size:10px;
text-transform:uppercase;
}
ul.navfooter li + li a {
color:#DED9AB!important; }
div#footer a:hover {
color:#A479B8;
}
ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }
ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }
#footer .viewing { display:none; }
/*------------ userpics ------------*/
.userpic {
background-color:transparent !important;
float:right;
margin:0;
position:relative;
z-index:100;
}
.userpicfriends {
background-color:transparent !important;
color:#6F547A;
float:right;
margin:0;
position:relative;
text-align:right;
z-index:100;}
.userpic img, .userpicfriends img, .userpic img:hover, .userpicfriends img:hover {
background-color:#35283B;
border-color:#48384F;
border-style:solid;
border-width:20px 1px 1px;
padding:0 20px 20px;}
.userpicfriends a font, .userpicfriends a
{
color: #795E85;
font-size: 10px;
}
.userpicfriends a:hover font, .userpicfriends a:hover
{color: #8B6B99;
font-size: 10px;
background-color:transparent!important;}
span.ljuser a {
color:#CEA1E3;
font-family:courier new,arial;
font-size:12px;
font-weight:lighter !important;
text-transform:lowercase;}
span.ljuser a:hover {color:#DED9AB;}
/*------------ default userpic ------------*/
.defaultuserpic, .defaultuserpic img{
display:none;}
/*------------ misc ------------*/
div.ContextualPopup .Content {
padding: 10px;
margin: 4px 59px 4px 4px;
background:#35283B!important;
font-size: 10px;
color:#BAB588;
font-family:arial;
border: 1px solid #48384F;
font-weight:none;
}
div.ContextualPopup div.Inner {
position: relative;
top: -2px;
left: -2px;
background-color:transparent!important;
color: #DED9AB!important;
border:0;
}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: none;
color:#CEA1E3!important;
}
div.ContextualPopup div.Inner a:hover {color:#DED9AB!important; background-color:transparent;}
div.ContextualPopup .Relation {font-family:arial;
font-size:17px;
letter-spacing:-1.4px;
font-weight:bold;
text-transform:uppercase; }
div.ContextualPopup .Userpic img {
border:8px solid #DED9AB;
margin:0 -10px 0 0}
#lj_controlstrip {
background:none repeat scroll 0 0 #222222;
border-bottom:1px solid #333333; }
#lj_controlstrip a { color: #777777;}
#lj_controlstrip_search, #lj_controlstrip_actionlinks {
display:;}
#lj_controlstrip a:hover { color: #AAAAAA; text-decoration:none;}
#lj_controlstrip_statustext {
color:#777777;
}
#lj_controlstrip input{
background-color:#333333;
color: #999999;
font-family: arial;
font-size: 9px;
border:1px solid #555555;
font-weight:bold;
letter-spacing:-1px; }
#lj_controlstrip td {
border:0 none;}
/*------------ calendars ------------*/
ul.year { color:#888888; font-size:12px; font-family: georgia, sans-serif; text-align: center; padding: 20px; margin: 0 auto;}
ul.year li {display: inline;}
table.yeartable {background-color: #FFFFFF; padding: 5px; margin: 0; width: 100%;}
table.yeartable td.yeardate, table.yeartable td.yearday { border:1px solid #CCCCCC; color:#888888;}
table.yeartable td.yearday { background-color: #eeeeee; text-align: center; color:#AAAAAA;}
td.yearmonth {border-style: none;}
/*---------- other ----------*/
strong, em {color:#8C6B99;}
blockquote, code {
background-color:#35283B;
border:1px solid #48384F;
color:#DED9AB;
font-size:9px;
line-height:11px;
margin:0 auto;
padding:15px;
width:55%;
}
/*------------ comments ------------*/
.comments {
border-top:1px solid #332738;
color:#332738;
font-size:13px;
padding:5px 10px;
text-align: right;
width:auto;}
div.comments a, div.comments a:link, div.comments a:visited {
color:#A479B8;
font-family: courier new,arial,sans-serif;
font-size:18px;
line-height:1;
margin:0;
padding:4px 6px; }
div.comments a:hover
{
color:#DED9AB;
padding:4px 6px;
}
/*------------ comment pages ------------*/
.datesubjectcomment
{color:#775C82;
padding: 5px;
margin-top: 0px;
}
.userpiccomment
{
position: relative;
float: left;
padding: 0px;
margin-right: 10px;
text-align: center;
border-bottom:5px solid #BAB588;
border-top:12px solid #9372A1;
height:70px;
width:70px;
background:;
font-family: arial, sans-serif;
font-size: 9px;
z-index: 15;
}
.box {
background:transparent;
clear:left;
color:#FFFFFF;
margin:0 0 0 auto;
padding: 10px;
}
input
{
background-color: #35283B;
color: #D2B4DE;
border-style: solid;
border-width: 1px;
border-color: #48384F;
}
textarea
{
background:#35283B;
color: #D2B4DE;
font-family: arial;
font-size: 13px;
border:1px solid #48384F;
letter-spacing:0px;
}
.reply
{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-size: 10px;
line-height: 125%;
background-color: #35283B;
color: #BAB588;
}
.replytosubject
{font-weight: bold;}
.commentreply
{color:#CEA1E3;
font-size:11px;
padding:8px 0 12px;
position:relative;
}
.commentbox {
background-color:#35283B;
border:1px solid #48384F;
color:#BAB588;
font-size:10px;
margin:10px 0;
padding:10px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited
{ color: #CEA1E3;
}
.commentboxpartial
{
border-color:;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #35283B;
}
.commentinfo
{
background-color: #FFFFFF;
margin-top: 0px;
width: 100%;
}
.skiplinks
{ margin:0;
border:0;
color:#111;
font-size:7px;
padding:8px;
text-align:center;
}
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"]{ background-image:url(http://img20.imageshack.us/img20/1182/183o.png);
padding:0 0 11px 12px !important;}
img[src*="icon_private.gif"]{ background-image:url(http://img20.imageshack.us/img20/1182/183o.png); padding:0 0 11px 12px !important;}
img[src*="icon_groups.gif"]{ background-image:url(http://img20.imageshack.us/img20/1182/183o.png); padding:0 0 11px 12px !important; }
.ljuser img { width: 0; height: 0; background: transparent url(http://i34.tinypic.com/ic8rj6.jpg) no-repeat 0 0; padding: 17px 16px 0 0px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i34.tinypic.com/ic8rj6.jpg) no-repeat center left !important; padding: 17px 16px 0 0px !important; }
.ljuser img[src*="community.gif"] { background:transparent url(http://i34.tinypic.com/250jinp.jpg) no-repeat scroll 0 0 !important;
padding: 16px 16px 0 0 !important; }
img[src="http://l-stat.livejournal.com/img/btn_track.gif"] {
background:transparent url(http://img190.imageshack.us/img190/4688/041.png) repeat scroll 0 0; height: 0; padding: 0 0 16px 16px !important; width:0; }
img[src="http://l-stat.livejournal.com/img/btn_freeze.gif"] {
background:transparent url(http://img35.imageshack.us/img35/1876/091s.png) repeat scroll 0 0; height: 0; padding: 0 0 16px 16px !important; width:0; }
img[src="http://l-stat.livejournal.com/img/btn_del.gif"] {
background:transparent url(http://img25.imageshack.us/img25/1674/101hec.png) repeat scroll 0 0; height: 0; padding: 0 0 16px 16px !important; width:0; }
img[src="http://l-stat.livejournal.com/img/btn_scr.gif"] {
background:transparent url(http://img37.imageshack.us/img37/2053/150qlp.png) repeat scroll 0 0; height: 0; padding: 0 0 16px 16px !important; width:0; }
Layout style: flexible squares
Basic, Paid or Plus: Plus
Problem you are having: The layout works perfectly in Firefox and Google Chrome but the sidebar is pushed over the entries in Internet Explorer. If I remove "position:fixed;" from the sidebar's codes, it stays on the left but the first entry appears below it in all three browsers. I'd like me sidebar's position to stay fixed and make it work in IE. Is that possible?
Style ID # (and/or)
/* Absence - Night
layout by cielo_gris.livejournal.com
credit http://community.livejournal.com/velvetb0x */
/* ------------------------------- */
body
{
background-color:#2E2333;
background-image: url("");
background-position: absolute;
background-repeat: repeat;
background-attachment: fixed;
text-align: justify;
padding: 0;
}
::-moz-selection
{background: #000000;
color: #FFFFFF; }
.title {
color:#5A4663;
font-family:arial;
font-size:40pt;
letter-spacing:1px;
line-height:0.9;
margin:5px 0 0;
text-align:center;
text-transform:lowercase;
text-shadow: 0 0 4px #7D5D8C, 0 0 30px #654773;}
.title_text {
background-color:#ffffff;}
.subtitle {
display:none;
color:#777777;
font-family:lucida sans,arial;
letter-spacing:0;
text-align: center;}
/*----------- content&entries -----------*/
#content {
font-size:10px;
margin:0 auto;
min-height:220px;
padding:0;
}
.subcontent {
border-bottom:1px solid #48384F;
color:#777777;
margin:0 auto;
padding: 0 10px 10px;
}
#maincontent {
color:#6F5778;
font-family: arial,sans-serif;
font-size:10px;
margin-left:280px;
padding:0;
text-align:left;
width:75%;}
.clear
{height: 20px;}
.entry {
color:#DED9AB;
font-family:arial;
font-size:11px;
line-height:1.2;}
.entry_text {
margin-bottom:10px;
margin-right:145px;
min-height:100px;
padding:10px 0;
}
.datesubject {
margin:0;
padding:0;
text-align:left !important;
}
.subject a, .subject a:hover {
border:0 none !important;
color:#A479B8 !important;
font-family:courier new,georgia,arial,sans-serif !important;
font-size:18px !important;
letter-spacing:-2px;
position:relative;
text-transform:lowercase;}
.subject {
color:#FFFFFF;
line-height:1;
margin:-5px 0 0;
padding:4px 3px !important;
text-align:left;}
.date {
color:#5E4A66;
font-family:lucida sans,arial,sans-serif;
font-size:9px;
letter-spacing:2px;
margin:0;
padding:5px 5px 0;
text-align:left;
text-transform:lowercase;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.ljtags {
background:url("http://i38.tinypic.com/2iv1wuo.jpg") no-repeat scroll 0 50% transparent;
color:#795E85;
margin-bottom:-35px;
margin-top:50px;
padding:4px 0 4px 18px;
position:relative;
text-align:left;
text-transform:lowercase;}
div.ljtags a {font-weight: normal}
.currents div { display: block; }
.currents {padding: 0px;}
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { display:none;
}
.currentmusic {padding: 2px 5px 2px 20px;
background: transparent url(http://i30.tinypic.com/jhwpbd.jpg) no-repeat scroll 0% 50%; }
.currentmood {padding: 2px 2px 2px 20px; background: transparent url(http://i27.tinypic.com/257j9sz.jpg) no-repeat scroll 0% 50%;}
.currentlocation {padding: 2px 5px 2px 20px; background: transparent url(http://i31.tinypic.com/13zzkg6.jpg) no-repeat scroll 0% 50%; margin-left: 0px;}
.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #695173;
text-transform: lowercase; }
ul.ljtaglist {background-color:#2e2333; width: 600px; padding:5px; list-style:none; margin:0 0 0 auto;}
img a{border:0!important;}
/*--------------- links ---------------*/
a, a:link, a:visited {
color:#A479B8;
font-family: courier new, arial,sans-serif;
font-size:11px;
font-style:normal;
font-weight:normal;
padding:0 0 1px;
text-decoration:none;
}
a:hover
{
color:#DED9AB;
font-family:courier new, arial,sans-serif;
font-size:11px;
font-style:normal;
font-weight:normal;
padding:0 0 1px;
text-decoration:none;
cursor:;
}
/*--------------- sidebar ---------------*/
#sidebar {
background-color:#35283B;
border-bottom:1px solid #48384F;
border-right:1px solid #48384F;
border-top:1px solid #48384F;
color:#BAB588;
font-family:lucida sans,arial;
font-size:9px;
font-weight:normal;
letter-spacing:0.8px;
line-height:1.2;
margin-top:-1px;
position:fixed;
text-transform:lowercase;
width:250px;}
.sbarbody2 {
margin:0;
padding:10px;}
.sbarbody {
margin:0;
padding:10px;}
ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: right;
}
li.sbaritem {
list-style-type:none;
margin-top:2px;
text-align:right;
}
li.sbaritem:hover{
border-right:0;}
li.sbaritem a {
border-bottom:1px solid #48384F;
font-family:arial;
font-size:6pt;
font-weight:lighter;
margin-right:2px;
padding:0 5px;
text-transform:uppercase;
display:block;}
li.sbaritem a:hover {color:#DED9AB;}
li.sbaritem:hover { }
li.sbartitle {
color:#5E4A66;
font-family:lucida sans,arial,sans-serif;
font-size:9px;
letter-spacing:2px;
margin:0;
padding:5px 5px 0;
text-align:left;
text-transform:lowercase;
}
#sidebar_linklist {
list-style-type:none;
padding-top:2px;
text-align:left;
text-transform:lowercase;
}
#sidebar_tags li.sbartitle {display:none;}
#sidebar_calendar, #sidebar_tags
#sidebar_summary, #sidebar_calendar, #sidebar_tags, h2 {display:none;}
/*--------------- header ---------------*/
#header {
border-bottom:1px solid #48384F;
padding:5px 0 20px;
text-align:right;
text-transform:lowercase;
z-index:100;}
#header:hover {}
ul.navheader {
background-color:#302436;
list-style:none outside none;
margin:0 auto;
padding:0;
text-align:center;
width:400px;
z-index:100;
}
ul.navheader:hover {}
ul.navheader li {
display:inline;
list-style-type:none;
margin:0;}
.headerimage
{
background-image:url();
background-repeat: no-repeat;
position: relative;
width: 0px;
height: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}
div#header a, div#header a:link, div#header a:visited {
border:0 none;
color:transparent;
font-family:courier new,arial;
font-size:13px;
font-weight:bold;
letter-spacing:0;
padding:5px;
text-shadow:0 0 1px #A8A47E;
text-transform: lowercase;
}
div#header a:hover {
color:#A479B8!important;
font-family: courier new,arial;
font-size:13px;
font-weight:bold;
padding: 5px;
color:#111111;
text-shadow:0 0 0px transparent;
}
div#header li.view {
border:0 none;
color:#DED9AB!important;
font-family:lucida sans,arial;
font-size:13px;
font-weight:bold;
padding:0 5px;
text-transform:uppercase;
}
/*--------------- footer ---------------*/
#footer {
background-color:#332738;
border-top:1px solid #372B3D;
bottom:0;
padding:5px 0;
position:fixed;
text-align:center;
text-transform:lowercase;
width:100%;
}
ul.navfooter{
margin:0 auto;
padding:0;}
div#footer a, div#footer a:link {
color:#DED9AB;
font-family:georgia;
font-size:10px;
text-transform:uppercase;
}
ul.navfooter li + li a {
color:#DED9AB!important; }
div#footer a:hover {
color:#A479B8;
}
ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }
ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }
#footer .viewing { display:none; }
/*------------ userpics ------------*/
.userpic {
background-color:transparent !important;
float:right;
margin:0;
position:relative;
z-index:100;
}
.userpicfriends {
background-color:transparent !important;
color:#6F547A;
float:right;
margin:0;
position:relative;
text-align:right;
z-index:100;}
.userpic img, .userpicfriends img, .userpic img:hover, .userpicfriends img:hover {
background-color:#35283B;
border-color:#48384F;
border-style:solid;
border-width:20px 1px 1px;
padding:0 20px 20px;}
.userpicfriends a font, .userpicfriends a
{
color: #795E85;
font-size: 10px;
}
.userpicfriends a:hover font, .userpicfriends a:hover
{color: #8B6B99;
font-size: 10px;
background-color:transparent!important;}
span.ljuser a {
color:#CEA1E3;
font-family:courier new,arial;
font-size:12px;
font-weight:lighter !important;
text-transform:lowercase;}
span.ljuser a:hover {color:#DED9AB;}
/*------------ default userpic ------------*/
.defaultuserpic, .defaultuserpic img{
display:none;}
/*------------ misc ------------*/
div.ContextualPopup .Content {
padding: 10px;
margin: 4px 59px 4px 4px;
background:#35283B!important;
font-size: 10px;
color:#BAB588;
font-family:arial;
border: 1px solid #48384F;
font-weight:none;
}
div.ContextualPopup div.Inner {
position: relative;
top: -2px;
left: -2px;
background-color:transparent!important;
color: #DED9AB!important;
border:0;
}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: none;
color:#CEA1E3!important;
}
div.ContextualPopup div.Inner a:hover {color:#DED9AB!important; background-color:transparent;}
div.ContextualPopup .Relation {font-family:arial;
font-size:17px;
letter-spacing:-1.4px;
font-weight:bold;
text-transform:uppercase; }
div.ContextualPopup .Userpic img {
border:8px solid #DED9AB;
margin:0 -10px 0 0}
#lj_controlstrip {
background:none repeat scroll 0 0 #222222;
border-bottom:1px solid #333333; }
#lj_controlstrip a { color: #777777;}
#lj_controlstrip_search, #lj_controlstrip_actionlinks {
display:;}
#lj_controlstrip a:hover { color: #AAAAAA; text-decoration:none;}
#lj_controlstrip_statustext {
color:#777777;
}
#lj_controlstrip input{
background-color:#333333;
color: #999999;
font-family: arial;
font-size: 9px;
border:1px solid #555555;
font-weight:bold;
letter-spacing:-1px; }
#lj_controlstrip td {
border:0 none;}
/*------------ calendars ------------*/
ul.year { color:#888888; font-size:12px; font-family: georgia, sans-serif; text-align: center; padding: 20px; margin: 0 auto;}
ul.year li {display: inline;}
table.yeartable {background-color: #FFFFFF; padding: 5px; margin: 0; width: 100%;}
table.yeartable td.yeardate, table.yeartable td.yearday { border:1px solid #CCCCCC; color:#888888;}
table.yeartable td.yearday { background-color: #eeeeee; text-align: center; color:#AAAAAA;}
td.yearmonth {border-style: none;}
/*---------- other ----------*/
strong, em {color:#8C6B99;}
blockquote, code {
background-color:#35283B;
border:1px solid #48384F;
color:#DED9AB;
font-size:9px;
line-height:11px;
margin:0 auto;
padding:15px;
width:55%;
}
/*------------ comments ------------*/
.comments {
border-top:1px solid #332738;
color:#332738;
font-size:13px;
padding:5px 10px;
text-align: right;
width:auto;}
div.comments a, div.comments a:link, div.comments a:visited {
color:#A479B8;
font-family: courier new,arial,sans-serif;
font-size:18px;
line-height:1;
margin:0;
padding:4px 6px; }
div.comments a:hover
{
color:#DED9AB;
padding:4px 6px;
}
/*------------ comment pages ------------*/
.datesubjectcomment
{color:#775C82;
padding: 5px;
margin-top: 0px;
}
.userpiccomment
{
position: relative;
float: left;
padding: 0px;
margin-right: 10px;
text-align: center;
border-bottom:5px solid #BAB588;
border-top:12px solid #9372A1;
height:70px;
width:70px;
background:;
font-family: arial, sans-serif;
font-size: 9px;
z-index: 15;
}
.box {
background:transparent;
clear:left;
color:#FFFFFF;
margin:0 0 0 auto;
padding: 10px;
}
input
{
background-color: #35283B;
color: #D2B4DE;
border-style: solid;
border-width: 1px;
border-color: #48384F;
}
textarea
{
background:#35283B;
color: #D2B4DE;
font-family: arial;
font-size: 13px;
border:1px solid #48384F;
letter-spacing:0px;
}
.reply
{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-size: 10px;
line-height: 125%;
background-color: #35283B;
color: #BAB588;
}
.replytosubject
{font-weight: bold;}
.commentreply
{color:#CEA1E3;
font-size:11px;
padding:8px 0 12px;
position:relative;
}
.commentbox {
background-color:#35283B;
border:1px solid #48384F;
color:#BAB588;
font-size:10px;
margin:10px 0;
padding:10px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited
{ color: #CEA1E3;
}
.commentboxpartial
{
border-color:;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #35283B;
}
.commentinfo
{
background-color: #FFFFFF;
margin-top: 0px;
width: 100%;
}
.skiplinks
{ margin:0;
border:0;
color:#111;
font-size:7px;
padding:8px;
text-align:center;
}
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"]{ background-image:url(http://img20.imageshack.us/img20/1182/183o.png);
;){kind=link}
padding:0 0 11px 12px !important;}
img[src*="icon_private.gif"]{ background-image:url(http://img20.imageshack.us/img20/1182/183o.png); padding:0 0 11px 12px !important;}
img[src*="icon_groups.gif"]{ background-image:url(http://img20.imageshack.us/img20/1182/183o.png); padding:0 0 11px 12px !important; }
.ljuser img { width: 0; height: 0; background: transparent url(http://i34.tinypic.com/ic8rj6.jpg) no-repeat 0 0; padding: 17px 16px 0 0px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i34.tinypic.com/ic8rj6.jpg) no-repeat center left !important; padding: 17px 16px 0 0px !important; }
.ljuser img[src*="community.gif"] { background:transparent url(http://i34.tinypic.com/250jinp.jpg) no-repeat scroll 0 0 !important;
padding: 16px 16px 0 0 !important; }
img[src="http://l-stat.livejournal.com/img/btn_track.gif"] {
background:transparent url(http://img190.imageshack.us/img190/4688/041.png) repeat scroll 0 0; height: 0; padding: 0 0 16px 16px !important; width:0; }
img[src="http://l-stat.livejournal.com/img/btn_freeze.gif"] {
background:transparent url(http://img35.imageshack.us/img35/1876/091s.png) repeat scroll 0 0; height: 0; padding: 0 0 16px 16px !important; width:0; }
img[src="http://l-stat.livejournal.com/img/btn_del.gif"] {
background:transparent url(http://img25.imageshack.us/img25/1674/101hec.png) repeat scroll 0 0; height: 0; padding: 0 0 16px 16px !important; width:0; }
img[src="http://l-stat.livejournal.com/img/btn_scr.gif"] {
background:transparent url(http://img37.imageshack.us/img37/2053/150qlp.png) repeat scroll 0 0; height: 0; padding: 0 0 16px 16px !important; width:0; }
