[SOLVED]Sidebar off on IE
I asked this at everything_lj but I haven't received any help as of yet. So in hopes to finish this layout as soon as possible, I wanted to try my luck here, thank you for your help in advance!
Layout Style: S2 Flexible Squares
Basic, Paid or Plus: Basic and plus.
I tried to fix this and finally the sidebar doesn't look that bad on IE, now the problem is that the content is shifted to the left a lot (IE still) and can't work that out, could someone help me? The problem is that the sidebar is off on Internet Explorer... a lot. And when I was able to fix it so that it would work on IE, it wouldn't on Firefox, so I'm giving up and asking for help after spending one hour on trying to fix it myself. The layout is still up so you may test it there and tell me your results? Also, the overrides are under the cut. Thanks in advance!
/* Asriel
S2 Flexible Squares
By inconformista.livejournal.com */
body {
background: #681813;
color: #3a0907;
line-height: 18px;
text-align: justify;
font: 12px 'Arial',helvetica, arial, sans-serif;
margin: 0px;
padding: 0px;
}
a, a:link, a:visited {
color: #b44c23;
font: 12px 'Courier new',helvetica, arial, sans-serif;
text-decoration: none;
}
a:hover {
color: #3a0907;
text-decoration: none;
}
blockquote {
padding: 5px;
font-size: 14px;
font-family: 'Georgia',helvetica, arial, sans-serif;
color: #480f0b;
}
p {
font-size: 7pt;
}
td {
font-size: 11px;
}
#content {
margin: 0px auto;
width: 100%;
text-align: justify;
background: transparent;
padding: 0px;
}
#maincontent {
margin: 0px auto;
width: 60%;
background: transparent;
text-align: justify;
padding: 20px;
}
/* ---------------------------------
HEADER IMAGE: TO CHANGE THE HEADER, REPLACE THE IMAGE URL WITH YOUR OWN.
---REMEMBER TO ALSO CHANGE THE WIDTH AND HEIGHT TO THE ONES OF YOUR HEADER!!---
------------------------------------ */
.headerimage {
position: relative;
width: 610px;
height: 380px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
background-image: url('http://i.imgur.com/DPpnr.png');
background-position: center;
background-repeat: no-repeat;
}
#header {
height: 77px;
width: 610px;
padding: 5px 0;
margin: 0px auto;
text-align: center;
background: transparent;
background-image: url('http://i.imgur.com/6IDwN.png');
background-position: center;
background-repeat: no-repeat;
}
ul.navheader {
margin: 0px;
padding: 30px 5px 5px 5px;
font: 12px 'Georgia',helvetica, arial, sans-serif;
}
ul.navheader li {
display: inline;
padding: 50px 0px 0px 0px;
margin: 0px;
}
div#header a, div#header a:link, div#header a:visited {
margin: 0 3px 0 0;
padding: 5px;
color: #ec974b;
text-decoration: none;
background-color: transparent;
letter-spacing: 2px;
text-transform: lowercase;
font: 12px 'Georgia',helvetica, arial, sans-serif;
}
div#header li.view {
margin: 0 3px 0 0;
padding: 5px;
color: #ec974b;
text-decoration: none;
background-color: transparent;
letter-spacing: 2px;
text-transform: lowercase;
font: 12px 'Georgia',helvetica, arial, sans-serif;
}
div#header a:hover {
margin: 0 3px 0 0;
padding: 5px;
color: #ec974b;
text-decoration: none;
background-color: transparent;
letter-spacing: 2px;
text-transform: lowercase;
font: 12px 'Georgia',helvetica, arial, sans-serif;
}
.title {
display: none;
}
.subtitle {
display: none;
}
/*--------------------- SIDEBAR ---------------------*/
#sidebar {
margin-right: 20px;
margin-top: 0px;
padding: 10px;
text-align: justify;
font: 12px 'Lucida Sans Unicode',helvetica, arial, sans-serif;
color: #3a0907;
width: 150px;
float: right;
background: transparent;
}
.defaultuserpic {
display: none;
}
.defaultuserpic img {
display: none;
}
.sbarheader {
padding: 0;
}
.sbarbody {
padding: 0;
margin-top: 10px;
}
.sbarbody2 {
padding: 0;
margin: 0 0 0 0;
}
.sbarcalendar {
display: none;
}
.sbarbody#sidebar_calendar {
display: none;
}
ul.sbarlist {
margin: 0 0 0 0;
list-style: none;
padding: 5px 0 5px 0;
text-align: justify;
}
li.sbaritem {
width: 100%;
padding: 2px 0 2px 0;
display: block;
list-style: none;
background-color: transparent;
text-align: justify;
}
li.sbaritem a, li.sbaritem a:active, li.sbaritem a:visited {
display: block;
margin: 0px;
padding: 5px;
list-style: none;
color: #440b08;
font: 11px Georgia, sans-serif;
text-transform: uppercase;
text-align: center;
background-color: #6d1e16;
}
li.sbaritem a:hover {
display: block;
text-align: center;
background-color: #6b1d15;
}
li.sbartitle {
color: #4b0d09;
font-family: Georgia, Helvetica, sans-serif;
font-size: 12px;
text-transform: uppercase;
border-bottom: 1px solid #611713;
}
#sidebar_summary {
display: none;
}
#sidebar_tags {
}
ul.ljtaglist li{
padding: 0px;
margin: 5px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
.ljtaglist {
list-style-type: none;
padding: 0px;
margin: -1px 20px 0px 20px;
margin-left: 70px; width: 50%;
text-transform: lowercase;
text-align: left;
color: #310503;
border-bottom: 0px solid #FFFFFF;
}
.ljtaglist li {
padding: 5px 2px 5px 20px;
color: #310503;
border-bottom: 0px solid #FFFFFF;
}
ul.ljtaglist {
color: #639264;
sans-serif;
font-size: 8pt;
padding: 8px 8px 8px 12px;
border: 0px solid #FDFDFD;
background: transparent;
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 35px;
}
.subcontent {
padding: 5px;
margin: 0px auto;
background-color: #6d1e16;
border: 1px solid #611713;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.entry{
background-color: transparent;
line-height:18px;
text-align: justify;
padding: 4px;
min-height: 145px;
}
.entry ul li {
padding-left: 0px;
margin-left: 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;
}
.userpic {
position: relative;
float: left;
background-color: transparent!important;
margin-top: -5px;
padding: 0px;
margin-left: -150px;
}
.userpicfriends {
position: relative;
float: left;
margin-top: -5px;
color: #3a0907;
background-color: transparent!important;
text-align:center;
font-family: "Verdana", sans-serif;
font-size: 8pt;
padding: 0px;
margin-left: -150px;
}
.userpic img, .userpicfriends img {
padding: 10px;
background-color: #6d1e16;
border: 1px solid #611713;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.userpicfriends font {
color: #3a0907!important;
text-transform: lowercase;
}
.userpicfriends a, .userpicfriends a:hover, .userpicfriends a:visited{
color: #3a0907;
font: 11px 'Lucida Sans Unicode', sans-serif;
}
.userpicfriends br {
display: block;
height: 0;
}
.date {
line-height: 8px;
color: #5f1812;
font-weight: bold;
font-style: italic;
margin: 0 0 0 16px;
text-transform: lowercase;
font-family: Georgia, Helvetica, sans-serif;
font-size: 22px;
}
.subject {
margin: 0 0 0 16px;
text-align: left;
font-weight: bold;
font-style: italic;
padding-left: 0px;
padding-bottom: 2px;
color: #ec974b;
font-family: Georgia, Helvetica, sans-serif;
font-size: 20px;
border-bottom: 0px solid #dddddd;
}
div.subject a, div.subject a:link, div.subject a:visited {
text-align: left;
font-weight: bold;
font-style: italic;
padding-left: 0px;
padding-bottom: 2px;
color: #ec974b;
font-family: Georgia, Helvetica, sans-serif;
font-size: 20px;
border-bottom: 0px solid #dddddd;
}
div.subject a:hover {
text-align: left;
font-weight: bold;
font-style: italic;
padding-left: 0px;
padding-bottom: 2px;
color: #ec974b;
font-family: Georgia, Helvetica, sans-serif;
font-size: 20px;
border-bottom: 0px solid #dddddd;
}
.datesubject {
background-color: transparent;
border-bottom: 0px dotted #131313;
padding-right: 2px;
padding-top: 10px;
}
.ljtags {
background: url('http://i52.tinypic.com/292v3fq.jpg') 0 2px no-repeat;
padding: 0 0 0 16px;
margin: 20px 0 0 0;
text-transform: lowercase;
}
.currents strong {
display: none;
}
.currents {
text-transform: lowercase;
margin: -25px 0 0 0;
}
.currentmood {
background: url('http://i52.tinypic.com/5lrnmf.jpg') 0 2px no-repeat;
padding: 0 0 0 16px;
}
.currentmusic {
background: url('http://i52.tinypic.com/2yxp07a.jpg') 0 2px no-repeat;
margin-left: -4px;
padding: 0 0 0 16px;
}
.currentlocation {
background: url('http://i52.tinypic.com/2ih9gsn.jpg') 0 2px no-repeat;
padding: 0 0 0 16px;
}
.currentmood img {
display: none;
}
.comments {
text-align: right;
font-weight: normal;
margin-bottom: 10px;
padding: 5px;
color: #6d1e16;
font: 13px 'Georgia',helvetica, arial, sans-serif;
border-bottom: 0px dotted #C9C8C8;
text-transform: lowercase;
position: relative;
top: 0px;
}
div.comments a, div.comments a:link, div.comments a:visited {
padding: 5px;
font-weight: normal;
color: #480f0b;
font: 12px 'Georgia',helvetica, arial, sans-serif;
text-transform: uppercase;
border-bottom: 0px solid #D5D5D7;
}
div.comments a:hover {
color: #480f0b;
padding: 5px;
font-weight: normal;
font: 12px 'Georgia',helvetica, arial, sans-serif;
text-transform: uppercase;
border-bottom: 0px solid #D5D5D7;
}
ul.year{
text-align: center;
padding: 10px 10px 10px 10px;
border: 0px solid #bbb;
}
ul.year li {
color: #450c0a;
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 5px;
border: 0px solid #444;
background: #6d1e16;
}
table.yeartable td.yeardate {
color: #310503;
border: 0px solid #333333;
}
table.yeartable td.yearday {
color: #310503;
border: 0px solid #333333;
}
table.yeartable td.yearday {
background-color: #712018;
padding: 5px;
text-align: center;
}
td.yearmonth {
color: #310503;
border-style: none;
}
.separator {
background-color: transparent;
background-image: url('');
background-repeat: repeat;
border-bottom: 0px solid #000000;
height: 0px;
}
/* comments page */
.datesubjectcomment {
color: #954d46;
font-size: 11px;
letter-spacing: 1px;
text-transform: lowercase;
}
.userpiccomment {
position: relative;
float: left;
margin: 0 10px 10px 0;
padding: 5px;
background: #6d1e16!important;
}
.box {
padding: 0;
margin: 10px 0 30px 0;
}
.reply {
padding: 0;
margin: 0;
}
.replytosubject {
padding: 0;
margin: 0;
}
.commentreply {
padding: 0;
margin: 0;
color: #280402;
}
.commentbox {
background: #6d1e16;
padding: 10px;
border: 0px solid #FFFFFF;
margin: 0 0 20px 0;
min-height: 130px;
}
.commentboxpartial {
padding: 0;
margin: 0;
}
.commentinfo {
padding: 0;
margin: 0;
}
#qrform table {
border: 0px !important;
}
div.ContextualPopup {
display: none;
}
#footer {
margin: 0;
padding: 10px;
background: transparent;
text-align: center;
font-size: 14px;
font-family: Georgia, sans-serif;
text-transform: lowercase;
color: #310503;
clear: both;
position: relative;
}
ul.navfooter {
padding: 0;
margin: 0;
}
ul.navfooter li {
display: inline;
margin: 0 0 0 5px;
}
.clearfoot {
display: none;
}
/* Generated by Malionette's Tiny Icon Generator
http://malionette.org/generator/tinylite.php */
img[src*="img/userinfo.gif"] {width: 0 !important; vertical-align: middle !important; margin:
0 auto; height: 0 !important;
background: transparent url(http://i.imgur.com/XbgMG.png) no-repeat; padding: 16px 0 0
16px !important; }
img[src*="img/community.gif"] {width: 0 !important; vertical-align: middle !important; margin:
0 auto; height: 0 !important;
background: transparent url(http://i.imgur.com/bab0P.png) no-repeat; padding: 16px 0 0
16px !important; }
img[src*="img/syndicated.gif"] {width: 0 !important; vertical-align: middle !important;
margin: 0 auto; height: 0 !important;
background: transparent url(http://i37.tinypic.com/33eugco.jpg) no-repeat; padding: 16px 0 0
16px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; vertical-align: middle !important;
margin: 0 auto; height: 0 !important;
background: transparent url(http://i33.tinypic.com/2sblxs8.jpg) no-repeat; padding: 16px 0 0
16px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; vertical-align: middle !important;
margin: 0 auto; height: 0 !important;
background: transparent url(http://i34.tinypic.com/2h2qxph.jpg) no-repeat; padding: 16px 0 0
16px !important; }
Layout Style: S2 Flexible Squares
Basic, Paid or Plus: Basic and plus.
I tried to fix this and finally the sidebar doesn't look that bad on IE, now the problem is that the content is shifted to the left a lot (IE still) and can't work that out, could someone help me? The problem is that the sidebar is off on Internet Explorer... a lot. And when I was able to fix it so that it would work on IE, it wouldn't on Firefox, so I'm giving up and asking for help after spending one hour on trying to fix it myself. The layout is still up so you may test it there and tell me your results? Also, the overrides are under the cut. Thanks in advance!
/* Asriel
S2 Flexible Squares
By inconformista.livejournal.com */
body {
background: #681813;
color: #3a0907;
line-height: 18px;
text-align: justify;
font: 12px 'Arial',helvetica, arial, sans-serif;
margin: 0px;
padding: 0px;
}
a, a:link, a:visited {
color: #b44c23;
font: 12px 'Courier new',helvetica, arial, sans-serif;
text-decoration: none;
}
a:hover {
color: #3a0907;
text-decoration: none;
}
blockquote {
padding: 5px;
font-size: 14px;
font-family: 'Georgia',helvetica, arial, sans-serif;
color: #480f0b;
}
p {
font-size: 7pt;
}
td {
font-size: 11px;
}
#content {
margin: 0px auto;
width: 100%;
text-align: justify;
background: transparent;
padding: 0px;
}
#maincontent {
margin: 0px auto;
width: 60%;
background: transparent;
text-align: justify;
padding: 20px;
}
/* ---------------------------------
HEADER IMAGE: TO CHANGE THE HEADER, REPLACE THE IMAGE URL WITH YOUR OWN.
---REMEMBER TO ALSO CHANGE THE WIDTH AND HEIGHT TO THE ONES OF YOUR HEADER!!---
------------------------------------ */
.headerimage {
position: relative;
width: 610px;
height: 380px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
background-image: url('http://i.imgur.com/DPpnr.png');
background-position: center;
background-repeat: no-repeat;
}
#header {
height: 77px;
width: 610px;
padding: 5px 0;
margin: 0px auto;
text-align: center;
background: transparent;
background-image: url('http://i.imgur.com/6IDwN.png');
background-position: center;
background-repeat: no-repeat;
}
ul.navheader {
margin: 0px;
padding: 30px 5px 5px 5px;
font: 12px 'Georgia',helvetica, arial, sans-serif;
}
ul.navheader li {
display: inline;
padding: 50px 0px 0px 0px;
margin: 0px;
}
div#header a, div#header a:link, div#header a:visited {
margin: 0 3px 0 0;
padding: 5px;
color: #ec974b;
text-decoration: none;
background-color: transparent;
letter-spacing: 2px;
text-transform: lowercase;
font: 12px 'Georgia',helvetica, arial, sans-serif;
}
div#header li.view {
margin: 0 3px 0 0;
padding: 5px;
color: #ec974b;
text-decoration: none;
background-color: transparent;
letter-spacing: 2px;
text-transform: lowercase;
font: 12px 'Georgia',helvetica, arial, sans-serif;
}
div#header a:hover {
margin: 0 3px 0 0;
padding: 5px;
color: #ec974b;
text-decoration: none;
background-color: transparent;
letter-spacing: 2px;
text-transform: lowercase;
font: 12px 'Georgia',helvetica, arial, sans-serif;
}
.title {
display: none;
}
.subtitle {
display: none;
}
/*--------------------- SIDEBAR ---------------------*/
#sidebar {
margin-right: 20px;
margin-top: 0px;
padding: 10px;
text-align: justify;
font: 12px 'Lucida Sans Unicode',helvetica, arial, sans-serif;
color: #3a0907;
width: 150px;
float: right;
background: transparent;
}
.defaultuserpic {
display: none;
}
.defaultuserpic img {
display: none;
}
.sbarheader {
padding: 0;
}
.sbarbody {
padding: 0;
margin-top: 10px;
}
.sbarbody2 {
padding: 0;
margin: 0 0 0 0;
}
.sbarcalendar {
display: none;
}
.sbarbody#sidebar_calendar {
display: none;
}
ul.sbarlist {
margin: 0 0 0 0;
list-style: none;
padding: 5px 0 5px 0;
text-align: justify;
}
li.sbaritem {
width: 100%;
padding: 2px 0 2px 0;
display: block;
list-style: none;
background-color: transparent;
text-align: justify;
}
li.sbaritem a, li.sbaritem a:active, li.sbaritem a:visited {
display: block;
margin: 0px;
padding: 5px;
list-style: none;
color: #440b08;
font: 11px Georgia, sans-serif;
text-transform: uppercase;
text-align: center;
background-color: #6d1e16;
}
li.sbaritem a:hover {
display: block;
text-align: center;
background-color: #6b1d15;
}
li.sbartitle {
color: #4b0d09;
font-family: Georgia, Helvetica, sans-serif;
font-size: 12px;
text-transform: uppercase;
border-bottom: 1px solid #611713;
}
#sidebar_summary {
display: none;
}
#sidebar_tags {
}
ul.ljtaglist li{
padding: 0px;
margin: 5px;
list-style: decimal-leading-zero;
list-style-position: outside;
}
.ljtaglist {
list-style-type: none;
padding: 0px;
margin: -1px 20px 0px 20px;
margin-left: 70px; width: 50%;
text-transform: lowercase;
text-align: left;
color: #310503;
border-bottom: 0px solid #FFFFFF;
}
.ljtaglist li {
padding: 5px 2px 5px 20px;
color: #310503;
border-bottom: 0px solid #FFFFFF;
}
ul.ljtaglist {
color: #639264;
sans-serif;
font-size: 8pt;
padding: 8px 8px 8px 12px;
border: 0px solid #FDFDFD;
background: transparent;
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 35px;
}
.subcontent {
padding: 5px;
margin: 0px auto;
background-color: #6d1e16;
border: 1px solid #611713;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.entry{
background-color: transparent;
line-height:18px;
text-align: justify;
padding: 4px;
min-height: 145px;
}
.entry ul li {
padding-left: 0px;
margin-left: 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;
}
.userpic {
position: relative;
float: left;
background-color: transparent!important;
margin-top: -5px;
padding: 0px;
margin-left: -150px;
}
.userpicfriends {
position: relative;
float: left;
margin-top: -5px;
color: #3a0907;
background-color: transparent!important;
text-align:center;
font-family: "Verdana", sans-serif;
font-size: 8pt;
padding: 0px;
margin-left: -150px;
}
.userpic img, .userpicfriends img {
padding: 10px;
background-color: #6d1e16;
border: 1px solid #611713;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.userpicfriends font {
color: #3a0907!important;
text-transform: lowercase;
}
.userpicfriends a, .userpicfriends a:hover, .userpicfriends a:visited{
color: #3a0907;
font: 11px 'Lucida Sans Unicode', sans-serif;
}
.userpicfriends br {
display: block;
height: 0;
}
.date {
line-height: 8px;
color: #5f1812;
font-weight: bold;
font-style: italic;
margin: 0 0 0 16px;
text-transform: lowercase;
font-family: Georgia, Helvetica, sans-serif;
font-size: 22px;
}
.subject {
margin: 0 0 0 16px;
text-align: left;
font-weight: bold;
font-style: italic;
padding-left: 0px;
padding-bottom: 2px;
color: #ec974b;
font-family: Georgia, Helvetica, sans-serif;
font-size: 20px;
border-bottom: 0px solid #dddddd;
}
div.subject a, div.subject a:link, div.subject a:visited {
text-align: left;
font-weight: bold;
font-style: italic;
padding-left: 0px;
padding-bottom: 2px;
color: #ec974b;
font-family: Georgia, Helvetica, sans-serif;
font-size: 20px;
border-bottom: 0px solid #dddddd;
}
div.subject a:hover {
text-align: left;
font-weight: bold;
font-style: italic;
padding-left: 0px;
padding-bottom: 2px;
color: #ec974b;
font-family: Georgia, Helvetica, sans-serif;
font-size: 20px;
border-bottom: 0px solid #dddddd;
}
.datesubject {
background-color: transparent;
border-bottom: 0px dotted #131313;
padding-right: 2px;
padding-top: 10px;
}
.ljtags {
background: url('http://i52.tinypic.com/292v3fq.jpg') 0 2px no-repeat;
padding: 0 0 0 16px;
margin: 20px 0 0 0;
text-transform: lowercase;
}
.currents strong {
display: none;
}
.currents {
text-transform: lowercase;
margin: -25px 0 0 0;
}
.currentmood {
background: url('http://i52.tinypic.com/5lrnmf.jpg') 0 2px no-repeat;
padding: 0 0 0 16px;
}
.currentmusic {
background: url('http://i52.tinypic.com/2yxp07a.jpg') 0 2px no-repeat;
margin-left: -4px;
padding: 0 0 0 16px;
}
.currentlocation {
background: url('http://i52.tinypic.com/2ih9gsn.jpg') 0 2px no-repeat;
padding: 0 0 0 16px;
}
.currentmood img {
display: none;
}
.comments {
text-align: right;
font-weight: normal;
margin-bottom: 10px;
padding: 5px;
color: #6d1e16;
font: 13px 'Georgia',helvetica, arial, sans-serif;
border-bottom: 0px dotted #C9C8C8;
text-transform: lowercase;
position: relative;
top: 0px;
}
div.comments a, div.comments a:link, div.comments a:visited {
padding: 5px;
font-weight: normal;
color: #480f0b;
font: 12px 'Georgia',helvetica, arial, sans-serif;
text-transform: uppercase;
border-bottom: 0px solid #D5D5D7;
}
div.comments a:hover {
color: #480f0b;
padding: 5px;
font-weight: normal;
font: 12px 'Georgia',helvetica, arial, sans-serif;
text-transform: uppercase;
border-bottom: 0px solid #D5D5D7;
}
ul.year{
text-align: center;
padding: 10px 10px 10px 10px;
border: 0px solid #bbb;
}
ul.year li {
color: #450c0a;
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 5px;
border: 0px solid #444;
background: #6d1e16;
}
table.yeartable td.yeardate {
color: #310503;
border: 0px solid #333333;
}
table.yeartable td.yearday {
color: #310503;
border: 0px solid #333333;
}
table.yeartable td.yearday {
background-color: #712018;
padding: 5px;
text-align: center;
}
td.yearmonth {
color: #310503;
border-style: none;
}
.separator {
background-color: transparent;
background-image: url('');
background-repeat: repeat;
border-bottom: 0px solid #000000;
height: 0px;
}
/* comments page */
.datesubjectcomment {
color: #954d46;
font-size: 11px;
letter-spacing: 1px;
text-transform: lowercase;
}
.userpiccomment {
position: relative;
float: left;
margin: 0 10px 10px 0;
padding: 5px;
background: #6d1e16!important;
}
.box {
padding: 0;
margin: 10px 0 30px 0;
}
.reply {
padding: 0;
margin: 0;
}
.replytosubject {
padding: 0;
margin: 0;
}
.commentreply {
padding: 0;
margin: 0;
color: #280402;
}
.commentbox {
background: #6d1e16;
padding: 10px;
border: 0px solid #FFFFFF;
margin: 0 0 20px 0;
min-height: 130px;
}
.commentboxpartial {
padding: 0;
margin: 0;
}
.commentinfo {
padding: 0;
margin: 0;
}
#qrform table {
border: 0px !important;
}
div.ContextualPopup {
display: none;
}
#footer {
margin: 0;
padding: 10px;
background: transparent;
text-align: center;
font-size: 14px;
font-family: Georgia, sans-serif;
text-transform: lowercase;
color: #310503;
clear: both;
position: relative;
}
ul.navfooter {
padding: 0;
margin: 0;
}
ul.navfooter li {
display: inline;
margin: 0 0 0 5px;
}
.clearfoot {
display: none;
}
/* Generated by Malionette's Tiny Icon Generator
http://malionette.org/generator/tinylite.php */
img[src*="img/userinfo.gif"] {width: 0 !important; vertical-align: middle !important; margin:
0 auto; height: 0 !important;
background: transparent url(http://i.imgur.com/XbgMG.png) no-repeat; padding: 16px 0 0
16px !important; }
img[src*="img/community.gif"] {width: 0 !important; vertical-align: middle !important; margin:
0 auto; height: 0 !important;
background: transparent url(http://i.imgur.com/bab0P.png) no-repeat; padding: 16px 0 0
16px !important; }
img[src*="img/syndicated.gif"] {width: 0 !important; vertical-align: middle !important;
margin: 0 auto; height: 0 !important;
background: transparent url(http://i37.tinypic.com/33eugco.jpg) no-repeat; padding: 16px 0 0
16px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; vertical-align: middle !important;
margin: 0 auto; height: 0 !important;
background: transparent url(http://i33.tinypic.com/2sblxs8.jpg) no-repeat; padding: 16px 0 0
16px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; vertical-align: middle !important;
margin: 0 auto; height: 0 !important;
background: transparent url(http://i34.tinypic.com/2h2qxph.jpg) no-repeat; padding: 16px 0 0
16px !important; }