betterdolphin | Joyride for Tabula Rasa

Click images above for Image Previews - Live Preview

"joyride"

Has many color variations and features a fixed side menu. EDIT Did a quick fix for an issue on Chrome, so if you happened to grab it in the past half hour please grab again. Also added a 6th variant. EDIT There was an issue with the profile userpic being distorted on phones/some browsers, I have fixed it, so please grab again if you want!

Notes
Tested on latest Firefox, Chrome, and IE7-9. IE7 and 8 work fine, they're just missing some style things like text-shadow or animated transitions or special fonts.

Directions
To install, go here. Below you'll find a section of themes to select and a search field. In the search box put in Tabula Rasa, I used Plain as a base but any will do. In the top right you'll see a box called Current Theme, click "Customize your theme". Click on "Custom CSS". In there, you'll see "Use layout's stylesheet(s)" with a checkbox. UNCHECK it, then copy and paste this WHOLE document into the "Use embedded CSS" box. Click "Save Changes" and it should be ready to go!

Joyride Green

Code

/*
  Joyride - Green
  For: Tabula Rasa
  Available:  http://betterdolphin.dreamwidth.org/
  By:  Toby
*/

/* DIRECTIONS:  Full directions on how to install are on the bottom of this document! */

html body{
}

body{
	background: #B5CC52;
	color: #24251E;
	font: 100%/1.2em arial, sans-serif;
	padding: 0;
}

@font-face {
  font-family: 'Pompiere';
  font-style: normal;
  font-weight: normal;
  src: local('Pompiere '), local('Pompiere-Regular'), url('http://themes.googleusercontent.com/static/fonts/pompiere/v3/REn9C5nNcBLtk0UzcbjDQPesZW2xOQ-xsNqO47m55DA.woff') format('woff');
}

h1, h2, h3, h4, h5{
	margin: .25em 0;
	padding: .25em 0;
}

h1{
	color: #3D4904;
	font: 2.7em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-shadow: -1px 1px 0 #CBE06D;
	text-transform: uppercase;
}

h2{
	color: #24251E;
	font: 2em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-transform: uppercase;
}

h3{
	color: #24251E;
	font: 1.6em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-transform: uppercase;
}

h4{
	font: 1.4em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-transform: uppercase;
}

img{border: none;}

hr{display: none;}

.entry-content hr, .comment-content hr{
	display: block;
	margin: 1em 10%;
}

a{
	color: #4D5B0B;
}

a:hover, a:visited{
	color: #24251E;
}

a:active{
	color: #B5CC52;
}

q{font-style: italic;}

/********************************content********************************/

#header, #footer{
	clear: both;
	margin: 0;
	padding: .5em;
}

#content{
	margin: 0 auto;
	width: 74%;
}

#primary{
	float: right;
	width: 78%;
}

#secondary{
	float: left;
	font-size: .7em;
	padding: 45px 0 10px 0;
	text-align: right;
	width: 21%;
}

#tertiary{
	clear: both;
}

/********************************header********************************/

#header{
	margin: 0 auto;
	text-align: right;
	width: 74%;
}

h1#title{
	color: #3D4904;
	font: 2.7em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	margin: 0;
	padding: 0;
	text-shadow: -1px 1px 0 #CBE06D;
	text-transform: uppercase;
}

h2#subtitle{
	border-right: 15px solid #CBE06D;
	color: #4D5B0B;
	font: small-caps .9em arial, sans-serif;
	letter-space: 1px;
	margin: 0;
	padding: 0 .5em 0 0;
	text-shadow: -1px 1px 0 #CBE06D;
}

h2#pagetitle{
	display: none;
}

/********************************navigation********************************/

.navigation, .page-top{
	border-right: 7px solid #CBE06D;
	color: #4D5B0B;
	font: small-caps 0.8em arial, sans-serif;
	padding-right: 5px;
	text-align: right;
	text-shadow: -1px 1px 0 #CBE06D;
}

.page-top a, .navigation a{
	color: #4D5B0B;
	text-decoration: none;
}

.page-top a:hover, .navigation a:hover{
	color: #24251E;
	text-decoration: none;
}

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

.navigation li{
	display: inline;
	padding: 0 0 0 .5em;
}

.module-navlinks{
	font-size: 1.2em;
	left: -30px;
	padding: 2em;
	position: fixed;
	text-align: left;
	top: 30px;
}

.module-navlinks ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.module-navlinks ul li{
	clear: both;
	color: #fff;
	margin: 0;
	padding: 0;
	text-shadow: -1px 1px 0 rgba(0,0,0,.8);
	text-transform: uppercase;
}

.module-navlinks ul li a{
	background: #24251E;
	color: #fff;
	float: left;
	padding: 10px 20px 10px 10px;
	text-decoration: none;
}

.module-navlinks ul li a:hover{
	background: #B5CC52;
	color: #4D5B0B;
	text-shadow: -1px 1px 0 #CBE06D;
	-webkit-transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
	-moz-transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
	-o-transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
	transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
}

.module-navlinks ul li a.current{
	background: #B5CC52;
	color: #4D5B0B;
	text-shadow: -1px 1px 0 #CBE06D;
}

/********************************columns********************************/

.one-column #content{
}

.two-columns-left #content, .three-columns-sides #content{
}

.two-columns-right #content, .three-columns-sides #content{
}

.three-columns-left #content{
}

.three-columns-right #content{
}

.column-right #content{
	min-width: 15em; /* prevents sidebar overlap of entry, when entry becomes narrower than sidebar */
}

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

#secondary .userpic img{
	border-top: 1px solid #F7FFD6;
	border-bottom: 2px solid #849927;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	width: 50px;
	height: 50px;
}

/********************************entries********************************/

.entry, #comments{
	font-size: .8em;
	position: relative;
}

.poster, .poster-ip{
	padding-left: 10px;
}

.entry-wrapper{
	background: #fff;
	-moz-box-shadow: -1px 1px 0 #9BA568;
	-webkit-box-shadow: -1px 1px 0 #9BA568;
	box-shadow: -1px 1px 0 #9BA568;
}

#comments .userpic, .entry .userpic{
	border: 5px solid #fff;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 70px;
	float: right;
	margin: -10px -50px 0 0;
}

#comments .userpic img, .entry .userpic img{
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 70px;
}

.entry-wrapper-even{
	background: #F8FAEE;
}

.entry-wrapper-even .userpic{
	border: 5px solid #F8FAEE;
}

.security-protected{
	background: #E9F0CB;
}

.security-protected .userpic{
	border: 5px solid #E9F0CB;
}

.security-private{
	background: #DAE6A9;
}

.security-private .userpic{
	border: 5px solid #DAE6A9;
}

.entry .entry-title{
	background: #24251E;
	color: #fff;
	font: 2.5em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	padding: 5px 50px 5px 10px;
	text-transform: uppercase;
}

.entry .contents, .comment-content{
	padding: 10px 0 0;
}
	
.entry .header h3{
	margin: 0 0 5px;
}

.entry .entry-title, .entry .entry-title a{
	color: #fff;
	text-decoration: none;
}

.entry a{  }
.entry a:visited{  }
.entry a:hover{  }
.entry a:active{  }

#comments .datetime, .entry .datetime{
	font-size: .8em;
	padding: 10px 70px 10px 10px;
}

.restrictions, .access-filter{
	padding: 10px 0 0 10px;
}

.entry .entry-content{
	padding: 10px 70px 10px 10px;
}

.entry .footer, #comments .footer{
	clear: both;
	font-size: .8em;
	padding: 10px;
	position: relative;
}

#comments .footer{
	text-align: right;
}

.entry .footer .inner{
}

.bottom-metadata{
	clear: both;
	font-size: 0.85em;
	padding: 10px 10px 0 10px;
}

.metadata-label{
	font-weight: bold;
}

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li, .comment-content li{
	list-style-position: inside;
}

.metadata ul{
	display: inline;
	list-style: none;
	margin-left: .5em;
	padding-left: 0;
}

.metadata li{
}

.metadata.top-metadata ul{
	margin: 0;
}

.metadata.top-metadata{
	margin-bottom: 1em;
}

.tag{
	padding: 0 0 10px;
}

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

.tag ul li{
	display: inline;
	padding: .25em;
}

ul.entry-management-links{
	bottom: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 10px;
}

#comments ul.entry-management-links{
	left: auto;
	right: 10px;
}

ul.entry-management-links li{
	display: inline;
	padding: 0 .25em;
}

ul.entry-interaction-links{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

.entry-interaction-links a{  }

ul.entry-interaction-links li{
	display: inline;
	padding: 0 .25em;
}

/********************************comments********************************/

.comment-wrapper{
	padding: .5em 0;
}

.comment .comment-title, .comment .comment-title a{
}

.comment .comment-title{
}

ul.comment-management-links{
	list-style: none;
	margin: 3px 0;
	padding-left: 0;
	text-align: right;
}

ul.comment-management-links li{
	display: inline;
	padding: 0 .25em;
}

ul.comment-interaction-links{
	list-style: none;
	margin: 3px 0;
	padding-left: 0;
	text-align: right;
}

ul.comment-interaction-links li{
	display: inline;
	padding: 0 .25em;
}

textarea#commenttext{
	width: 100%; /* fix for FF form width glitch */
}

/********************************footer********************************/

#footer{
}

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

.noentries{
padding: 0 .5em;
}

/********************************archive********************************/

table.month{
	border-collapse: collapse;
	margin: 0 auto;
}

