Padding issue?
Hi I'm trying to customize a layout and for some reason there seems to be a large background-colored box around my sidebar that I can't find the cause of and it's overlapping my maincontent and my header. Could anyone tell me what's causing this?
The layout is here at my journal - remynisce
/* Template: (#55) Scotch at 10:30am v. Happier Hanukkah */
/* Date: November 22, 2008 */
/* S2 Style: Mix It */
/* Available at http://community.livejournal.com/thefulcrum/ */
/* Made by Liz a.k.a. grrliz.livejournal.com */
layerinfo source_viewable = 1;
* {margin: 0px; padding: 0px; }
html {font-size: 100%; /* IE hack */ }
body {
background: url(http://i14.photobucket.com/albums/a332/slayerme/icons2/greenstipebg.jpg) left top repeat-y #e9e6d3; color: #000000;
font-family: "Times New Roman", garamond, helvetica, arial, tahoma, serif;
font-size: 62.5%;
text-align: center; align: left; }
a, a:link, a:visited, a:active {color: #166DAA; font-weight: normal; text-decoration: underline; outline: none;}
a:hover {color: #555555;}
input, textarea, select {}
h1, h2, h3 {margin: 5px 0px; font-family: "century gothic", helvetica, verdana, sans-serif; text-transform: uppercase;}
font {font-family: inherit !important; color: inherit !important;}
/* ---------- PAGE STRUCTURE --------------- */
/* -- don't touch the stuff below -- */
#page, #header, #content, #footer {position: relative; top: 0;}
#alpha, #beta, #gamma {display: inline; float: left; position: relative; top: 0;}
#footer {margin: -1px 0 0 0; /* HACK - removes space between content and footer */}
#page-inner, #header-inner, #content-inner, #alpha-inner, #beta-inner, #gamma-inner, #footer-inner {position: static;}
#header-inner, #alpha-inner, #beta-inner, #gamma-inner {overflow: hidden; /* hide content that is larger than the element dimensions */}
#alpha-inner[id] { overflow: visible; } /* FF MAC & PC will clip pager-top when accessing page anchor */
/* -- don't touch the stuff above -- */
#container {position: relative; font-size: 1.2em; line-height: 1.75em;}
#header {height: 204px;}
#content {width: 821px; margin: 0px auto; text-align: left;}
#alpha {display: inline; width: 521px; background: url(http://i14.photobucket.com/albums/a332/slayerme/icons2/content.jpg) top right repeat-y transparent;}
.layout-tw #alpha {float: right;}
.layout-wt #alpha {float: left;}
#alpha-inner {padding: 0px 50px 20px 40px;}
#beta {display: inline; width: 201px;}
.layout-tw #beta {float: left;}
.layout-wt #beta {float: right;}
#beta-inner {margin-top: 0px;
background: url(http://i14.photobucket.com/albums/a332/slayerme/icons2/sidebarbg.jpg) top left repeat-y; margin-top: 110px;}
#footer {width: 821px; height: 70px; margin: 0px auto;}
.layout-tw #footer {background: url(http://i14.photobucket.com/albums/a332/slayerme/icons2/footer.jpg) top right no-repeat transparent;}
.layout-wt #footer {background: url(http://i14.photobucket.com/albums/a332/slayerme/icons2/footer.jpg) -5px 0px no-repeat transparent;}
/* ---------- HEADER ---------- */
#header-content {position: relative; width: 821px; height: 204px; margin: 0px auto; font-family: times new roman, "century gothic", garamond, verdana, serif; text-transform: uppercase;}
.layout-tw #header-content {background: url(http://i14.photobucket.com/albums/a332/slayerme/icons2/headerbg.jpg) no-repeat top right transparent; }
.layout-wt #header-content {background: url(http://i14.photobucket.com/albums/a332/slayerme/icons2/header.jpg) 7px 0px no-repeat transparent;}
ul.nav {width: 200px; padding-top: 20px; text-transform: uppercase; list-style-type: none;}
.layout-tw ul.nav {float: left; text-align: right;}
.layout-wt ul.nav {float: right; text-align: left;}
ul.nav a, li.view {font-size: 9px; letter-spacing: .5px; text-decoration: none;}
ul.nav a:hover {text-decoration: underline;}
/* journal title */
.layout-tw #header-name {position: absolute; bottom: 80px; right: 40px; font-size: 18px;}
.layout-wt #header-name {position: absolute; bottom: 80px; right: 320px; font-size: 18px;}
#header-name a {color: #166DAA; text-decoration: none;}
/* The journal subtitle code appears below. It is off by default. To turn it back on, simply remove the "display: none;" portion of the code. */
#header-description {display: none; position: absolute; bottom: 47px; font-size: 10px;}
.layout-tw #header-description {right: 40px;}
.layout-wt #header-description {right: 320px;}
/* ---------- ENTRIES ---------- */
/* previous and next links */
.stream-header {display: none;}
.stream-footer {clear: both; display: block; width: 100%; font-size: 12px; font-family: futura, "century gothic", helvetica, verdana, sans-serif; letter-spacing: 0.1em; text-transform: uppercase; list-style-type: none;}
.stream-footer a {color: #000000; text-decoration: none; letter-spacing: 0.1em;}
.stream-footer a:hover {color: #166DAA;}
/* entry container */
.asset {margin: 0px 0px 35px 0px;}
.asset-header ul.asset-meta-list {border: 0px;}
.lj-view-entry .asset-header {padding: 0;}
/* entry subject */
h2.page-header2 {margin: 0px; border-bottom: 1px dotted #bbbbbb; font-size: 15px; font-family: futura, "century gothic", helvetica, verdana, sans-serif; text-transform: uppercase;}
h2.page-header2 a, .lj-view-tags h2 {color: #166DAA; text-decoration: none;}
.lj-view-tags h2.page-header2 {padding: 1em 0; border-bottom: 1px dotted #bbbbbb; font-weight: normal;}
/* entry body, meta, tags */
.asset-content {padding-top: 1em;}
/* entry text */
.asset-body {clear: right; overflow-x: hidden;}
.asset-body a {text-decoration: underline; font-weight: bold;}
.asset-body ol, .asset-body ul {margin: 1em 3em;}
.asset-body ul {list-style-type: none;}
.asset-body ul li {padding-left: 15px; background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/fulcrum/55_bullet.gif) 0px 6px no-repeat transparent;}
.asset-body dt {padding: 5px 0px; border-bottom: 3px double #bbbbbb; font-weight: bold; text-transform: uppercase;}
.asset-body dd {margin-left: 35px; padding: 10px; border: 1px solid #bbbbbb; border-top: 0px;}
/* userpic */
.user-icon {display: inline; float: right; padding-top: 1em; background: transparent !important; text-align: center;}
.user-icon span {background: transparent !important;}
.user-icon span a {color: #166DAA !important;}
.user-icon img {margin: 0px 0px 0px 10px; padding: 5px; border: 1px dotted #bbbbbb; background: #000000;}
.ljuser {display: inline !important;}
.ljuser a img {margin: 0px; padding: 0px; background: transparent !important; font-weight: normal; text-decoration: none;}
/* mood, music, location */
.lj-currents ul {margin-top: 0.5em; padding-top: 0.5em; border-top: 1px dotted #bbbbbb; text-decoration: none; text-transform: lowercase; letter-spacing: 0; font-weight: normal; list-style-type: none;}
.lj-currents ul li {display: inline; margin-right: 1em;}
.lj-currents span.entryMetadata-label {padding: 0.5em 0.2em 0 0; font-size: 1em; font-family: futura, "century gothic", helvetica, verdana, sans-serif; letter-spacing: 0.1em; text-transform: uppercase; font-weight: normal; list-style-type: none;}
.lj-currents ul li a {text-decoration: none;}
.lj-currents ul li a:hover {text-decoration: underline}
/* tags */
.asset-tags {text-transform: lowercase;}
.asset-tags-header {display: block; float: left; width: 3em; /* matches .asset-tags-content width */ height: 100% !important; padding: 0px 5px 5px 0px; font-size: 1em !important; color: #555555; font-size: 1em; font-family: futura, "century gothic", helvetica, verdana, sans-serif; letter-spacing: 0.1em; text-transform: uppercase; font-weight: normal; list-style-type: none;}
.asset-tags ul {text-decoration: none; text-transform: lowercase; letter-spacing: 0; font-weight: normal; list-style-type: none;}
.asset-tags-list {margin: 0 0 0 3em; list-style-type: none;}
.asset-tags-list li {display: inline; padding-right: 5px;}
.asset-tags-list a {white-space: normal !important; text-decoration: none;}
.asset-tags-list a:hover {text-decoration: underline}
/* comments bar */
ul.asset-meta-list {clear: both; margin-top: 0.5em; padding: 0.5em 0; border-top: 1px dotted #bbbbbb; border-bottom: 1px dotted #bbbbbb; text-align: center; list-style-type: none;}
ul.asset-meta-list li.item {display: inline; margin: 0px 5px; padding: 0px; font-size: 10px; font-family: futura, "century gothic", helvetica, verdana, sans-serif; letter-spacing: 1px; text-transform: uppercase;}
li.asset-meta-comments {}
li.asset-meta-comments a {color: #555555; text-decoration: none;}
li.asset-meta-comments a:hover {text-decoration: underline;}
.prevnext, .prev, .next {padding: 5px 0px;}
/* date and time */
div.asset-header ul {margin: 0; padding: 0; letter-spacing: 0.1em;}
div.asset-header ul.asset-meta-list li.item {display: inline; float: right; margin: 0px 0px 5px 0px; padding: 2px 5px; border: 1px dotted #bbbbbb; border-top: 0px; text-align: center;}
/* ---------- SIDEBAR ---------- */
.widget {margin-bottom: 15px; }
.widget-header {padding: 5px 0px 0px 0px; color: #166DAA; font-size: 14px; font-family: futura, "century gothic", helvetica, verdana, sans-serif; font-weight: normal; letter-spacing: 0.1em; text-transform: uppercase;}
.about-me-widget .widget-header,
.typelist-widget .widget-header,
.archive-widget .widget-header,
.syndicate-widget .widget-header {padding-left: 10px; background: url(http://i14.photobucket.com/albums/a332/slayerme/icons2/sidebarbg.jpg) top left repeat-y; color: #166DAA; text-align: left;}
.calendar-widget .widget-header,
.categories-widget .widget-header,
.customtext-widget .widget-header,
.powered-widget .widget-header {padding-right: 10px; background: url(http://i14.photobucket.com/albums/a332/slayerme/icons2/sidebartitles.jpg) top left no-repeat; color: #ad5f55; text-align: right; height: 89px; padding-top: 33px; }
.widget a {color: #555555; text-decoration: none;}
.widget a:hover {color: #166DAA;}
.widget ul {list-style-type: none;}
.widget li.item a {padding-left: 18px; background: url() 3px 5px no-repeat transparent;}
.about-me-widget .widget-header a {background: url(http://i14.photobucket.com/albums/a332/slayerme/icons2/sidebartitles.jpg) top left no-repeat; color: #ad5f55; text-align: right; height: 89px; padding-top: 33px; }
.about-me-widget .widget-content {min-height: 110px; position: relative; text-align: right; padding: 10px; }
.about-me-widget .widget-content .user-pic {}
.about-me-widget dl.profile-list {position: absolute; top: 0px; left: 0px; padding-right: 0px; text-align: left;}
.about-me-widget dd {padding: 3px 0px;}
.about-me-widget dd.profile-username {text-transform: uppercase;}
.about-me-widget dd.profile-name a {font-weight: bold; text-decoration: underline;}
.calendar-widget {}
.calendar-widget table {width: 75%; margin-left: auto; margin-right: auto; font-size: 11px; text-align: center; }
.calendar-widget th {color: #166DAA;}
.calendar-widget th,
.calendar-widget td {border-bottom: 1px solid #bbbbbb;}
.calendar-widget p {margin: 0px; padding: 0px;}
.calendar-widget tr:first-child td {border: 0px;}
.calendar-widget tr:first-child a,
.calendar-widget tr:first-child a:hover {font-weight: bold;}
.calendar-widget .widget-footer {text-align: center;}
.categories-widget .widget-footer {text-align: right;}
.archive-widget ul li.item {padding-left: 18px; background: url() 3px 7px no-repeat transparent;}
.archive-widget ul li.item a {display: inline; margin: 0px; padding: 0px; border: 0px; background: none;}
.customtext-widget .widget-content {line-height: 180%;}
.powered-widget {display: none;}
/* leave this turned off otherwise it will credit someone else with the design */
.designed-widget {display: none;}
/* ---------- COMMENTS PAGE ---------- */
#comments {padding: 0px;}
div.comments-inner h2 {margin: 0px; padding: 1.5em 0 0 0; font-size: 1.4em; font-weight: normal;}
.comment {position: relative; min-height: 130px; margin-bottom: 3em; padding:0px; border-top: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb;}
.comments-nav {margin: 0px 0px 20px 0px; text-align:center;}
.comment-meta {padding: 5px 0px;}
.comment-meta .user-icon {position: relative; float: right; display: inline; padding-bottom: 10px;}
/* --- reply, freeze, screen, etc --- */
.comment-links {margin-top: 0.9em; color: #555555; font-size: 10px; font-family: futura, "century gothic", helvetica, verdana, sans-serif; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; text-align: right; }
.comment-links a {text-decoration: none;}
.comment-subject {font-weight: bold;}
.comment-date {margin-top: 0.9em; margin-bottom: 0.9em;}
/* Fix height in IE */
.comment {height: 1%;}
/* Quick Reply ---------------------------------------*/
.quickreply {margin-top: 1em; width:90%; padding-top: 5px; padding-bottom: 10px;}
#commenttext, #subject {width: 90%;}
#comment-form {width: 500px;}
/* ---------- ARCHIVES / TAGS PAGES ---------- */
ul.year {text-align: center; padding: 0px;}
ul.year li {display: inline; padding: 0px 5px;}
table.yeartable {width: 100%; margin-left: auto; margin-right: auto;}
table.yeartable td.yeardate, table.yeartable td.yearday {padding: 5px; border: 1px solid #bbbbbb;}
table.yeartable td.yearday {background-color: #efefef; text-align: center;}
td.yearmonth, td.yeardate a {font-size: 12px; font-family: futura, "century gothic", helvetica, verdana, sans-serif; letter-spacing: 0.1em; text-transform: uppercase;}
td.yearmonth a {font-weight: normal !important; text-decoration: none;}
td.yeardate a {font-size: 1.5em; text-decoration: none;}
dd.viewsubjects {margin: 0 0 .75em .75em;}
.lj-view-archive .asset-header, .lj-view-month .asset-header {margin: 0px; border: 0px; padding: 0px;}
.lj-view-archive .asset-body, .lj-view-month .asset-body {margin: 0px; border: 0px; padding: 10px 0px;}
.lj-view-month widget table {margin: 0px !important;}
.lj-view-tags #alpha ul {margin: 10px 0px 10px 20px;}
.lj-view-tags #alpha ul li {padding: 2px 0px;}
.lj-view-archive #alpha-inner,
.lj-view-month #alpha-inner,
.lj-view-tags #alpha-inner {padding-bottom: 60px; background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/fulcrum/55_footer.gif) bottom right no-repeat transparent;}
.lj-view-archive #footer,
.lj-view-month #footer,
.lj-view-tags #footer {height: 20px; background: none !important;}
/* ---------- MISC ---------- */
/* Sponsored Plus ---------------------------------------*/
#ad-5linkunit {clear: both;}
#ad-leaderboard {margin-bottom: 10px;}
/* Utility Code --------------------------------------------------- */
/* clear floats, inspired by positioniseverything.net/easyclearing.html */
.comment-body:after, #page-inner:after, #header-inner:after, #header-photo:after, #content-inner:after, #alpha-inner:after, #beta-inner:after, #gamma-inner:after, #delta-inner:after, #footer-inner:after, .widget .user-pic:after {content: "."; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0.1px;}
/* float in post bodies around enclosures */
#content-inner, .asset-body {height: 1%;}
/* Win IE < 7 */
* html #header-name a { word-wrap: break-word; }
/* ---------- CONTEXTUAL POP-UPS ---------- */
div.ContextualPopup div.Inner {padding: 5px; border: 1px solid #bbbbbb; background: #f3f3f3 !important; color: #555555 !important; text-align: left;}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {color: #166DAA !important; font-weight: bold !important; text-decoration: none !important; font-weight: normal;}
div.ContextualPopup div.Inner a:hover {color: #555555 !important; text-decoration: underline;}
div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus {color: #555555 !important; font-weight: bold !important;}
/* ---------------------
PLEASE PASTE ANY FURTHER
CSS OVERRIDES BELOW HERE
--------------------- */
The layout is here at my journal - remynisce
/* Template: (#55) Scotch at 10:30am v. Happier Hanukkah */
/* Date: November 22, 2008 */
/* S2 Style: Mix It */
/* Available at http://community.livejournal.com/thefulcrum/ */
/* Made by Liz a.k.a. grrliz.livejournal.com */
layerinfo source_viewable = 1;
* {margin: 0px; padding: 0px; }
html {font-size: 100%; /* IE hack */ }
body {
background: url(http://i14.photobucket.com/albums/a332/slayerme/icons2/greenstipebg.jpg) left top repeat-y #e9e6d3; color: #000000;
font-family: "Times New Roman", garamond, helvetica, arial, tahoma, serif;
font-size: 62.5%;
text-align: center; align: left; }
a, a:link, a:visited, a:active {color: #166DAA; font-weight: normal; text-decoration: underline; outline: none;}
a:hover {color: #555555;}
input, textarea, select {}
h1, h2, h3 {margin: 5px 0px; font-family: "century gothic", helvetica, verdana, sans-serif; text-transform: uppercase;}
font {font-family: inherit !important; color: inherit !important;}
/* ---------- PAGE STRUCTURE --------------- */
/* -- don't touch the stuff below -- */
#page, #header, #content, #footer {position: relative; top: 0;}
#alpha, #beta, #gamma {display: inline; float: left; position: relative; top: 0;}
#footer {margin: -1px 0 0 0; /* HACK - removes space between content and footer */}
#page-inner, #header-inner, #content-inner, #alpha-inner, #beta-inner, #gamma-inner, #footer-inner {position: static;}
#header-inner, #alpha-inner, #beta-inner, #gamma-inner {overflow: hidden; /* hide content that is larger than the element dimensions */}
#alpha-inner[id] { overflow: visible; } /* FF MAC & PC will clip pager-top when accessing page anchor */
/* -- don't touch the stuff above -- */
#container {position: relative; font-size: 1.2em; line-height: 1.75em;}
#header {height: 204px;}
#content {width: 821px; margin: 0px auto; text-align: left;}
#alpha {display: inline; width: 521px; background: url(http://i14.photobucket.com/albums/a332/slayerme/icons2/content.jpg) top right repeat-y transparent;}
.layout-tw #alpha {float: right;}
.layout-wt #alpha {float: left;}
#alpha-inner {padding: 0px 50px 20px 40px;}
#beta {display: inline; width: 201px;}
.layout-tw #beta {float: left;}
.layout-wt #beta {float: right;}
#beta-inner {margin-top: 0px;
background: url(http://i14.photobucket.com/albums/a332/slayerme/icons2/sidebarbg.jpg) top left repeat-y; margin-top: 110px;}
#footer {width: 821px; height: 70px; margin: 0px auto;}
.layout-tw #footer {background: url(http://i14.photobucket.com/albums/a332/slayerme/icons2/footer.jpg) top right no-repeat transparent;}
.layout-wt #footer {background: url(http://i14.photobucket.com/albums/a332/slayerme/icons2/footer.jpg) -5px 0px no-repeat transparent;}
/* ---------- HEADER ---------- */
#header-content {position: relative; width: 821px; height: 204px; margin: 0px auto; font-family: times new roman, "century gothic", garamond, verdana, serif; text-transform: uppercase;}
.layout-tw #header-content {background: url(http://i14.photobucket.com/albums/a332/slayerme/icons2/headerbg.jpg) no-repeat top right transparent; }
.layout-wt #header-content {background: url(http://i14.photobucket.com/albums/a332/slayerme/icons2/header.jpg) 7px 0px no-repeat transparent;}
ul.nav {width: 200px; padding-top: 20px; text-transform: uppercase; list-style-type: none;}
.layout-tw ul.nav {float: left; text-align: right;}
.layout-wt ul.nav {float: right; text-align: left;}
ul.nav a, li.view {font-size: 9px; letter-spacing: .5px; text-decoration: none;}
ul.nav a:hover {text-decoration: underline;}
/* journal title */
.layout-tw #header-name {position: absolute; bottom: 80px; right: 40px; font-size: 18px;}
.layout-wt #header-name {position: absolute; bottom: 80px; right: 320px; font-size: 18px;}
#header-name a {color: #166DAA; text-decoration: none;}
/* The journal subtitle code appears below. It is off by default. To turn it back on, simply remove the "display: none;" portion of the code. */
#header-description {display: none; position: absolute; bottom: 47px; font-size: 10px;}
.layout-tw #header-description {right: 40px;}
.layout-wt #header-description {right: 320px;}
/* ---------- ENTRIES ---------- */
/* previous and next links */
.stream-header {display: none;}
.stream-footer {clear: both; display: block; width: 100%; font-size: 12px; font-family: futura, "century gothic", helvetica, verdana, sans-serif; letter-spacing: 0.1em; text-transform: uppercase; list-style-type: none;}
.stream-footer a {color: #000000; text-decoration: none; letter-spacing: 0.1em;}
.stream-footer a:hover {color: #166DAA;}
/* entry container */
.asset {margin: 0px 0px 35px 0px;}
.asset-header ul.asset-meta-list {border: 0px;}
.lj-view-entry .asset-header {padding: 0;}
/* entry subject */
h2.page-header2 {margin: 0px; border-bottom: 1px dotted #bbbbbb; font-size: 15px; font-family: futura, "century gothic", helvetica, verdana, sans-serif; text-transform: uppercase;}
h2.page-header2 a, .lj-view-tags h2 {color: #166DAA; text-decoration: none;}
.lj-view-tags h2.page-header2 {padding: 1em 0; border-bottom: 1px dotted #bbbbbb; font-weight: normal;}
/* entry body, meta, tags */
.asset-content {padding-top: 1em;}
/* entry text */
.asset-body {clear: right; overflow-x: hidden;}
.asset-body a {text-decoration: underline; font-weight: bold;}
.asset-body ol, .asset-body ul {margin: 1em 3em;}
.asset-body ul {list-style-type: none;}
.asset-body ul li {padding-left: 15px; background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/fulcrum/55_bullet.gif) 0px 6px no-repeat transparent;}
.asset-body dt {padding: 5px 0px; border-bottom: 3px double #bbbbbb; font-weight: bold; text-transform: uppercase;}
.asset-body dd {margin-left: 35px; padding: 10px; border: 1px solid #bbbbbb; border-top: 0px;}
/* userpic */
.user-icon {display: inline; float: right; padding-top: 1em; background: transparent !important; text-align: center;}
.user-icon span {background: transparent !important;}
.user-icon span a {color: #166DAA !important;}
.user-icon img {margin: 0px 0px 0px 10px; padding: 5px; border: 1px dotted #bbbbbb; background: #000000;}
.ljuser {display: inline !important;}
.ljuser a img {margin: 0px; padding: 0px; background: transparent !important; font-weight: normal; text-decoration: none;}
/* mood, music, location */
.lj-currents ul {margin-top: 0.5em; padding-top: 0.5em; border-top: 1px dotted #bbbbbb; text-decoration: none; text-transform: lowercase; letter-spacing: 0; font-weight: normal; list-style-type: none;}
.lj-currents ul li {display: inline; margin-right: 1em;}
.lj-currents span.entryMetadata-label {padding: 0.5em 0.2em 0 0; font-size: 1em; font-family: futura, "century gothic", helvetica, verdana, sans-serif; letter-spacing: 0.1em; text-transform: uppercase; font-weight: normal; list-style-type: none;}
.lj-currents ul li a {text-decoration: none;}
.lj-currents ul li a:hover {text-decoration: underline}
/* tags */
.asset-tags {text-transform: lowercase;}
.asset-tags-header {display: block; float: left; width: 3em; /* matches .asset-tags-content width */ height: 100% !important; padding: 0px 5px 5px 0px; font-size: 1em !important; color: #555555; font-size: 1em; font-family: futura, "century gothic", helvetica, verdana, sans-serif; letter-spacing: 0.1em; text-transform: uppercase; font-weight: normal; list-style-type: none;}
.asset-tags ul {text-decoration: none; text-transform: lowercase; letter-spacing: 0; font-weight: normal; list-style-type: none;}
.asset-tags-list {margin: 0 0 0 3em; list-style-type: none;}
.asset-tags-list li {display: inline; padding-right: 5px;}
.asset-tags-list a {white-space: normal !important; text-decoration: none;}
.asset-tags-list a:hover {text-decoration: underline}
/* comments bar */
ul.asset-meta-list {clear: both; margin-top: 0.5em; padding: 0.5em 0; border-top: 1px dotted #bbbbbb; border-bottom: 1px dotted #bbbbbb; text-align: center; list-style-type: none;}
ul.asset-meta-list li.item {display: inline; margin: 0px 5px; padding: 0px; font-size: 10px; font-family: futura, "century gothic", helvetica, verdana, sans-serif; letter-spacing: 1px; text-transform: uppercase;}
li.asset-meta-comments {}
li.asset-meta-comments a {color: #555555; text-decoration: none;}
li.asset-meta-comments a:hover {text-decoration: underline;}
.prevnext, .prev, .next {padding: 5px 0px;}
/* date and time */
div.asset-header ul {margin: 0; padding: 0; letter-spacing: 0.1em;}
div.asset-header ul.asset-meta-list li.item {display: inline; float: right; margin: 0px 0px 5px 0px; padding: 2px 5px; border: 1px dotted #bbbbbb; border-top: 0px; text-align: center;}
/* ---------- SIDEBAR ---------- */
.widget {margin-bottom: 15px; }
.widget-header {padding: 5px 0px 0px 0px; color: #166DAA; font-size: 14px; font-family: futura, "century gothic", helvetica, verdana, sans-serif; font-weight: normal; letter-spacing: 0.1em; text-transform: uppercase;}
.about-me-widget .widget-header,
.typelist-widget .widget-header,
.archive-widget .widget-header,
.syndicate-widget .widget-header {padding-left: 10px; background: url(http://i14.photobucket.com/albums/a332/slayerme/icons2/sidebarbg.jpg) top left repeat-y; color: #166DAA; text-align: left;}
.calendar-widget .widget-header,
.categories-widget .widget-header,
.customtext-widget .widget-header,
.powered-widget .widget-header {padding-right: 10px; background: url(http://i14.photobucket.com/albums/a332/slayerme/icons2/sidebartitles.jpg) top left no-repeat; color: #ad5f55; text-align: right; height: 89px; padding-top: 33px; }
.widget a {color: #555555; text-decoration: none;}
.widget a:hover {color: #166DAA;}
.widget ul {list-style-type: none;}
.widget li.item a {padding-left: 18px; background: url() 3px 5px no-repeat transparent;}
.about-me-widget .widget-header a {background: url(http://i14.photobucket.com/albums/a332/slayerme/icons2/sidebartitles.jpg) top left no-repeat; color: #ad5f55; text-align: right; height: 89px; padding-top: 33px; }
.about-me-widget .widget-content {min-height: 110px; position: relative; text-align: right; padding: 10px; }
.about-me-widget .widget-content .user-pic {}
.about-me-widget dl.profile-list {position: absolute; top: 0px; left: 0px; padding-right: 0px; text-align: left;}
.about-me-widget dd {padding: 3px 0px;}
.about-me-widget dd.profile-username {text-transform: uppercase;}
.about-me-widget dd.profile-name a {font-weight: bold; text-decoration: underline;}
.calendar-widget {}
.calendar-widget table {width: 75%; margin-left: auto; margin-right: auto; font-size: 11px; text-align: center; }
.calendar-widget th {color: #166DAA;}
.calendar-widget th,
.calendar-widget td {border-bottom: 1px solid #bbbbbb;}
.calendar-widget p {margin: 0px; padding: 0px;}
.calendar-widget tr:first-child td {border: 0px;}
.calendar-widget tr:first-child a,
.calendar-widget tr:first-child a:hover {font-weight: bold;}
.calendar-widget .widget-footer {text-align: center;}
.categories-widget .widget-footer {text-align: right;}
.archive-widget ul li.item {padding-left: 18px; background: url() 3px 7px no-repeat transparent;}
.archive-widget ul li.item a {display: inline; margin: 0px; padding: 0px; border: 0px; background: none;}
.customtext-widget .widget-content {line-height: 180%;}
.powered-widget {display: none;}
/* leave this turned off otherwise it will credit someone else with the design */
.designed-widget {display: none;}
/* ---------- COMMENTS PAGE ---------- */
#comments {padding: 0px;}
div.comments-inner h2 {margin: 0px; padding: 1.5em 0 0 0; font-size: 1.4em; font-weight: normal;}
.comment {position: relative; min-height: 130px; margin-bottom: 3em; padding:0px; border-top: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb;}
.comments-nav {margin: 0px 0px 20px 0px; text-align:center;}
.comment-meta {padding: 5px 0px;}
.comment-meta .user-icon {position: relative; float: right; display: inline; padding-bottom: 10px;}
/* --- reply, freeze, screen, etc --- */
.comment-links {margin-top: 0.9em; color: #555555; font-size: 10px; font-family: futura, "century gothic", helvetica, verdana, sans-serif; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; text-align: right; }
.comment-links a {text-decoration: none;}
.comment-subject {font-weight: bold;}
.comment-date {margin-top: 0.9em; margin-bottom: 0.9em;}
/* Fix height in IE */
.comment {height: 1%;}
/* Quick Reply ---------------------------------------*/
.quickreply {margin-top: 1em; width:90%; padding-top: 5px; padding-bottom: 10px;}
#commenttext, #subject {width: 90%;}
#comment-form {width: 500px;}
/* ---------- ARCHIVES / TAGS PAGES ---------- */
ul.year {text-align: center; padding: 0px;}
ul.year li {display: inline; padding: 0px 5px;}
table.yeartable {width: 100%; margin-left: auto; margin-right: auto;}
table.yeartable td.yeardate, table.yeartable td.yearday {padding: 5px; border: 1px solid #bbbbbb;}
table.yeartable td.yearday {background-color: #efefef; text-align: center;}
td.yearmonth, td.yeardate a {font-size: 12px; font-family: futura, "century gothic", helvetica, verdana, sans-serif; letter-spacing: 0.1em; text-transform: uppercase;}
td.yearmonth a {font-weight: normal !important; text-decoration: none;}
td.yeardate a {font-size: 1.5em; text-decoration: none;}
dd.viewsubjects {margin: 0 0 .75em .75em;}
.lj-view-archive .asset-header, .lj-view-month .asset-header {margin: 0px; border: 0px; padding: 0px;}
.lj-view-archive .asset-body, .lj-view-month .asset-body {margin: 0px; border: 0px; padding: 10px 0px;}
.lj-view-month widget table {margin: 0px !important;}
.lj-view-tags #alpha ul {margin: 10px 0px 10px 20px;}
.lj-view-tags #alpha ul li {padding: 2px 0px;}
.lj-view-archive #alpha-inner,
.lj-view-month #alpha-inner,
.lj-view-tags #alpha-inner {padding-bottom: 60px; background: url(http://img.photobucket.com/albums/v388/grrliz/other/layouts/fulcrum/55_footer.gif) bottom right no-repeat transparent;}
.lj-view-archive #footer,
.lj-view-month #footer,
.lj-view-tags #footer {height: 20px; background: none !important;}
/* ---------- MISC ---------- */
/* Sponsored Plus ---------------------------------------*/
#ad-5linkunit {clear: both;}
#ad-leaderboard {margin-bottom: 10px;}
/* Utility Code --------------------------------------------------- */
/* clear floats, inspired by positioniseverything.net/easyclearing.html */
.comment-body:after, #page-inner:after, #header-inner:after, #header-photo:after, #content-inner:after, #alpha-inner:after, #beta-inner:after, #gamma-inner:after, #delta-inner:after, #footer-inner:after, .widget .user-pic:after {content: "."; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0.1px;}
/* float in post bodies around enclosures */
#content-inner, .asset-body {height: 1%;}
/* Win IE < 7 */
* html #header-name a { word-wrap: break-word; }
/* ---------- CONTEXTUAL POP-UPS ---------- */
div.ContextualPopup div.Inner {padding: 5px; border: 1px solid #bbbbbb; background: #f3f3f3 !important; color: #555555 !important; text-align: left;}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {color: #166DAA !important; font-weight: bold !important; text-decoration: none !important; font-weight: normal;}
div.ContextualPopup div.Inner a:hover {color: #555555 !important; text-decoration: underline;}
div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus {color: #555555 !important; font-weight: bold !important;}
/* ---------------------
PLEASE PASTE ANY FURTHER
CSS OVERRIDES BELOW HERE
--------------------- */