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.

Joyride for Tabula Rasa

no subject