style_system | May. 15th, 2013

I've found a livejournal layout that I really enjoy and have customized it to the best of my ability. The problem comes in when I tried to use the lighter style for a different purpose. Almost everything is perfect and just the way I want it, except for trying to 'reply to' from any email notifications I get.

With the darker theme, this is the way it looks for a reply.
1: When I reply directly from the comment page itself.
2: When I reply with the 'reply to' function from my email.

The lighter one has the problem of the subject box and the comment box itself not being separately outlined from the background, but only on the 'reply to' page.
1: When I reply directly from the comment page itself.
2: When I reply with the 'reply to' function from my email.

As you can see, the page is just a wash of light. I realize that changing the background of the comment page itself might be one way to change it, but that would carry over into the regular comment page and ruin the look of the layout. I'd really prefer just to color in the reply box (and possibly the subject bar and maybe the buttons) on the 'reply to' page alone.

The Layouts
Light:

/*--Hanky Panky Light by Tessisamess--*/
/*--Made On: June 2012--*/
/*--S2 Style: Flexible Squares--*/

body	{
		background: #eee url() center repeat fixed;
		color: #fff;
		font-family: Tahoma;
		line-height: 175%;
		font-size: 11px;
		margin: 20px 0 20px 0;
		}

a, a:link, a:visited {
		color: #999999;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

a:hover {
		color: #6699FF;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

p, td, blockquote {
	    	font-size: 11px;
		}

blockquote {
		background: #eee;
		color: #333;
		padding: 15px;
		-webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.3);
		box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.3);
		}

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

h1 {
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -3px !important;
		font-size: 25px;
		font-weight: bold;
		margin-bottom: 0px;
		}

h2 {
		color: #6699FF;
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -3px !important;
		font-size: 22px;
		font-weight: bold;
		margin-bottom: -8px;
		}

h3 {
		color: #6699FF;
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -2px !important;
		font-size: 19px;
		font-weight: bold;
		margin-bottom: -2px;
		}

h4 {
		color: #6699FF;
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -2px !important;
		font-size: 17px;
		font-weight: bold;
		margin-bottom: -1px;
		}

h5 {
		color: #6699FF;
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -1px !important;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: -8px;
		}

hr {
		display: none;
		}

img { 
		max-width: 600px;
		}

/*--GENERAL--*/

#content {
		width: 80%;
		min-width: 900px;
		margin-left: auto; 
		margin-right: auto;
		background: transparent;
		border: none;
		padding: 15px;
		}

#maincontent {
		margin-top: 45px;
		font-family: Tahoma;
		font-size: 11px;
		background: transparent;
		color: #444;
		border: none;
		margin-right: 210px;
		text-align: left;
		}

#sidebar {

padding-top: 0px;
		margin-top: 30px;
		background: transparent;
		border: none;
	  	font-size: 11px;
	  	color: #444;
		width: 200px;
		float: right;
		text-align: left;
		}

/*--HEADER--*/

#header {
		width: 100%;
		padding: 10px 0px 20px 0px;
		margin: 0px;
		text-align: right;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px;
		color: #ccc;
		font-size: 25px;
		font-weight: bold;
		border: none;
		background: transparent;
		}

div#header li a:hover {
		color: #6699FF !important;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#header li + li a:hover {
		color: #6699FF !important;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#header li + li + li a:hover {
		color: #6699FF !important;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#header li + li + li + li a:hover {
		color: #6699FF !important;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#header li + li + li + li + li a:hover {
		color: #6699FF !important;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#header a, div#header a:link, div#header a:visited {
		color: #ccc;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.title	{ 
		display: none;
		}

.subtitle{
		display: none;
		}

/*--HEADER NAV--*/

ul.navheader
		{
		padding: 0px;
		margin: 0px;
		}

ul.navheader li  {
		display: inline;
		padding: 0 3px 0 3px;
		}

/*--ENTRIES--*/

.subcontent {
		background: #ddd;
		border-bottom: 7px solid #ddd;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.subcontent:hover {
		border-bottom: 7px solid #6699FF;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.entry	{
		margin: 0px 10px 10px 30px;
		padding: 10px;
		background: #ddd;
		color: #444;
		font-family: Tahoma;
		font-size: 11px;
		text-align: left;
		border: none;
		}

