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

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.

Joyride for Tabula Rasa

no subject

no subject