visualwit | LAYOUT 17: Seamless (TABULA RASA)

/*-- Seamless (Tabula Rasa) --*/
/*--  select "2 Column (sidebar on right)" --*/
/*-- stylesheet by arobynsung @ visualwit for DW --*/

/*--- main ---*/

* {
		margin: 0px; 
		padding: 0px;
		}

BODY { 
		background-image: url(''); 
		background-color: #F4F5E6;
		color: #6C5C5C; 
		font-size: 11px; 
		margin: 70px 0px 0px 0px; 
		font-family: arial, sans-serif;
		}

a { 
		color: #E86197;
		text-decoration: none;
		}

a:hover {
		color: #82D4BA;
		}

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

input, textarea {
		background-color: #fefff0;
		color: #857575;
		border: 1px solid #857575;
		}

::-moz-selection { 
		background-color: #E86197; 
		color: #fefff0; 
		}

q { 
		font-style: italic; 
		}

blockquote {
		background-color: #F4F5E6;
		padding: 8px; 
		margin: 15px 55px 15px 15px; 
		text-align: justify;
		}

ul {
		margin: 5px 0px 5px 25px;
		list-style: square;
		list-style-position: inside;
		}

ol li {
		margin: 5px 0px 5px 15px;
		list-style-type: upper-roman;
		list-style-position: inside;
		}

img {
		max-width: 500px;
		}

.userpic img {
		width: 90px;
		height: 90px;
		}

/*--- containers and things ---*/

#canvas { 
		width: 77%; 
		margin: 0px auto; 
		}

#primary { 
		float: right; 
		margin: 0px;   
		width: 73.5%; 
		}

/*--- titles ---*/

#header { 
		padding: 5px;   
		margin: -15px 0px 0px 0px; 	
		}

h1#title { 
		letter-spacing: -0.07em;
		line-height: 55%;
		color: #857575; 	
		text-align: right;
		font-size: 3em;
		text-transform: lowercase;
		font-weight: lighter; 
		}

h2#subtitle { 
		letter-spacing: -0.07em;
		color: #E86197; 	
		text-align: right;
		font-size: 2em;
		text-transform: lowercase;
		font-weight: lighter; 
		}

h2#pagetitle { 
		display: none; 
		}

/*--- sidebar options ---*/

.two-columns-right #secondary { 
		float: left; 
		width: 26.5%; 
		margin: 0; 
		}

.two-columns-right #tertiary { 
		clear: both; 
		}

.two-columns-right #tertiary .module { 
		float: left; 
		}

/*--- sidebar ---*/

.module { 	
		text-align: right; 
		padding: 0px;			
		}

.module a { 	
		text-align: right;
		color: #5BA890;   
		}

.module-content { 
		padding: 10px; 
		}

.module-active, .module-search, .module-cuttagcontrols, .module-userprofile, .module-customtext, .module-typelist, .module-tags_list, .module-pagesummary, .module-calendar, .module-syndicate, .module-powered, .module-time {
		background-color: #fefff0;   
		}

h2.module-header {  
		background-color: #E86197;
		padding: 12px; 
		letter-spacing: -0.07em;
		color: #fefff0; 
		text-align: right;
		font-size: 2em;
		text-transform: lowercase;
		font-weight: lighter;
		border-right: 10px solid #857575;	
		}

h2.module-header a { 
		color: #fefff0; 
		}

div.module-navlinks { 
		font-size: 2em;
		position: absolute;
 		top: 38px;
 		z-index: 100px;
		margin: 20px 0px 20px 0px;  
		font-weight: lighter;
		text-transform: lowercase;
		}

div.module-navlinks ul.module-list {
 		display: inline;
		padding: 0; 
		margin: 0;  
		}

div.module-navlinks ul.module-list li { 
		display: inline; 
		margin: 0px 5px 20px 0; 
		list-style: none; 
		padding: 5px 5px 10px 5px; 
		}

div.module-navlinks a { 
		color: #82D4BA; 	
		}

div.module-navlinks a:hover { 
		color: #E86197; 	
		}

.no-navstrip .module-navlinks {
		top: 0;
		}

div.module-content div.userpic { 
		text-align: center; 
		}

div.module-content div.userpic img { 
		background-color: #857575;
		border: 0px solid;	
		width: 50px;
		height: 50px;
		border-right: 5px solid #82D4BA;	
		border-left: 5px solid #E86197;	
		padding: 5px 5px 20px 5px;	
		}