.userpic {
		position: relative;
		float: left;
		background: transparent;
		padding: 0px;
		margin-left: -110px !important;
		margin-top: 20px;
		margin-right: 10px;
		z-index: 0;
		border: none;
		}

.userpic img {
		width: normal;
		height: normal;
		border: 5px solid #ddd;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.userpicfriends {
		position: relative;
		float: left;
		background: transparent !important;
		padding: 0px;
		margin-left: -110px !important;
		margin-top: 20px;
		margin-right: 10px;
		z-index: 0;
		border: none;
		}

.userpicfriends img {
		width: normal;
		height: normal;
		border: 5px solid #ddd;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.userpic img:hover {
		border: 5px solid #6699FF !important;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

userpicfriends img:hover {
		border: 5px solid #6699FF !important;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.userpicfriends a font { 
		text-align: center !important;
		background: transparent; 
		color: #333; 
		font-family: arial; 
		font-size: 9px; 
		font-weight: normal !important; 
		}

.date {
		line-height: 200%;
		top: 5px;
		padding-right: 10px;
		font-family: arial black;
		text-align: right;
		text-transform: normal;
		letter-spacing: -3px !important;
		color: #ccc;
		font-size: 20px;
		margin-bottom: -20px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.date:hover { 
		color: #999; 
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.subject {
		font-weight: normal;
		padding: 10px;
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -3px !important;
		color: #555;
		font-size: 27px;
		}

.subject a, .subject a:link, .subject a:visited {
		color: #555;
		}

.subject a:hover {
		color: #6699FF;
		}

.datesubject {
		background: transparent;
		padding: 5px;
		}

.entry ul li {
		padding-left: 5px;
		margin-left: 15px;
		}

.entry ol li {
		padding-left: 5px;
		margin-left: 15px;
		}

/*--CURRENTS--*/

.currents, .currentmood, .currentmusic {
		font-family: arial black;
		font-size: 11px;
		margin-top: -10px;
		text-transform: lowercase;
		}

.currents {
		margin-left: -22px;
		}

.ljtags { 
		font-family: arial black;
		margin-top: 30px;
		margin-left: -22px;
		text-transform: lowercase;
		}

/*--COMMENTBAR--*/

.comments {
		text-align: right;
		background-color: transparent;
		padding: 0px 0px 16px 0px;
		position: relative;
		top: 15px;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px !important;
		color: #555;
		font-size: 21px;
		}

div.comments a, div.comments a:link, div.comments a:visited {
		color: #555;
		}

div.comments a:hover {
		color: #6699FF;
		text-decoration: none;
		}

/*--SEPARATOR--*/

.separator {
		background: #eee;
		height: 35px;
		}

/*--SIDEBAR--*/

.defaultuserpic {
		text-align: center;
		}

.sbarheader {
		padding: 0px 5px 0px 5px;
		}

.sbarbody {
		padding: 0px 5px 0px 5px;
		}

.sbarbody2 {
		padding: 0 15px 0 15px;
		}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
                 color: #222;
		}

div#sidebar a:hover {
		color: #6699FF !important;
		text-decoration: none;
		}

/*--SIDEBAR CALENDAR--*/

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

.sbarcalendar {
		border: none;
		text-align: center;
		font-family: Tahoma;
		font-size: 11px;
		}

.sbarcalendarposts {
		border: 1px dashed #f5f5f5;
		background-color: #ddd;
		text-align: center;
		font-family: Tahoma;
		font-size: 11px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.sbarcalendarposts:hover {
		border: 1px dashed #6699FF;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

/*--SIDEBAR TITLES & LINKS--*/

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

li.sbaritem {
		padding-left: 15px;
		list-style: none;
		border-bottom: 1px dashed #ddd;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

li.sbaritem:hover {
		border-bottom: 1px dashed #6699FF;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

li.sbartitle {
		padding-left: 0px;
		list-style: none;
		border: none;
		background: transparent;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px !important;
		color: #ccc;
		font-size: 25px;
		margin-bottom: 10px;
		margin-top: 10px;
		}

/*--FOOTER--*/

div#footer a, div#footer a:link, div#footer a:visited {
		color: #999;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#footer a:hover {
		color: #6699FF;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

#footer {
		font-family: arial black;
		font-size: 20px;
		letter-spacing: -1px !important;
		bottom: 0px;
		background: #ccc;
		color: #eee;
		padding: 5px 0;
		position: fixed;
		right: 0;
		text-align: center;
		width: 100%;
		z-index: 0;
		border-bottom: 0px solid #6699FF;
		-webkit-border-radius: 5px 5px 0px 0px;
		border-radius: 5px 5px 0px 0px;
		-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		-webkit-transition: all 0.8s ease-in-out;
		-moz-transition: all 0.8s ease-in-out;
		-ms-transition: all 0.8s ease-in-out;
		-o-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out;
		}

#footer:hover {
		padding: 8px 0;
		border-bottom: 10px solid #6699FF;
		-webkit-transition: all 0.8s ease-in-out;
		-moz-transition: all 0.8s ease-in-out;
		-ms-transition: all 0.8s ease-in-out;
		-o-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out;
		}

ul.navfooter {
		padding: 0px;
		margin: 0px;
		}

ul.navfooter li {
		display: inline;
		margin: 0 5px 0 5px;
		}

.clearfoot {
		clear: both;
		}

/*--ARCHIVE--*/

ul.year {
		text-align: left;
		padding-bottom: 40px;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px;
		color: #ccc;
		font-size: 28px;
		font-weight: bold;
		}

ul.year li {
		display: inline;
		}

table.yeartable {
		background: #ddd;
		padding: 20px;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		}

table.yeartable td.yeardate, table.yeartable td.yearday {
		border: none;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px;
		color: #999;
		font-size: 17px;
		font-weight: bold;
		}

table.yeartable td.yearday {
		background: transparent;
		text-align: center;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px;
		color: #999;
		font-size: 26px;
		font-weight: bold;
		}

td.yearmonth {
		padding-bottom: 20px;
		border-style: none;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px;
		color: #ccc;
		font-size: 23px;
		font-weight: bold;
		}

/*--COMMENT PAGE--*/

.datesubjectcomment {
		background-color: #eee;
		padding: 5px;
		margin-top: 20px;
		}

.userpiccomment {
		position: relative;
		border: none;
		top: -20px;
		left: 0px;
		padding: 0px;
		margin: 10px 10px -20px -110px;
		z-index: 0;
		float: left;
		width: normal !important;
		height: normal !important;
		border: 5px solid #ddd !important;
		-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.userpiccomment:hover {
		border: 5px solid #6699FF !important;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.box {
		border: none;
		padding: 10px;
		clear: left;
		}

input, textarea {
		border: none;
		background: #eee;
		color: #555;
		padding: 3px;
		}

textarea.textbox  {
          	width: 100% !important;
   		}

.reply	{
		position: relative;
		margin: 20px 30px 10px 30px;
		padding: 25px 10px 10px 10px;
		text-align: left;
		font-family: Tahoma;
		font-size: 11px;
		line-height: 125%;
		background-color: #111;
		color: #fff;
		}

.replytosubject {
		font-weight: bold;
		}

.commentreply {
		position: relative;
		margin: 10px;
		font-size: 11px;
		font-family: tahoma;
		color: #444;
		}

.commentbox {
		border-bottom: 7px solid #ddd;
		padding: 10px;
		margin: 10px;
		background: #ddd;
		}

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

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

.commentboxpartial {
		border: none;
		padding: 10px;
		margin: 10px;
		background-color: #ddd;
		border-bottom: 7px solid #ddd;
		}

.commentinfo {
		background-color: #111;
		margin-top: 10px;
		width: 100%;
		}

.skiplinks {
		text-align: center;
		}

/*--MISC--*/

.lj-view-tags #maincontent > h2 {
		font-size: 25px; 
		font-family: arial black; 
		color: #222;
		padding-bottom: 20px; 
		}

.ljtaglist { 
		list-style-type: none; 
		margin-left: -25px;
		}

.clear {
		height: 15px;
		}

/* Generated by Malionette's Tiny Icon Generator */

img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i.imgur.com/ZIiIJ.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i.imgur.com/H9iwO.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i.imgur.com/qBKYp.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i.imgur.com/jM7eU.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_groups.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i.imgur.com/qBKYp.png) no-repeat !important; padding: 16px 0 0 16px !important; }

img[src*="img/icon_sticky.png"] {
		width: 0 !important; 
		height: 0 !important;
		background: transparent url(http://i.imgur.com/uXMmw.png) no-repeat !important; 
		padding: 16px 0 0 17px !important; 
		}

/*--CONTROL STRIP--*/

.w-cs {
		background: #ccc;
		color: #ccc !important;
		-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		}

.w-cs A:link, .w-cs A:visited, .w-cs A:active {
		color: #111 !important;
		}

.w-cs A:hover {
		color: #6699FF !important;
		}

.w-cs .w-cs-userinfo {
		color: #ccc !important;
		background: #ccc;
		border-style: none;
		-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		}

.w-cs .w-cs-summary {
		background: #eee;
		}

.w-cs .w-cs-summary LI.w-cs-i-tokens {
		border: none;
		}

.w-cs .w-cs-status p {
		color: #333;
		}

Dark:

/*--Hanky Panky Dark by Tessisamess--*/
/*--Made On: June 2012--*/
/*--S2 Style: Flexible Squares--*/

body	{
		background: #171717 url() center repeat fixed;
		color: #000;
		font-family: Tahoma;
		line-height: 175%;
		font-size: 11px;
		margin: 20px 0 20px 0;
		}

a, a:link, a:visited {
		color: #eee;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

a:hover {
		color: #910033;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

p, td, blockquote {
	    	font-size: 11px;
		}

blockquote {
		background: #171717;
		color: #aaa;
		padding: 15px;
		-webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.3);
		box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.3);
		}

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

h1 {
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -3px !important;
		font-size: 25px;
		font-weight: bold;
		margin-bottom: 0px;
		}

h2 {
		color: #910033;
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -3px !important;
		font-size: 22px;
		font-weight: bold;
		margin-bottom: -8px;
		}

h3 {
		color: #910033;
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -2px !important;
		font-size: 19px;
		font-weight: bold;
		margin-bottom: -2px;
		}

h4 {
		color: #910033;
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -2px !important;
		font-size: 17px;
		font-weight: bold;
		margin-bottom: -1px;
		}

h5 {
		color: #910033;
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -1px !important;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: -8px;
		}

hr {
		display: none;
		}

img { 
		max-width: 600px;
		}

/*--GENERAL--*/

#content {
		width: 80%;
		min-width: 900px;
		margin-left: auto; 
		margin-right: auto;
		background: transparent;
		border: none;
		padding: 15px;
		}

#maincontent {
		margin-top: 45px;
		font-family: Tahoma;
		font-size: 11px;
		background: transparent;
		color: #999;
		border: none;
		margin-right: 210px;
		text-align: left;
		}

