dreamscapes | Entries tagged with ~tabula rasa

Current Mood: accomplished

This isn't a true sidebar version as most modules still go to the bottom but I thought of this while making the original version and liked it too. The themes are the same; only the layout is a bit different. I'd love testing and feedback. :)

What is this? Medallion (Left)/Evergreens by ninetydegrees

Image sources:
* Medallion: painting by William Trost Richards - the Met museum - public domain (http://www.metmuseum.org/art/collection/search/11910)
*Background: webtreats ETC - free for use in both personal and commercial projects, including web templates (http://webtreats.mysitemyway.com/terms-of-use/)
*Icons: The Noun Project - CC-BY-SA or public domain
*Dreamwidth logo - Dreamwidth wiki - I hope it can be used if the theme is in dw-nonfree.

Links:
*Style: https://www.dreamwidth.org/customize/advanced/layersource?id=826364&fmt=html
*Theme: https://www.dreamwidth.org/customize/advanced/layersource?id=826365&fmt=html
*Preview: http://www.dreamwidth.org/customize/preview_redirect?themeid=826365

Other themes:
*Concrete: http://www.dreamwidth.org/customize/preview_redirect?themeid=826419
*Flowers: http://www.dreamwidth.org/customize/preview_redirect?themeid=826421
*Rest: http://www.dreamwidth.org/customize/preview_redirect?themeid=826425
*Under the Sea: http://www.dreamwidth.org/customize/preview_redirect?themeid=826426

Improvements (13.03.2017):
*Clarify some options
*Simpler code for Menu
*Add DW logo in bottom left corner

Improvements (16.03.2017):
*Move admin icon & sticky icons before datetime
*Bigger subject icons

ninetydegrees

Current Mood: tired

Hi all! I'm working on a new style and I'm at a point where I want to show it to people and get some feedback. :) It has not been thoroughly tested --far less than usual actually-- so let me know if you spot some issues.

What is this? Medallion/Evergreens by ninetydegrees

Image sources:
* Medallion: painting by William Trost Richards - the Met museum - public domain (http://www.metmuseum.org/art/collection/search/11910)
*Background: webtreats ETC - free for use in both personal and commercial projects, including web templates (http://webtreats.mysitemyway.com/terms-of-use/)
*Icons: The Noun Project - CC-BY-SA or public domain
*Dreamwidth logo - Dreamwidth wiki - I hope it can be used if the theme is in dw-nonfree.

Links:
*Style: https://www.dreamwidth.org/customize/advanced/layersource?id=822568&fmt=html
*Theme: https://www.dreamwidth.org/customize/advanced/layersource?id=823031&fmt=html
*Preview: http://www.dreamwidth.org/customize/preview_redirect?themeid=823031

Improvements (11.03.2017):
*Print website in header menu if filled out
*Clarify some options
*Minor tweaks to Tags page
*Better Icons page

Improvements (12.03.2017):
*Tweak some names for clarity
*Add more colors for menu (hopefully they work)
*Alphabetize properties in themes

Improvements (13.03.2017):
*Clarify some options
*Simpler code for Menu

Improvements (16.03.2017):
*Move admin icon & sticky icons before datetime
*Bigger subject icons

ninetydegrees

Edit: these are now live and can be selected from Customize Style. Original layers and pics are no longer available.

( Read more... )

timeasmymeasure

Current Mood: calm

Name: Sensibility
Author:

timeasmymeasure
Layout Submission Type: CSS layout based off Tabula Rasa
Images: No images
Notes: CSS currently only works with "2 column sidebar right" but please feel free to fix that and anything else that needs fixing/changing.

Themes:

MODED

preview

/*-- Moded Sensibility (Tabula Rasa) --*/
/*--  select "2 Column (sidebar on right)" --*/

/*--- main ---*/

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

BODY { 
		background-image: url(''); 
		background-color: #D9AF87;
		color: #4F351B; 
		font-size: .9em; 
		margin: 70px 0px 0px 0px; 
		font-family: Georgia, sans-serif;
		}

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

a:hover {
		color: #773D04;
		}

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

input, textarea {
		background-color: #F7E4C5;
		color: #4F351B;
		border: 1px solid #4F351B;
		}

::-moz-selection { 
		background-color: #C94D0D; 
		color: #F7E4C5; 
		}

q { 
		font-style: italic; 
		}

blockquote {
		background-color: #EBC5A0;
		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;
		}

.userpic {
		min-width: 120px;
		}

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

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

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

/*--- titles ---*/

#header { 
		padding: 10px 10px 10px 10px;   
		margin: -15px 0px 20px 0px; 	
		background-color: #770444;
		}

h1#title { 
		letter-spacing: -0.07em;
		color: #F7E4C5; 	
		text-align: right;
		font-size: 2em;
		text-transform: uppercase;
		}

h2#subtitle { 
		letter-spacing: -0.07em;
		color: #FF7A37; 	
		text-align: right;
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: lighter; 
		}

h2#pagetitle { 
		font-size: 1.21em; 
		display: none; 
		}

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

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

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

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

/*--- sidebar ---*/

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

.module a { 	
		text-align: right;	
		}

.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: #F7E4C5;   
		}

h2.module-header {  
		background-color: #770444;
		padding: 14px; 
		letter-spaci: -0.07em;
		color: #F7E4C5; 
		text-align: right;
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: lighter;
		}

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

div.module-navlinks { 
		background-color: #770444;
		font-size: .8em;
		position: absolute;
 		top: 38px;
 		z-index: 100px;
		margin: 30px 0px 20px 0;  
		font-weight: lighter;
		text-transform: uppercase;
		}

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; 
		background-color: #770444;
		}

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

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

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

div.module-content div.userpic img { 
		background-color: #770444;
		padding: 15px;
		border: 0px solid;
		}

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

div.journal-website-name { 
		text-transform: uppercase; 
		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: uppercase; 
		text-align: right; 
		}

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

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

div.module-calendar th { 
		text-transform: uppercase; 
		background-color: #770444;
		border: 1px solid #4F351B; 
		color: #F7E4C5;
		}

div.module-calendar td.empty-day { 
		text-transform: uppercase; 
		background-color: #F7E4C5;
		border: 1px solid #4F351B; 
		}

div.module-calendar td.entry-day { 
		text-transform: uppercase; 
		border: 1px solid #4F351B; 
		background-color: #EBC5A0;
		}

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

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

.navigation a { 
		color: #FF7A37;  
		}

.topnav { 
		display: none; 	
		}

.bottomnav { 
		margin-top: 10px; 
		}

.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 ---*/

div.entry { 
		margin: 0px 0px 15px 0px;
		}

div.entry div.userpic { 
		float: right; 
		margin: 30px 15px 10px 20px; 
		}

div.entry div.userpic img { 
		background-color: #770444;
		padding: 15px;
		border: 0px solid;		
		}

div.entry-content { 
		background-color: #F7E4C5;  
		padding: 10px; 
		min-height: 100px; 
		margin: 10px 0px 0px 0px;
		}

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

.entry-poster { 
		display: ;
		float: right;
		margin: 5px -150px 5px 0px;
		}

.entry-title { 
		color: #F7E4C5; 
		letter-spacing: -0.07em;
		font-weight: lighter;
		font-size: 1.2em;
		text-transform: uppercase;
		}

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

.datetime {  
		font-size: .75em;
		color: #FF7A37; 
		text-transform: uppercase;
		}

.datetime a {  
		color: #FF7A37; 
		}

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

.metadata { 
		font-size: 0.7em; 
		padding: 10px 15px 5px 15px; 
		margin: 0px;  
		text-transform: uppercase; 
		margin-right: 0px; 
		background-color: #F7E4C5;  
		}

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: #C94D0D;;
		text-align: right; 
		text-transform: uppercase; 
		display: inline; 
		}

div.tag { 
		font-size: 0.7em; 
		color: #4F351B;  
		padding: 15px; 
		text-transform: uppercase;
		margin-right: 0px; 
		background-color: #F7E4C5;  
		}

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

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: #F7E4C5;  
		}

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: #F7E4C5;  
		}

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

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

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

.month { 
		padding: 0px;
		background-color: #F7E4C5; 
		margin: 0px 0px 10px 0px; 
				
		}

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

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

.month caption { 
		display: none; 
		}

.month h3 { 
		padding: 15px; 
		margin: 0px 0px 10px 0px; 
		background-color: #770444; 
		color: #F7E4C5; 
		letter-spacing: -0.07em;
		font-size: 1.2em;
		text-transform: uppercase; 
		font-weight: lighter; 
		}

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

.month th { 
		background-color: #770444; 
		color: #F7E4C5; 
		margin: 0px 2px; 
		padding: 5px; 
		font-size: 1.15em; 
		font-weight: bold; 
		text-transform: uppercase; 
		border: 1px solid #770444; 
		}

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

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

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

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

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

.page-tags .tags-container { 
		background-color: #F7E4C5;
		margin: 0px 0px 10px 0px; 
		}

.page-tags h2 { 
		background-color: #770444;
		padding: 15px; 
		color: #F7E4C5; 
		letter-spacing: -0.07em;
		font-size: 1.2em;
		text-transform: uppercase; 
		font-weight: lighter; 
		}

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

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

/*--- comments ---*/

.comment { 
		margin: 0px 0px 20px 0px;		
		}

.comment-content {
 		background-color: #F7E4C5;  
		padding: 15px; 
		padding-top: 30px; 
		margin: 0px; 
		min-height: 70px; 
		}

div.comment div.header { 
		background-color: #770444;
		padding: 15px; 
		letter-spacing: -0.07em;
		color: #F7E4C5; 
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: lighter;
		}

.comment-poster { 
		background-color: #F7E4C5;  
		padding: 5px;
		float: right;
		margin: 5px -150px 5px 0px;
		}

.comment-title { 
		color: #F7E4C5; 
		letter-spacing: -0.07em;
		font-weight: lighter;
		font-size: 1.05em;
		text-transform: uppercase;
		}

.comment-title a { 
		font-weight: lighter;
		font-size: 1.05em;
		color: #F7E4C5; 
		}

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

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

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

div.comment div.userpic { 
		float: right; 
		margin: 30px 15px 10px 20px; 
		}

div.comment div.userpic img { 
		background-color: #770444;
		padding: 15px;
		border: 0px solid;		
		}

.bottomcomment { 
		background-color: #F7E4C5; 
		padding: 10px; 
		margin: 0px; 
		
		}

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

.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: #F7E4C5;  
		}

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: #F7E4C5;  
		}

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

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

#qrform table { 
		border: 0!important; 
		}
		
		.comment-poster {  
		font-size: .9em;;
		text-transform: uppercase; 
		}

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

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

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

div.ContextualPopup div.Inner {
		background-color: #F7E4C5; 	
		color: #4F351B!important;
		border: 0px;
		border: 1px solid #4F351B;
		}

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

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

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

div.ContextualPopup .Relation {
		text-transform: uppercase;
		color: #4F351B;
		}

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

#lj_controlstrip_statustext {
		color: #F7E4C5;
		}

#lj_controlstrip a  {
		color: #FF7A37;
		}

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

#lj_controlstrip input {
		background-color: #F7E4C5;
		color: #4F351B;
		text-transform: uppercase;
		border: 1px solid #F7E4C5;
		}

GIVEN

preview

/*-- Given Sensibility (Tabula Rasa) --*/
/*--  select "2 Column (sidebar on right)" --*/

/*--- main ---*/

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

BODY { 
		background-image: url(''); 
		background-color: #936160;
		color: #4C4137; 
		font-size: .90em; 
		margin: 70px 0px 0px 0px; 
		font-family: Georgia, sans-serif;
		}

a { 
		color: #4F4053;
		text-decoration: none;
		}

a:hover {
		color: #8B5B69;
		}

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

input, textarea {
		background-color: #D5B79D;
		color: #4C4137;
		border: 1px solid #4C4137;
		}

::-moz-selection { 
		background-color: #4F4053; 
		color: #D5B79D; 
		}

q { 
		font-style: italic; 
		}

blockquote {
		background-color: #F4DECB;
		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;
		}

.userpic {
		min-width: 120px;
		}

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

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

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

/*--- titles ---*/

#header { 
		padding: 10px 10px 10px 10px;   
		margin: -15px 0px 20px 0px; 	
		background-color: #593950;
		}

h1#title { 
		letter-spacing: -0.07em;
		color: #D5B79D; 	
		text-align: right;
		font-size: 2em;
		text-transform: uppercase;
		}

h2#subtitle { 
		letter-spacing: -0.07em;
		color: #F4DECB; 	
		text-align: right;
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: lighter; 
		}

h2#pagetitle { 
		font-size: 1.21em; 
		display: none; 
		}

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

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

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

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

/*--- sidebar ---*/

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

.module a { 	
		text-align: right;	
		}

.module-content { 
		padding: 10px; 
		}

h2.module-header {  
		background-color: #593950;
		padding: 14px; 
		letter-spaci: -0.07em;
		color: #D5B79D; 
		text-align: right;
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: lighter;
		}

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

div.module-navlinks { 
		background-color: #593950;
		font-size: .8em;
		position: absolute;
 		top: 38px;
 		z-index: 100px;
		margin: 30px 0px 20px 0;  
		font-weight: lighter;
		text-transform: uppercase;
		}

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; 
		background-color: #593950;
		}

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

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

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

div.module-content div.userpic img { 
		background-color: #8B5B69;
		padding: 15px;
		border: 0px solid;
		}

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

div.journal-website-name { 
		text-transform: uppercase; 
		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: uppercase; 
		text-align: right; 
		}

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

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

div.module-calendar th { 
		color: #F4DECB;
		text-transform: uppercase; 
		background-color: #593950;
		border: 1px solid #4C4137; 
		}

div.module-calendar td.empty-day { 
		text-transform: uppercase; 
		background-color: #D5B79D;
		border: 1px solid #4C4137; 
		}

div.module-calendar td.entry-day { 
		text-transform: uppercase; 
		border: 1px solid #4C4137; 
		background-color: #F4DECB;
		}

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

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

.navigation a { 
		color: #D5B79D;  
		}

.topnav { 
		display: none; 	
		}

.bottomnav { 
		margin-top: 10px; 
		}

.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 ---*/

div.entry { 
		margin: 0px 0px 15px 0px;
		}

div.entry div.userpic { 
		float: right; 
		margin: 30px 15px 10px 20px; 
		}

div.entry div.userpic img { 
		background-color: #8B5B69;
		padding: 15px;
		border: 0px solid;		
		}

div.entry-content { 
		background-color: #D5B79D;  
		padding: 10px; 
		min-height: 100px; 
		margin: 10px 0px 0px 0px;
		}

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

.entry-poster { 
		display: ;
		float: right;
		margin: 5px -150px 5px 0px;
		}

.entry-title { 
		color: #D5B79D; 
		letter-spacing: -0.07em;
		font-weight: lighter;
		font-size: 1.2em;
		text-transform: uppercase;
		}

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

.datetime {  
		font-size: .75em;
		color: #F4DECB; 
		text-transform: uppercase;
		}

.datetime a {  
		color: #F4DECB; 
		}

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

.metadata { 
		font-size: 0.7em; 
		padding: 10px 15px 5px 15px; 
		margin: 0px;  
		text-transform: uppercase; 
		margin-right: 0px; 
		background-color: #D5B79D;  
		}

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: #4F4053;;
		text-align: right; 
		text-transform: uppercase; 
		display: inline; 
		}

div.tag { 
		font-size: 0.7em; 
		color: #4C4137;  
		padding: 15px; 
		text-transform: uppercase;
		margin-right: 0px; 
		background-color: #D5B79D;  
		}

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

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: #D5B79D;  
		}

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: #D5B79D;  
		}

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

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

.month { 
		padding: 0px;
		background-color: #D5B79D; 
		margin: 0px 0px 10px 0px; 
				
		}

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

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

.month caption { 
		display: none; 
		}

.month h3 { 
		padding: 15px; 
		margin: 0px 0px 10px 0px; 
		background-color: #593950; 
		color: #D5B79D; 
		letter-spacing: -0.07em;
		font-size: 1.2em;
		text-transform: uppercase; 
		font-weight: lighter; 
		}

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

.month th { 
		background-color: #593950; 
		color: #F4DECB; 
		margin: 0px 2px; 
		padding: 5px; 
		font-size: 1.15em; 
		font-weight: bold; 
		text-transform: uppercase; 
		border: 1px solid #593950; 
		}

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

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

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

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

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

.page-tags .tags-container { 
		background-color: #D5B79D;
		margin: 0px 0px 10px 0px; 
		}

.page-tags h2 { 
		background-color: #593950;
		padding: 15px; 
		color: #D5B79D; 
		letter-spacing: -0.07em;
		font-size: 1.2em;
		text-transform: uppercase; 
		font-weight: lighter; 
		}

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

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

/*--- comments ---*/

.comment { 
		margin: 0px 0px 20px 0px;		
		}

.comment-content {
 		background-color: #D5B79D;  
		padding: 15px; 
		padding-top: 30px; 
		margin: 0px; 
		min-height: 70px; 
		}

div.comment div.header { 
		background-color: #593950;
		padding: 15px; 
		letter-spacing: -0.07em;
		color: #D5B79D; 
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: lighter;
		}

.comment-poster { 
		background-color: #D5B79D;  
		padding: 5px;
		float: right;
		margin: 5px -150px 5px 0px;
		}

.comment-title { 
		color: #D5B79D; 
		letter-spacing: -0.07em;
		font-weight: lighter;
		font-size: 1.05em;
		text-transform: uppercase;
		}

.comment-title a { 
		font-weight: lighter;
		font-size: 1.05em;
		color: #D5B79D; 
		}

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

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

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

div.comment div.userpic { 
		float: right; 
		margin: 30px 15px 10px 20px; 
		}

div.comment div.userpic img { 
		background-color: #8B5B69;
		padding: 15px;
		border: 0px solid;		
		}

.bottomcomment { 
		background-color: #D5B79D; 
		padding: 10px; 
		margin: 0px; 
		
		}

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

.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: #D5B79D;  
		}

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: #D5B79D;  
		}

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

#qrform table { 
		border: 0!important; 
		}
		
		.comment-poster {  
		font-size: .9em;;
		text-transform: uppercase; 
		}

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

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

div.ContextualPopup {
		margin: auto;
 		text-align: left; 
		color: #4C4137;
		text-transform: uppercase;
		font-family: arial, tahoma, sans-serif;
		border: 0;
		}

div.ContextualPopup div.Inner {
		background-color: #D5B79D; 	
		color: #4C4137!important;
		border: 0px;
		border: 1px solid #593950;
		}

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

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

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

div.ContextualPopup .Relation {
		text-transform: uppercase;
		color: #593950;
		}

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

#lj_controlstrip_statustext {
		color: #D5B79D;
		}

#lj_controlstrip a  {
		color: #F4DECB;
		}

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

#lj_controlstrip input {
		background-color: #F4DECB;
		color: #4C4137;
		text-transform: uppercase;
		border: 1px solid #F4DECB;
		}

CLEAR

preview

/*-- Clear Sensibility (Tabula Rasa) --*/
/*--  select "2 Column (sidebar on right)" --*/

/*--- main ---*/

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

BODY { 
		background-image: url(''); 
		background-color: #b3b3b3;
		color: #001818; 
		font-size: .90em; 
		margin: 70px 0px 0px 0px; 
		font-family: Georgia, sans-serif;
		}

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

a:hover {
		color: #003030;
		}

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

input, textarea {
		background-color: #efefef;
		color: #001818;
		border: 1px solid #001818;
		}

::-moz-selection { 
		background-color: #306078; 
		color: #efefef; 
		}

q { 
		font-style: italic; 
		}

blockquote {
		background-color: #D8D8D8;
		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;
		}

.userpic {
		min-width: 120px;
		}

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

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

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

/*--- titles ---*/

#header { 
		padding: 10px 10px 10px 10px;   
		margin: -15px 0px 20px 0px; 	
		background-color: #000018;
		}

h1#title { 
		letter-spacing: -0.07em;
		color: #efefef; 	
		text-align: right;
		font-size: 2em;
		text-transform: uppercase;
		}

h2#subtitle { 
		letter-spacing: -0.07em;
		color: #D8D8D8; 	
		text-align: right;
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: lighter; 
		}

h2#pagetitle { 
		font-size: 1.21em; 
		display: none; 
		}

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

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

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

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

/*--- sidebar ---*/

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

.module a { 	
		text-align: right;	
		}

.module-content { 
		padding: 10px; 
		}

h2.module-header {  
		background-color: #000018;
		padding: 14px; 
		letter-spaci: -0.07em;
		color: #efefef; 
		text-align: right;
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: lighter;
		}

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

div.module-navlinks { 
		background-color: #000018;
		font-size: .8em;
		position: absolute;
 		top: 38px;
 		z-index: 100px;
		margin: 30px 0px 20px 0;  
		font-weight: lighter;
		text-transform: uppercase;
		}

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; 
		background-color: #000018;
		}

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

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

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

div.module-content div.userpic img { 
		background-color: #003030;
		padding: 15px;
		border: 0px solid;
		}

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

div.journal-website-name { 
		text-transform: uppercase; 
		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: uppercase; 
		text-align: right; 
		}

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

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

div.module-calendar th { 
		color: #D8D8D8;
		text-transform: uppercase; 
		background-color: #000018;
		border: 1px solid #001818; 
		}

div.module-calendar td.empty-day { 
		text-transform: uppercase; 
		background-color: #efefef;
		border: 1px solid #001818; 
		}

div.module-calendar td.entry-day { 
		text-transform: uppercase; 
		border: 1px solid #001818; 
		background-color: #D8D8D8;
		}

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

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

.navigation a { 
		color: #efefef;  
		}

.topnav { 
		display: none; 	
		}

.bottomnav { 
		margin-top: 10px; 
		}

.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 ---*/

div.entry { 
		margin: 0px 0px 15px 0px;
		}

div.entry div.userpic { 
		float: right; 
		margin: 30px 15px 10px 20px; 
		}

div.entry div.userpic img { 
		background-color: #003030;
		padding: 15px;
		border: 0px solid;		
		}

div.entry-content { 
		background-color: #efefef;  
		padding: 10px; 
		min-height: 100px; 
		margin: 10px 0px 0px 0px;
		}

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

.entry-poster { 
		display: ;
		float: right;
		margin: 5px -150px 5px 0px;
		}

.entry-title { 
		color: #efefef; 
		letter-spacing: -0.07em;
		font-weight: lighter;
		font-size: 1.2em;
		text-transform: uppercase;
		}

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

.datetime {  
		font-size: .75em;
		color: #D8D8D8; 
		text-transform: uppercase;
		}

.datetime a {  
		color: #D8D8D8; 
		}

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

.metadata { 
		font-size: 0.7em; 
		padding: 10px 15px 5px 15px; 
		margin: 0px;  
		text-transform: uppercase; 
		margin-right: 0px; 
		background-color: #efefef;  
		}

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: #306078;;
		text-align: right; 
		text-transform: uppercase; 
		display: inline; 
		}

div.tag { 
		font-size: 0.7em; 
		color: #001818;  
		padding: 15px; 
		text-transform: uppercase;
		margin-right: 0px; 
		background-color: #efefef;  
		}

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

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: #efefef;  
		}

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: #efefef;  
		}

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

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

.month { 
		padding: 0px;
		background-color: #efefef; 
		margin: 0px 0px 10px 0px; 
				
		}

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

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

.month caption { 
		display: none; 
		}

.month h3 { 
		padding: 15px; 
		margin: 0px 0px 10px 0px; 
		background-color: #000018; 
		color: #efefef; 
		letter-spacing: -0.07em;
		font-size: 1.2em;
		text-transform: uppercase; 
		font-weight: lighter; 
		}

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

.month th { 
		background-color: #000018; 
		color: #D8D8D8; 
		margin: 0px 2px; 
		padding: 5px; 
		font-size: 1.15em; 
		font-weight: bold; 
		text-transform: uppercase; 
		border: 1px solid #000018; 
		}

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

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

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

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

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

.page-tags .tags-container { 
		background-color: #efefef;
		margin: 0px 0px 10px 0px; 
		}

.page-tags h2 { 
		background-color: #000018;
		padding: 15px; 
		color: #efefef; 
		letter-spacing: -0.07em;
		font-size: 1.2em;
		text-transform: uppercase; 
		font-weight: lighter; 
		}

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

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

/*--- comments ---*/

.comment { 
		margin: 0px 0px 20px 0px;		
		}

.comment-content {
 		background-color: #efefef;  
		padding: 15px; 
		padding-top: 30px; 
		margin: 0px; 
		min-height: 70px; 
		}

div.comment div.header { 
		background-color: #000018;
		padding: 15px; 
		letter-spacing: -0.07em;
		color: #efefef; 
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: lighter;
		}

.comment-poster { 
		background-color: #efefef;  
		padding: 5px;
		float: right;
		margin: 5px -150px 5px 0px;
		}

.comment-title { 
		color: #efefef; 
		letter-spacing: -0.07em;
		font-weight: lighter;
		font-size: 1.05em;
		text-transform: uppercase;
		}

.comment-title a { 
		font-weight: lighter;
		font-size: 1.05em;
		color: #efefef; 
		}

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

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

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

div.comment div.userpic { 
		float: right; 
		margin: 30px 15px 10px 20px; 
		}

div.comment div.userpic img { 
		background-color: #003030;
		padding: 15px;
		border: 0px solid;		
		}

.bottomcomment { 
		background-color: #efefef; 
		padding: 10px; 
		margin: 0px; 
		
		}

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

.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: #efefef;  
		}

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: #efefef;  
		}

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

#qrform table { 
		border: 0!important; 
		}
		
		.comment-poster {  
		font-size: .9em;;
		text-transform: uppercase; 
		}

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

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

div.ContextualPopup {
		margin: auto;
 		text-align: left; 
		color: #001818;
		text-transform: uppercase;
		font-family: arial, tahoma, sans-serif;
		border: 0;
		}

div.ContextualPopup div.Inner {
		background-color: #efefef; 	
		color: #001818!important;
		border: 0px;
		border: 1px solid #000018;
		}

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

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

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

div.ContextualPopup .Relation {
		text-transform: uppercase;
		color: #000018;
		}

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

#lj_controlstrip_statustext {
		color: #efefef;
		}

#lj_controlstrip a  {
		color: #D8D8D8;
		}

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

#lj_controlstrip input {
		background-color: #D8D8D8;
		color: #001818;
		text-transform: uppercase;
		border: 1px solid #D8D8D8;
		}

timeasmymeasure

Thought I should check off some of the things I always meant to post:

Name: Seamless
Author:

timeasmymeasure
Layout Submission Type: CSS layout based off Tabula Rasa
Image Preview: No images

Image Info: No images

Notes:
- CSS currently only works with "2 column sidebar right" but please feel free to fix that and anything else that needs fixing/changing.

- I don't have a name for this color scheme but I'll take recommendations :D

/*-- Seamless (Tabula Rasa) --*/
/*--- 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; 
		}

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;
		}

ninetydegrees

Edit: these are now live and can be selected from Customize Style. Original layers and pics are no longer available.

( Read more... )

momijizukamori

Another

spire convert, with some inspiration from Compartmentalize.

Tectonic
Source

City Dragon
Source | Preview

Cloudy
Source | Preview

Corporate Assets
Source | Preview

Fission (default)
Source | Preview

Memory of Flowers
Source | Preview

momijizukamori

spire/

daemon gave me permission to recode their layouts for DW's code base, as they stopped making custom layouts a few years back, and I love their work. So this is the first of probably several sets of recodes + color themes.

Planet Caravan
Source

Cheerfully (default)
Source | Preview

Oceanic
Source | Preview

Starry Sky
Source | Preview

Sunrise
Source | Preview

The background image in Starry Sky is my own work in Photoshop. The default is one-column, but it looks equally nice in all the other modes, too.

ninetydegrees

Edit: these are now live and can be selected from Customize Style. Original layers and pics are no longer available.

( Read more... )

ninetydegrees

Edit: these are now live and can be selected from Customize Style. Original layers and pics are no longer available.

( Read more... )

momijizukamori

Yep, still flooding this place with new stuff (at least, uh, Fly Away and Rising won't be done for a while?)

Corinthian
Source

A Thousand Rubies
Source | Preview

Bolt
Source | Preview

Deep Seas
Source | Preview

Enchanted Forest (Port of

nornoriel's Crisped theme, with some tweaks)
Source | Preview

Mars
Source | Preview

Moss
Source | Preview

ninetydegrees

Edit: these are now live and can be selected from Customize Style. Original layers and pics are no longer available.

( Read more... )

momijizukamori

After much fighting with code and 2am debates about image placement options (a great big thank you to the members of #dw for having that with me), this thing is ready for submission

Layout: Heads Up
Author:

momijizukamori
Layout info: Source
Additional info: CSS needs clean-up and condensing - I started it based on Paletteable, which inherits from Tabula Rasa, and partway through realized I needed to redo Print::page to get the results I wanted, so it's got the core TR stylesheet and the custom one. But I'll probably be doing the patching myself on this one again *g*

Theme name/layout: Caturday - Grey Tabby / Heads Up
Author:

momijizukamori
Layout info: Source | Preview
Image info: Images made by me in Photoshop.

Theme name/layout: Caturday - Orange Longhair / Heads Up
Author:

momijizukamori
Layout info: Source | Preview
Image info: Images made by me in Photoshop.

Theme name/layout: Caturday - Orange Tabby / Heads Up
Author:

momijizukamori
Layout info: Source | Preview
Image info: Images made by me in Photoshop.

Theme name/layout: Caturday - Longhair / Heads Up
Author:

momijizukamori
Layout info: Source | Preview
Image info: Images made by me in Photoshop.

Theme name/layout: Midnight / Heads Up
Author:

momijizukamori
Layout info: Source | Preview
Image info: Images made by me in Photoshop.

momijizukamori

Layout: Marginless
Author:

momijizukamori
Layout info: Source

Theme: Mars/Marginless (default)
Author:

momijizukamori
Layout info: Source | Preview

Theme: Midnight/Marginless
Author:

momijizukamori
Layout info: Source | Preview Image

Theme: Great Oak/Marginless
Author:

momijizukamori
Layout info: Source | Preview Image

Additional info (for layouts): I could use some ~~IE/~~Opera/~~Safari~~ testing - I've done Firefox and Chrome myself. I've also patched the files already on my Dreamhack, so if you want to muck around with them there, they're already in the customize area! This should support all layout modes and all basic options, including custom friends colors. (and because they're on my Dreamhack, I can't figure out how to link more than one preview at once :|a)

EDIT: tossed in some screencap previews for the other two, in case anyone wants to see what they look like before fiddling *g*

timeasmymeasure

Finally settled down long enough to post:

Theme || Layout: For The Bold (Tabula Rasa) || Tabula Rasa
Author:

timeasmymeasure
Layout Submission Type: CSS layout based off Tabula Rasa

Image Preview: http://i39.tinypic.com/5untzp.png

Image Info: No images

Additional Info: CSS currently only works with "2 column sidebar right" but please feel free to fix that and anything else that needs fixing/changing. The name for this particular color scheme is Modernity.

CSS:

/*-- For The Bold (Tabula Rasa) --*/
/*-- stylesheet by visualwit for DW --*/

/*--- main ---*/

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

BODY { 
		background-color: #EDEDED;
		background-image: url(''); 
		color: #707070; 
		font-size: 1em; 
		line-height: 140%;
		margin: 10px 0px 0px 0px; 
		font-family: corbel, century gothic, gill sans mt, verdana, arial, sans-serif;
		}

a, a:link, a:visited { 
		color: #3dac8e;
		text-decoration: none;
		}

a:hover {
		color: #12332a;
		}

hr { 
		color: transparent; 
		height: 1px; 
		border: 0px;  
		}

input, textarea {
		background-color: #FFFFFF;
		color: #757575; 
		border: 1px solid #CDCDCD;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}

::-moz-selection { 
		background-color: #CDCDCD;
		color: #FFFFFF; 
		}

blockquote {
		background-color: #EDEDED;
		margin: 15px 30px;
		padding: 10px;
		font-style: none;
		color: #333333; 
		border: 2px solid #3dac8e;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}

ul {
		margin: 5px 0px 5px 15px;
		list-style: circle;
		list-style-position: inside;
		}

ol {
		margin: 5px 0px 5px 35px;
		list-style-position: inside;
		list-style: decimal;
		}

span.poster {	
		margin: -20px 0px 0px 0px;
	        float: right; 
		}

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

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

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

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

#secondary { 
		width: 22%;
                background-color: #3dac8e;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}

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

/*--- titles ---*/

#footer {
 		padding: 10px; 
                float: center;  
		}

#header { 
		padding: 10px; 
		margin: 0px 0px 10px 0px; 
		}

h1#title { 
		display: ; 
		color: #333333; 
		font-weight: lighter; 
		font-size: 1.9em; 
		text-transform: uppercase;
		}

h2#subtitle { 
		display: ; 
		color: #333333; 
		font-weight: lighter; 
		line-height: 80%;
		font-size: 1.55em; 
		text-transform: lowercase;
		}

h2#pagetitle { 
		display: none; 
		}

/*--- sidebar ---*/

li.page-separator { 
		display: none; 
		}

.module { 
		color: #333333; 
		padding: 10px; 
		margin: 0px 0px 0px 0px;
		text-align: right; 
		}

.module a { 
		color: #FFFFFF; 
		}

h2.module-header {
		margin: 0px 0px 5px 0px;
		color: #333333; 
		font-size: 1.41em; 
		font-weight: lighter; 
		text-transform: uppercase;
		border-bottom: 1px #7ab8a7 solid; 
		}

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

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

div.module-content div.userpic { 
		margin: 10px 0px 0px 0px;
		text-align: center; 
		}

div.module-content div.userpic img { 
		padding: 10px; 
		background-color: #FFFFFF!important; 
		width: 85px;
                height: 85px; 
		border: 0; 
		}

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

div.journal-website-name { 
		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; 
		}

div.module-navlinks { 
		text-align: right;
		list-style: none; 
		font-size: 1.41em; 
		text-transform: uppercase;
		}

div.module-navlinks ul.module-list { 
		border: 0px;
		margin: 0px;
		list-style: none; 
		}

.module-list-item .current  {
		color: #333333;
		}

div.module-calendar table { 
		text-align: center; 
		margin: 0px auto; 
		}

div.module-calendar th { 
		background-color: #FFFFFF; 
		margin: 0px 2px; 
		border: 1px solid #DCDCDC; 
		}

div.module-calendar td.empty-day { 
		background-color: #FFFFFF; 
		padding: 1px; 
		margin: 0px 2px; 
		border: 1px solid #DCDCDC; 
		}

div.module-calendar td.entry-day { 
		background-color: #FFFFFF; 
		margin: 0px 1px; 
		border: 1px solid #DCDCDC; 
		}

div.module-calendar td.entry-day a { 		color: #3dac8e;
		}

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

.topnav { 
		display: none; 
		}

.navigation { 
		margin: 5px 0px 5px 0px; 
		}

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 ---*/

h3.day-date { 
		background-color: #FFFFFF;
		margin: 0px 160px 0px 0px; 
		padding: 5px 5px 0px 5px; 
		}

div.entry {
		background-color: #FFFFFF;
		margin: 0px 160px 20px 0px; 
		padding: 5px; 
		}

div.entry-content { 
		min-height: 100px; 
		padding: 10px; 
		border-top: 1px #999999 solid; 
		}

h3.entry-title { 
		color: #333333; 
		font-size: 1.41em; 
		font-weight: lighter; 
		text-transform: uppercase;
		}

h3.entry-title a { 
		color: #333333; 
		}

.datetime {  
		color: #ababab; 
		font-size: .75em; 
		}

.datetime a {  
		color: #ababab; 
		}

div.entry div.userpic { 
		float: right; 
		margin: 0px -146px 15px 0px; 
		}

div.entry div.userpic img { 
		background-color: #333333!important; 
		padding: 15px; 
		border: 0px; 
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}

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

.metadata { 
		margin: 20px 0px 0px 0px ; 
		text-align: right; 
		text-transform: uppercase;
		}

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: #3dac8e;
		text-align: right; 
		display: inline; 
		}

div.tag { 
		text-transform: uppercase;
		margin: 10px 0px 10px 0px;  
		}

span.tag-text { 
		}

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

ul.entry-management-links {
		margin: 15px 0px 0px 0px; 
		text-align: right; 
		}

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

ul.entry-interaction-links { 
		font-size: 1.30em; 
		text-transform: uppercase;
		padding: 0px; 
		margin: 5px 0px 0px 0px; 
		text-align: right; 
		}

ul.entry-interaction-links li { 
		display: inline; 
		list-style: none;  
		font-weight: normal; 
		margin: 0px 5px 0px 0px;
		padding: 0px; 
		}

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

/*--- comments ---*/

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

.comment { 
		background-color: #FFFFFF;
		margin: 0px 160px 20px 0px; 
		padding: 10px; 
		}

.comment-content { 
		min-height: 60px; 
		padding: 10px; 
		border-top: 1px solid #999999; 
		}

.comment-title { 
		font-size: 1.27em; 
		font-weight: lighter; 
		text-transform: uppercase;
		color: #333333; 
		}

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

.comment-wrapper { 
		margin: 10px 0px; 
		}

div.comment div.userpic { 
		display: block; 
		float: right; 
		margin: 0px -125px 15px 0px; 
		border: 0px solid #e4f4d2;
		}

div.comment div.userpic img { 
		background-color: #333333!important; 
		padding: 10px; 
		width: 85px;
                height: 85px; 
		border: 0px; 
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px
		}

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

.comment-management-links li, .comment-interaction-links li { 
		display: inline;
                font-weight: lighter;  
		margin: 5px; 
		}

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

.comment-management-links li, .comment-interaction-links li { 
		font-size: 1.22em; 
		text-transform: uppercase;
		display: inline; 
		}

.comment-management-links li a, .comment-interaction-links li a{ 
		color: #333333; 
		}

#qrform table { 
		border: 0!important; 
		}
		
		textarea.textbox  { 
		color: #757575; 
		width: 80% !important; 
		border: 1px solid #CDCDCD;
		float: left; 
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}

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

.bottomcomment { 
		background-color: #FFFFFF;
		margin: 0px 160px 15px 0px; 
		padding: 10px; 
		}

.comment .footer { 
		text-align: right; 
		margin: 15px 0px 0px 0px; 
		}

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

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

.month caption { 
		display: none; 
		}

table.month td, table.month th {
		border: 1px solid #707070; 
                }

.month { 
		font-weight: bold; 
		padding: 10px; 
		background-color: #FFFFFF;
		margin: 0px 0px 15px 0px; 
		}

.month th { 
		background-color: #f5f5f5; 
		margin: 0px 2px; 
		padding: 2px; 
		text-align: center; 
		}

td.day { 
		padding: 5px;
		font-weight: normal; 
		text-align: left; 
		}

.month td.day-has-entries {
		background-color: #FBFBFB; 
		}

.month td.day-has-entries p { 
		font-weight: bold; 
		font-size: 1.2em; 
		display: block; 
		text-align: right; 
		}

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

.page-tags .tags-container { 
		padding: 20px; 
		background-color: #FFFFFF;
		margin: 0px 0px 10px 0px;

}

.page-tags h2 { 
		color: #787878;
		font-weight: normal; 
		}

.page-tags .ljtaglist { 
		list-style: none; 
		}

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

div.ContextualPopup {
		margin: auto;
 		text-align: left; 
		}

div.ContextualPopup .Content {
		background-color: #FFFFFF;
		border: 0px;
		margin: auto;
                font-weight: lighter;  
		}

div.ContextualPopup div.Inner {
		background-color: #FFFFFF;
                color: #333333;!important;
		border: 1px solid #333333;
                font-weight: lighter;  
		}

div.ContextualPopup .Userpic {
		padding: 5px;
		margin:  5px;
		background-color: #333333;
		border: 0;
		}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:link {
		text-decoration: none !important;
		color: #3dac8e!important;
                font-weight: lighter;  
		}

div.ContextualPopup .Relation {
		}

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

table#lj_controlstrip td {
		background-color: #FFFFFF;
		border: 0px;
		}

#lj_controlstrip input {
		background-color: #EDEDED;
		color: #333333; 
		border: 1px solid #333333;
		}

#lj_controlstrip a  {
		color: #3dac8e;
		}

#lj_controlstrip_statustext {
		color: #333333;
		}

#lj_controlstrip .ljuser a b {
		color: #333333;
		}

/*--- paste additional codes below this point ---*/

Originally posted over here.

(reposted for username consistency)

timeasmymeasure

Theme || Layout: Line Up (Modernity) || Tabula Rasa
Author:

timeasmymeasure
Layout Submission Type: CSS layout based off Tabula Rasa

Image Preview: http://i52.tinypic.com/200wety.jpg

/*-- Line Up (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: #f0f0f0;
		color: #323232; 
		font-size: 1em; 
		margin: 30px 0px 0px 0px; 
		font-family: Franklin Gothic Book, sans-serif;
		}

a, a:link, a:visited { 
		color: #db3f3f;
		text-decoration: none;
		}

a:hover {
		color: #2d2d2d;
		}

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

input, textarea {
		background-color: #FFFFFF;
		color: #2d2d2d;
		border: 1px solid #2d2d2d;
		}

::-moz-selection { 
		background-color: #ededed; 
		color: #2d2d2d; 
		}

q { 
		font-style: italic; 
		}

blockquote {
		margin: 10px 10px 10px 50px;
		padding: 5px;
		width: 88%;
		border-top: 5px solid #2d2d2d;
		border-bottom: 5px solid #db3f3f;
		}

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

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

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

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

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

/*--- titles ---*/

#header { 
		padding: 10px; 
		background-color: #FFFFFF;   
		margin: 0px 0px 15px 0px; 		
		border-top: 10px solid #db3f3f;
		}

h1#title { 
		font-weight: bold; 
		color: #2d2d2d; 
		font-size: 1.3em; 
		text-transform: uppercase;
		}

h2#subtitle { 
		color: #2d2d2d;
		font-size: 1.23em; 
		font-weight: lighter; 
		text-transform: lowercase;
		}

h2#pagetitle { 
		font-size: 1.21em; 
		display: none; 
		}

/*-- journal navigation --*/

div.module-navlinks { 
		font-size: 1.2em; 
		text-align: right;
		list-style: none; 
		}

div.module-navlinks ul.module-list { 
		text-transform: uppercase;
		}

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

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

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

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

/*--- sidebar ---*/

.module { 	
		background-color: #FFFFFF;   
		margin: 0px 0px 15px 0px; 		
		border-top: 10px solid #2d2d2d;
		}

.module-content { 
		padding: 10px; 
		}

h2.module-header {
		background-color: #db3f3f;   
		padding: 3px; 
		margin: 0px 0px; 
		color: #ffffff; 
		font-size: 1.2em; 
		font-weight: normal; 
		text-transform: uppercase; 
		}

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

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

div.module-content div.userpic img { 
		height: 70px;
		width: 70px;
		padding: 5px; 
		background-color: #2d2d2d;   
		border: 3px solid #db3f3f;
		}

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

div.journal-website-name { 
		text-transform: uppercase; 
		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; 
		}

ul.module-list { 
		list-style: none; 
		}

ul.module-list li { 
		padding: 0px 0px 0px 5px; 
		list-style: none; 
		}

ul.module-list-item { 
		list-style: none; 
		}

ul.module-list-item li { 
		padding: 0px 0px 0px 5px; 
		list-style: none; 
		}

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

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

div.module-calendar th { 
		text-transform: uppercase; 
		background-color: #FFFFFF;
		border: 1px solid #2d2d2d; 
		}

div.module-calendar td.empty-day { 
		text-transform: uppercase; 
		background-color: #FFFFFF; 
		border: 1px solid #2d2d2d; 
		}

div.module-calendar td.entry-day { 
		text-transform: uppercase; 
		background-color: #FFFFFF; 
		border: 1px solid #db3f3f; 
		}

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

.navigation { 
		text-align: center; 
		padding: 5px; 
		background-color: #2d2d2d;   
		margin: 0px 0px 15px 0px; 		
		border-top: 10px solid #db3f3f;
		font-size: 1.2em; 
		text-transform: uppercase;
		}

.navigation a{ 
		color: #ffffff;
		}

.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 ---*/

div.entry { 
		margin: 0px 0px 15px 0px;
		background-color: #db3f3f;   
		border-top: 10px solid #2d2d2d;
		}

div.entry div.userpic { 
		float: right; 
		margin: 0px 8px 20px 20px; 
		}

div.entry div.userpic img { 
		padding: 5px; 
		background-color: #FFFFFF;   
		border: 5px solid #2d2d2d;
		}

.userpic {
		min-width: 120px;
		}

div.entry-content { 
		background-color: #FFFFFF;  
		padding: 15px; 
		padding-top: 30px; 
		margin: 0px; 
		margin-right: 140px; 
		margin-top: -10px; 
		}

div.entry div.header { 
		padding: 5px 10px 5px 10px; 
		margin: 0px 0px 5px 0px; 
		margin-right: 140px; 
		background-color: #FFFFFF;  
		}

.entry-poster { 
		background-color: #FFFFFF;  
		padding: 5px;
		margin-top: -5px; 
		float: right; 
		}

h3.entry-title { 
		color: #2d2d2d; 
		text-transform: uppercase; 
		font-weight: normal; 
		}

h3.entry-title a { 
		color: #2d2d2d; 
		}

.datetime {  
		text-transform: uppercase; 
		color: #db3f3f; 
		font-size: 0.75em; 
		}

.datetime a {  
		color: #db3f3f; 
		}

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

.metadata { 
		font-size: 0.85em; 
		padding: 10px 15px 5px 15px; 
		margin: 0px;  
		text-transform: uppercase; 
		margin-right: 140px; 
		background-color: #FFFFFF;  
		}

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: #db3f3f;
		text-align: right; 
		text-transform: uppercase; 
		display: inline; 
		}

.metadata img {
		display: none;
		}

div.tag { 
		font-size: 0.85em; 
		padding: 15px; 
		text-transform: uppercase;
		margin-right: 140px; 
		background-color: #FFFFFF;  
		}

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

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: 2px; 
		list-style: none; 
		text-align: center;
		margin: 0px; 
 		margin-right: 140px; 
		background-color: #FFFFFF;  
		}

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

ul.entry-interaction-links { 
		padding: 2px; 
		text-align: center; 
		margin: 0px; 
		margin-right: 140px; 
		background-color: #FFFFFF;  
		}

ul.entry-interaction-links li { 
		display: inline; 
		list-style: none;  
		font-weight: normal; 
		font-size: 1.152em; 
		color: #2d2d2d; 
		text-transform: uppercase; 
		margin: 0px 5px 0px 0px;
		padding: 0px; 
		}

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

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

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

.month { 
		padding: 20px; 
		background-color: #FFFFFF; 
		margin: 0px 0px 15px 0px; 		
		border-top: 10px solid #2d2d2d;
		}

table.month { 
		border: 0px solid #db3f3f;
		}

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

.month caption { 
		display: none; 
		}

.month h3 { 
		color: #2d2d2d; 
		font-size: 1.2em; 
		font-weight: normal;
		text-transform: uppercase; 
		}

.month th { 
		background-color: #2d2d2d; 
		color: #ffffff; 
		margin: 0px 2px; 
		padding: 5px 2px; 
		font-size: 1.15em; 
		font-weight: normal; 
		text-transform: uppercase; 
		border: 1px solid #db3f3f; 
		}

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

td.day { 
		padding: 10px;
		}

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

.month td.day-has-entries p { 
		font-size: 1.14em; 
		font-weight: bold; 
		padding: 0px 0px 0px 5px; 
		}

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

.page-tags .tags-container { 
		background-color: #FFFFFF;
		margin: 0px 0px 10px 0px; 
		border-top: 10px solid #2d2d2d;
		}

.page-tags h2 { 
		padding: 5px 10px 5px 10px; 
		font-size: 1.2em; 
		color: #2d2d2d;
		font-weight: normal; 
		text-transform: uppercase; 
		}

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

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

/*--- comments ---*/

.comment { 
		margin: 0px 0px 15px 0px;
		background-color: #db3f3f;   
		border-top: 10px solid #2d2d2d;
		}

.bottomcomment { 
		background-color: #FFFFFF; 
		padding: 10px; 
		margin: 0px; 
		border-top: 10px solid #2d2d2d;
		}

.comment-content {
 		background-color: #FFFFFF;  
		padding: 15px; 
		padding-top: 30px; 
		margin: 0px; 
		margin-right: 140px; 
		margin-top: -10px; 
		}

div.comment div.header { 
		padding: 5px 10px 5px 10px; 
		margin: 0px 0px 5px 0px; 
		margin-right: 140px; 
		background-color: #FFFFFF;   
		color: #2d2d2d; 
		text-transform: uppercase; 
		}

div.comment div.header a {  
		font-weight: lighter;  
		font-size: 1.15em; 
		color: #2d2d2d; 
		}

.comment-poster { 
		background-color: #FFFFFF;  
		padding: 5px;
		margin-top: -5px; 
		float: right; 
		}

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

textarea.textbox  { 
		width: 80% !important; 
		color: #2d2d2d;
		border: 1px solid #2d2d2d;
		}

.poster-ip { 
		background-color: #FFFFFF;
		float: right; 
		}

div.comment div.userpic { 
		float: right; 
		margin: 0px 8px 20px 20px; 
		}

div.comment div.userpic img { 
		padding: 5px; 
		background-color: #FFFFFF;   
		border: 5px solid #2d2d2d;
		}

div.comment div.footer { 
 		margin-right: 140px; 
		background-color: #FFFFFF; 
		padding: 0px 10px 0px 10px; 
		font-weight: bold; 
		color: #2d2d2d; 
		text-transform: uppercase; 
		}

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

ul.comment-management-links { 
		padding: 2px; 
		text-align: center; 
		margin: 0px; 
		background-color: #FFFFFF;  
		}

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

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

ul.comment-interaction-links li { 
		display: inline; 
		list-style: none;  
		font-weight: normal; 
		font-size: 1.152em; 
		color: #2d2d2d; 
		text-transform: uppercase; 
		margin: 0px 5px 0px 0px;
		padding: 0px; 
		}

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

#qrform table { 
		border: 0!important; 
		}
		
		.comment-poster {  
		text-transform: uppercase; 
		}

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

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

div.ContextualPopup {
		margin: auto;
 		text-align: left; 
		width: 300px;
		text-transform: uppercase;
		font-family: Tahoma, Arial, sans-serif;
		}

div.ContextualPopup div.Inner {
		background-color: #FFFFFF; 	
		color: #2d2d2d!important;
		border: 1px solid #2d2d2d;
		}

div.ContextualPopup .Userpic {
		padding: 3px;
		margin:  5px;
		background-color: #db3f3f;
		border: 2px solid #2d2d2d;
		}

div.ContextualPopup .Content {
		background-color: #FFFFFF; 
		border: 0px solid #2d2d2d;
		margin: auto;
		}

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

div.ContextualPopup .Relation {
		text-transform: uppercase;
		color: #2d2d2d;
		}

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

table#lj_controlstrip td {
		background-color: #FFFFFF; 
		border: 0px solid #FFFFFF;
		border-top: 5px solid #2d2d2d;
		color: #323232;
		text-transform: uppercase;
		font-family: Tahoma, Arial, sans-serif;
		}

#lj_controlstrip input {
		background-color: #FFFFFF;
		padding: 0px 5px 0px 5px;
		color: #323232;
		text-transform: uppercase;
		border: 1px solid #2d2d2d;
		}

#lj_controlstrip a  {
		color: #db3f3f;
		}

Originally posted over here.

timeasmymeasure

I've been trying to convert this myself but it's not been working out; I've a limited proficiency with conversions.

Theme || Layout: Crisped (Fresh Cotton) || Tabula Rasa
Author:

timeasmymeasure
Layout Submission Type: CSS layout based off Tabula Rasa

Layout Preview: http://timeasmymeasure.dreamwidth.org/?s2id=430087
Image Preview: http://i95.photobucket.com/albums/l133/RavenclawBest/LJ%20Layouts/7d95d75d.png

Image Info: No images

Additional Info: CSS currently only works with "2 column sidebar right" but please feel free to fix that and anything else that needs fixing/changing. The name for this particular color scheme is Fresh Cotton.

Originally posted over here.

/*--  Crisped (Tabula Rasa) --*/
/*-- stylesheet by timeasmymeasure for DW --*/

/*--- main ---*/

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

BODY { 
		background-image: url(''); 
		background-color: #ededed;
		color: #5f5f5f; 
		font-size: .95em; 
		margin: 30px 0px 0px 0px; 
		font-family: Palatino Linotype, Book Antiqua, Georgia, Times New Roman, serif;
		}

.ljuser a b {
		color: #7B98C1;
		}

a, a:link, a:visited { 
		color: #7B98C1;
		text-decoration: none;
		}

a:hover {
		color: #757575;
		}

hr { 
		color: transparent; 
		height: 1px; 
		border: 0px;  
		}

b, strong, i, em {
		color: #757575;
		}

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

input, textarea {
		background-color: #FFFFFF;
		color: #757575;
		border: 1px solid #757575;
		}

::-moz-selection { 
		background-color: #ededed; 
		color: #757575; 
		}

q { 
		font-style: italic; 
		}

blockquote {
		background-color: #ededed;
		color: #5f5f5f; 
		margin: 15px 15px 15px 70px;
		padding: 10px;
		width: 65%;
		}

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

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

span.poster { 
		padding: 5px;
		}

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

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

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

/*--- titles ---*/

#header { 
		padding: 10px; 
		margin: 0px 0px 10px 0px; 
		letter-spacing: -0.1em;
		line-height: 120%;
		}

h1#title { 
		display: ; 
		color: #7B98C1; 
		font-weight: lighter; 
		font-size: 1.9em; 
		text-transform: uppercase;
		}

h2#subtitle { 
		background-color: #ededed;
		color: #757575;
		font-weight: lighter; 
		font-size: 1.64em; 
		text-transform: lowercase;
		}

h2#pagetitle { 
		display: none; 
		}

/*-- journal navigation --*/

div.module-navlinks { 
		letter-spacing: -0.1em;
		font-size: 1.45em; 
		text-align: right;
		list-style: none; 
		}

div.module-navlinks ul.module-list { 
		text-transform: uppercase;
		}

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

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

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

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

/*--- sidebar ---*/

li.page-separator { 
		display: none; 
		}

.module { 	
		background-color: #FFFFFF;  
		padding-bottom: 10px;
		margin: 0px 0px 15px 0px; 
		border-right: 1px solid #DCDCDC;
		border-bottom: 2px solid #DCDCDC;
		}

.module-content { 
		padding: 15px; 
		margin: 10px 0px 0px 0px; 
		}

h2.module-header {
		text-align: right;
		background-color: #DCDCDC;
		padding: 5px 10px 5px 10px; 
		margin: 0px 0px 5px 0px; 
		color: #757575; 
		font-size: 1.2em; 
		font-weight: normal; 
		text-transform: uppercase; 
		}

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

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

div.module-content div.userpic img { 
		padding: 10px; 
		background-color: #DCDCDC!important;
		}

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

div.journal-website-name { 
		text-transform: uppercase; 
		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; 
		}

ul.module-list { 
		list-style: none; 
		}

ul.module-list li { 
		padding: 0px 0px 0px 5px; 
		list-style: none; 
		}

ul.module-list-item { 
		list-style: none; 
		}

ul.module-list-item li { 
		padding: 0px 0px 0px 5px; 
		list-style: none; 
		}

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

div.module-calendar table { 
		text-align: center; 
		margin: 0px auto; 
		}

div.module-calendar th { 
		text-transform: uppercase; 
		background-color: #ECECEC; 
		margin: 0px 2px; 
		padding: 3px 8px; 
		border: 1px solid #DCDCDC; 
		}

div.module-calendar td.empty-day { 
		text-transform: uppercase; 
		background-color: #FFFFFF; 
		margin: 0px 2px; 
		border: 1px solid #DCDCDC; 
		}

div.module-calendar td.entry-day { 
		text-transform: uppercase; 
		background-color: #EFEFEF; 
		margin: 0px 1px; 
		border: 1px solid #DCDCDC; 
		}

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

.topnav { 
		display: none; 
		}

.navigation { 
		margin: 5px 0px 5px 0px; 
		font-size: 1.2em; 
		text-transform: uppercase;
		}

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 ---*/

div.entry { 
		background-color: #FFFFFF;  
		padding-bottom: 10px;
		margin: 0px 0px 15px 0px; 
		border-right: 1px solid #DCDCDC;
		border-bottom: 2px solid #DCDCDC;
		}

div.entry-content { 
		padding: 15px; 
		margin: 10px 0px 0px 0px; 
		}

div.entry div.header { 
		text-align: right;
		background-color: #DCDCDC;
		padding: 5px 10px 5px 10px; 
		margin: 0px 0px 5px 0px; 
		}

h3.entry-title { 
		color: #757575; 
		text-transform: uppercase; 
		font-weight: normal; 
		font-size: 1.2em; 
		}

h3.entry-title a { 
		color: #757575; 
		}

.datetime {  
		text-transform: uppercase; 
		color: #7B98C1; 
		font-size: 0.75em; 
		}

.datetime a {  
		color: #7B98C1; 
		}

div.entry div.userpic { 
		float: right; 
		margin: 5px 10px 20px 20px; 
		}

div.entry div.userpic img { 
		border: 0px;
		padding: 10px; 
		background-color: #DCDCDC!important; 
		}

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

.metadata { 
		padding: 10px 15px 5px 15px; 
		margin: 5px 0px 0px 0px;  
		text-transform: uppercase; 
		}

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: #7B98C1;
		text-align: right; 
		text-transform: uppercase; 
		display: inline; 
		}

div.tag { 
		padding: 15px; 
		margin: 5px 0px 5px 0px;  
		text-transform: uppercase;
		}

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

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

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

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

ul.entry-interaction-links { 
		padding: 0px; 
		margin: 5px 0px 0px 0px; 
		text-align: center; 
		}

ul.entry-interaction-links li { 
		display: inline; 
		list-style: none;  
		font-weight: normal; 
		font-size: 1.152em; 
		color: #757575; 
		text-transform: uppercase; 
		margin: 0px 5px 0px 0px;
		padding: 0px; 
		}

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

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

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

.month { 
		padding: 20px; 
		background-color: #FFFFFF; 
		margin: 0px 0px 15px 0px; 
		border-right: 1px solid #DCDCDC;
		border-bottom: 2px solid #DCDCDC;
		}

table.month { 
		border: 0px solid #DCDCDC;
		}

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

.month caption { 
		display: none; 
		}

.month h3 { 
		color: #757575; 
		font-size: 1.2em; 
		font-weight: normal;
		text-transform: uppercase; 
		}

.month th { 
		background-color: #EDEDED; 
		margin: 0px 2px; 
		padding: 5px 2px; 
		font-size: 1.15em; 
		font-weight: normal; 
		text-align: center; 
		text-transform: uppercase; 
		border: 1px solid #DCDCDC; 
		}

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

td.day { 
		padding: 10px;
		text-align: center; 
		}

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

.month td.day-has-entries p { 
		font-size: 1.14em; 
		font-weight: bold; 
		padding: 0px 0px 0px 5px; 
		display: inline; 
		}

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

.page-tags .tags-container { 
		background-color: #FFFFFF;
		margin: 0px 0px 10px 0px; 
		border-right: 1px solid #DCDCDC;
		border-bottom: 2px solid #DCDCDC;
		}

.page-tags h2 { 
		background-color: #DCDCDC;
		padding: 5px 10px 5px 10px; 
		font-size: 1.2em; 
		color: #757575;
		font-weight: normal; 
		text-transform: uppercase; 
		}

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

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

/*--- comments ---*/

.comment { 
		background-color: #FFFFFF;  
		padding-bottom: 10px;
		margin: 0px 0px 15px 0px; 
		border-right: 1px solid #DCDCDC;
		border-bottom: 2px solid #DCDCDC;
		}

.comment-content { 
		padding: 15px; 
		margin: 10px 0px 0px 0px; 
		}

div.comment div.header { 
		text-align: right;
		background-color: #DCDCDC;
		padding: 5px 10px 5px 10px; 
		margin: 0px 0px 5px 0px; 
		}

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

textarea.textbox  { 
		width: 80% !important; 
		color: #757575;
		border: 1px solid #757575;
		}

.poster-ip { 
		display: none; 
		}

div.comment div.userpic { 
		display: block; 
		float: right; 
		margin: 5px 10px 10px 10px; 
		border: 0px solid #e4f4d2;
		}

div.comment div.userpic img { 
		border: 0px;
		padding: 10px; 
		background-color: #DCDCDC!important;
		}

div.comment div.footer { 
		padding: 0px 10px 0px 10px; 
		font-weight: bold; 
		color: #757575; 
		text-transform: uppercase; 
		}

.bottomcomment { 
		background-color: #FFFFFF; 
		padding: 10px; 
		border-right: 1px solid #DCDCDC;
		border-bottom: 2px solid #DCDCDC;
		}

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

.comment-management-links li, .comment-interaction-links li { 
		display: inline; 
		}

#qrform table { 
		border: 0!important; 
		}
		
		.comment-poster {  
		text-transform: uppercase; 
		}

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

.comment-management-links li, .comment-interaction-links li { 
		display: inline; 
		}

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

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

div.ContextualPopup {
		margin: auto;
 		text-align: left; 
		width: 300px;
		text-transform: uppercase;
		font-family: Tahoma, Arial, sans-serif;
		}

div.ContextualPopup div.Inner {
		background-color: #FFFFFF; 	
		color: #757575!important;
		border: 1px solid #757575;
		}

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

div.ContextualPopup .Content {
		background-color: #FFFFFF; 
		border: 0px solid #757575;
		margin: auto;
		}

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

div.ContextualPopup .Relation {
		text-transform: uppercase;
		color: #757575;
		}

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

table#lj_controlstrip td {
		background-color: #FFFFFF; 
		border: 1px solid #DCDCDC;
		color: #5f5f5f;
		text-transform: uppercase;
		font-family: Tahoma, Arial, sans-serif;
		}

#lj_controlstrip input {
		background-color: #FFFFFF;
		padding: 0px 5px 0px 5px;
		color: #5f5f5f;
		text-transform: uppercase;
		border: 1px solid #5f5f5f;
		}

#lj_controlstrip a  {
		color: #7B98C1;
		}

/*--- paste additional codes below this point ---*

winterfish

Theme name/layout: Five AM / Tabula Rasa
Author:

winterfish
Layout info: CSS layout

/* Five AM */
/* A Dreamwidth Tabula Rasa Layout */
/* Variable width; one column, two column-left, two colum-right page setups */
/* by w i n t e r f i s h */

* {margin: 0; padding: 0;}

body {
	margin: 0;
    padding: 0;
    color: #444;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 0.625em;
    background: #fff;
}

h1, h2, h3, h4, h5, h6 {margin: 0; font-weight: normal; font-family: calibri, arial, helvetica, sans-serif; color: #464646;}

img {border: none;}

hr {display: none;}

p {margin: 1em 0;}

blockquote {
	margin: 1em 0;
	padding: 2em 1em 2em 6.5em !important;
        line-height: 1.4em;
        border-top: 4px solid #252525 !important;
        border-bottom: 4px solid #252525 !important;
        background: url(http://pics.livejournal.com/winterfish/pic/00109cgq) top left no-repeat #ffffff;
}

input, textarea, select {
	color: #555;
    background: #fff;
	border: 1px solid #aaa;
}

pre {
	font-size: 1.4em;
}

#qrform {
	margin-top: 1em !important;
}

/* ----- LINKS ----- */

a, a:link, a:active, a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #cc3333;
}

a:hover {color: #93c9d2;}

.module  a, .module h2 a, .module  h2 {color: #252525;}
.module a:hover, .module h2 a:hover {color: #93c9d2;}

.module-calendar td a, .module-powered a, .manage-tags-link a, .manage-link a {color: #cc3333;}
.module-calendar td a:hover, .module-powered a:hover, .manage-tags-link a:hover{color: #93c9d2;}

.entry-title  a, .datetime a {color: #252525;}
.entry-title  a:hover, .datetime a:hover {color: #93c9d2;}

.entry-content a, .comment-content a {color: #cc3333;}
.entry-content a:visited, .comment-content a:visited {color: #63a0b7;}
.entry-content a:hover, .comment-content a:hover {color: #93c9d2;}

.entry-content .ljuser a, .comment-content .ljuser a {color: #004767; font-size: 0.9em;}
.entry-content .ljuser a:hover, .comment-content .ljuser a:hover {color: #93c9d2;}

.entry-poster .ljuser a, .comment-poster .ljuser a, .module-pagesummary .ljuser a {color: #004767;}
.entry-poster a:hover, .comment-poster .ljuser a:hover, .module-pagesummary .ljuser a:hover {color: #93c9d2;}

.entry-interaction-links li a, .entry-management-links li a {color: #404040;}
.entry-interaction-links li a:hover, .entry-management-links li a:hover {color: #929292;}

.comment .comment-title a {color: #004767;}
.comment .comment-title a:hover {color: #93c9d2;}

.comment-interaction-links a, .comment-management-links a {color: #252525;}
.comment-interaction-links a:hover, .comment-management-links a:hover {color: #93c9d2;}

/* ----- PAGE SETUP ----- */

.one-column #content { float: none; }
.two-columns-left #content {
    border-left: 20em solid transparent;
}

.two-columns-right #content {
    border-right: 20em solid transparent;
}

#primary {
    float: left;
    width:100%;
    margin-right:-100%;
    margin-left: 0;
}

.one-column #primary { float: none; }

.one-column  #primary > .inner:first-child {
    padding: 1em;
}
.two-columns-left #primary > .inner:first-child {
    padding: 1em 1em 1em 3em; /* adjust space btwn sidebar and entries */
}

.two-columns-right #primary > .inner:first-child {
    padding: 1em 3em 1em 1em; /* adjust space btwn sidebar and entries */
}

.one-column #secondary { width: 20em; margin-top: -4em;}
.two-columns-left #secondary {
    float: left;
    width: 20em;
    margin-left: -20em;
	margin-top: -2.3em; /* ----- adjust height of sidebar left ----- */
}

.two-columns-right #secondary {
    float: right;
    width: 20em;
    margin-right: -20em;
	margin-top: -2.3em; /* ----- adjust height of sidebar left ----- */
}

#secondary > .inner:first-child {
	margin: 0 1em;
    padding: 1em 0;
}

#tertiary {
	padding-top: 0;
	padding-bottom: 3em;
}

.one-column #tertiary { width: 100%;}
.two-columns-left #tertiary, .two-columns-right #tertiary {
    clear: both;}
.two-columns-left #tertiary { margin-left: -20em; padding-top: 1em;}
.two-columns-right #tertiary { margin-right: -20em; padding-top: 1em;}

#tertiary > .inner:first-child {
	margin: 0;
    padding: 0 1em;
}

#content-footer {
    height: 0;
    font-size: 0; /*to make IE happy*/
    clear: both;
}

/* ----- CANVAS ----- */

#canvas {
	font-size: 1.2em;
}

#canvas > .inner:first-child {
	margin: 0 5% auto;
}

/* ----- HEADER & FOOTER ----- */

#header, #footer {
    margin: 0;
    clear: both;
	text-transform: lowercase;
}

#header {
    margin-top: 5em;
	text-align: left;
    background: #fff;
}

#header .inner {
    margin: 0 1em;
	padding: 1em 0 2em 0;
	border-top: 2px solid #252525;
	border-bottom: 2px solid #252525;
}

#footer {
	margin: 0 5%;
}

#footer .inner {
	margin: 0 .8em;
	padding: 2em 0;
	text-align: left;
	font-size: 1.2em;
	border-top: 2px solid #252525;
}

h1#title {
	margin-top: .5em;
	color: #404040; 
	font-size: 2.8em;
}

h1#title:first-letter {color:#cc3333}

h2#subtitle {
	margin-top: -.4em;
	color: #404040; 
	font-size: 1.7em;
}

h2#pagetitle {display: none;}

#footer a {  }
#footer a:active {  }
#footer a:hover {  }
#footer a:visited {  }

/* ----- MAIN MENU ----- */

.module-navlinks ul {
	position: absolute;
	top: 0;
	padding: 2em 0 1em 0;
	text-align: left;
}

.two-columns-right .module-navlinks ul {
	left: 5%;
	padding-left: .5em;
}

.has-navstrip .module-navlinks ul {
	position: absolute;
	top: 50px;
}

.one-column .module-navlinks ul {margin-left: -10px;}
.two-columns-left .module-navlinks ul {margin-left: -10px;}
.two-columns-right .module-navlinks ul {margin-left: 0;}

.module-navlinks li {
	display:inline;
	padding: 0 .5em !important;
	font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.7em;
	text-transform: lowercase;
}

/* ------ MODULES ----- */

.module {
	margin-bottom: 2.5em;
	font-size: 0.9em;
	text-align: left;
	line-height: 1.1em;
}

.one-column #secondary  .module {
	padding-left: 0;
	padding-right: 0;
}

.two-columns-left #secondary .module {
	padding-left: 0;
	padding-right: 0;
}

.one-column #tertiary .module, .two-columns-left #tertiary .module, .two-columns-right #tertiary .module {
	margin: 0 2em 1em 0;
	padding-bottom: 2em;
	float: left;
	width: 20em;
	max-height: 280px;
	overflow: auto;
}

.module h2 {
	padding-top: .8em;
    font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: normal !important;
	text-transform: lowercase;
	border-top: 1px solid #252525;
}

.module-content {
	padding-top: .8em
}

.module-content ul {
	list-style-type: none;
	padding-left: 0;
}

.module-content li {
    padding: .3em 0;
}

/* --- User Info --- */

.module-userprofile .journal-name {display: none;}

.module-userprofile .userpic {
	padding: 0;
	width: 110px;
	height: 110px;
}

.module-userprofile .userpic img {
	padding: 5px;
	border: 1px solid #252525;
    background: #252525;
}

.module-userprofile .journal-website-name {
	padding-top: 0.8em;
}

ul.userlite-interaction-links {
	list-style: none;
	padding-top: 1em;
}
ul.userlite-interaction-links li { 
	display: block;
}

/* --- sidebar calendar --- */

.module-calendar .module-content {
	padding-top: 1em;
}

.module-calendar table {
	text-align: center;
	width: 100%;
}

.module-calendar th, .module-calendar td {
	height: 2em;
	line-height: 2em;
	border: 1px solid #ccc;
}

.module-calendar td a {
	display: block;
	text-align: center;
	background: #e9e9e9;
}

.module-calendar td a:hover {
	background: #fff;
}

/* --- Page Summary --- */

.module-pagesummary .module-content a img {
	display: none;
}

/* multi-level tags list */

.module-tags_multilevel li {
	list-style-type: none;
    margin-left: 0;
	padding-left: 0;
}

.module-tags_multilevel li ul li {
	margin-left: -0.5em;
	padding-left: 2em;
}

/* tags cloud */

.module-tags_cloud .module-list, .module-tags_cloud .module-list ul, .module-tags_cloud .module-list-item {
	list-style-type: none;
	list-style-image: none;
	display:inline;
}

.module-tags_cloud .module-list {
	line-height: 1.8em;
}

.module-tags_cloud .module-list a {
	text-decoration: underline;
}

.manage-tags-link, .manage-link {
	padding-top: .8em;
	font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.2em;
	text-transform: lowercase;
}

/* powered by, page generated */

.module-powered, .module-time { 
	padding-top: .8em;
    border-top: 1px solid #252525;
}

.module-time {font-size: .9em;}

/* ----- NAVIGATION ----- */

.navigation {
	margin-top: -1.5em;
    padding: 0;
	font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.3em;
	text-transform: lowercase;
	text-align: right;
}

.navigation ul { 
	list-style: none;
}
.navigation li { 
	display: inline;
	padding: 0 .5em; 
}

.page-day .navigation .page-forward:before {
        content: "|  ";
}

.page-day .navigation .page-forward a {
        padding-left: .6em;
}

.topnav {
        min-height: 1.2em;
}

.bottomnav {
    padding-top: 0;
}

.page-archive .bottomnav, .page-month .bottomnav {
        border-top: 0;
        padding-top: 0;
}

/* ----- CONTENT ----- */

#content {
	margin: 0;
    padding: 2em 0 0 0;
	background: #fff;
}

/* line up top of entry with sidebar */
.page-entry .entry-wrapper, .page-tags .tags-container {margin-top: .7em;}

/* ----- ENTRIES ----- */

.entry-content ul, .entry-content ol, .comment-content ul, .comment-content ol {
	margin: 1em 1em 1em 3em;
}

.entry-wrapper {
	margin: 1em 0 4em 0; 
	font-size: 1em;
}

.entry .header {
	padding: 1em 0 0em 0;
	border-top: 1px solid #252525;
}

.entry .entry-title {
    display: inline;
	margin: 0;
	padding: 0;
	font-family: calibri, arial, helvetica, sans-serif;
    font-weight: normal;
	font-size: 1.5em;
}

.entry .access-filter img, .entry .restrictions img {
	display: inline;
	padding-left: .5em;
}

.entry .datetime {
    float: right;
	display: inline-block;
	margin-top: .2em; /* ---height hack ----- */
    font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.25em;
	text-transform: none;
    color: #464646;
}

.entry .date:after {content: " | ";}

.entry .contents {
	margin-top: .5em;
	padding: 0;
	line-height: 1.45em;
}

.has-userpic .entry .contents {
	min-height: 140px;
	margin-right: 120px;
	padding-right: 2em;
}

/* ------- entry userpics ------- */

.entry .userpic {
	float: right;
	clear: right;
	margin-right: -140px;
margin-top: 1em;
	text-align: center;
	width: 110px;
}

.contents .userpic img {
	padding: 5px;
	border: 1px solid #404040;
	background: #404040;
}

.entry .poster {
    padding-bottom: 2em;
	font-size: 1em;
    color: #004767;
    display: block;
}

.entry-content {
	margin-top: -1em;
	padding: 0 0 2em 0;
}

.entry-content, .comment-content {font-size: 1.1em;}

/* ----- METADATA ----- */

.metadata {
	padding: 0 0 1em 0;
	font-size: 0.9em;
	line-height: 1.2em;
}

.metadata-label {
	font-weight: normal;
	font-size: 0.9em;
	text-transform: uppercase;
}

.metadata ul {
	list-style: none;
}

.metadata ul li {margin: 0; padding: 0;}

.metadata-item-xpost a {padding-right: .5em;}

.entry .footer {
	clear: left;
}

/* ----- ENTRY FOOTER ----- */

.tag {
	padding: 0 0 .7em 0;
	font-family: calibri, arial, helvetica, sans-serif;
	font-size: 1.1em;
    line-height: 1.2em;
	text-transform: lowercase;
	border-top: 0px solid #252525;
}

.tag-text {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
}

.tag ul { 
	display: inline;
	list-style: none;
	padding-left: 0; 
}
.tag ul li {
	display: inline;
	padding: .25em; 
}

/* ------ entry links bar ----- */

.entry-management-links {
	float: left;
	list-style: none;
	padding: 1em 0 1em .5em;
}

.entry-interaction-links {
	list-style: none;
	text-align: right;
	padding: 1em .5em 1em 0;
    background: #e9e9e9;
}

.entry-interaction-links li, .entry-management-links li { 
	display: inline;
	padding: .5em !important;
	font-family: calibri, arial, helvetica, sans-serif;
    font-size: 1.2em;
	text-transform: lowercase;
}

/* ------ COMMENTS ----- */

.comment-pages {
	text-align: center;
	padding-top: 0;
	padding-bottom: 1em;
}

#comments {
	margin-top: -2em;
	padding-top: 1em;
	background: #fff;
}

.comment-wrapper {
	margin: .5em 0 0 0;
	padding: .5em 0;
	font-size: 1em;
	border-top: 1px solid #252525;
}

.partial {        
        padding: .3em 0 !important;
		font-size: 1em;
}

.partial .comment {
    display: inline !important;
	padding: 1em 0;
	font-size: 1em;
}
.partial .comment-title {
	display: inline !important;
	font-size: 1.2em !important;
}

.comment-title h4 {
	display: inline !important;
    padding-right: 0.5em;
}

.comment {}

.comment .comment-title {
    padding: 0;
	font-family: calibri, arial, helvetica, sans-serif;
    font-size: 1.3em;
	font-weight: normal;
}

.comment .header .datetime {
	padding: 0 0 .5em 0;
	font-size: 0.9em;
	text-transform: uppercase;
}

.comment .contents {
	clear: both;
	text-align: left;
	line-height: 1.45em;
	padding: .5em 0;
}

.comment .userpic {
	margin-right: 1em;
    padding-right: 0.5em;
	float: left;
	text-align: center;
	width: 110px;
	background: #fff;
}

.comment .poster {
	margin: 0;
	font-size: 1em !important;
}

.comment-poster .anonymous {
	color: #cc3333 !important;
	font-weight: bold;
}

.comment .poster-ip {
	font-size: 1em;
	color: #cc3333;
}

.comment-content {padding: .8em 0 .5em 0;}

/* ------ comment links bar ----- */

.comment .footer {
        clear: left;
        padding: .5em .5em 0 .5em;
}

.comment .multiform-checkbox {
	float: right;
	margin-top: -1px; /* line up the checkbox */
	padding-left: .5em;
	font-family: calibri, arial, helvetica, sans-serif;
    font-size: 1.2em;
	text-transform: lowercase;
}

.comment-interaction-links {
	list-style: none;
	padding-bottom: 1em;
	font-size: 0.9em;
	text-align: right;
}

.comment-interaction-links li, .comment-management-links li {
	display: inline;
	padding: 0 .5em;
	font-family: calibri, arial, helvetica, sans-serif;
    font-size: 1.2em;
	text-transform: lowercase;
	border-right: 1px solid #ccc;
}

.comment-management-links {
	list-style: none;
	font-size: 0.9em;
	float: right;
}

.comment-management-links li:first-child {
	border-left: 0;
}

.edittime {
     padding-top: 1em;
     color: #cc3333;
}

.bottomcomment {
	margin: 0;
	padding: 2.2em 0 .5em 0;
    text-align: center;
}

.bottomcomment .entry-interaction-links{
    margin-bottom: 1.5em;
}

textarea#commenttext { 
	width: 100%; /* fix for FF form width glitch */
}

/* --- DAY PAGE --- */

#archive-day .day {
	margin: 1em 0 0 0;
	border-top: 1px solid #252525;
}

h3.day-date {
    margin-left: 0;
    padding-top: 1em;
	font-size: 1.4em;
	font-family: calibri, arial, helvetica, sans-serif;
}

/* ----- VIEW BY MONTH PAGE ----- */

#archive-month .topnav {display: none;}

#archive-month .month {
	margin-top: .7em;
	padding: 1em 2em 0 2em;
	border-top: 1px solid #252525;
}

.month h3.entry-title {
        font-family: calibri, arial, helvetica, sans-serif;
		font-size: 1.3em;
}

dd.month { display: inline; }

.month .datetime, .month .access-filter, .month .entry-title {
	display: inline;
	margin: 0;
	padding-right: 5px;
}

.month .tag {
    padding-top: 0;
	padding-left: 0;
	border-top: none;
}

#archive-month .navigation {
	text-align: center;
}

#archive-month .bottomnav {
       margin-top: .5em;
}

.navigation .month-back, .navigation .month-forward {
	display: inline;
	list-style-type: none;
	text-align: center;
}

/* ------- ARCHIVE PAGE ------- */

#archive-year {
	padding: 0 4em 2em 4em; 
	background: #ffffff;
}

#archive-year .navigation {
	text-align: center;
}

.page-archive .bottomnav {padding-top: 1em;}

.month-wrapper {
	margin: 1.5em 0;
}

.month-wrapper .header {
    padding: 0 0 .5em 2em;	
	font-size: 1.2em;
}

.month-wrapper .contents caption {display: none;}

table.month {
	margin: 0 auto;
	width: 90%;
	text-align: center;
}

.month-wrapper th {
	padding: 0.5em;
	border-right: 1px solid #aaa;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
    font-weight: normal;
	height: 4em;
}

.month-wrapper td {	
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	width: 4em;
	height: 4em;
}

.month-wrapper td:first-child, .month-wrapper th:first-child {	
	border-left: 1px solid #aaa;
}

.month-wrapper .day-has-entries {
	background-color: #e9e9e9;
}

.month-wrapper .day-has-entries a {
        font-size: 1.3em;
}

.month-wrapper .day-has-entries:hover {
	background-color: #fff;
}

.month-wrapper .label {font-weight: normal;}

.month-wrapper .footer {
    padding-top: 1em;
    padding-right: 2.5em;
	text-align: right;
	font-size: 1.1em;
	text-transform: none;
}

/* ------- TAG PAGE ------- */

.tags-container {
	margin-top: .7em !important; /* --- height hack --- */
	padding: 0 1em;
	border-top: 1px solid #252525;
}

.tags-container h2 {
	padding: .5em 0 1em 0;
	font-family: calibri, arial, helvetica, sans-serif;
}

.tags-container .ljtaglist {
	margin-left: 3em;
	line-height: 1.8em;
}

.tags-container ul.ljtaglist {
	list-style-type: none;
}

.tags-container .manage-tags-link {
	margin-bottom: 1em;
}

.page-tags .tags_cloud ul, .page-tags .tags_cloud li {
	list-style-type: none;
	list-style-image: none;
	display:inline;
}

/* ----------------- NAVBAR ----------------- */

#lj_controlstrip {
       background: #000000;
       border-bottom: 1px solid #878080;
}

#lj_controlstrip td {
    color: #989898;
}

#lj_controlstrip a {
       color: #f1f1f1;
}

#lj_controlstrip_statustext, #lj_controlstrip .ljuser a {
       color: #cc3333;
}

#lj_controlstrip_user,
#lj_controlstrip_login,
#lj_controlstrip_loggedout_userpic,
#lj_controlstrip_actionlinks
{
    border-right: 1px solid #878080;
}

/*--- paste any additional css overrides below this line ---*/

Layout preview: At my test journal: http://robotfish.dreamwidth.org/?s2id=138594
Image info: One image made by me. http://pics.livejournal.com/winterfish/pic/00109cgq
Additional info (for layouts): Works with one column, and two column left/right page setups only. Navigation needs to be set as 1 in Group One for the layout to display properly.

First time submitting, my CLA was sent earlier this evening. This is the layout I'd previously posted at

dreamwidthlayouts. I was unsure of how to tag this, so I just put conversion as I'm hoping an s2 styles person is willing to take this on. I hope I'm doing it right! Let me know if anything needs changing.

timeasmymeasure

Current Mood: working

I finally got this one done!

Layout Name: Practicality
Layout Info: http://www.dreamwidth.org/customize/advanced/layerbrowse?id=158205
Layout Source: http://www.dreamwidth.org/customize/advanced/layersource?id=158205
Layout Preview: http://www.dreamwidth.org/customize/preview_redirect?layoutid=158205

And a theme for color context:
Theme Name/Layout: Warmth / Practicality
Layout: Info || Source || Preview

I was wondering if someone could help me crack the reason for my recalcitrant column setups? I've managed to set the two-column right/left. However the one-column version keeps the 15em default width in the modules and the three-column right/left/sides setups look a bit off to me.

Otherwise, I think it's pretty much done. If you see anything else off, please let me know, I'd appreciate it! Thanks!

cesy

Name: Collapsed / Purple and Grey
Author: Cesy
Layout ID: Style / Source / Preview

It's the one I'm currently using, anyway, and I think it's fairly different from some of the other public ones, particularly with the collapsed reading page.

Can anyone help me turn it into something that can go into Bugzilla, please?