table.month td{
	height: 3.25em;
	vertical-align: top;
}

table.month th{
	background: #24251E;
	color: #fff;
	font-size: .8em;
}

.day-has-entries{
	background: #B5CC52;
}

table.month td, table.month th{
	padding: 5px;
}

table.month td p{
	margin: 0;
	padding: 3px;
}

.month dl dt{
	font-weight: bold;
}

.month dl .time{
	padding-right: .5em;
}

.month dl h3{
	font-size:1.5em;
}

.page-month .month .entry-poster{
	margin-right: .5em;
}

.month dl .tag ul{
	margin-top: 0;
}

/********************************icons********************************/

.sorting-options ul{
	list-style: none;
	margin-left: 0;
}

.sorting-options ul li{
	display: inline;
}

.keywords ul{
	display: inline;
	list-style: none;
	margin-left: .5em;
	padding-left: 0;
}

.keywords ul li{
	display: inline;
	padding: .25em;
}

/********************************modules********************************/

.journal-name{
	font-variant: small-caps;
}

.module{
	clear: both;
	margin-top: 15px;
}

.module a{  }
.module a:visited{  }
.module a:hover{  }
.module a:active{  }

.module h2{
	border-right: 7px solid #CBE06D;
	font: 2.2em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	padding: 0 5px 0 0;
	text-transform: uppercase;
}

.module h2 a, .module h2 a:hover{
	text-decoration: none;
}

.module-content{
}

/*interaction links*/

ul.userlite-interaction-links.icon-links{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

ul.userlite-interaction-links.icon-links li{
	display: inline;
	padding: 0 .20em;
}

ul.userlite-interaction-links.text-links{
	text-align: left;
}

/*calendar*/

.module-calendar .module-content{
	text-align: center;
}

.one-column .module-calendar .module-content{
	text-align: left;
}

.module-calendar table{
	float: right;
}

.one-column .module-calendar table{
	margin: 0;
}

.module-calendar td{
	padding: 1px;
}

.module-calendar td a{
	display: block;
	padding: 2px;
}

/*search box*/

.search-box{
	margin: .2em auto;
}

/*page summary*/

/* wrap long content, particularly openid usernames */
.module-pagesummary .ljuser{
	white-space: normal !important;
}

.module-pagesummary .module-content{
	word-wrap: break-word;
}

/*credit*/

.module-credit dt, .module-credit dd{
	display: none;
	margin: 0;
	padding: 0;
}

.module-credit dt{
	font-weight: bold;
	margin-right: 0.5em;
}

/*tags*/

.module ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.tags_cloud li, .module-tags_cloud li{
	display: inline;
	list-style-type: none;
}

/*syndicate*/
.module-syndicate .module-content, .module-time, .module-powered{
	display: none;
	text-align: center;
}

.one-column .module-syndicate .module-content{
	text-align: left;
}

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

.month-wrapper, .tags-container, #comments{
	background: #fff;
	-moz-box-shadow: -1px 1px 0 #9BA568;
	-webkit-box-shadow: -1px 1px 0 #9BA568;
	box-shadow: -1px 1px 0 #9BA568;
	padding: 10px 10px 20px;
}

.month{
	background: #fff;
	padding: 10px 10px 20px;
}

ul.ljtaglist{
	list-style: none;
}

ul.ljtaglist li{
	font-size: .9em;
	padding: 0 0 .3em;
}

.manage-link a{
	color: #B75C35;
}

.comment-pages.toppages{
	border-top: 1px solid #DFE2D0;
	margin: 0;
	padding: 20px 0 0;
}

.comment-content{
	border-left: 4px solid #CBE06D;
	padding-left: 10px;
}

/* DIRECTIONS:  To install, go to your Dreamwidth.  Scroll over "Organize" in the menu, click "Select Style".  Below you'll find a section of themes to select and a search field.  In the search box put in Tabula Rasa, I used Reset as a base but any will do.  In the top right you'll see a box called Current Theme, click "Customize your theme".  On your left you'll see a sidebar.  Click on "Custom CSS" in the side bar.  In there, you'll see "Use layout's stylesheet(s)" with a checkbox.  UNCHECK it, then copy and paste this WHOLE document into the "Use embedded CSS" box.  Click "Save Changes" and it should be ready to go! */

Joyride Blue

Code

/*
  Joyride - Blue
  For: Tabula Rasa
  Available:  http://betterdolphin.dreamwidth.org/
  By:  Toby
*/

/* DIRECTIONS:  Full directions on how to install are on the bottom of this document! */

html body{
}

body{
	background: #8ed0cc;
	color: #232323;
	font: 100%/1.2em arial, sans-serif;
	padding: 0;
}

h1, h2, h3, h4, h5{
	margin: .25em 0;
	padding: .25em 0;
}

h1{
	color: #205c59;
	font: 2.7em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-shadow: -1px 1px 0 #ade1de;
	text-transform: uppercase;
}

h2{
	color: #232323;
	font: 2em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-transform: uppercase;
}

h3{
	color: #232323;
	font: 1.6em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-transform: uppercase;
}

h4{
	font: 1.4em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-transform: uppercase;
}

img{border: none;}

hr{display: none;}

.entry-content hr, .comment-content hr{
	display: block;
	margin: 1em 10%;
}

a{
	color: #297571;
}

a:hover, a:visited{
	color: #232323;
}

a:active{
	color: #8ed0cc;
}

q{font-style: italic;}

/********************************content********************************/

#header, #footer{
	clear: both;
	margin: 0;
	padding: .5em;
}

#content{
	margin: 0 auto;
	width: 74%;
}

#primary{
	float: right;
	width: 78%;
}

#secondary{
	float: left;
	font-size: .7em;
	padding: 45px 0 10px 0;
	text-align: right;
	width: 21%;
}

#tertiary{
	clear: both;
}

/********************************header********************************/

#header{
	margin: 0 auto;
	text-align: right;
	width: 74%;
}

h1#title{
	color: #205c59;
	font: 2.7em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	margin: 0;
	padding: 0;
	text-shadow: -1px 1px 0 #ade1de;
	text-transform: uppercase;
}

h2#subtitle{
	border-right: 15px solid #ade1de;
	color: #297571;
	font: small-caps .9em arial, sans-serif;
	letter-space: 1px;
	margin: 0;
	padding: 0 .5em 0 0;
	text-shadow: -1px 1px 0 #ade1de;
}

h2#pagetitle{
	display: none;
}

/********************************navigation********************************/

.navigation, .page-top{
	border-right: 7px solid #ade1de;
	color: #297571;
	font: small-caps 0.8em arial, sans-serif;
	padding-right: 5px;
	text-align: right;
	text-shadow: -1px 1px 0 #ade1de;
}

.page-top a, .navigation a{
	color: #297571;
	text-decoration: none;
}

.page-top a:hover, .navigation a:hover{
	color: #232323;
	text-decoration: none;
}

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

.navigation li{
	display: inline;
	padding: 0 0 0 .5em;
}

.module-navlinks{
	font-size: 1.2em;
	left: -30px;
	padding: 2em;
	position: fixed;
	text-align: left;
	top: 30px;
}

.module-navlinks ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.module-navlinks ul li{
	clear: both;
	color: #fff;
	margin: 0;
	padding: 0;
	text-shadow: -1px 1px 0 rgba(0,0,0,.8);
	text-transform: uppercase;
}

.module-navlinks ul li a{
	background: #232323;
	color: #fff;
	float: left;
	padding: 10px 20px 10px 10px;
	text-decoration: none;
}

.module-navlinks ul li a:hover{
	background: #8ed0cc;
	color: #297571;
	text-shadow: -1px 1px 0 #ade1de;
	-webkit-transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
	-moz-transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
	-o-transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
	transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
}

.module-navlinks ul li a.current{
	background: #8ed0cc;
	color: #297571;
	text-shadow: -1px 1px 0 #ade1de;
}

/********************************columns********************************/

.one-column #content{
}

.two-columns-left #content, .three-columns-sides #content{
}

.two-columns-right #content, .three-columns-sides #content{
}

.three-columns-left #content{
}

.three-columns-right #content{
}

.column-right #content{
	min-width: 15em; /* prevents sidebar overlap of entry, when entry becomes narrower than sidebar */
}

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

#secondary .userpic img{
	border-top: 1px solid #ade1de;
	border-bottom: 2px solid #205c59;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	width: 50px;
	height: 50px;
}

/********************************entries********************************/

.entry, #comments{
	font-size: .8em;
	position: relative;
}

.poster, .poster-ip{
	padding-left: 10px;
}

.entry-wrapper{
	background: #fff;
	-moz-box-shadow: -1px 1px 0 #297571;
	-webkit-box-shadow: -1px 1px 0 #297571;
	box-shadow: -1px 1px 0 #297571;
}

#comments .userpic, .entry .userpic{
	border: 5px solid #fff;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 70px;
	float: right;
	margin: -10px -50px 0 0;
}

#comments .userpic img, .entry .userpic img{
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 70px;
}

.entry-wrapper-even{
	background: #effaf9;
}

.entry-wrapper-even .userpic{
	border: 5px solid #effaf9;
}

.security-protected{
	background:#dcf4f3;
}

.security-protected .userpic{
	border: 5px solid #dcf4f3;
}

.security-private{
	background: #e7f5f4;
}

.security-private .userpic{
	border: 5px solid #e7f5f4;
}

.entry .entry-title{
	background: #232323;
	color: #fff;
	font: 2.5em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	padding: 5px 50px 5px 10px;
	text-transform: uppercase;
}

.entry .contents, .comment-content{
	padding: 10px 0 0;
}
	
.entry .header h3{
	margin: 0 0 5px;
}

.entry .entry-title, .entry .entry-title a{
	color: #fff;
	text-decoration: none;
}

.entry a{  }
.entry a:visited{  }
.entry a:hover{  }
.entry a:active{  }

#comments .datetime, .entry .datetime{
	font-size: .8em;
	padding: 10px 70px 10px 10px;
}

.restrictions, .access-filter{
	padding: 10px 0 0 10px;
}

.entry .entry-content{
	padding: 10px 70px 10px 10px;
}

.entry .footer, #comments .footer{
	clear: both;
	font-size: .8em;
	padding: 10px;
	position: relative;
}

#comments .footer{
	text-align: right;
}

.entry .footer .inner{
}

.bottom-metadata{
	clear: both;
	font-size: 0.85em;
	padding: 10px 10px 0 10px;
}

.metadata-label{
	font-weight: bold;
}

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li, .comment-content li{
	list-style-position: inside;
}

.metadata ul{
	display: inline;
	list-style: none;
	margin-left: .5em;
	padding-left: 0;
}

.metadata li{
}

.metadata.top-metadata ul{
	margin: 0;
}

.metadata.top-metadata{
	margin-bottom: 1em;
}

.tag{
	padding: 0 0 10px;
}

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

.tag ul li{
	display: inline;
	padding: .25em;
}

ul.entry-management-links{
	bottom: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 10px;
}

#comments ul.entry-management-links{
	left: auto;
	right: 10px;
}

ul.entry-management-links li{
	display: inline;
	padding: 0 .25em;
}

ul.entry-interaction-links{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

.entry-interaction-links a{  }

ul.entry-interaction-links li{
	display: inline;
	padding: 0 .25em;
}

/********************************comments********************************/

.comment-wrapper{
	padding: .5em 0;
}

.comment .comment-title, .comment .comment-title a{
}

.comment .comment-title{
}

ul.comment-management-links{
	list-style: none;
	margin: 3px 0;
	padding-left: 0;
	text-align: right;
}

ul.comment-management-links li{
	display: inline;
	padding: 0 .25em;
}

ul.comment-interaction-links{
	list-style: none;
	margin: 3px 0;
	padding-left: 0;
	text-align: right;
}

ul.comment-interaction-links li{
	display: inline;
	padding: 0 .25em;
}

textarea#commenttext{
	width: 100%; /* fix for FF form width glitch */
}

/********************************footer********************************/

#footer{
}

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

.noentries{
padding: 0 .5em;
}

/********************************archive********************************/

table.month{
	border-collapse: collapse;
	margin: 0 auto;
}

table.month td{
	height: 3.25em;
	vertical-align: top;
}

table.month th{
	background: #232323;
	color: #fff;
	font-size: .8em;
}

.day-has-entries{
	background: #8ed0cc;
}

table.month td, table.month th{
	padding: 5px;
}

table.month td p{
	margin: 0;
	padding: 3px;
}

.month dl dt{
	font-weight: bold;
}

.month dl .time{
	padding-right: .5em;
}

.month dl h3{
	font-size:1.5em;
}

.page-month .month .entry-poster{
	margin-right: .5em;
}

.month dl .tag ul{
	margin-top: 0;
}

/********************************icons********************************/

.sorting-options ul{
	list-style: none;
	margin-left: 0;
}

.sorting-options ul li{
	display: inline;
}

.keywords ul{
	display: inline;
	list-style: none;
	margin-left: .5em;
	padding-left: 0;
}

.keywords ul li{
	display: inline;
	padding: .25em;
}

/********************************modules********************************/

.journal-name{
	font-variant: small-caps;
}

.module{
	clear: both;
	margin-top: 15px;
}

.module a{  }
.module a:visited{  }
.module a:hover{  }
.module a:active{  }

.module h2{
	border-right: 7px solid #ade1de;
	font: 2.2em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	padding: 0 5px 0 0;
	text-transform: uppercase;
}

.module h2 a, .module h2 a:hover{
	text-decoration: none;
}

.module-content{
}

/*interaction links*/

ul.userlite-interaction-links.icon-links{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

ul.userlite-interaction-links.icon-links li{
	display: inline;
	padding: 0 .20em;
}

ul.userlite-interaction-links.text-links{
	text-align: left;
}

/*calendar*/

.module-calendar .module-content{
	text-align: center;
}

.one-column .module-calendar .module-content{
	text-align: left;
}

.module-calendar table{
	float: right;
}

.one-column .module-calendar table{
	margin: 0;
}

.module-calendar td{
	padding: 1px;
}

.module-calendar td a{
	display: block;
	padding: 2px;
}

/*search box*/

.search-box{
	margin: .2em auto;
}

/*page summary*/

/* wrap long content, particularly openid usernames */
.module-pagesummary .ljuser{
	white-space: normal !important;
}

.module-pagesummary .module-content{
	word-wrap: break-word;
}

/*credit*/

.module-credit dt, .module-credit dd{
	display: none;
	margin: 0;
	padding: 0;
}

.module-credit dt{
	font-weight: bold;
	margin-right: 0.5em;
}

/*tags*/

.module ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.tags_cloud li, .module-tags_cloud li{
	display: inline;
	list-style-type: none;
}

/*syndicate*/
.module-syndicate .module-content, .module-time, .module-powered{
	display: none;
	text-align: center;
}

.one-column .module-syndicate .module-content{
	text-align: left;
}

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

.month-wrapper, .tags-container, #comments{
	background: #fff;
	-moz-box-shadow: -1px 1px 0 #297571;
	-webkit-box-shadow: -1px 1px 0 #297571;
	box-shadow: -1px 1px 0 #297571;
	padding: 10px 10px 20px;
}

.month{
	background: #fff;
	padding: 10px 10px 20px;
}

ul.ljtaglist{
	list-style: none;
}

ul.ljtaglist li{
	font-size: .9em;
	padding: 0 0 .3em;
}

.manage-link a{
	color: #B75C35;
}

.comment-pages.toppages{
	border-top: 1px solid #DFE2D0;
	margin: 0;
	padding: 20px 0 0;
}

.comment-content{
	border-left: 4px solid #ade1de;
	padding-left: 10px;
}

Joyride Yellow

Code

/*
  Joyride - Yellow
  For: Tabula Rasa
  Available:  http://betterdolphin.dreamwidth.org/
  By:  Toby
*/

/* DIRECTIONS:  Full directions on how to install are on the bottom of this document! */

html body{
}

body{
	background: #F1D15B;
	color: #232323;
	font: 100%/1.2em arial, sans-serif;
	padding: 0;
}

h1, h2, h3, h4, h5{
	margin: .25em 0;
	padding: .25em 0;
}

h1{
	color: #5B4907;
	font: 2.7em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-shadow: -1px 1px 0 #F7E194;
	text-transform: uppercase;
}

h2{
	color: #232323;
	font: 2em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-transform: uppercase;
}

h3{
	color: #232323;
	font: 1.6em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-transform: uppercase;
}

h4{
	font: 1.4em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-transform: uppercase;
}

img{border: none;}

hr{display: none;}

.entry-content hr, .comment-content hr{
	display: block;
	margin: 1em 10%;
}

a{
	color: #997F23;
}

a:hover, a:visited{
	color: #232323;
}

a:active{
	color: #F1D15B;
}

q{font-style: italic;}

/********************************content********************************/

#header, #footer{
	clear: both;
	margin: 0;
	padding: .5em;
}

#content{
	margin: 0 auto;
	width: 74%;
}

#primary{
	float: right;
	width: 78%;
}

#secondary{
	float: left;
	font-size: .7em;
	padding: 45px 0 10px 0;
	text-align: right;
	width: 21%;
}

#tertiary{
	clear: both;
}

/********************************header********************************/

#header{
	margin: 0 auto;
	text-align: right;
	width: 74%;
}

h1#title{
	color: #5B4907;
	font: 2.7em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	margin: 0;
	padding: 0;
	text-shadow: -1px 1px 0 #F7E194;
	text-transform: uppercase;
}

h2#subtitle{
	border-right: 15px solid #F7E194;
	color: #997F23;
	font: small-caps .9em arial, sans-serif;
	letter-space: 1px;
	margin: 0;
	padding: 0 .5em 0 0;
	text-shadow: -1px 1px 0 #F7E194;
}

h2#pagetitle{
	display: none;
}

/********************************navigation********************************/

.navigation, .page-top{
	border-right: 7px solid #F7E194;
	color: #997F23;
	font: small-caps 0.8em arial, sans-serif;
	padding-right: 5px;
	text-align: right;
	text-shadow: -1px 1px 0 #F7E194;
}

.page-top a, .navigation a{
	color: #997F23;
	text-decoration: none;
}

.page-top a:hover, .navigation a:hover{
	color: #232323;
	text-decoration: none;
}

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

.navigation li{
	display: inline;
	padding: 0 0 0 .5em;
}

.module-navlinks{
	font-size: 1.2em;
	left: -30px;
	padding: 2em;
	position: fixed;
	text-align: left;
	top: 30px;
}

.module-navlinks ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.module-navlinks ul li{
	clear: both;
	color: #fff;
	margin: 0;
	padding: 0;
	text-shadow: -1px 1px 0 rgba(0,0,0,.8);
	text-transform: uppercase;
}

.module-navlinks ul li a{
	background: #232323;
	color: #fff;
	float: left;
	padding: 10px 20px 10px 10px;
	text-decoration: none;
}

.module-navlinks ul li a:hover{
	background: #F1D15B;
	color: #997F23;
	text-shadow: -1px 1px 0 #F7E194;
	-webkit-transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
	-moz-transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
	-o-transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
	transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
}

.module-navlinks ul li a.current{
	background: #F1D15B;
	color: #997F23;
	text-shadow: -1px 1px 0 #F7E194;
}

/********************************columns********************************/

.one-column #content{
}

.two-columns-left #content, .three-columns-sides #content{
}

.two-columns-right #content, .three-columns-sides #content{
}

.three-columns-left #content{
}

.three-columns-right #content{
}

.column-right #content{
	min-width: 15em; /* prevents sidebar overlap of entry, when entry becomes narrower than sidebar */
}

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

#secondary .userpic img{
	border-top: 1px solid #F7E194;
	border-bottom: 2px solid #5B4907;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	width: 50px;
	height: 50px;
}

/********************************entries********************************/

.entry, #comments{
	font-size: .8em;
	position: relative;
}

.poster, .poster-ip{
	padding-left: 10px;
}

.entry-wrapper{
	background: #fff;
	-moz-box-shadow: -1px 1px 0 #997F23;
	-webkit-box-shadow: -1px 1px 0 #997F23;
	box-shadow: -1px 1px 0 #997F23;
}

#comments .userpic, .entry .userpic{
	border: 5px solid #fff;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 70px;
	float: right;
	margin: -10px -50px 0 0;
}

#comments .userpic img, .entry .userpic img{
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 70px;
}

.entry-wrapper-even{
	background: #FFF9E5;
}

.entry-wrapper-even .userpic{
	border: 5px solid #FFF9E5;
}

.security-protected{
	background:#FFF4CE;
}

.security-protected .userpic{
	border: 5px solid #FFF4CE;
}

.security-private{
	background: #FFF6D8;
}

.security-private .userpic{
	border: 5px solid #FFF6D8;
}

.entry .entry-title{
	background: #232323;
	color: #fff;
	font: 2.5em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	padding: 5px 50px 5px 10px;
	text-transform: uppercase;
}

.entry .contents, .comment-content{
	padding: 10px 0 0;
}
	
.entry .header h3{
	margin: 0 0 5px;
}

.entry .entry-title, .entry .entry-title a{
	color: #fff;
	text-decoration: none;
}

.entry a{  }
.entry a:visited{  }
.entry a:hover{  }
.entry a:active{  }

#comments .datetime, .entry .datetime{
	font-size: .8em;
	padding: 10px 70px 10px 10px;
}

.restrictions, .access-filter{
	padding: 10px 0 0 10px;
}

.entry .entry-content{
	padding: 10px 70px 10px 10px;
}

.entry .footer, #comments .footer{
	clear: both;
	font-size: .8em;
	padding: 10px;
	position: relative;
}

#comments .footer{
	text-align: right;
}

.entry .footer .inner{
}

.bottom-metadata{
	clear: both;
	font-size: 0.85em;
	padding: 10px 10px 0 10px;
}

.metadata-label{
	font-weight: bold;
}

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li, .comment-content li{
	list-style-position: inside;
}

.metadata ul{
	display: inline;
	list-style: none;
	margin-left: .5em;
	padding-left: 0;
}

.metadata li{
}

.metadata.top-metadata ul{
	margin: 0;
}

.metadata.top-metadata{
	margin-bottom: 1em;
}

.tag{
	padding: 0 0 10px;
}

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

.tag ul li{
	display: inline;
	padding: .25em;
}

ul.entry-management-links{
	bottom: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 10px;
}

#comments ul.entry-management-links{
	left: auto;
	right: 10px;
}

ul.entry-management-links li{
	display: inline;
	padding: 0 .25em;
}

ul.entry-interaction-links{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

.entry-interaction-links a{  }

ul.entry-interaction-links li{
	display: inline;
	padding: 0 .25em;
}

/********************************comments********************************/

.comment-wrapper{
	padding: .5em 0;
}

.comment .comment-title, .comment .comment-title a{
}

.comment .comment-title{
}

ul.comment-management-links{
	list-style: none;
	margin: 3px 0;
	padding-left: 0;
	text-align: right;
}

ul.comment-management-links li{
	display: inline;
	padding: 0 .25em;
}

ul.comment-interaction-links{
	list-style: none;
	margin: 3px 0;
	padding-left: 0;
	text-align: right;
}

ul.comment-interaction-links li{
	display: inline;
	padding: 0 .25em;
}

textarea#commenttext{
	width: 100%; /* fix for FF form width glitch */
}

/********************************footer********************************/

#footer{
}

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

.noentries{
padding: 0 .5em;
}

/********************************archive********************************/

table.month{
	border-collapse: collapse;
	margin: 0 auto;
}

table.month td{
	height: 3.25em;
	vertical-align: top;
}

table.month th{
	background: #232323;
	color: #fff;
	font-size: .8em;
}

.day-has-entries{
	background: #F1D15B;
}

table.month td, table.month th{
	padding: 5px;
}

table.month td p{
	margin: 0;
	padding: 3px;
}

.month dl dt{
	font-weight: bold;
}

.month dl .time{
	padding-right: .5em;
}

.month dl h3{
	font-size:1.5em;
}

.page-month .month .entry-poster{
	margin-right: .5em;
}

.month dl .tag ul{
	margin-top: 0;
}

/********************************icons********************************/

.sorting-options ul{
	list-style: none;
	margin-left: 0;
}

.sorting-options ul li{
	display: inline;
}

.keywords ul{
	display: inline;
	list-style: none;
	margin-left: .5em;
	padding-left: 0;
}

.keywords ul li{
	display: inline;
	padding: .25em;
}

/********************************modules********************************/

.journal-name{
	font-variant: small-caps;
}

.module{
	clear: both;
	margin-top: 15px;
}

.module a{  }
.module a:visited{  }
.module a:hover{  }
.module a:active{  }

.module h2{
	border-right: 7px solid #F7E194;
	font: 2.2em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	padding: 0 5px 0 0;
	text-transform: uppercase;
}

.module h2 a, .module h2 a:hover{
	text-decoration: none;
}

.module-content{
}

/*interaction links*/

ul.userlite-interaction-links.icon-links{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

ul.userlite-interaction-links.icon-links li{
	display: inline;
	padding: 0 .20em;
}

ul.userlite-interaction-links.text-links{
	text-align: left;
}

/*calendar*/

.module-calendar .module-content{
	text-align: center;
}

.one-column .module-calendar .module-content{
	text-align: left;
}

.module-calendar table{
	float: right;
}

.one-column .module-calendar table{
	margin: 0;
}

.module-calendar td{
	padding: 1px;
}

.module-calendar td a{
	display: block;
	padding: 2px;
}

/*search box*/

.search-box{
	margin: .2em auto;
}

/*page summary*/

/* wrap long content, particularly openid usernames */
.module-pagesummary .ljuser{
	white-space: normal !important;
}

.module-pagesummary .module-content{
	word-wrap: break-word;
}

/*credit*/

.module-credit dt, .module-credit dd{
	display: none;
	margin: 0;
	padding: 0;
}

.module-credit dt{
	font-weight: bold;
	margin-right: 0.5em;
}

/*tags*/

.module ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.tags_cloud li, .module-tags_cloud li{
	display: inline;
	list-style-type: none;
}

/*syndicate*/
.module-syndicate .module-content, .module-time, .module-powered{
	display: none;
	text-align: center;
}

.one-column .module-syndicate .module-content{
	text-align: left;
}

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

.month-wrapper, .tags-container, #comments{
	background: #fff;
	-moz-box-shadow: -1px 1px 0 #997F23;
	-webkit-box-shadow: -1px 1px 0 #997F23;
	box-shadow: -1px 1px 0 #997F23;
	padding: 10px 10px 20px;
}

.month{
	background: #fff;
	padding: 10px 10px 20px;
}

ul.ljtaglist{
	list-style: none;
}

ul.ljtaglist li{
	font-size: .9em;
	padding: 0 0 .3em;
}

.manage-link a{
	color: #B75C35;
}

.comment-pages.toppages{
	border-top: 1px solid #DFE2D0;
	margin: 0;
	padding: 20px 0 0;
}

.comment-content{
	border-left: 4px solid #F7E194;
	padding-left: 10px;
}

Joyride Orange

Code

/*
  Joyride - Orange
  For: Tabula Rasa
  Available:  http://betterdolphin.dreamwidth.org/
  By:  Toby
*/

/* DIRECTIONS:  Full directions on how to install are on the bottom of this document! */

html body{
}

body{
	background: #FFC48C;
	color: #232323;
	font: 100%/1.2em arial, sans-serif;
	padding: 0;
}

h1, h2, h3, h4, h5{
	margin: .25em 0;
	padding: .25em 0;
}

h1{
	color: #56310F;
	font: 2.7em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-shadow: -1px 1px 0 #FFE1BA;
	text-transform: uppercase;
}

h2{
	color: #232323;
	font: 2em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-transform: uppercase;
}

h3{
	color: #232323;
	font: 1.6em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-transform: uppercase;
}

h4{
	font: 1.4em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-transform: uppercase;
}

img{border: none;}

hr{display: none;}

.entry-content hr, .comment-content hr{
	display: block;
	margin: 1em 10%;
}

a{
	color: #844912;
}

a:hover, a:visited{
	color: #232323;
}

a:active{
	color: #FFC48C;
}

q{font-style: italic;}

/********************************content********************************/

#header, #footer{
	clear: both;
	margin: 0;
	padding: .5em;
}

#content{
	margin: 0 auto;
	width: 74%;
}

#primary{
	float: right;
	width: 78%;
}

#secondary{
	float: left;
	font-size: .7em;
	padding: 45px 0 10px 0;
	text-align: right;
	width: 21%;
}

#tertiary{
	clear: both;
}

/********************************header********************************/

#header{
	margin: 0 auto;
	text-align: right;
	width: 74%;
}

h1#title{
	color: #56310F;
	font: 2.7em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	margin: 0;
	padding: 0;
	text-shadow: -1px 1px 0 #FFE1BA;
	text-transform: uppercase;
}

h2#subtitle{
	border-right: 15px solid #FFE1BA;
	color: #844912;
	font: small-caps .9em arial, sans-serif;
	letter-space: 1px;
	margin: 0;
	padding: 0 .5em 0 0;
	text-shadow: -1px 1px 0 #FFE1BA;
}

h2#pagetitle{
	display: none;
}

/********************************navigation********************************/

.navigation, .page-top{
	border-right: 7px solid #FFE1BA;
	color: #844912;
	font: small-caps 0.8em arial, sans-serif;
	padding-right: 5px;
	text-align: right;
	text-shadow: -1px 1px 0 #FFE1BA;
}

.page-top a, .navigation a{
	color: #844912;
	text-decoration: none;
}

.page-top a:hover, .navigation a:hover{
	color: #232323;
	text-decoration: none;
}

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

.navigation li{
	display: inline;
	padding: 0 0 0 .5em;
}

.module-navlinks{
	font-size: 1.2em;
	left: -30px;
	padding: 2em;
	position: fixed;
	text-align: left;
	top: 30px;
}

.module-navlinks ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.module-navlinks ul li{
	clear: both;
	color: #fff;
	margin: 0;
	padding: 0;
	text-shadow: -1px 1px 0 rgba(0,0,0,.8);
	text-transform: uppercase;
}

.module-navlinks ul li a{
	background: #232323;
	color: #fff;
	float: left;
	padding: 10px 20px 10px 10px;
	text-decoration: none;
}

.module-navlinks ul li a:hover{
	background: #FFC48C;
	color: #844912;
	text-shadow: -1px 1px 0 #FFE1BA;
	-webkit-transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
	-moz-transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
	-o-transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
	transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
}

.module-navlinks ul li a.current{
	background: #FFC48C;
	color: #844912;
	text-shadow: -1px 1px 0 #FFE1BA;
}

/********************************columns********************************/

.one-column #content{
}

.two-columns-left #content, .three-columns-sides #content{
}

.two-columns-right #content, .three-columns-sides #content{
}

.three-columns-left #content{
}

.three-columns-right #content{
}

.column-right #content{
	min-width: 15em; /* prevents sidebar overlap of entry, when entry becomes narrower than sidebar */
}

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

/********************************entries********************************/

.entry, #comments{
	font-size: .8em;
	position: relative;
}

.poster, .poster-ip{
	padding-left: 10px;
}

.entry-wrapper{
	background: #fff;
	-moz-box-shadow: -1px 1px 0 #EFA55F;
	-webkit-box-shadow: -1px 1px 0 #EFA55F;
	box-shadow: -1px 1px 0 #EFA55F;
}

#comments .userpic, .entry .userpic{
	border: 5px solid #fff;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 70px;
	float: right;
	margin: -10px -50px 0 0;
}

#comments .userpic img, .entry .userpic img{
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 70px;
}

.entry-wrapper-even{
	background: #FFF4EA;
}

.entry-wrapper-even .userpic{
	border: 5px solid #FFF4EA;
}

.security-protected{
	background:#FFEBDB;
}

.security-protected .userpic{
	border: 5px solid #FFEBDB;
}

.security-private{
	background: #FFF1E5;
}

.security-private .userpic{
	border: 5px solid #FFF1E5;
}

.entry .entry-title{
	background: #232323;
	color: #fff;
	font: 2.5em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	padding: 5px 50px 5px 10px;
	text-transform: uppercase;
}

.entry .contents, .comment-content{
	padding: 10px 0 0;
}
	
.entry .header h3{
	margin: 0 0 5px;
}

.entry .entry-title, .entry .entry-title a{
	color: #fff;
	text-decoration: none;
}

.entry a{  }
.entry a:visited{  }
.entry a:hover{  }
.entry a:active{  }

#comments .datetime, .entry .datetime{
	font-size: .8em;
	padding: 10px 70px 10px 10px;
}

.restrictions, .access-filter{
	padding: 10px 0 0 10px;
}

.entry .entry-content{
	padding: 10px 70px 10px 10px;
}

.entry .footer, #comments .footer{
	clear: both;
	font-size: .8em;
	padding: 10px;
	position: relative;
}

#comments .footer{
	text-align: right;
}

.entry .footer .inner{
}

.bottom-metadata{
	clear: both;
	font-size: 0.85em;
	padding: 10px 10px 0 10px;
}

.metadata-label{
	font-weight: bold;
}

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li, .comment-content li{
	list-style-position: inside;
}

.metadata ul{
	display: inline;
	list-style: none;
	margin-left: .5em;
	padding-left: 0;
}

.metadata li{
}

.metadata.top-metadata ul{
	margin: 0;
}

.metadata.top-metadata{
	margin-bottom: 1em;
}

.tag{
	padding: 0 0 10px;
}

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

.tag ul li{
	display: inline;
	padding: .25em;
}

ul.entry-management-links{
	bottom: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 10px;
}

#comments ul.entry-management-links{
	left: auto;
	right: 10px;
}

ul.entry-management-links li{
	display: inline;
	padding: 0 .25em;
}

ul.entry-interaction-links{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

.entry-interaction-links a{  }

ul.entry-interaction-links li{
	display: inline;
	padding: 0 .25em;
}

/********************************comments********************************/

.comment-wrapper{
	padding: .5em 0;
}

.comment .comment-title, .comment .comment-title a{
}

.comment .comment-title{
}

ul.comment-management-links{
	list-style: none;
	margin: 3px 0;
	padding-left: 0;
	text-align: right;
}

ul.comment-management-links li{
	display: inline;
	padding: 0 .25em;
}

ul.comment-interaction-links{
	list-style: none;
	margin: 3px 0;
	padding-left: 0;
	text-align: right;
}

ul.comment-interaction-links li{
	display: inline;
	padding: 0 .25em;
}

textarea#commenttext{
	width: 100%; /* fix for FF form width glitch */
}

/********************************footer********************************/

#footer{
}

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

.noentries{
padding: 0 .5em;
}

/********************************archive********************************/

table.month{
	border-collapse: collapse;
	margin: 0 auto;
}

table.month td{
	height: 3.25em;
	vertical-align: top;
}

table.month th{
	background: #232323;
	color: #fff;
	font-size: .8em;
}

.day-has-entries{
	background: #FFC48C;
}

table.month td, table.month th{
	padding: 5px;
}

table.month td p{
	margin: 0;
	padding: 3px;
}

.month dl dt{
	font-weight: bold;
}

.month dl .time{
	padding-right: .5em;
}

.month dl h3{
	font-size:1.5em;
}

.page-month .month .entry-poster{
	margin-right: .5em;
}

.month dl .tag ul{
	margin-top: 0;
}

/********************************icons********************************/

.sorting-options ul{
	list-style: none;
	margin-left: 0;
}

.sorting-options ul li{
	display: inline;
}

.keywords ul{
	display: inline;
	list-style: none;
	margin-left: .5em;
	padding-left: 0;
}

.keywords ul li{
	display: inline;
	padding: .25em;
}

/********************************modules********************************/

.journal-name{
	font-variant: small-caps;
}

.module{
	clear: both;
	margin-top: 15px;
}

.module a{  }
.module a:visited{  }
.module a:hover{  }
.module a:active{  }

.module h2{
	border-right: 7px solid #FFE1BA;
	font: 2.2em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	padding: 0 5px 0 0;
	text-transform: uppercase;
}

.module h2 a, .module h2 a:hover{
	text-decoration: none;
}

.module-content{
}

/*interaction links*/

ul.userlite-interaction-links.icon-links{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

ul.userlite-interaction-links.icon-links li{
	display: inline;
	padding: 0 .20em;
}

ul.userlite-interaction-links.text-links{
	text-align: left;
}

/*calendar*/

.module-calendar .module-content{
	text-align: center;
}

.one-column .module-calendar .module-content{
	text-align: left;
}

.module-calendar table{
	float: right;
}

.one-column .module-calendar table{
	margin: 0;
}

.module-calendar td{
	padding: 1px;
}

.module-calendar td a{
	display: block;
	padding: 2px;
}

/*search box*/

.search-box{
	margin: .2em auto;
}

/*page summary*/

/* wrap long content, particularly openid usernames */
.module-pagesummary .ljuser{
	white-space: normal !important;
}

.module-pagesummary .module-content{
	word-wrap: break-word;
}

/*credit*/

.module-credit dt, .module-credit dd{
	display: none;
	margin: 0;
	padding: 0;
}

.module-credit dt{
	font-weight: bold;
	margin-right: 0.5em;
}

/*tags*/

.module ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.tags_cloud li, .module-tags_cloud li{
	display: inline;
	list-style-type: none;
}

/*syndicate*/
.module-syndicate .module-content, .module-time, .module-powered{
	display: none;
	text-align: center;
}

.one-column .module-syndicate .module-content{
	text-align: left;
}

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

.month-wrapper, .tags-container, #comments{
	background: #fff;
	-moz-box-shadow: -1px 1px 0 #EFA55F;
	-webkit-box-shadow: -1px 1px 0 #EFA55F;
	box-shadow: -1px 1px 0 #EFA55F;
	padding: 10px 10px 20px;
}

.month{
	background: #fff;
	padding: 10px 10px 20px;
}

ul.ljtaglist{
	list-style: none;
}

ul.ljtaglist li{
	font-size: .9em;
	padding: 0 0 .3em;
}

.manage-link a{
	color: #B75C35;
}

.comment-pages.toppages{
	border-top: 1px solid #DFE2D0;
	margin: 0;
	padding: 20px 0 0;
}

.comment-content{
	border-left: 4px solid #FFE1BA;
	padding-left: 10px;
}

Joyride Brown

Code

/*
  Joyride - Brown
  For: Tabula Rasa
  Available:  http://betterdolphin.dreamwidth.org/
  By:  Toby
*/

/* DIRECTIONS:  Full directions on how to install are on the bottom of this document! */

html body{
}

body{
	background: #BF9874;
	color: #232323;
	font: 100%/1.2em arial, sans-serif;
	padding: 0;
}

h1, h2, h3, h4, h5{
	margin: .25em 0;
	padding: .25em 0;
}

h1{
	color: #492E16;
	font: 2.7em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-shadow: -1px 1px 0 #D3AF8F;
	text-transform: uppercase;
}

h2{
	color: #232323;
	font: 2em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-transform: uppercase;
}

h3{
	color: #232323;
	font: 1.6em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-transform: uppercase;
}

h4{
	font: 1.4em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-transform: uppercase;
}

img{border: none;}

hr{display: none;}

.entry-content hr, .comment-content hr{
	display: block;
	margin: 1em 10%;
}

a{
	color: #6D492A;
}

a:hover, a:visited{
	color: #232323;
}

a:active{
	color: #BF9874;
}

q{font-style: italic;}

/********************************content********************************/

#header, #footer{
	clear: both;
	margin: 0;
	padding: .5em;
}

#content{
	margin: 0 auto;
	width: 74%;
}

#primary{
	float: right;
	width: 78%;
}

#secondary{
	float: left;
	font-size: .7em;
	padding: 45px 0 10px 0;
	text-align: right;
	width: 21%;
}

#tertiary{
	clear: both;
}

/********************************header********************************/

#header{
	margin: 0 auto;
	text-align: right;
	width: 74%;
}

h1#title{
	color: #492E16;
	font: 2.7em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	margin: 0;
	padding: 0;
	text-shadow: -1px 1px 0 #D3AF8F;
	text-transform: uppercase;
}

h2#subtitle{
	border-right: 15px solid #D3AF8F;
	color: #6D492A;
	font: small-caps .9em arial, sans-serif;
	letter-space: 1px;
	margin: 0;
	padding: 0 .5em 0 0;
	text-shadow: -1px 1px 0 #D3AF8F;
}

h2#pagetitle{
	display: none;
}

/********************************navigation********************************/

.navigation, .page-top{
	border-right: 7px solid #D3AF8F;
	color: #6D492A;
	font: small-caps 0.8em arial, sans-serif;
	padding-right: 5px;
	text-align: right;
	text-shadow: -1px 1px 0 #D3AF8F;
}

.page-top a, .navigation a{
	color: #6D492A;
	text-decoration: none;
}

.page-top a:hover, .navigation a:hover{
	color: #232323;
	text-decoration: none;
}

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

.navigation li{
	display: inline;
	padding: 0 0 0 .5em;
}

.module-navlinks{
	font-size: 1.2em;
	left: -30px;
	padding: 2em;
	position: fixed;
	text-align: left;
	top: 30px;
}

.module-navlinks ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.module-navlinks ul li{
	clear: both;
	color: #fff;
	margin: 0;
	padding: 0;
	text-shadow: -1px 1px 0 rgba(0,0,0,.8);
	text-transform: uppercase;
}

.module-navlinks ul li a{
	background: #232323;
	color: #fff;
	float: left;
	padding: 10px 20px 10px 10px;
	text-decoration: none;
}

.module-navlinks ul li a:hover{
	background: #BF9874;
	color: #6D492A;
	text-shadow: -1px 1px 0 #D3AF8F;
	-webkit-transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
	-moz-transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
	-o-transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
	transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
}

.module-navlinks ul li a.current{
	background: #BF9874;
	color: #6D492A;
	text-shadow: -1px 1px 0 #D3AF8F;
}

/********************************columns********************************/

.one-column #content{
}

.two-columns-left #content, .three-columns-sides #content{
}

.two-columns-right #content, .three-columns-sides #content{
}

.three-columns-left #content{
}

.three-columns-right #content{
}

.column-right #content{
	min-width: 15em; /* prevents sidebar overlap of entry, when entry becomes narrower than sidebar */
}

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

#secondary .userpic img{
	border-top: 1px solid #D3AF8F;
	border-bottom: 2px solid #492E16;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	width: 50px;
	height: 50px;
}

/********************************entries********************************/

.entry, #comments{
	font-size: .8em;
	position: relative;
}

.poster, .poster-ip{
	padding-left: 10px;
}

.entry-wrapper{
	background: #fff;
	-moz-box-shadow: -1px 1px 0 #6D492A;
	-webkit-box-shadow: -1px 1px 0 #6D492A;
	box-shadow: -1px 1px 0 #6D492A;
}

#comments .userpic, .entry .userpic{
	border: 5px solid #fff;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 70px;
	float: right;
	margin: -10px -50px 0 0;
}

#comments .userpic img, .entry .userpic img{
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 70px;
}

.entry-wrapper-even{
	background: #FCF3EA;
}

.entry-wrapper-even .userpic{
	border: 5px solid #FCF3EA;
}

.security-protected{
	background:#F2E6DC;
}

.security-protected .userpic{
	border: 5px solid #F2E6DC;
}

.security-private{
	background: #F9EDE3;
}

.security-private .userpic{
	border: 5px solid #F9EDE3;
}

.entry .entry-title{
	background: #232323;
	color: #fff;
	font: 2.5em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	padding: 5px 50px 5px 10px;
	text-transform: uppercase;
}

.entry .contents, .comment-content{
	padding: 10px 0 0;
}
	
.entry .header h3{
	margin: 0 0 5px;
}

.entry .entry-title, .entry .entry-title a{
	color: #fff;
	text-decoration: none;
}

.entry a{  }
.entry a:visited{  }
.entry a:hover{  }
.entry a:active{  }

#comments .datetime, .entry .datetime{
	font-size: .8em;
	padding: 10px 70px 10px 10px;
}

.restrictions, .access-filter{
	padding: 10px 0 0 10px;
}

.entry .entry-content{
	padding: 10px 70px 10px 10px;
}

.entry .footer, #comments .footer{
	clear: both;
	font-size: .8em;
	padding: 10px;
	position: relative;
}

#comments .footer{
	text-align: right;
}

.entry .footer .inner{
}

.bottom-metadata{
	clear: both;
	font-size: 0.85em;
	padding: 10px 10px 0 10px;
}

.metadata-label{
	font-weight: bold;
}

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li, .comment-content li{
	list-style-position: inside;
}

.metadata ul{
	display: inline;
	list-style: none;
	margin-left: .5em;
	padding-left: 0;
}

.metadata li{
}

.metadata.top-metadata ul{
	margin: 0;
}

.metadata.top-metadata{
	margin-bottom: 1em;
}

.tag{
	padding: 0 0 10px;
}

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

.tag ul li{
	display: inline;
	padding: .25em;
}

ul.entry-management-links{
	bottom: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 10px;
}

#comments ul.entry-management-links{
	left: auto;
	right: 10px;
}

ul.entry-management-links li{
	display: inline;
	padding: 0 .25em;
}

ul.entry-interaction-links{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

.entry-interaction-links a{  }

ul.entry-interaction-links li{
	display: inline;
	padding: 0 .25em;
}

/********************************comments********************************/

.comment-wrapper{
	padding: .5em 0;
}

.comment .comment-title, .comment .comment-title a{
}

.comment .comment-title{
}

ul.comment-management-links{
	list-style: none;
	margin: 3px 0;
	padding-left: 0;
	text-align: right;
}

ul.comment-management-links li{
	display: inline;
	padding: 0 .25em;
}

ul.comment-interaction-links{
	list-style: none;
	margin: 3px 0;
	padding-left: 0;
	text-align: right;
}

ul.comment-interaction-links li{
	display: inline;
	padding: 0 .25em;
}

textarea#commenttext{
	width: 100%; /* fix for FF form width glitch */
}

/********************************footer********************************/

#footer{
}

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

.noentries{
padding: 0 .5em;
}

/********************************archive********************************/

table.month{
	border-collapse: collapse;
	margin: 0 auto;
}

table.month td{
	height: 3.25em;
	vertical-align: top;
}

table.month th{
	background: #232323;
	color: #fff;
	font-size: .8em;
}

.day-has-entries{
	background: #BF9874;
}

table.month td, table.month th{
	padding: 5px;
}

table.month td p{
	margin: 0;
	padding: 3px;
}

.month dl dt{
	font-weight: bold;
}

.month dl .time{
	padding-right: .5em;
}

.month dl h3{
	font-size:1.5em;
}

.page-month .month .entry-poster{
	margin-right: .5em;
}