#sidebar {

padding-top: 0px;
		margin-top: 30px;
		background: transparent;
		border: none;
	  	font-size: 11px;
	  	color: #999;
		width: 200px;
		float: right;
		text-align: left;
		}

/*--HEADER--*/

#header {
		width: 100%;
		padding: 10px 0px 20px 0px;
		margin: 0px;
		text-align: right;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px;
		color: #333;
		font-size: 25px;
		font-weight: bold;
		border: none;
		background: transparent;
		}

div#header li a:hover {
		color: #910033 !important;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#header li + li a:hover {
		color: #910033 !important;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#header li + li + li a:hover {
		color: #910033 !important;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#header li + li + li + li a:hover {
		color: #910033 !important;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#header li + li + li + li + li a:hover {
		color: #910033 !important;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#header a, div#header a:link, div#header a:visited {
		color: #333;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.title	{ 
		display: none;
		}

.subtitle{
		display: none;
		}

/*--HEADER NAV--*/

ul.navheader
		{
		padding: 0px;
		margin: 0px;
		}

ul.navheader li  {
		display: inline;
		padding: 0 3px 0 3px;
		}

/*--ENTRIES--*/

.subcontent {
		background: #222;
		border-bottom: 7px solid #444;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.subcontent:hover {
		border-bottom: 7px solid #910033;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.entry	{
		margin: 0px 10px 10px 30px;
		padding: 10px;
		background: #222;
		color: #999;
		font-family: Tahoma;
		font-size: 11px;
		text-align: left;
		border: none;
		}