div.journal-name {  
		text-transform: lowercase; 
		margin: 5px 0px 0px 0px; 
		text-align: center; 
 		}

div.journal-website-name { 
		text-transform: lowercase; 
		text-align: center; 
		}

ul.userlite-interaction-links { 
		margin: 5px 0px 0px 0px; 
		list-style: none; 
		text-align: center; 
		}

ul.userlite-interaction-links li { 
		margin: 0px auto; 
		display: inline; 
		list-style: none; 
		text-align: center; 
		}

.module-list-item { 
		padding: 2px; 
		margin: 5px 0px; 
		list-style: none; 
		}

div.manage-tags-link { 
		margin: 10px 0px 0px 0px;
		text-transform: lowercase; 
		text-align: right; 
		}

div.module-calendar table { 
		text-align: center; 
		margin: auto; 
		width: 55%; 
		}

div.module-calendar td { 
		background-color: #fefff0;
		padding: 3px; 
		}

div.module-calendar th { 
		text-transform: lowercase; 
		background-color: #857575;
		border: 1px solid #857575; 
		color: #fefff0;
		}

div.module-calendar td.empty-day { 
		text-transform: lowercase; 
		background-color: #fefff0;
		border: 1px solid #857575; 
		}

div.module-calendar td.entry-day { 
		text-transform: lowercase; 
		border: 1px solid #857575; 
		background-color: #F4F5E6;
		}

/*--- navigation (for entries) ---*/

.navigation { 
		background-color: #857575;  
		color: #fefff0;  
		text-align: center; 
		padding: 5px; 
		margin: 0px 0px 0px 0px; 	
		letter-spacing: -0.07em;
		font-size: 1.2em;
		text-transform: lowercase;
		font-weight: lighter; 
		}

.navigation a { 
		color: #fefff0;  
		}

.topnav { 
		display: none; 	
		}

.bottomnav { 
		margin: 0px 170px 0px 0px; 
		background-color: #82D4BA;
		font-size: 1.75em;
		}

.page-separator { 
		padding: 10px; 
		}

div.navigation ul { 
		display: inline; 
		}

div.navigation li { 
		display: inline; 
		list-style: none; 
		}

li.page-back, li.page-forward {
		display: inline; 
		list-style: none; 
		}

/*--- entries ---*/

.entry { 
		background-color: #fefff0;  
		margin: 0px 170px 0px 0px;
		border-left: 10px solid #857575;	
		}

.entry .userpic { 
		float: right; 
		margin: -10px -130px 10px 0px; 
		}

.entry .userpic img { 
		background-color: #857575;
		border: 0px solid;	
		border-right: 10px solid #82D4BA;	
		border-left: 10px solid #E86197;	
		padding: 10px 10px 50px 10px;	
		}

.entry-content { 
		padding: 10px; 
		min-height: 100px; 
		margin: 10px 0px 0px 0px;
		}

.entry .header { 
		background-color: #82D4BA;  
		padding: 5px 10px 5px 10px; 
		margin: 0px 150px 0px 0px; 
		margin-right: 0px; 
		text-align: right;
		font-weight: lighter;
		}

.entry-poster { 
		display: ;
		}

.entry-title { 
		color: #fefff0; 
		letter-spacing: -0.07em;
		font-size: 2em;
		text-transform: lowercase;
		font-weight: lighter;
		}

.entry-title a { 
		padding: 3px 5px 5px 5px;
		color: #fefff0; 
		}

.datetime {  
		color: #6C5C5C; 
		text-transform: lowercase;
		}

.datetime a {  
		color: #6C5C5C; 
		}

/*--- currents and tags ---*/

.metadata { 
		padding: 10px 15px 5px 15px; 
		margin: 0px;  
		text-transform: lowercase; 
		margin-right: 0px; 
		background-color: #fefff0;  
		}

div.metadata ul { 
		padding: 0px; 
		margin: 0px; 
		}

div.metadata ul li { 
		list-style: none; 
		padding: 0px; 
		margin: 0px; 
		}

span.metadata-item-location, span.metadata-item-music, span.metadata-item-mood, div.tag ul  { 
		color: #E86197;;
		text-align: right; 
		text-transform: lowercase; 
		display: inline; 
		}

.tag { 
		color: #857575;  
		padding: 15px; 
		text-transform: lowercase;
		margin-right: 0px; 
		background-color: #fefff0;  
		}

span.tag-text { 
		text-transform: lowercase;
		}

div.tag ul li { 
		text-align: right; 
		display: inline; 
		list-style: none; 
		font-weight: normal; 
		margin: 5px 5px 0px 0px; 
		}

ul.entry-management-links {
		padding: 5px 5px 0px 5px; 
		list-style: none; 
		text-align: right;
		margin: 0px; 
 		margin-right: 0px; 
		background-color: #fefff0;  
		}

ul.entry-management-links li { 
		margin: 0px auto; 
		display: inline; 
		list-style: none; 
		}

ul.entry-interaction-links { 
		padding: 5px; 
		text-align: right; 
		margin: 0px; 
		margin-right: 0px; 
		background-color: #fefff0;  
		}

ul.entry-interaction-links li { 
		display: inline; 
		list-style: none;  
		letter-spacing: -0.07em;
		font-size: 1.75em;
		text-transform: lowercase;
		font-weight: lighter;
		margin: 0px 5px x 0px;
		padding: 0px; 
		}

ul.entry-interaction-links a { 
		color: #857575; 
		}

/*--- archive page ---*/

.month { 
		padding: 0px;
		background-color: #fefff0; 
		margin: 0px 170px 0px 0px; 
		border-left: 10px solid #857575;	
		}

table.month { 
		border: 0px;
		padding: 15px; 
		}

.month table { 
		width: 100%; 
		margin: auto; 
		}

.month caption { 
		display: none; 
		}

.month h3 { 
		background-color: #82D4BA;  
		padding: 12px; 
		color: #fefff0; 
		letter-spacing: -0.07em;
		font-size: 2em;
		text-align: right; 
		text-transform: lowercase; 
		font-weight: lighter; 
		}

.day-date { 
		background-color: #82D4BA;  
 		margin: 0px 170px 0px 0px; 
		padding: 5px; 
		color: #fefff0; 
		letter-spacing: -0.07em;
		font-size: 1.5em;
		text-transform: lowercase; 
		font-weight: lighter; 
		border-left: 10px solid #857575;
		}

li.active { 
		color: #fefff0; 
		list-style: none; 
		list-style: none; 
		display: inline; 
		margin: 10px; 
		}

.month th { 
		background-color: #857575; 
		color: #fefff0; 
		margin: 0px 2px; 
		padding: 5px; 
		font-size: 1.5em; 
		font-weight: lighter; 
		text-transform: lowercase; 
		border: 1px solid #857575; 
		}

.month td { 
		padding: 15px; 
		border: 1px solid #857575; 
		}

.month td.day { 
		border: 1px solid #857575; 
		font-weight: normal; 
		}

.month td.day-has-entries {
		background-color: #F4F5E6;
		font-weight: normal; 
		}

.month td.day-has-entries p { 
		text-align: right; 
		font-size: 1.5em; 
		font-weight: lighter; 
		padding: 0px 0px 0px 5px; 
		}

/*--- tags page ---*/

.page-tags .tags-container { 
		background-color: #fefff0;
		margin: 0px 170px 0px 0px; 
		border-left: 10px solid #857575;	
		}

.page-tags .tags-container h2 { 
		background-color: #82D4BA;
		padding: 12px; 
		color: #fefff0; 
		letter-spacing: -0.07em;
		font-size: 2em;
		text-transform: lowercase; 
		font-weight: lighter; 
		}

.page-tags .ljtaglist { 
		padding: 10px; 
		}

.manage-tags-link { 
		padding: 10px; 
		}

/*--- comments ---*/

.comment { 
		margin: 0px 170px 0px 0px;	
 		background-color: #fefff0;  	
		border-left: 10px solid #857575;	
		}

.comment-content {
 		background-color: #fefff0;  
		padding: 15px; 
		min-height: 70px; 
		}

div.comment div.header { 
		background-color: #82D4BA;
		padding: 5px 10px 5px 10px;  
		letter-spacing: -0.07em;
		color: #fefff0; 
		text-align: right;
		text-transform: lowercase;
		font-weight: lighter;
		}

.comment-title { 
		color: #fefff0; 
		letter-spacing: -0.07em;
		font-weight: lighter;
		font-size: 2em;
		text-transorm: lowercase;
		}

.comment-title a { 
		color: #fefff0; 
		font-weight: lighter;
		}

hr.above-entry-interaction-links, hr.below-reply-container { 
		display: none; 
		}

textarea.textbox  { 
		width: 85% !important; 
		border: 1px solid #857575;
		}

.poster-ip { 
		background-color: #fefff0;  
		margin-top: 5px;
		display: none; 
		}

div.comment div.userpic { 
		float: right; 
		margin: 0px -130px 10px 0px; 
		}

div.comment div.userpic img { 
		background-color: #857575;
		border: 0px solid;	
		border-right: 10px solid #82D4BA;	
		border-left: 10px solid #E86197;	
		padding: 10px 10px 50px 10px;	
		}

.bottomcomment { 
		background-color: #fefff0; 
		padding: 10px; 
		margin: 0px 170px 0px 0px;	
		border-left: 10px solid #857575;
		}

div.comment div.footer { 
 		margin-right: 0px; 
		background-color: #fefff0; 
		padding: 0px 10px 0px 10px; 
		font-weight: lighter; 
		text-transform: lowercase; 
		}

.comment-management-links ul, .comment-interaction-links ul {
		list-style: none; 
		}

ul.comment-management-links {
		padding: 2px; 
		list-style: none; 
		text-align: right;
		margin: 0px; 
		background-color: #fefff0;  
		}

ul.comment-management-links li { 
		margin: 0px auto; 
		display: inline; 
		list-style: none; 
		}

ul.comment-interaction-links { 
		padding: 2px; 
		text-align: right; 
		margin: 0px; 
		background-color: #fefff0;  
		}

ul.comment-interaction-links li { 
		display: inline; 
		list-style: none;  
		letter-spacing: -0.07em;
		font-size: 1.75em;
		text-transform: lowercase;
		font-weight: lighter; 
		margin: 0px 5px 0px 0px;
		padding: 0px; 
		}

ul.comment-interaction-links a { 
		color: #857575; 
		}

#qrform table { 
		border: 0!important; 
		}

table.talkform { 
		background-color: #fefff0; 
		margin: 0px 0px 10px 0px; 
		padding: 10px; 
		}

/*--- contextual pop-up ---*/

div.ContextualPopup {
		margin: auto;
 		text-align: left; 
		width: 300px;
		color: #857575;
		text-transform: lowercase;
		font-family: arial, tahoma, sans-serif;
		}

div.ContextualPopup div.Inner {
		background-color: #fefff0; 	
		color: #857575!important;
		border: 0px;
		border: 1px solid #857575;
		}

div.ContextualPopup .Content {
		background-color: #fefff0; 
		border: 0;
		margin: auto;
		}

div.ContextualPopup .Userpic {
		padding: 10px;
		margin:  5px;
		background-color: #82D4BA;
		}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:link {
		text-decoration: none !important;
		color: #E86197!important;
		}

div.ContextualPopup .Relation {
		text-transform: lowercase;
		color: #857575;
		}

/*--- navigation bar ---*/

#lj_controlstrip_statustext {
		color: #fefff0;
		}

#lj_controlstrip a  {
		color: #82D4BA;
		}

table#lj_controlstrip td {
		background-color: #857575; 
		border: 0px solid #fefff0;
		color: #fefff0;
		text-transform: lowercase;
		font-family: arial, tahoma, sans-serif;
		}

#lj_controlstrip input {
		background-color: #fefff0;
		color: #857575;
		text-transform: lowercase;
		border: 1px solid #fefff0;
		}

/*------- mini icons from pinvoke -------*/

/*-- user icons (community and user) --*/
	.ljuser img {  
		width: 0px; 
		height: 0px; 
		background: transparent url(http://i42.tinypic.com/30ro37t.png) no-repeat 0 0 !important;  
		padding: 12px 12px 0px 2px !important; vertical-align: baseline !important;
		}

.ljuser img[src*="user.png"] { 
		background: transparent url(http://i42.tinypic.com/30ro37t.png) no-repeat 0 0 !important;  
		padding: 14px 12px 0px 2px !important; 
		}

.ljuser img[src*="community.png"] { 
		width: 0;  
		height: 0; 
		background: transparent url(http://i40.tinypic.com/9syons.png) no-repeat scroll 0 0 !important; 
		padding: 15px 15px 0px 2px !important; 
		}

.ljuser img[src*="feed.png"] { 
		width: 0;  
		height: 0; 
		background: transparent url(http://i43.tinypic.com/2mqktag.png) no-repeat scroll 0 0 !important; 
		padding: 15px 15px 0px 2px !important; 
		}

img[src*="locked.png"] { 
		width: 0;  
		height: 0; 
		background: transparent url(http://i39.tinypic.com/2mour7b.png) no-repeat scroll 0 0 !important; 
		padding: 17px 15px 0px 2px !important; 
		}

img[src*="filtered.png"] { 
		width: 0;  
		height: 0; 
		background: transparent url(http://i44.tinypic.com/pui4j.png) no-repeat scroll 0 0 !important; 
		padding: 17px 15px 0px 2px !important; 
		}

img[src*="private.png"] { 
		width: 0;  
		height: 0; 
		background: transparent url(http://i40.tinypic.com/qqu48y.png) no-repeat scroll 0 0 !important; 
		padding: 15px 15px 0px 2px !important; 
		}

img[src*="sticky_entry.png"] { 
		width: 0;  
		height: 0; 
		background: transparent url(http://i42.tinypic.com/5vpxfm.png) no-repeat scroll 0 0 !important; 
		padding: 15px 15px 0px 2px !important; 
		}

/*-- Seamless (Tabula Rasa) --*/
/*--  select "2 Column (sidebar on right)" --*/
/*-- stylesheet by arobynsung @ visualwit for DW --*/

/*--- main ---*/

* {
		margin: 0px; 
		padding: 0px;
		}

BODY { 
		background-image: url(''); 
		background-color: #EBEBEB;
		color: #5D5D5D; 
		font-size: 11px; 
		margin: 70px 0px 0px 0px; 
		font-family: arial, sans-serif;
		}

a { 
		color: #444444;
		text-decoration: none;
		}

a:hover {
		color: #A2A2A2;
		}

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

input, textarea {
		background-color: #fefefe;
		color: #0D0D0D;
		border: 1px solid #0D0D0D;
		}

::-moz-selection { 
		background-color: #444444; 
		color: #fefefe; 
		}

q { 
		font-style: italic; 
		}

blockquote {
		background-color: #EBEBEB;
		padding: 8px; 
		margin: 15px 55px 15px 15px; 
		text-align: justify;
		}

ul {
		margin: 5px 0px 5px 25px;
		list-style: square;
		list-style-position: inside;
		}

ol li {
		margin: 5px 0px 5px 15px;
		list-style-type: upper-roman;
		list-style-position: inside;
		}

img {
		max-width: 500px;
		}

.userpic img {
		width: 90px;
		height: 90px;
		}

/*--- containers and things ---*/

#canvas { 
		width: 77%; 
		margin: 0px auto; 
		}

#primary { 
		float: right; 
		margin: 0px;   
		width: 73.5%; 
		}

/*--- titles ---*/

#header { 
		padding: 5px;   
		margin: -15px 0px 0px 0px; 	
		}

h1#title { 
		letter-spacing: -0.07em;
		line-height: 55%;
		color: #0D0D0D; 	
		text-align: right;
		font-size: 3em;
		text-transform: lowercase;
		font-weight: lighter; 
		}

h2#subtitle { 
		letter-spacing: -0.07em;
		color: #444444; 	
		text-align: right;
		font-size: 2em;
		text-transform: lowercase;
		font-weight: lighter; 
		}

h2#pagetitle { 
		display: none; 
		}

/*--- sidebar options ---*/

.two-columns-right #secondary { 
		float: left; 
		width: 26.5%; 
		margin: 0; 
		}

.two-columns-right #tertiary { 
		clear: both; 
		}

.two-columns-right #tertiary .module { 
		float: left; 
		}

/*--- sidebar ---*/

.module { 	
		text-align: right; 
		padding: 0px;			
		}

.module a { 	
		text-align: right;
		}

.module-content { 
		padding: 10px; 
		}

h2.module-header {  
		background-color: #444444;
		padding: 12px; 
		letter-spacing: -0.07em;
		color: #fefefe; 
		text-align: right;
		font-size: 2em;
		text-transform: lowercase;
		font-weight: lighter;
		border-right: 10px solid #0D0D0D;	
		}

h2.module-header a { 
		color: #fefefe; 
		}

div.module-navlinks { 
		font-size: 2em;
		position: absolute;
 		top: 38px;
 		z-index: 100px;
		margin: 20px 0px 20px 0px;  
		font-weight: lighter;
		text-transform: lowercase;
		}

div.module-navlinks ul.module-list {
 		display: inline;
		padding: 0; 
		margin: 0;  
		}

div.module-navlinks ul.module-list li { 
		display: inline; 
		margin: 0px 5px 20px 0; 
		list-style: none; 
		padding: 5px 5px 10px 5px; 
		}

div.module-navlinks a:hover { 
		color: #A2A2A2; 	
		}

.no-navstrip .module-navlinks {
		top: 0;
		}

div.module-content div.userpic { 
		text-align: center; 
		}

div.module-content div.userpic img { 
		background-color: #0D0D0D;
		border: 0px solid;	
		width: 50px;
		height: 50px;
		border-right: 5px solid #A2A2A2;	
		border-left: 5px solid #444444;	
		padding: 5px 5px 20px 5px;	
		}

div.journal-name {  
		text-transform: lowercase; 
		margin: 5px 0px 0px 0px; 
		text-align: center; 
 		}

div.journal-website-name { 
		text-transform: lowercase; 
		text-align: center; 
		}

ul.userlite-interaction-links { 
		margin: 5px 0px 0px 0px; 
		list-style: none; 
		text-align: center; 
		}

ul.userlite-interaction-links li { 
		margin: 0px auto; 
		display: inline; 
		list-style: none; 
		text-align: center; 
		}

.module-list-item { 
		padding: 2px; 
		margin: 5px 0px; 
		list-style: none; 
		}

div.manage-tags-link { 
		margin: 10px 0px 0px 0px;
		text-transform: lowercase; 
		text-align: right; 
		}

div.module-calendar table { 
		text-align: center; 
		margin: auto; 
		width: 55%; 
		}

div.module-calendar td { 
		background-color: #fefefe;
		padding: 3px; 
		}

div.module-calendar th { 
		text-transform: lowercase; 
		background-color: #0D0D0D;
		border: 1px solid #0D0D0D; 
		color: #fefefe;
		}

div.module-calendar td.empty-day { 
		text-transform: lowercase; 
		background-color: #fefefe;
		border: 1px solid #0D0D0D; 
		}

div.module-calendar td.entry-day { 
		text-transform: lowercase; 
		border: 1px solid #0D0D0D; 
		background-color: #EBEBEB;
		}

/*--- navigation (for entries) ---*/

.navigation { 
		background-color: #0D0D0D;  
		color: #fefefe;  
		text-align: center; 
		padding: 5px; 
		margin: 0px 0px 0px 0px; 	
		letter-spacing: -0.07em;
		font-size: 1.2em;
		text-transform: lowercase;
		font-weight: lighter; 
		}

.navigation a { 
		color: #fefefe;  
		}

.topnav { 
		display: none; 	
		}

.bottomnav { 
		margin: 0px 170px 0px 0px; 
		background-color: #A2A2A2;
		font-size: 1.75em;
		}

.page-separator { 
		padding: 10px; 
		}

div.navigation ul { 
		display: inline; 
		}

div.navigation li { 
		display: inline; 
		list-style: none; 
		}

li.page-back, li.page-forward {
		display: inline; 
		list-style: none; 
		}

/*--- entries ---*/

.entry { 
		background-color: #fefefe;  
		margin: 0px 170px 0px 0px;
		border-left: 10px solid #0D0D0D;	
		}

.entry .userpic { 
		float: right; 
		margin: -10px -130px 10px 0px; 
		}

.entry .userpic img { 
		background-color: #0D0D0D;
		border: 0px solid;	
		border-right: 10px solid #A2A2A2;	
		border-left: 10px solid #444444;	
		padding: 10px 10px 50px 10px;	
		}

.entry-content { 
		padding: 10px; 
		min-height: 100px; 
		margin: 10px 0px 0px 0px;
		}

.entry .header { 
		background-color: #A2A2A2;  
		padding: 5px 10px 5px 10px; 
		margin: 0px 150px 0px 0px; 
		margin-right: 0px; 
		text-align: right;
		font-weight: lighter;
		}

.entry-poster { 
		display: ;
		}

.entry-title { 
		color: #fefefe; 
		letter-spacing: -0.07em;
		font-size: 2em;
		text-transform: lowercase;
		font-weight: lighter;
		}

.entry-title a { 
		padding: 3px 5px 5px 5px;
		color: #fefefe; 
		}

.datetime {  
		color: #5D5D5D; 
		text-transform: lowercase;
		}

.datetime a {  
		color: #5D5D5D; 
		}

/*--- currents and tags ---*/

.metadata { 
		padding: 10px 15px 5px 15px; 
		margin: 0px;  
		text-transform: lowercase; 
		margin-right: 0px; 
		background-color: #fefefe;  
		}

div.metadata ul { 
		padding: 0px; 
		margin: 0px; 
		}

div.metadata ul li { 
		list-style: none; 
		padding: 0px; 
		margin: 0px; 
		}

span.metadata-item-location, span.metadata-item-music, span.metadata-item-mood, div.tag ul  { 
		color: #444444;;
		text-align: right; 
		text-transform: lowercase; 
		display: inline; 
		}

.tag { 
		color: #0D0D0D;  
		padding: 15px; 
		text-transform: lowercase;
		margin-right: 0px; 
		background-color: #fefefe;  
		}

span.tag-text { 
		text-transform: lowercase;
		}

div.tag ul li { 
		text-align: right; 
		display: inline; 
		list-style: none; 
		font-weight: normal; 
		margin: 5px 5px 0px 0px; 
		}

ul.entry-management-links {
		padding: 5px 5px 0px 5px; 
		list-style: none; 
		text-align: right;
		margin: 0px; 
 		margin-right: 0px; 
		background-color: #fefefe;  
		}

ul.entry-management-links li { 
		margin: 0px auto; 
		display: inline; 
		list-style: none; 
		}

ul.entry-interaction-links { 
		padding: 5px; 
		text-align: right; 
		margin: 0px; 
		margin-right: 0px; 
		background-color: #fefefe;  
		}

ul.entry-interaction-links a { 
		color: #0D0D0D; 
		}

/*--- archive page ---*/

.month { 
		padding: 0px;
		background-color: #fefefe; 
		margin: 0px 170px 0px 0px; 
		border-left: 10px solid #0D0D0D;	
		}

table.month { 
		border: 0px;
		padding: 15px; 
		}

.month table { 
		width: 100%; 
		margin: auto; 
		}

.month caption { 
		display: none; 
		}

.month h3 { 
		background-color: #A2A2A2;  
		padding: 12px; 
		color: #fefefe; 
		letter-spacing: -0.07em;
		font-size: 2em;
		text-align: right; 
		text-transform: lowercase; 
		font-weight: lighter; 
		}

.day-date { 
		background-color: #A2A2A2;  
 		margin: 0px 170px 0px 0px; 
		padding: 5px; 
		color: #fefefe; 
		letter-spacing: -0.07em;
		font-size: 1.5em;
		text-transform: lowercase; 
		font-weight: lighter; 
		border-left: 10px solid #0D0D0D;
		}

li.active { 
		color: #fefefe; 
		list-style: none; 
		list-style: none; 
		display: inline; 
		margin: 10px; 
		}

.month th { 
		background-color: #0D0D0D; 
		color: #fefefe; 
		margin: 0px 2px; 
		padding: 5px; 
		font-size: 1.5em; 
		font-weight: lighter; 
		text-transform: lowercase; 
		border: 1px solid #0D0D0D; 
		}

.month td { 
		padding: 15px; 
		border: 1px solid #0D0D0D; 
		}

.month td.day { 
		border: 1px solid #0D0D0D; 
		font-weight: normal; 
		}

.month td.day-has-entries {
		background-color: #EBEBEB;
		font-weight: normal; 
		}

.month td.day-has-entries p { 
		text-align: right; 
		font-size: 1.5em; 
		font-weight: lighter; 
		padding: 0px 0px 0px 5px; 
		}

/*--- tags page ---*/

.page-tags .tags-container { 
		background-color: #fefefe;
		margin: 0px 170px 0px 0px; 
		border-left: 10px solid #0D0D0D;	
		}

.page-tags .tags-container h2 { 
		background-color: #A2A2A2;
		padding: 12px; 
		color: #fefefe; 
		letter-spacing: -0.07em;
		font-size: 2em;
		text-transform: lowercase; 
		font-weight: lighter; 
		}

.page-tags .ljtaglist { 
		padding: 10px; 
		}

.manage-tags-link { 
		padding: 10px; 
		}

/*--- comments ---*/

.comment { 
		margin: 0px 170px 0px 0px;	
 		background-color: #fefefe;  	
		border-left: 10px solid #0D0D0D;	
		}

.comment-content {
 		background-color: #fefefe;  
		padding: 15px; 
		min-height: 70px; 
		}

div.comment div.header { 
		background-color: #A2A2A2;
		padding: 5px 10px 5px 10px;  
		letter-spacing: -0.07em;
		color: #fefefe; 
		text-align: right;
		text-transform: lowercase;
		font-weight: lighter;
		}

.comment-title { 
		color: #fefefe; 
		letter-spacing: -0.07em;
		font-weight: lighter;
		font-size: 2em;
		text-transorm: lowercase;
		}

.comment-title a { 
		color: #fefefe; 
		font-weight: lighter;
		}

hr.above-entry-interaction-links, hr.below-reply-container { 
		display: none; 
		}

textarea.textbox  { 
		width: 85% !important; 
		border: 1px solid #0D0D0D;
		}

.poster-ip { 
		background-color: #fefefe;  
		margin-top: 5px;
		display: none; 
		}

div.comment div.userpic { 
		float: right; 
		margin: 0px -130px 10px 0px; 
		}

div.comment div.userpic img { 
		background-color: #0D0D0D;
		border: 0px solid;	
		border-right: 10px solid #A2A2A2;	
		border-left: 10px solid #444444;	
		padding: 10px 10px 50px 10px;	
		}

.bottomcomment { 
		background-color: #fefefe; 
		padding: 10px; 
		margin: 0px 170px 0px 0px;	
		border-left: 10px solid #0D0D0D;
		}

div.comment div.footer { 
 		margin-right: 0px; 
		background-color: #fefefe; 
		padding: 0px 10px 0px 10px; 
		font-weight: lighter; 
		text-transform: lowercase; 
		}

.comment-management-links ul, .comment-interaction-links ul {
		list-style: none; 
		}

ul.comment-management-links {
		padding: 2px; 
		list-style: none; 
		text-align: right;
		margin: 0px; 
		background-color: #fefefe;  
		}

ul.comment-management-links li { 
		margin: 0px auto; 
		display: inline; 
		list-style: none; 
		}

ul.comment-interaction-links { 
		padding: 2px; 
		text-align: right; 
		margin: 0px; 
		background-color: #fefefe;  
		}

ul.comment-interaction-links a { 
		color: #0D0D0D; 
		}

#qrform table { 
		border: 0!important; 
		}

table.talkform { 
		background-color: #fefefe; 
		margin: 0px 0px 10px 0px; 
		padding: 10px; 
		}

/*--- contextual pop-up ---*/

div.ContextualPopup {
		margin: auto;
 		text-align: left; 
		width: 300px;
		color: #0D0D0D;
		text-transform: lowercase;
		font-family: arial, tahoma, sans-serif;
		}

div.ContextualPopup div.Inner {
		background-color: #fefefe; 	
		color: #0D0D0D!important;
		border: 0px;
		border: 1px solid #0D0D0D;
		}

div.ContextualPopup .Content {
		background-color: #fefefe; 
		border: 0;
		margin: auto;
		}

div.ContextualPopup .Userpic {
		padding: 10px;
		margin:  5px;
		background-color: #A2A2A2;
		}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:link {
		text-decoration: none !important;
		color: #444444!important;
		}

div.ContextualPopup .Relation {
		text-transform: lowercase;
		color: #0D0D0D;
		}

/*--- navigation bar ---*/

#lj_controlstrip_statustext {
		color: #A2A2A2;
		}

#lj_controlstrip a  {
		color: #EBEBEB;
		}

table#lj_controlstrip td {
		background-color: #0D0D0D; 
		border: 0px solid #fefefe;
		color: #fefefe;
		text-transform: lowercase;
		font-family: arial, tahoma, sans-serif;
		}

#lj_controlstrip input {
		background-color: #fefefe;
		color: #0D0D0D;
		text-transform: lowercase;
		border: 1px solid #fefefe;
		}

/*------- mini icons from pinvoke -------*/

.ljuser img[src*="user.png"] { 
		background: transparent url(http://i42.tinypic.com/30ro37t.png) no-repeat 0 0 !important;  
		padding: 14px 12px 0px 2px !important; 
		}

NOTES:
★- Want to tweak the code (color, font, etc)? Go for it =D

DIRECTIONS:
★- Select Journal Style
★- Select any Tabula Rasa style layout.
★- Then select "2 Column (sidebar on right)". This is important.
★- Go to Custom CSS and uncheck the "Use layout's stylesheet(s)" option.
★- Paste code in 'Custom Stylesheet' text box

QUESTIONS?
★- See the Layout FAQ. Otherwise ask here and we'll go from there.
★-

style_system is also available for more CSS help.

Flat | Top-Level Comments Only

From:

got_swagger

These are beyond gorgeous! I really love how crisp and clean everything looks! And ♥ for the userpics being outside the entry! (It's my very favorite feature.)

When I get time, I'll snag and credit!