.month dl .tag ul{
	margin-top: 0;
}

/********************************icons********************************/

.sorting-options ul{
	list-style: none;
	margin-left: 0;
}

.sorting-options ul li{
	display: inline;
}

.keywords ul{
	display: inline;
	list-style: none;
	margin-left: .5em;
	padding-left: 0;
}

.keywords ul li{
	display: inline;
	padding: .25em;
}

/********************************modules********************************/

.journal-name{
	font-variant: small-caps;
}

.module{
	clear: both;
	margin-top: 15px;
}

.module a{  }
.module a:visited{  }
.module a:hover{  }
.module a:active{  }

.module h2{
	border-right: 7px solid #D3AF8F;
	font: 2.2em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	padding: 0 5px 0 0;
	text-transform: uppercase;
}

.module h2 a, .module h2 a:hover{
	text-decoration: none;
}

.module-content{
}

/*interaction links*/

ul.userlite-interaction-links.icon-links{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

ul.userlite-interaction-links.icon-links li{
	display: inline;
	padding: 0 .20em;
}

ul.userlite-interaction-links.text-links{
	text-align: left;
}

/*calendar*/

.module-calendar .module-content{
	text-align: center;
}

.one-column .module-calendar .module-content{
	text-align: left;
}

.module-calendar table{
	float: right;
}

.one-column .module-calendar table{
	margin: 0;
}

.module-calendar td{
	padding: 1px;
}

.module-calendar td a{
	display: block;
	padding: 2px;
}

/*search box*/

.search-box{
	margin: .2em auto;
}

/*page summary*/

/* wrap long content, particularly openid usernames */
.module-pagesummary .ljuser{
	white-space: normal !important;
}

.module-pagesummary .module-content{
	word-wrap: break-word;
}

/*credit*/

.module-credit dt, .module-credit dd{
	display: none;
	margin: 0;
	padding: 0;
}

.module-credit dt{
	font-weight: bold;
	margin-right: 0.5em;
}

/*tags*/

.module ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.tags_cloud li, .module-tags_cloud li{
	display: inline;
	list-style-type: none;
}

/*syndicate*/
.module-syndicate .module-content, .module-time, .module-powered{
	display: none;
	text-align: center;
}

.one-column .module-syndicate .module-content{
	text-align: left;
}

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

.month-wrapper, .tags-container, #comments{
	background: #fff;
	-moz-box-shadow: -1px 1px 0 #6D492A;
	-webkit-box-shadow: -1px 1px 0 #6D492A;
	box-shadow: -1px 1px 0 #6D492A;
	padding: 10px 10px 20px;
}

.month{
	background: #fff;
	padding: 10px 10px 20px;
}

ul.ljtaglist{
	list-style: none;
}

ul.ljtaglist li{
	font-size: .9em;
	padding: 0 0 .3em;
}

.manage-link a{
	color: #FCD1D1;
}

.comment-pages.toppages{
	border-top: 1px solid #DFE2D0;
	margin: 0;
	padding: 20px 0 0;
}

.comment-content{
	border-left: 4px solid #D3AF8F;
	padding-left: 10px;
}

Joyride Purple

Code

/*
  Joyride - Purple
  For: Tabula Rasa
  Available:  http://betterdolphin.dreamwidth.org/
  By:  Toby
*/

/* DIRECTIONS:  Full directions on how to install are on the bottom of this document! */

html body{
}

body{
	background: #E0B5CB;
	color: #232323;
	font: 100%/1.2em arial, sans-serif;
	padding: 0;
}

h1, h2, h3, h4, h5{
	margin: .25em 0;
	padding: .25em 0;
}

h1{
	color: #541D38;
	font: 2.7em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-shadow: -1px 1px 0 #EACEDC;
	text-transform: uppercase;
}

h2{
	color: #232323;
	font: 2em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-transform: uppercase;
}

h3{
	color: #232323;
	font: 1.6em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-transform: uppercase;
}

h4{
	font: 1.4em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	text-transform: uppercase;
}

img{border: none;}

hr{display: none;}

.entry-content hr, .comment-content hr{
	display: block;
	margin: 1em 10%;
}

a{
	color: #773556;
}

a:hover, a:visited{
	color: #232323;
}

a:active{
	color: #E0B5CB;
}

q{font-style: italic;}

/********************************content********************************/

#header, #footer{
	clear: both;
	margin: 0;
	padding: .5em;
}

#content{
	margin: 0 auto;
	width: 74%;
}

#primary{
	float: right;
	width: 78%;
}

#secondary{
	float: left;
	font-size: .7em;
	padding: 45px 0 10px 0;
	text-align: right;
	width: 21%;
}

#tertiary{
	clear: both;
}

/********************************header********************************/

#header{
	margin: 0 auto;
	text-align: right;
	width: 74%;
}

h1#title{
	color: #541D38;
	font: 2.7em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	letter-space: 1px;
	margin: 0;
	padding: 0;
	text-shadow: -1px 1px 0 #EACEDC;
	text-transform: uppercase;
}

h2#subtitle{
	border-right: 15px solid #EACEDC;
	color: #773556;
	font: small-caps .9em arial, sans-serif;
	letter-space: 1px;
	margin: 0;
	padding: 0 .5em 0 0;
	text-shadow: -1px 1px 0 #EACEDC;
}

h2#pagetitle{
	display: none;
}

/********************************navigation********************************/

.navigation, .page-top{
	border-right: 7px solid #EACEDC;
	color: #773556;
	font: small-caps 0.8em arial, sans-serif;
	padding-right: 5px;
	text-align: right;
	text-shadow: -1px 1px 0 #EACEDC;
}

.page-top a, .navigation a{
	color: #773556;
	text-decoration: none;
}

.page-top a:hover, .navigation a:hover{
	color: #232323;
	text-decoration: none;
}

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

.navigation li{
	display: inline;
	padding: 0 0 0 .5em;
}

.module-navlinks{
	font-size: 1.2em;
	left: -30px;
	padding: 2em;
	position: fixed;
	text-align: left;
	top: 30px;
}

.module-navlinks ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.module-navlinks ul li{
	clear: both;
	color: #fff;
	margin: 0;
	padding: 0;
	text-shadow: -1px 1px 0 rgba(0,0,0,.8);
	text-transform: uppercase;
}

.module-navlinks ul li a{
	background: #232323;
	color: #fff;
	float: left;
	padding: 10px 20px 10px 10px;
	text-decoration: none;
}

.module-navlinks ul li a:hover{
	background: #E0B5CB;
	color: #773556;
	text-shadow: -1px 1px 0 #EACEDC;
	-webkit-transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
	-moz-transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
	-o-transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
	transition:background-color .5s linear, color .5s linear, text-shadow .5s linear;
}

.module-navlinks ul li a.current{
	background: #E0B5CB;
	color: #773556;
	text-shadow: -1px 1px 0 #EACEDC;
}

/********************************columns********************************/

.one-column #content{
}

.two-columns-left #content, .three-columns-sides #content{
}

.two-columns-right #content, .three-columns-sides #content{
}

.three-columns-left #content{
}

.three-columns-right #content{
}

.column-right #content{
	min-width: 15em; /* prevents sidebar overlap of entry, when entry becomes narrower than sidebar */
}

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

#secondary .userpic img{
	border-top: 1px solid #EACEDC;
	border-bottom: 2px solid #541D38;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	width: 50px;
	height: 50px;
}

/********************************entries********************************/

.entry, #comments{
	font-size: .8em;
	position: relative;
}

.poster, .poster-ip{
	padding-left: 10px;
}

.entry-wrapper{
	background: #fff;
	-moz-box-shadow: -1px 1px 0 #773556;
	-webkit-box-shadow: -1px 1px 0 #773556;
	box-shadow: -1px 1px 0 #773556;
}

#comments .userpic, .entry .userpic{
	border: 5px solid #fff;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 70px;
	float: right;
	margin: -10px -50px 0 0;
}

#comments .userpic img, .entry .userpic img{
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 70px;
}

.entry-wrapper-even{
	background: #F7E8EF;
}

.entry-wrapper-even .userpic{
	border: 5px solid #F7E8EF;
}

.security-protected{
	background:#F4DCE8;
}

.security-protected .userpic{
	border: 5px solid #F4DCE8;
}

.security-private{
	background: #F7E1EC;
}

.security-private .userpic{
	border: 5px solid #F7E1EC;
}

.entry .entry-title{
	background: #232323;
	color: #fff;
	font: 2.5em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	padding: 5px 50px 5px 10px;
	text-transform: uppercase;
}

.entry .contents, .comment-content{
	padding: 10px 0 0;
}
	
.entry .header h3{
	margin: 0 0 5px;
}

.entry .entry-title, .entry .entry-title a{
	color: #fff;
	text-decoration: none;
}

.entry a{  }
.entry a:visited{  }
.entry a:hover{  }
.entry a:active{  }

#comments .datetime, .entry .datetime{
	font-size: .8em;
	padding: 10px 70px 10px 10px;
}

.restrictions, .access-filter{
	padding: 10px 0 0 10px;
}

.entry .entry-content{
	padding: 10px 70px 10px 10px;
}

.entry .footer, #comments .footer{
	clear: both;
	font-size: .8em;
	padding: 10px;
	position: relative;
}

#comments .footer{
	text-align: right;
}

.entry .footer .inner{
}

.bottom-metadata{
	clear: both;
	font-size: 0.85em;
	padding: 10px 10px 0 10px;
}

.metadata-label{
	font-weight: bold;
}

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li, .comment-content li{
	list-style-position: inside;
}

.metadata ul{
	display: inline;
	list-style: none;
	margin-left: .5em;
	padding-left: 0;
}

.metadata li{
}

.metadata.top-metadata ul{
	margin: 0;
}

.metadata.top-metadata{
	margin-bottom: 1em;
}

.tag{
	padding: 0 0 10px;
}

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

.tag ul li{
	display: inline;
	padding: .25em;
}

ul.entry-management-links{
	bottom: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 10px;
}

#comments ul.entry-management-links{
	left: auto;
	right: 10px;
}

ul.entry-management-links li{
	display: inline;
	padding: 0 .25em;
}

ul.entry-interaction-links{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

.entry-interaction-links a{  }

ul.entry-interaction-links li{
	display: inline;
	padding: 0 .25em;
}

/********************************comments********************************/

.comment-wrapper{
	padding: .5em 0;
}

.comment .comment-title, .comment .comment-title a{
}

.comment .comment-title{
}

ul.comment-management-links{
	list-style: none;
	margin: 3px 0;
	padding-left: 0;
	text-align: right;
}

ul.comment-management-links li{
	display: inline;
	padding: 0 .25em;
}

ul.comment-interaction-links{
	list-style: none;
	margin: 3px 0;
	padding-left: 0;
	text-align: right;
}

ul.comment-interaction-links li{
	display: inline;
	padding: 0 .25em;
}

textarea#commenttext{
	width: 100%; /* fix for FF form width glitch */
}

/********************************footer********************************/

#footer{
}

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

.noentries{
padding: 0 .5em;
}

/********************************archive********************************/

table.month{
	border-collapse: collapse;
	margin: 0 auto;
}

table.month td{
	height: 3.25em;
	vertical-align: top;
}

table.month th{
	background: #232323;
	color: #fff;
	font-size: .8em;
}

.day-has-entries{
	background: #E0B5CB;
}

table.month td, table.month th{
	padding: 5px;
}

table.month td p{
	margin: 0;
	padding: 3px;
}

.month dl dt{
	font-weight: bold;
}

.month dl .time{
	padding-right: .5em;
}

.month dl h3{
	font-size:1.5em;
}

.page-month .month .entry-poster{
	margin-right: .5em;
}

.month dl .tag ul{
	margin-top: 0;
}

/********************************icons********************************/

.sorting-options ul{
	list-style: none;
	margin-left: 0;
}

.sorting-options ul li{
	display: inline;
}

.keywords ul{
	display: inline;
	list-style: none;
	margin-left: .5em;
	padding-left: 0;
}

.keywords ul li{
	display: inline;
	padding: .25em;
}

/********************************modules********************************/

.journal-name{
	font-variant: small-caps;
}

.module{
	clear: both;
	margin-top: 15px;
}

.module a{  }
.module a:visited{  }
.module a:hover{  }
.module a:active{  }

.module h2{
	border-right: 7px solid #EACEDC;
	font: 2.2em "Pompiere", "Helvetica Condensed", "Arial Narrow", arial, sans-serif;
	padding: 0 5px 0 0;
	text-transform: uppercase;
}

.module h2 a, .module h2 a:hover{
	text-decoration: none;
}

.module-content{
}

/*interaction links*/

ul.userlite-interaction-links.icon-links{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

ul.userlite-interaction-links.icon-links li{
	display: inline;
	padding: 0 .20em;
}

ul.userlite-interaction-links.text-links{
	text-align: left;
}

/*calendar*/

.module-calendar .module-content{
	text-align: center;
}

.one-column .module-calendar .module-content{
	text-align: left;
}

.module-calendar table{
	float: right;
}

.one-column .module-calendar table{
	margin: 0;
}

.module-calendar td{
	padding: 1px;
}

.module-calendar td a{
	display: block;
	padding: 2px;
}

/*search box*/

.search-box{
	margin: .2em auto;
}

/*page summary*/

/* wrap long content, particularly openid usernames */
.module-pagesummary .ljuser{
	white-space: normal !important;
}

.module-pagesummary .module-content{
	word-wrap: break-word;
}

/*credit*/

.module-credit dt, .module-credit dd{
	display: none;
	margin: 0;
	padding: 0;
}

.module-credit dt{
	font-weight: bold;
	margin-right: 0.5em;
}

/*tags*/

.module ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.tags_cloud li, .module-tags_cloud li{
	display: inline;
	list-style-type: none;
}

/*syndicate*/
.module-syndicate .module-content, .module-time, .module-powered{
	display: none;
	text-align: center;
}

.one-column .module-syndicate .module-content{
	text-align: left;
}

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

.month-wrapper, .tags-container, #comments{
	background: #fff;
	-moz-box-shadow: -1px 1px 0 #773556;
	-webkit-box-shadow: -1px 1px 0 #773556;
	box-shadow: -1px 1px 0 #773556;
	padding: 10px 10px 20px;
}

.month{
	background: #fff;
	padding: 10px 10px 20px;
}

ul.ljtaglist{
	list-style: none;
}

ul.ljtaglist li{
	font-size: .9em;
	padding: 0 0 .3em;
}

.manage-link a{
	color: #B75C35;
}

.comment-pages.toppages{
	border-top: 1px solid #DFE2D0;
	margin: 0;
	padding: 20px 0 0;
}

.comment-content{
	border-left: 4px solid #EACEDC;
	padding-left: 10px;
}

Rules of the Game:
- Credit

betterdolphin (<user name="betterdolphin">)somewhere viewable, like a stickied post or userinfo, and leave the credit on the sheet
- You may edit to suit your needs, but credit would still be nice.
- Commenting not necessary, but makes me feel good all over anyway if you do.

Flat | Top-Level Comments Only

Love the colour variations! (the blue one is so pretty).
♥

Thank you very much :3

These are really great, I've grabbed the peach one for my journal.

Great! Thank you!

ohhh grabbing this! Thanks :D

You're welcome!

Beautimous! using it now, thank you! (Also, credited in my profile. )

Great, thank you!

Gorgeous work!

Why thank you!

oooo, fixed menu. *saves*

Glad you like!

This is wonderful, thank you!

These are so lovely! I'm finding it so difficult to find a nice, clean theme for DW and this one is perfect. Nabbing the blue and I've credited you in my profile! Thanks so much!

Happy to help! Thanks!

Love this! I'm using the green one now :D
Question though, my layout doesn't link to you in style credit, I think :? how should I fix it?

Just say something like "layout made by

betterdolphin" in a sticky post or your profile

Glad you like it!

That is pretty cool! I love how clean and quirky it is!

Thanks! I always like quirky.

Love it! Grabbed the blue for now, but they're all so pretty I may rotate!

Haha, that's good to hear.

Oh man I love this, as soon as I decide on a colour I'll have to use it! ♥

I see you went with blue, good choice.

(no subject)

napple - 2012-03-07 21:43 (UTC) - Expand

Took the purple one for this journal. Very pretty! I love the font for the headers.

Thank you very much, glad you liked it so!

Pretty! *o*

Thanks!

These are marvellous! :D

Thank you very much!

I took the purple one, and I love it, but the user icons aren't in a circle like they're supposed to be. I'm using Firefox, and I checked in Opera too, but they aren't showing up right in either.

They do show up right in IE, though.

The only thing I can think of is those two browsers are really old on your computer, while your IE is current. What version of Firefox and Opera do you have (look for About Firefox/About Opera somewhere in your browser's menu, that will tell you)? Both Firefox and Opera's releases are 11, if yours are out of date I highly recommend you update them, not only for new code technology but security.

scoot - 2012-03-18 03:46 (UTC) - Expand

itsanooray - 2012-03-18 03:47 (UTC) - Expand

Ohhh, I loved the green one! just one question. Since I just can't live with a banner, would there be a way to add one at the top? :D

Sorry for this very delayed reply, the notif was lost, but if you're still interested, I'm afraid in order to put in a banner you will have to do a bit of work.

If you want to add a banner image you will need to add the styles to #header or #header<.inner divs. So an example that would go into your css:

#header>.inner{
background: url(http://imagehost.com/header.jpg) no-repeat center top;
width: 200px;
height: 100px;
}

"#header>.inner" tells the css to apply these styles to the "inner" div of "header" only, so it's important to have it listed like that. The background attribute is saying not to let the image repeat and to have it be aligned center and to the top. The width and height would ideally be the size of the banner, however, this is a fluid style layout, meaning it shrinks and expands according to the size of someone's screen/browser, so having a fixed width/height like that may look funny depending on someone's browser, since BG images won't resize accordingly.

You will also most likely need to tweek the title/subtitle styles since they are inside the header element where this banner would go.

I'm sorry I'm being a bit generic in my help, but I generally don't make layouts with headers in mind so the most I can offer you now is how to start it on your own, since I don't mind if users what to tweek the codes to add them themselves.

I may test drive one of these on my journal. The layout is very lovely. :)

Using it on this journal. Thanks for sharing! :)

God, I love your layouts. Snagging for a couple of my communities, because these are so lovely.

This is gorgeous. I'm definitely snagging for my journal.

Love it! Using it for this RP journal! ♥

ohgosh, i love these so much! spent a good three minutes deciding which colour to pick, but ah green is my favourite. :D thank you so much!

Wow, they're absolutely gorgeous! Thank you!

Love it, using it for my layout. I instantly fell in love with the green and font - somehow, it reminded me of the earth. :) just one question though; how can I make the entries white?

Page 1 of 2