.userpic img {
		width: normal;
		height: normal;
		border: 5px solid #222;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.userpicfriends img {
		width: normal;
		height: normal;
		border: 5px solid #222;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.userpic img:hover {
		border: 5px solid #910033 !important;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

userpicfriends img:hover {
		border: 5px solid #910033 !important;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.userpicfriends a font { 
		text-align: center !important;
		background: transparent; 
		color: #bbb; 
		font-family: arial; 
		font-size: 9px; 
		font-weight: normal !important; 
		}

.date {
		line-height: 200%;
		top: 5px;
		padding-right: 10px;
		font-family: arial black;
		text-align: right;
		text-transform: normal;
		letter-spacing: -3px !important;
		color: #1B1B1B;
		font-size: 18px;
		margin-bottom: -20px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.date:hover { 
		color: #444; 
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.subject {
		font-weight: normal;
		padding: 10px;
		font-family: arial black;
		text-transform: normal;
		letter-spacing: -3px !important;
		color: #888;
		font-size: 27px;
		}

.subject a, .subject a:link, .subject a:visited {
		color: #888;
		}

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

.datesubject {
		background: transparent;
		padding: 5px;
		}

.entry ul li {
		padding-left: 5px;
		margin-left: 15px;
		}

.entry ol li {
		padding-left: 5px;
		margin-left: 15px;
		}

/*--CURRENTS--*/

.currents, .currentmood, .currentmusic {
		font-family: arial black;
		font-size: 11px;
		margin-top: -10px;
		text-transform: lowercase;
		}

.currents {
		margin-left: -22px;
		}

.ljtags { 
		font-family: arial black;
		margin-top: 30px;
		margin-left: -22px;
		text-transform: lowercase;
		}

/*--COMMENTBAR--*/

div.comments a, div.comments a:link, div.comments a:visited {
		color: #888;
		}

div.comments a:hover {
		color: #910033;
		text-decoration: none;
		}

/*--SEPARATOR--*/

.separator {
		background: #171717;
		height: 35px;
		}

/*--SIDEBAR--*/

.defaultuserpic {
		text-align: center;
		}

.sbarheader {
		padding: 0px 5px 0px 5px;
		}

.sbarbody {
		padding: 0px 5px 0px 5px;
		}

.sbarbody2 {
		padding: 0 15px 0 15px;
		}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
                 color: #ccc;
		}

div#sidebar a:hover {
		color: #910033 !important;
		text-decoration: none;
		}

/*--SIDEBAR CALENDAR--*/

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

.sbarcalendar {
		border: none;
		text-align: center;
		font-family: Tahoma;
		font-size: 11px;
		}

.sbarcalendarposts {
		border: 1px dashed #111;
		background-color: #222;
		text-align: center;
		font-family: Tahoma;
		font-size: 11px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.sbarcalendarposts:hover {
		border: 1px dashed #EF3C7B;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

/*--SIDEBAR TITLES & LINKS--*/

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

li.sbaritem {
		padding-left: 15px;
		list-style: none;
		border-bottom: 1px dashed #111;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

li.sbaritem:hover {
		border-bottom: 1px dashed #910033;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

li.sbartitle {
		padding-left: 0px;
		list-style: none;
		border: none;
		background: transparent;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px !important;
		color: #333;
		font-size: 25px;
		margin-bottom: 10px;
		margin-top: 10px;
		}

/*--FOOTER--*/

div#footer a, div#footer a:link, div#footer a:visited {
		color: #555;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

div#footer a:hover {
		color: #910033;
		text-decoration: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

#footer {
		font-family: arial black;
		font-size: 20px;
		letter-spacing: -1px !important;
		bottom: 0px;
		background: #333;
		color: #171717;
		padding: 5px 0;
		position: fixed;
		right: 0;
		text-align: center;
		width: 100%;
		z-index: 0;
		border-bottom: 0px solid #910033;
		-webkit-border-radius: 5px 5px 0px 0px;
		border-radius: 5px 5px 0px 0px;
		-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		-webkit-transition: all 0.8s ease-in-out;
		-moz-transition: all 0.8s ease-in-out;
		-ms-transition: all 0.8s ease-in-out;
		-o-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out;
		}

#footer:hover {
		padding: 8px 0;
		border-bottom: 10px solid #910033;
		-webkit-transition: all 0.8s ease-in-out;
		-moz-transition: all 0.8s ease-in-out;
		-ms-transition: all 0.8s ease-in-out;
		-o-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out;
		}

ul.navfooter {
		padding: 0px;
		margin: 0px;
		}

ul.navfooter li {
		display: inline;
		margin: 0 5px 0 5px;
		}

.clearfoot {
		clear: both;
		}

/*--ARCHIVE--*/

ul.year {
		text-align: left;
		padding-bottom: 40px;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px;
		color: #333;
		font-size: 28px;
		font-weight: bold;
		}

ul.year li {
		display: inline;
		}

table.yeartable {
		background: #222;
		padding: 20px;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		}

table.yeartable td.yeardate, table.yeartable td.yearday {
		border: none;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px;
		color: #555;
		font-size: 17px;
		font-weight: bold;
		}

table.yeartable td.yearday {
		background: transparent;
		text-align: center;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px;
		color: #555;
		font-size: 26px;
		font-weight: bold;
		}

td.yearmonth {
		padding-bottom: 20px;
		border-style: none;
		font-family: arial black;
		text-transform: lowercase;
		letter-spacing: -3px;
		color: #333;
		font-size: 23px;
		font-weight: bold;
		}

/*--COMMENT PAGE--*/

.datesubjectcomment {
		background-color: #171717;
		padding: 5px;
		margin-top: 20px;
		}

.userpiccomment {
		position: relative;
		border: none;
		top: -20px;
		left: 0px;
		padding: 0px;
		margin: 10px 10px -20px -110px;
		z-index: 0;
		float: left;
		width: normal !important;
		height: normal !important;
		border: 5px solid #222 !important;
		-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.userpiccomment:hover {
		border: 5px solid #910033 !important;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}

.box {
		border: none;
		padding: 10px;
		clear: left;
		}

input, textarea {
		border: none;
		background: #444;
		color: #aaa;
		padding: 3px;
		}

textarea.textbox  {
          	width: 100% !important;
   		}

.replytosubject {
		font-weight: bold;
		}

.commentreply {
		position: relative;
		margin: 10px;
		font-size: 11px;
		font-family: tahoma;
		color: #999;
		}

.commentbox {
		border-bottom: 7px solid #444;
		padding: 10px;
		margin: 10px;
		background: #222;
		}

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

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

.commentboxpartial {
		border: none;
		padding: 10px;
		margin: 10px;
		background-color: #222;
		border-bottom: 7px solid #444;
		}

.commentinfo {
		background-color: #ccc;
		margin-top: 10px;
		width: 100%;
		}

.skiplinks {
		text-align: center;
		}

/*--MISC--*/

.lj-view-tags #maincontent > h2 {
		font-size: 25px; 
		font-family: arial black; 
		color: #ccc;
		padding-bottom: 20px; 
		}

.ljtaglist { 
		list-style-type: none; 
		margin-left: -25px;
		}

.clear {
		height: 15px;
		}

/* Generated by Malionette's Tiny Icon Generator */

img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://pics.livejournal.com/tesspreview/pic/0000kwxz) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://pics.livejournal.com/tesspreview/pic/0000pbb7) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://pics.livejournal.com/tesspreview/pic/0000sx65) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://pics.livejournal.com/tesspreview/pic/0000r8zh) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_groups.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://pics.livejournal.com/tesspreview/pic/0000sx65) no-repeat !important; padding: 16px 0 0 16px !important; }

img[src*="img/icon_sticky.png"] {
		width: 0 !important; 
		height: 0 !important;
		background: transparent url(http://pics.livejournal.com/tesspreview/pic/0000qx5s) no-repeat !important; 
		padding: 16px 0 0 17px !important; 
		}

/*--CONTROL STRIP--*/

.w-cs {
		background: #222;
		color: #ccc !important;
		-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		}

.w-cs A:link, .w-cs A:visited, .w-cs A:active {
		color: #f5f5f5 !important;
		}

.w-cs A:hover {
		color: #910033 !important;
		}

.w-cs .w-cs-userinfo {
		color: #ccc !important;
		background: #222;
		border-style: none;
		-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
		}

.w-cs .w-cs-summary {
		background: #171717;
		}

.w-cs .w-cs-summary LI.w-cs-i-tokens {
		border: none;
		}

.w-cs .w-cs-status p {
		color: #bbb;
		}

Any help at all would be greatly appreciated. Thank you.

Dreamwidth style system discussion

May. 15th, 2013

May. 15th, 2013

Tweaking a Livejournal layout

Profile

September 2025

Links

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags