betterdolphin | Lettuce - Hooky (Reply)

UPDATE 1-4-12: There was an issue where the "powered by" was showing up at the top, I have hidden that module. Also a couple tweeks were added that don't really affect anything, they were added for "just in case" purposes. And sometime in the future I may try to make the layout work for comments, but I'm not sure when that will be, but feel free to check back from time to time or watch this comm, as I'll make a post about it when I do!

Image Preview - Live Preview with Texture and Live Preview without Texture

"hooky"

Has many variations. There's a textured version with 4 colors, there's also a no texture version with just one color but that's because you can change colors on your own, and then both have a stickied sidebar and non-sticky sidebar option.

Note this is my first time making a layout for Dreamwidth, there's bound to be something I missed. Feel free to inform me in comments.

Notes: To turn ON the sticky sidebar, search for #secondary in the stylesheet. Replace "absolute" with "fixed."

If you do use the sticky sidebar, keep in mind screen resolutions. If you have a lot of info in your sidebar it WILL be cut off. The sticky sidebar was made with RP journals in mind where the tag or link list would basically be the only important thing needed. If you have a lot of tags, use the tag cloud instead of list.

This was tested in IE7-9, FF4+ and Chrome, it should stand to reason it will work in Safari and Opera. IE7 and 8 work all right with this layout, but the fonts won't work and there's a couple height issues on 7 that weren't a big enough deal for me to want to fix it.

DO NOT use this layout on your comment pages. It just doesn't work well with them so I decided not to bother with this particular layout. You can turn off that option here.

Please upload all images to your own image server and replace the URLs in the style sheet!

Directions: Go here. Below you'll find a section of themes to select and a search field. In the search box put in "Lettuce" and choose the template. In the top right you'll see a box called Current Theme, click "Change page setup" and there choose "2 Column (sidebar on the left)" if it's not already. Then click the "Customize selected theme" link. On your left you'll see a sidebar. If you want to use this layout with the fixed sidebar you will need to go into "Modules" and pick only one or 2 modules to have in your sidebar. If you don't use the fixed sidebar, don't worry about it. Then click on "Custom CSS." Uncheck "Use layout's stylesheet(s)" and leave "Custom stylesheet URL" blank.

If you haven't already, you need upload all the images to your own server/image service and replace all the image URLs on this stylesheet with your own URLs. Then copy and paste this WHOLE document into the "Use embedded CSS" box.

Click "Save Changes" and it should be ready to go!

Template: orange hooky

For: Lettuce

Images: These are hosted on my own domain, PLEASE save and upload to your own server/account. Just be sure to change the URLs in the style sheet when you do!

Here is a zip of the images and stylesheet.

Code:

/*
  Hooky
  For: Lettuce
  Available:  http://betterdolphin.dreamwidth.org/
  By:  Toby
*/

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

/* !PLEASE! remember to upload the images to YOUR own domain or some free image service and replace the links in this stylesheet! */

html, body{
	height: 100%;
	min-height: 100%;
}

body {
	background: #f3f3f1 url(http://hodo7.com/web/freebies/hooky/texture/bg.png);
	color: #797878;
	font: 13px "Arial", sans-serif;
	margin: 0 auto;
}

@font-face {
	font-family: 'Lobster';
	font-style: normal;
	font-weight: normal;
	src: local('Lobster'), url('http://themes.googleusercontent.com/static/fonts/lobster/v4/MWVf-Rwh4GLQVBEwbyI61Q.woff') format('woff');
}

a, a:link, a:visited {
	color: #fd9e52;
	text-decoration: underline;
}

a:hover {
	color: #797878;
	text-decoration: underline;
}

h1, h2, h3, h4, h5{margin: 0 0 10px;}

img{border: none;}

hr {display: none;}

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

q {font-style: italic;}

#canvas{
	position: relative;
	width: 100%;
}

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

/********************************header********************************/
#header {
	background: url("http://hodo7.com/web/freebies/hooky/texture/nav-bg.png") repeat-x scroll left bottom transparent;
	height: 70px;
	position: fixed;
	top: 43px;
	width: 100%;
	z-index: 2;
}

h1#title{
	color: #FD9E52;
	float: left;
	font: 28px "Lobster", "Georgia", times, serif;
	margin: -20px 0 0 15px;
	padding: 0;
	width: 45%;
}

h2#subtitle, h2#pagetitle{
	display: none;
}

#lj_controlstrip{
	position: fixed;
	z-index: 2;
}

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

.module-navlinks li{
	float: left;
	margin: 0 5px;
	position: relative;
}

.module-navlinks li a{
	background: #000;
	border: 1px solid #262626;
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
	color: #797878;
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	-webkit-transition:background-color .5s linear;
	-moz-transition:background-color .5s linear;
	-o-transition:background-color .5s linear;
	transition:background-color .5s linear;
}

.module-navlinks li a:hover {
	background-color: #E88437;
	color: #fff;
	text-decoration: none;
	-webkit-transition:color .5s linear;
	-moz-transition:color .5s linear;
	-o-transition:color .5s linear;
	transition:color .5s linear;
	-webkit-transition:background-color .5s linear;
	-moz-transition:background-color .5s linear;
	-o-transition:background-color .5s linear;
	transition:background-color .5s linear;
}
		
.module-navlinks a.current{
	background-color: #E88437;
	color: #fff;
	padding: 10px 15px;
}

.module-navlinks a:hover.current{
	color: #fff;
}

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

#content{
	position: relative;
	width: 100%;
}

#primary {
	float: left;
	left: 260px;
	position: relative;
	top: 120px;
	width: 75%;
}

/********************************entries********************************/
.entry{
	background: #f6f5f4;
	border: 1px solid #e1e1e1;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	box-shadow: 0 0 2px #fff inset;
	margin: 10px 0 20px;
	padding: 20px 20px 0 20px;
	position: relative;
}

.entry .inner{
	position: relative;
}

.entry .inner div + div{clear: both;}

.entry .contents .inner{
	padding: 10px 0 0;
}

.entry .entry-title, .comment-title{
	color: #FD9E52;
	float: right;
	font: 40px/30px "Lobster","Georgia",times,serif;
	margin: -50px 0 0;
	text-align: right;
	width: 80%;
}

.entry .contents .userpic, .comment .contents .userpic{
	background:url(http://hodo7.com/web/freebies/hooky/texture/orange-bg.png);
	border: 1px solid #E5C4B1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	float: left;
	margin: -55px 15px 15px -40px;
	padding: 10px;
}

.entry .contents ul, .entry .contents ol{
	margin: 5px 0;
}

.entry .contents ul li, .entry .contents ol li{
	padding: 3px 0;
}

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

.metadata li {
	margin-bottom: .5em;
}

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

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

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

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

ul.entry-management-links {
	color: #95918F;
	font-size: 11px;
	list-style: none outside none;
	padding: 5px 5px 0;
	top: -7px;
}

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

ul.entry-interaction-links {
	border-top: 1px dotted #D7D7D7;
	color: #95918F;
	font-size: 11px;
	position: relative;
	list-style: none;
	margin: 20px auto;
	padding: 5px 5px 0;
	text-align: right;
}

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 {
font-family: 'Century Gothic', Verdana, sans-serif, Verdana, Helvetica, sans-serif; 
}

.comment-title h4 {
font-size: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
}

ul.comment-management-links {
list-style: none;
margin-left: 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-left: 0;
padding-left: 0;
}
ul.comment-interaction-links li {
display: inline;
padding: 0 .25em;
}

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

/********************************sidebar********************************/
#secondary{
	left: 0;
	padding: 78px 20px 10px;
	position: absolute;
	/*if you want a stickied sidebar change "absolute" to "fixed"*/
	width: 160px;
	z-index: 1;
}

#secondary .userpic{
	background:url(http://hodo7.com/web/freebies/hooky/texture/gray-bg.png);
	border: 1px solid #e5c4b1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0 auto;
	padding: 10px;
	width: 100px;
}

#secondary .userpic img{
	border: 1px solid #E1E1E1;
}

#secondary a, #secondary a:link, #secondary a:visited{
	color: #535352;
}

#secondary a:hover {
	color: #7e7e7c;
}

#secondary h2{
	color: #797878;
	font: 19px "Lobster","Georgia",times,serif;
	margin: 0 15px 0 0;
}

#secondary h2 a{
	text-decoration: none;
}

#secondary h2 a:hover{
	text-decoration: none;
}

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

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

.navigation li  a{
	text-decoration: none;
}

.noentries {
	padding: 0 .5em;
}

/* calendar */
.module-calendar{
}

.module-calendar table {
}

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

.module-calendar td a{
	background: #EFB681;
	color: #35372d;
	display: block;
	padding: 2px;
}

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

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

table.month td {
	height: 3.25em;
}

table.month td, table.month th {
	border: 1px solid;
	padding: 3px;
}

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

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

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

.month dl h3 {
	display: inline;
	font-size: medium;
}

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

.module h2 {
color: #35372d;

font-family: 'Century Gothic', Verdana, sans-serif, Verdana, Helvetica, sans-serif; 
}

.module-content {
font-family: Verdana, Helvetica, sans-serif, Verdana, Helvetica, sans-serif; 
}

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

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

/* wrap long content, particularly openid usernames */
.module-pagesummary .ljuser {
white-space: normal !important;
}
.module-pagesummary .module-content {
word-wrap: break-word;
}
.module-credit dt, .module-credit dd {
display: inline;
margin: 0;
padding: 0;
}
.module-credit dt {
font-weight: bold;
margin-right: 0.5em;
}

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

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

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

/* main column */

.navigation{
	color: #797878;
	font: 20px "Lobster", "Georgia", times, serif;
	margin: 0 15px 0 0;
}

.navigation.topnav{
	display: none;
}

.navigation ul { margin: 0 0 1em 0;
padding: .25em; }

.page-day .navigation .page-back { float: left; }

/* entries */
.entry-wrapper { position: relative;
margin-bottom: 3em; }

.entry-title a, .comment-title a{
	text-decoration: none;
}

.entry .datetime, #comments .datetime{
	clear: both;
	color: #a2a2a2;
	float: right;
	margin: 0 10px 0 0;
}

.access-filter{
	position: absolute;
	right: -25px;
	top: -40px;
}

.page-month .access-filter{
	position: relative;
	right: auto;
	top: auto;
}

.access-filter img[src="http://s.dreamwidth.org/img/silk/entry/locked.png"]{
	background: transparent url(http://hodo7.com/web/freebies/hooky/texture/lock.png) no-repeat;
	padding: 23px 0 0 29px !important;
	width: 0;
	height: 0;
}

.access-filter img[src="http://s.dreamwidth.org/img/silk/entry/private.png"] {
	background: url("http://hodo7.com/web/freebies/hooky/texture/private.png") no-repeat scroll 0 0 transparent;
	height: 0;
	padding: 18px 0 0 29px !important;
	width: 0;
}

blockquote { padding: 1em 1em .5em 2em;
font-style: italic;  } 
blockquote > p:first-child { margin-top: 0; }
dl dt { font-weight: bold; }

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

.metadata, .entry .footer {clear: both;}

.metadata{
	margin: 10px 0 0;
}

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

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

.metadata ul li span{
	padding: 0 0 0 30px;
}

.metadata ul li span + span, .metadata ul li span + img + span{
	padding: 0;
}

.metadata ul li span.metadata-label-location{
	background: url(http://hodo7.com/web/freebies/hooky/texture/location.png) no-repeat 10px center;
	font-weight: bold;
}

.metadata ul li span.metadata-label-mood{
	background: url(http://hodo7.com/web/freebies/hooky/texture/mood.png) no-repeat 5px center;
	font-weight: bold;
}

.metadata ul li span.metadata-label-music{
	background: url(http://hodo7.com/web/freebies/hooky/texture/music.png) no-repeat 5px center;
	font-weight: bold;
}

.entry .tag{
	background: url(http://hodo7.com/web/freebies/hooky/texture/tags.png) no-repeat 5px center;
	clear: both;
	font-weight: bold;
	padding: 5px 0 5px 25px;
}

.poster.entry-poster{
	display: block;
	margin-bottom: 10px;
	text-align: right;
}

/* comments */

/*
.comment-thread { margin-left: 1.5em; }
.comment-depth-1 { margin-left: 0; }

.comment-wrapper { position: relative;
   padding-top: 1px;
margin-bottom: 1em; }

.comment {
background-color: ;
color: ;
}

.comment a {
color: ;
}

.comment a:visited {
color: ;
}

.comment a:hover {
color: ;
}

.comment a:active {
color: ;
}

.partial .comment {
line-height: 1.75em;
padding: 0;
}

.partial .comment-title {
   display: inline;
   margin-right: .2em;
   }

.partial .comment-title h4 {
   display: inline;
   }

.partial .comment-poster:before {
   content: "- ";
   }

.comment-title { margin: 0;
padding: .25em;
font-size: large;
min-height: 1em;
background-color: #a3c596;
color: #000000; }
.comment-title a,
.comment-title a:visited { color: #000000; }

.comment .header .datetime { font-size: small; }

.full .comment .header .datetime { display: block; }

.full .comment-poster { display: block; }

.comment .poster-ip { font-size: x-small;
display: block; }

.comment-content { margin-top: 2em;
padding: .25em .25em .5em .25em; }

.comment .edittime { margin-top: 1em; }
.comment-content .datetime { font-size: small;
font-style: italic; }

.comment .multiform-checkbox { display: block;
background-color: #f3ffe4;
color: #35372d;
font-size: small;
font-style: italic;
margin: -1px;
text-align: right;
}

.comment .footer { margin: 0 0 .5em 0;
font-size: small;
background-color: #cce5b4; }
.comment .footer > .inner:first-child { padding: 1px; }

.comment .footer a,
.comment .footer a { color: ; }

.comment .footer a:visited,
.comment .footer a:visited { color: ; }

.comment-management-links { float: right;
margin-top: .5em;
margin-bottom: .5em; }
.comment-interaction-links { text-align: left;
margin-right: .5em;
margin-top: .5em;
margin-bottom: .5em; }

.bottomcomment, .comments-message { padding: .5em;
margin: 2em 0;
font-size: small;
background-color: #a3c596;
color: #000000; }

.bottomcomment .entry-management-links,
.bottomcomment .entry-interaction-links { margin: .25em 0 .5em 0; }

.comment-pages { text-align: center; }

#qrformdiv table {
margin: .5em 1%;
width: 98%;
}

#postform {
background-color: ;
color: ;
padding: .5em;
}

#postform a {
color: ;
}

#postform a:visited {
color: ;
}

#postform a:hover {
color: ;
}

#postform a:active {
color: ;
}

table.talkform {
background-color: ;
color: ;
}*/

/* archive */

#archive-year .navigation {
	text-align: left;
	margin-bottom: 2em;
}

div.month{
	margin: 0;
}

table.month td, table.month th{
	border-color: #797878;
	vertical-align: top;
	padding: 3px;
	width: 50px;
	height: 50px;
}

table.month th{
	background: #F5D4B5;
	color: #797878;
	height: 10px;
}

.month caption {display: none;}

#archive-year .month .footer{
	padding: .5em;
	text-align: center;
}

#archive-month .navigation{text-align: center;}

.month dl .tag-text{font-style: italic;}

.month dl h3.entry-title{font-weight: bold;}

.day h3.day-date {margin: 1.5em 0;}

#archive-year{
	margin: 0 auto;
	width: 50%;
}

.month .header{
	font: 19px "Lobster","Georgia",times,serif;
}

/* tags page */
.tags-container{}

.tags-container h2{
	font: 19px "Lobster","Georgia",times,serif;
}

.tags-container ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.tags-container ul li{
	padding: 0 0 3px;
}

.tags-container ul li a{
	color: #A8A8A8;
}

.tags-container ul li a:hover{
	color: #797878
}

.tags-container .manage-link{
	text-align: left;
	padding-left: 30px;
}

/* sidebars */

.module{
	margin: 0 0 20px;
	padding: 0;
}

.manage-link{
	font-size: 10px;
	text-align: right;
}

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

#secondary .module-content ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#secondary .module-content ul li{
	border-bottom: 1px solid #E3C5A8;
	border-top: 1px solid #FBE8D6;
	padding: 5px 0;
}

#secondary .module-content ul li:first-child{
	border-top: 0;
}

#secondary .module-content ul li:last-child{
	border-bottom: 0;
}

#secondary .module-content ul li a{
	text-decoration: none;
}

ul.userlite-interaction-links{
	list-style-type: none;
	margin: 10px auto 0 !important;
	padding: 0 !important;
	width: 63% !important;
}

ul.userlite-interaction-links li{
	border-bottom: 0 none !important;
	border-top: 0 none !important;
}

.module-content { padding: 0 .5em .25em .5em; }

.module-tags_cloud ul li{
	border-bottom: 0 none !important;
	border-top: 0 none !important;
	font-size: 0.7em !important;
	padding: 2px 4px 2px 0 !important;
}

/* footer */

#footer {
	bottom: -100px;
	clear: both;
	padding: 30px 0 0;
	position: absolute;
	right: 20px;
}

#footer .inner{
	color: #A8A8A8;
	font: 15px "Lobster","Georgia",times,serif;
	text-align: right;
}
   
#footer .inner a{
	color: #A8A8A8;
	text-decoration: none;
}

#footer .inner a:hover{
	color: #797878;
	text-decoration: none;
}

.module-typelist{
}

.cuttag img[src="http://s.dreamwidth.org/img/collapse.gif"], .cutTagControls img[src="http://s.dreamwidth.org/img/collapseAll.gif"]{
	background: transparent url(http://hodo7.com/web/freebies/hooky/texture/cut.png) no-repeat;
	padding: 14px 0 0 16px !important;
	width: 0;
	height: 0;
}

.cuttag img[src="http://s.dreamwidth.org/img/expand.gif"], .cutTagControls img[src="http://s.dreamwidth.org/img/expandAll.gif"]{
	background: transparent url(http://hodo7.com/web/freebies/hooky/texture/uncut.png) no-repeat;
	padding: 14px 0 0 16px !important;
	width: 0;
	height: 0;
}

.cuttag_container img[src="http://s.dreamwidth.org/img/collapse-end.gif"]{
	background: transparent url(http://hodo7.com/web/freebies/hooky/texture/recut.png) no-repeat;
	padding: 14px 0 0 16px !important;
	width: 0;
	height: 0;
}

.ljuser img[src="http://s.dreamwidth.org/img/silk/identity/user.png"]{
	background: transparent url(http://hodo7.com/web/freebies/hooky/texture/user.png) no-repeat;
	padding: 14px 0 0 16px !important;
	width: 0;
	height: 0;
}

#lj_controlstrip_user img[src="http://s.dreamwidth.org/img/silk/identity/user.png"]{
	background: transparent url(http://hodo7.com/web/freebies/hooky/texture/user.png) no-repeat;
	padding: 14px 0 0 16px !important;
	width: 0;
	height: 0;
}

.module-time, .module-powered{
	display: none;
}

/* 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 "Lettuce" and choose the template.  In the top right you'll see a box called Current Theme, click "Change page setup" and there choose "2 Column (sidebar on the left)" if it's not already.  Then click the "Customize selected theme" link.  On your left you'll see a sidebar.  If you want to use this layout with the fixed sidebar you will need to go into "Modules" and pick only one or 2 modules to have in your sidebar.  If you don't use the fixed sidebar, don't worry about it.  Then click on "Custom CSS."  Uncheck "Use layout's stylesheet(s)" and leave "Custom stylesheet URL" blank.

If you haven't already, you need upload all the images to your own server/image service and replace all the image URLs on this stylesheet with your own URLs.  Then copy and paste this WHOLE document into the "Use embedded CSS" box.

Click "Save Changes" and it should be ready to go! */

Template: green hooky

For: Lettuce

Code:

/*
  Hooky
  For: Lettuce
  Available:  http://betterdolphin.dreamwidth.org/
  By:  Toby
*/

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

/* !PLEASE! remember to upload the images to YOUR own domain or some free image service and replace the links in this stylesheet! */

html, body{
	height: 100%;
	min-height: 100%;
}

body {
	background: #f3f3f1 url(http://hodo7.com/web/freebies/hooky/texture/bg4.png);
	color: #797878;
	font: 13px "Arial", sans-serif;
	margin: 0 auto;
}

a, a:link, a:visited {
	color: #A6BA25;
	text-decoration: underline;
}

a:hover {
	color: #797878;
	text-decoration: underline;
}

h1, h2, h3, h4, h5{margin: 0 0 10px;}

img{border: none;}

hr {display: none;}

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

q {font-style: italic;}

#canvas{
	position: relative;
	width: 100%;
}

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

h1#title{
	color: #B7CD37;
	float: left;
	font: 28px "Lobster", "Georgia", times, serif;
	margin: -20px 0 0 15px;
	padding: 0;
	width: 45%;
}

h2#subtitle, h2#pagetitle{
	display: none;
}

#lj_controlstrip{
	position: fixed;
	z-index: 2;
}

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

.module-navlinks li{
	float: left;
	margin: 0 5px;
	position: relative;
}

.module-navlinks li a:hover {
	background-color: #A6BA25;
	color: #fff;
	text-decoration: none;
	-webkit-transition:color .5s linear;
	-moz-transition:color .5s linear;
	-o-transition:color .5s linear;
	transition:color .5s linear;
	-webkit-transition:background-color .5s linear;
	-moz-transition:background-color .5s linear;
	-o-transition:background-color .5s linear;
	transition:background-color .5s linear;
}
		
.module-navlinks a.current{
	background-color: #A6BA25;
	color: #fff;
	padding: 10px 15px;
}

.module-navlinks a:hover.current{
	color: #fff;
}

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

#content{
	position: relative;
	width: 100%;
}

#primary {
	float: left;
	left: 260px;
	position: relative;
	top: 120px;
	width: 75%;
}

.entry .inner{
	position: relative;
}

.entry .inner div + div{clear: both;}

.entry .contents .inner{
	padding: 10px 0 0;
}

.entry .entry-title, .comment-title{
	color: #B7CD37;
	float: right;
	font: 40px/30px "Lobster","Georgia",times,serif;
	margin: -50px 0 0;
	text-align: right;
	width: 80%;
}

.entry .contents .userpic, .comment .contents .userpic{
	background:url(http://hodo7.com/web/freebies/hooky/texture/green-bg.png);
	border: 1px solid #CCDA75;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	float: left;
	margin: -55px 15px 15px -40px;
	padding: 10px;
}

.entry .contents ul, .entry .contents ol{
	margin: 5px 0;
}

.entry .contents ul li, .entry .contents ol li{
	padding: 3px 0;
}

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

.metadata li {
	margin-bottom: .5em;
}

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

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

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

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

ul.entry-management-links {
	color: #95918F;
	font-size: 11px;
	list-style: none outside none;
	padding: 5px 5px 0;
	top: -7px;
}

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

ul.entry-interaction-links {
	border-top: 1px dotted #D7D7D7;
	color: #95918F;
	font-size: 11px;
	position: relative;
	list-style: none;
	margin: 20px auto;
	padding: 5px 5px 0;
	text-align: right;
}

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 {
font-family: 'Century Gothic', Verdana, sans-serif, Verdana, Helvetica, sans-serif; 
}

.comment-title h4 {
font-size: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
}

ul.comment-management-links {
list-style: none;
margin-left: 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-left: 0;
padding-left: 0;
}
ul.comment-interaction-links li {
display: inline;
padding: 0 .25em;
}

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

#secondary .userpic{
	background:url(http://hodo7.com/web/freebies/hooky/texture/gray-bg.png);
	border: 1px solid #CCDA75;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0 auto;
	padding: 10px;
	width: 100px;
}

#secondary .userpic img{
	border: 1px solid #E1E1E1;
}

#secondary a, #secondary a:link, #secondary a:visited{
	color: #535352;
}

#secondary a:hover {
	color: #7e7e7c;
}

#secondary h2{
	color: #797878;
	font: 19px "Lobster","Georgia",times,serif;
	margin: 0 15px 0 0;
}

#secondary h2 a{
	text-decoration: none;
}

#secondary h2 a:hover{
	text-decoration: none;
}

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

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

.navigation li  a{
	text-decoration: none;
}

.noentries {
	padding: 0 .5em;
}

/* calendar */
.module-calendar{
}

.module-calendar table {
}

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

.module-calendar td a{
	background: #c1cc77;
	color: #35372d;
	display: block;
	padding: 2px;
}

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

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

table.month td {
	height: 3.25em;
}

table.month td, table.month th {
	border: 1px solid;
	padding: 3px;
}

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

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

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

.month dl h3 {
	display: inline;
	font-size: medium;
}

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

.module h2 {
color: #35372d;

font-family: 'Century Gothic', Verdana, sans-serif, Verdana, Helvetica, sans-serif; 
}

.module-content {
font-family: Verdana, Helvetica, sans-serif, Verdana, Helvetica, sans-serif; 
}

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

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

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

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

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

/* main column */

.navigation{
	color: #797878;
	font: 20px "Lobster", "Georgia", times, serif;
	margin: 0 15px 0 0;
}

.navigation.topnav{
	display: none;
}

.navigation ul { margin: 0 0 1em 0;
padding: .25em; }

.page-day .navigation .page-back { float: left; }

/* entries */
.entry-wrapper { position: relative;
margin-bottom: 3em; }

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

.entry .datetime, #comments .datetime{
	clear: both;
	color: #a2a2a2;
	float: right;
	margin: 0 10px 0 0;
}

.access-filter{
	position: absolute;
	right: -25px;
	top: -40px;
}

.page-month .access-filter{
	position: relative;
	right: auto;
	top: auto;
}

blockquote { padding: 1em 1em .5em 2em;
font-style: italic;  } 
blockquote > p:first-child { margin-top: 0; }
dl dt { font-weight: bold; }

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

.metadata, .entry .footer {clear: both;}

.metadata{
	margin: 10px 0 0;
}

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

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

.metadata ul li span{
	padding: 0 0 0 30px;
}

.metadata ul li span + span, .metadata ul li span + img + span{
	padding: 0;
}

.metadata ul li span.metadata-label-location{
	background: url(http://hodo7.com/web/freebies/hooky/texture/location.png) no-repeat 10px center;
	font-weight: bold;
}

.metadata ul li span.metadata-label-mood{
	background: url(http://hodo7.com/web/freebies/hooky/texture/mood.png) no-repeat 5px center;
	font-weight: bold;
}

.metadata ul li span.metadata-label-music{
	background: url(http://hodo7.com/web/freebies/hooky/texture/music.png) no-repeat 5px center;
	font-weight: bold;
}

.entry .tag{
	background: url(http://hodo7.com/web/freebies/hooky/texture/tags.png) no-repeat 5px center;
	clear: both;
	font-weight: bold;
	padding: 5px 0 5px 25px;
}

.poster.entry-poster{
	display: block;
	margin-bottom: 10px;
	text-align: right;
}

/* comments */

/*
.comment-thread { margin-left: 1.5em; }
.comment-depth-1 { margin-left: 0; }

.comment-wrapper { position: relative;
   padding-top: 1px;
margin-bottom: 1em; }

.comment {
background-color: ;
color: ;
}

.comment a {
color: ;
}

.comment a:visited {
color: ;
}

.comment a:hover {
color: ;
}

.comment a:active {
color: ;
}

.partial .comment {
line-height: 1.75em;
padding: 0;
}

.partial .comment-title {
   display: inline;
   margin-right: .2em;
   }

.partial .comment-title h4 {
   display: inline;
   }

.partial .comment-poster:before {
   content: "- ";
   }

.comment-title { margin: 0;
padding: .25em;
font-size: large;
min-height: 1em;
background-color: #a3c596;
color: #000000; }
.comment-title a,
.comment-title a:visited { color: #000000; }

.comment .header .datetime { font-size: small; }

.full .comment .header .datetime { display: block; }

.full .comment-poster { display: block; }

.comment .poster-ip { font-size: x-small;
display: block; }

.comment-content { margin-top: 2em;
padding: .25em .25em .5em .25em; }

.comment .edittime { margin-top: 1em; }
.comment-content .datetime { font-size: small;
font-style: italic; }

.comment .multiform-checkbox { display: block;
background-color: #f3ffe4;
color: #35372d;
font-size: small;
font-style: italic;
margin: -1px;
text-align: right;
}

.comment .footer { margin: 0 0 .5em 0;
font-size: small;
background-color: #cce5b4; }
.comment .footer > .inner:first-child { padding: 1px; }

.comment .footer a,
.comment .footer a { color: ; }

.comment .footer a:visited,
.comment .footer a:visited { color: ; }

.comment-management-links { float: right;
margin-top: .5em;
margin-bottom: .5em; }
.comment-interaction-links { text-align: left;
margin-right: .5em;
margin-top: .5em;
margin-bottom: .5em; }

.bottomcomment, .comments-message { padding: .5em;
margin: 2em 0;
font-size: small;
background-color: #a3c596;
color: #000000; }

.bottomcomment .entry-management-links,
.bottomcomment .entry-interaction-links { margin: .25em 0 .5em 0; }

.comment-pages { text-align: center; }

#qrformdiv table {
margin: .5em 1%;
width: 98%;
}

#postform {
background-color: ;
color: ;
padding: .5em;
}

#postform a {
color: ;
}

#postform a:visited {
color: ;
}

#postform a:hover {
color: ;
}

#postform a:active {
color: ;
}

table.talkform {
background-color: ;
color: ;
}*/

/* archive */

#archive-year .navigation {
	text-align: left;
	margin-bottom: 2em;
}

div.month{
	margin: 0;
}

table.month td, table.month th{
	border-color: #797878;
	vertical-align: top;
	padding: 3px;
	width: 50px;
	height: 50px;
}

table.month th{
	background: #E3EDA9;
	color: #797878;
	height: 10px;
}

.month caption {display: none;}

#archive-year .month .footer{
	padding: .5em;
	text-align: center;
}

#archive-month .navigation{text-align: center;}

.month dl .tag-text{font-style: italic;}

.month dl h3.entry-title{font-weight: bold;}

.day h3.day-date {margin: 1.5em 0;}

#archive-year{
	margin: 0 auto;
	width: 50%;
}

.month .header{
	font: 19px "Lobster","Georgia",times,serif;
}

/* tags page */
.tags-container{}

.tags-container h2{
	font: 19px "Lobster","Georgia",times,serif;
}

.tags-container ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.tags-container ul li{
	padding: 0 0 3px;
}

.tags-container ul li a{
	color: #A8A8A8;
}

.tags-container ul li a:hover{
	color: #797878
}

.tags-container .manage-link{
	text-align: left;
	padding-left: 30px;
}

/* sidebars */

.module{
	margin: 0 0 20px;
	padding: 0;
}

.manage-link{
	font-size: 10px;
	text-align: right;
}

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

#secondary .module-content ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#secondary .module-content ul li{
	border-bottom: 1px solid #CCDA75;
	border-top: 1px solid #F4F8DD;
	padding: 5px 0;
}

#secondary .module-content ul li:first-child{
	border-top: 0;
}

#secondary .module-content ul li:last-child{
	border-bottom: 0;
}

#secondary .module-content ul li a{
	text-decoration: none;
}

ul.userlite-interaction-links{
	list-style-type: none;
	margin: 10px auto 0 !important;
	padding: 0 !important;
	width: 63% !important;
}

ul.userlite-interaction-links li{
	border-bottom: 0 none !important;
	border-top: 0 none !important;
}

.module-content { padding: 0 .5em .25em .5em; }

.module-tags_cloud ul li{
	border-bottom: 0 none !important;
	border-top: 0 none !important;
	font-size: 0.7em !important;
	padding: 2px 4px 2px 0 !important;
}

/* footer */

#footer {
	bottom: -100px;
	clear: both;
	padding: 30px 0 0;
	position: absolute;
	right: 20px;
}

#footer .inner{
	color: #A8A8A8;
	font: 15px "Lobster","Georgia",times,serif;
	text-align: right;
}
   
#footer .inner a{
	color: #A8A8A8;
	text-decoration: none;
}

#footer .inner a:hover{
	color: #797878;
	text-decoration: none;
}

.module-typelist{
}

.module-time, .module-powered{
	display: none;
}

Click "Save Changes" and it should be ready to go! */

Template: purple hooky

For: Lettuce

Code:

/*
  Hooky
  For: Lettuce
  Available:  http://betterdolphin.dreamwidth.org/
  By:  Toby
*/

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

/* !PLEASE! remember to upload the images to YOUR own domain or some free image service and replace the links in this stylesheet! */

html, body{
	height: 100%;
	min-height: 100%;
}

body {
	background: #f3f3f1 url(http://hodo7.com/web/freebies/hooky/texture/bg2.png);
	color: #797878;
	font: 13px "Arial", sans-serif;
	margin: 0 auto;
}

a, a:link, a:visited {
	color: #954F8D;
	text-decoration: underline;
}

a:hover {
	color: #797878;
	text-decoration: underline;
}

h1, h2, h3, h4, h5{margin: 0 0 10px;}

img{border: none;}

hr {display: none;}

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

q {font-style: italic;}

#canvas{
	position: relative;
	width: 100%;
}

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

h1#title{
	color: #954F8D;
	float: left;
	font: 28px "Lobster", "Georgia", times, serif;
	margin: -20px 0 0 15px;
	padding: 0;
	width: 45%;
}

h2#subtitle, h2#pagetitle{
	display: none;
}

#lj_controlstrip{
	position: fixed;
	z-index: 2;
}

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

.module-navlinks li{
	float: left;
	margin: 0 5px;
	position: relative;
}

.module-navlinks li a:hover {
	background-color: #82467A;
	color: #fff;
	text-decoration: none;
	-webkit-transition:color .5s linear;
	-moz-transition:color .5s linear;
	-o-transition:color .5s linear;
	transition:color .5s linear;
	-webkit-transition:background-color .5s linear;
	-moz-transition:background-color .5s linear;
	-o-transition:background-color .5s linear;
	transition:background-color .5s linear;
}
		
.module-navlinks a.current{
	background-color: #82467A;
	color: #fff;
	padding: 10px 15px;
}

.module-navlinks a:hover.current{
	color: #fff;
}

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

#content{
	position: relative;
	width: 100%;
}

#primary {
	float: left;
	left: 260px;
	position: relative;
	top: 120px;
	width: 75%;
}

.entry .inner{
	position: relative;
}

.entry .inner div + div{clear: both;}

.entry .contents .inner{
	padding: 10px 0 0;
}

.entry .entry-title, .comment-title{
	color: #954F8D;
	float: right;
	font: 40px/30px "Lobster","Georgia",times,serif;
	margin: -50px 0 0;
	text-align: right;
	width: 80%;
}

.entry .contents .userpic, .comment .contents .userpic{
	background:url(http://hodo7.com/web/freebies/hooky/texture/purple-bg.png);
	border: 1px solid #B393AF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	float: left;
	margin: -55px 15px 15px -40px;
	padding: 10px;
}

.entry .contents ul, .entry .contents ol{
	margin: 5px 0;
}

.entry .contents ul li, .entry .contents ol li{
	padding: 3px 0;
}

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

.metadata li {
	margin-bottom: .5em;
}

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

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

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

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

ul.entry-management-links {
	color: #95918F;
	font-size: 11px;
	list-style: none outside none;
	padding: 5px 5px 0;
	top: -7px;
}

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

ul.entry-interaction-links {
	border-top: 1px dotted #D7D7D7;
	color: #95918F;
	font-size: 11px;
	position: relative;
	list-style: none;
	margin: 20px auto;
	padding: 5px 5px 0;
	text-align: right;
}

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 {
font-family: 'Century Gothic', Verdana, sans-serif, Verdana, Helvetica, sans-serif; 
}

.comment-title h4 {
font-size: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
}

ul.comment-management-links {
list-style: none;
margin-left: 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-left: 0;
padding-left: 0;
}
ul.comment-interaction-links li {
display: inline;
padding: 0 .25em;
}

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

#secondary .userpic{
	background:url(http://hodo7.com/web/freebies/hooky/texture/gray-bg.png);
	border: 1px solid #B393AF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0 auto;
	padding: 10px;
	width: 100px;
}

#secondary .userpic img{
	border: 1px solid #E1E1E1;
}

#secondary a, #secondary a:link, #secondary a:visited{
	color: #535352;
}

#secondary a:hover {
	color: #7e7e7c;
}

#secondary h2{
	color: #797878;
	font: 19px "Lobster","Georgia",times,serif;
	margin: 0 15px 0 0;
}

#secondary h2 a{
	text-decoration: none;
}

#secondary h2 a:hover{
	text-decoration: none;
}

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

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

.navigation li  a{
	text-decoration: none;
}

.noentries {
	padding: 0 .5em;
}

/* calendar */
.module-calendar{
}

.module-calendar table {
}

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

.module-calendar td a{
	background: #b779ad;
	color: #35372d;
	display: block;
	padding: 2px;
}

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

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

table.month td {
	height: 3.25em;
}

table.month td, table.month th {
	border: 1px solid;
	padding: 3px;
}

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

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

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

.month dl h3 {
	display: inline;
	font-size: medium;
}

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

.module h2 {
color: #35372d;

font-family: 'Century Gothic', Verdana, sans-serif, Verdana, Helvetica, sans-serif; 
}

.module-content {
font-family: Verdana, Helvetica, sans-serif, Verdana, Helvetica, sans-serif; 
}

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

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

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

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

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

/* main column */

.navigation{
	color: #797878;
	font: 20px "Lobster", "Georgia", times, serif;
	margin: 0 15px 0 0;
}

.navigation.topnav{
	display: none;
}

.navigation ul { margin: 0 0 1em 0;
padding: .25em; }

.page-day .navigation .page-back { float: left; }

/* entries */
.entry-wrapper { position: relative;
margin-bottom: 3em; }

.entry-title a, .comment-title a{
	text-decoration: none;
}

.entry .datetime, #comments .datetime{
	clear: both;
	color: #a2a2a2;
	float: right;
	margin: 0 10px 0 0;
}

.access-filter{
	position: absolute;
	right: -25px;
	top: -40px;
}

.page-month .access-filter{
	position: relative;
	right: auto;
	top: auto;
}

blockquote { padding: 1em 1em .5em 2em;
font-style: italic;  } 
blockquote > p:first-child { margin-top: 0; }
dl dt { font-weight: bold; }

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

.metadata, .entry .footer {clear: both;}

.metadata{
	margin: 10px 0 0;
}

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

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

.metadata ul li span{
	padding: 0 0 0 30px;
}

.metadata ul li span + span, .metadata ul li span + img + span{
	padding: 0;
}

.metadata ul li span.metadata-label-location{
	background: url(http://hodo7.com/web/freebies/hooky/texture/location.png) no-repeat 10px center;
	font-weight: bold;
}

.metadata ul li span.metadata-label-mood{
	background: url(http://hodo7.com/web/freebies/hooky/texture/mood.png) no-repeat 5px center;
	font-weight: bold;
}

.metadata ul li span.metadata-label-music{
	background: url(http://hodo7.com/web/freebies/hooky/texture/music.png) no-repeat 5px center;
	font-weight: bold;
}

.entry .tag{
	background: url(http://hodo7.com/web/freebies/hooky/texture/tags.png) no-repeat 5px center;
	clear: both;
	font-weight: bold;
	padding: 5px 0 5px 25px;
}

.poster.entry-poster{
	display: block;
	margin-bottom: 10px;
	text-align: right;
}

/* comments */

/*
.comment-thread { margin-left: 1.5em; }
.comment-depth-1 { margin-left: 0; }

.comment-wrapper { position: relative;
   padding-top: 1px;
margin-bottom: 1em; }

.comment {
background-color: ;
color: ;
}

.comment a {
color: ;
}

.comment a:visited {
color: ;
}

.comment a:hover {
color: ;
}

.comment a:active {
color: ;
}

.partial .comment {
line-height: 1.75em;
padding: 0;
}

.partial .comment-title {
   display: inline;
   margin-right: .2em;
   }

.partial .comment-title h4 {
   display: inline;
   }

.partial .comment-poster:before {
   content: "- ";
   }

.comment-title { margin: 0;
padding: .25em;
font-size: large;
min-height: 1em;
background-color: #a3c596;
color: #000000; }
.comment-title a,
.comment-title a:visited { color: #000000; }

.comment .header .datetime { font-size: small; }

.full .comment .header .datetime { display: block; }

.full .comment-poster { display: block; }

.comment .poster-ip { font-size: x-small;
display: block; }

.comment-content { margin-top: 2em;
padding: .25em .25em .5em .25em; }

.comment .edittime { margin-top: 1em; }
.comment-content .datetime { font-size: small;
font-style: italic; }

.comment .multiform-checkbox { display: block;
background-color: #f3ffe4;
color: #35372d;
font-size: small;
font-style: italic;
margin: -1px;
text-align: right;
}

.comment .footer { margin: 0 0 .5em 0;
font-size: small;
background-color: #cce5b4; }
.comment .footer > .inner:first-child { padding: 1px; }

.comment .footer a,
.comment .footer a { color: ; }

.comment .footer a:visited,
.comment .footer a:visited { color: ; }

.comment-management-links { float: right;
margin-top: .5em;
margin-bottom: .5em; }
.comment-interaction-links { text-align: left;
margin-right: .5em;
margin-top: .5em;
margin-bottom: .5em; }

.bottomcomment, .comments-message { padding: .5em;
margin: 2em 0;
font-size: small;
background-color: #a3c596;
color: #000000; }

.bottomcomment .entry-management-links,
.bottomcomment .entry-interaction-links { margin: .25em 0 .5em 0; }

.comment-pages { text-align: center; }

#qrformdiv table {
margin: .5em 1%;
width: 98%;
}

#postform {
background-color: ;
color: ;
padding: .5em;
}

#postform a {
color: ;
}

#postform a:visited {
color: ;
}

#postform a:hover {
color: ;
}

#postform a:active {
color: ;
}

table.talkform {
background-color: ;
color: ;
}*/

/* archive */

#archive-year .navigation {
	text-align: left;
	margin-bottom: 2em;
}

div.month{
	margin: 0;
}

table.month td, table.month th{
	border-color: #797878;
	vertical-align: top;
	padding: 3px;
	width: 50px;
	height: 50px;
}

table.month th{
	background: #CAAAC6;
	color: #797878;
	height: 10px;
}

.month caption {display: none;}

#archive-year .month .footer{
	padding: .5em;
	text-align: center;
}

#archive-month .navigation{text-align: center;}

.month dl .tag-text{font-style: italic;}

.month dl h3.entry-title{font-weight: bold;}

.day h3.day-date {margin: 1.5em 0;}

#archive-year{
	margin: 0 auto;
	width: 50%;
}

.month .header{
	font: 19px "Lobster","Georgia",times,serif;
}

/* tags page */
.tags-container{}

.tags-container h2{
	font: 19px "Lobster","Georgia",times,serif;
}

.tags-container ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.tags-container ul li{
	padding: 0 0 3px;
}

.tags-container ul li a{
	color: #A8A8A8;
}

.tags-container ul li a:hover{
	color: #797878
}

.tags-container .manage-link{
	text-align: left;
	padding-left: 30px;
}

/* sidebars */

.module{
	margin: 0 0 20px;
	padding: 0;
}

.manage-link{
	font-size: 10px;
	text-align: right;
}

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

#secondary .module-content ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#secondary .module-content ul li{
	border-bottom: 1px solid #B393AF;
	border-top: 1px solid #D3BAD0;
	padding: 5px 0;
}

#secondary .module-content ul li:first-child{
	border-top: 0;
}

#secondary .module-content ul li:last-child{
	border-bottom: 0;
}

#secondary .module-content ul li a{
	text-decoration: none;
}

ul.userlite-interaction-links{
	list-style-type: none;
	margin: 10px auto 0 !important;
	padding: 0 !important;
	width: 63% !important;
}

ul.userlite-interaction-links li{
	border-bottom: 0 none !important;
	border-top: 0 none !important;
}

.module-content { padding: 0 .5em .25em .5em; }

.module-tags_cloud ul li{
	border-bottom: 0 none !important;
	border-top: 0 none !important;
	font-size: 0.7em !important;
	padding: 2px 4px 2px 0 !important;
}

/* footer */

#footer {
	bottom: -100px;
	clear: both;
	padding: 30px 0 0;
	position: absolute;
	right: 20px;
}

#footer .inner{
	color: #A8A8A8;
	font: 15px "Lobster","Georgia",times,serif;
	text-align: right;
}
   
#footer .inner a{
	color: #A8A8A8;
	text-decoration: none;
}

#footer .inner a:hover{
	color: #797878;
	text-decoration: none;
}

.module-typelist{
}

.module-time, .module-powered{
	display: none;
}

Click "Save Changes" and it should be ready to go! */

Template: blue hooky

For: Lettuce

Code:

/*
  Hooky
  For: Lettuce
  Available:  http://betterdolphin.dreamwidth.org/
  By:  Toby
*/

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

/* !PLEASE! remember to upload the images to YOUR own domain or some free image service and replace the links in this stylesheet! */

html, body{
	height: 100%;
	min-height: 100%;
}

body {
	background: #f3f3f1 url(http://hodo7.com/web/freebies/hooky/texture/bg3.png);
	color: #797878;
	font: 13px "Arial", sans-serif;
	margin: 0 auto;
}

a, a:link, a:visited {
	color: #2F9199;
	text-decoration: underline;
}

a:hover {
	color: #797878;
	text-decoration: underline;
}

h1, h2, h3, h4, h5{margin: 0 0 10px;}

img{border: none;}

hr {display: none;}

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

q {font-style: italic;}

#canvas{
	position: relative;
	width: 100%;
}

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

h1#title{
	color: #7ED0D6;
	float: left;
	font: 28px "Lobster", "Georgia", times, serif;
	margin: -20px 0 0 15px;
	padding: 0;
	width: 45%;
}

h2#subtitle, h2#pagetitle{
	display: none;
}

#lj_controlstrip{
	position: fixed;
	z-index: 2;
}

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

.module-navlinks li{
	float: left;
	margin: 0 5px;
	position: relative;
}

.module-navlinks li a:hover {
	background-color: #2F9199;
	color: #fff;
	text-decoration: none;
	-webkit-transition:color .5s linear;
	-moz-transition:color .5s linear;
	-o-transition:color .5s linear;
	transition:color .5s linear;
	-webkit-transition:background-color .5s linear;
	-moz-transition:background-color .5s linear;
	-o-transition:background-color .5s linear;
	transition:background-color .5s linear;
}
		
.module-navlinks a.current{
	background-color: #2F9199;
	color: #fff;
	padding: 10px 15px;
}

.module-navlinks a:hover.current{
	color: #fff;
}

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

#content{
	position: relative;
	width: 100%;
}

#primary {
	float: left;
	left: 260px;
	position: relative;
	top: 120px;
	width: 75%;
}

.entry .inner{
	position: relative;
}

.entry .inner div + div{clear: both;}

.entry .contents .inner{
	padding: 10px 0 0;
}

.entry .entry-title, .comment-title{
	color: #7ED0D6;
	float: right;
	font: 40px/30px "Lobster","Georgia",times,serif;
	margin: -50px 0 0;
	text-align: right;
	width: 80%;
}

.entry .contents .userpic, .comment .contents .userpic{
	background:url(http://hodo7.com/web/freebies/hooky/texture/blue-bg.png);
	border: 1px solid #98CED3;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	float: left;
	margin: -55px 15px 15px -40px;
	padding: 10px;
}

.entry .contents ul, .entry .contents ol{
	margin: 5px 0;
}

.entry .contents ul li, .entry .contents ol li{
	padding: 3px 0;
}

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

.metadata li {
	margin-bottom: .5em;
}

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

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

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

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

ul.entry-management-links {
	color: #95918F;
	font-size: 11px;
	list-style: none outside none;
	padding: 5px 5px 0;
	top: -7px;
}

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

ul.entry-interaction-links {
	border-top: 1px dotted #D7D7D7;
	color: #95918F;
	font-size: 11px;
	position: relative;
	list-style: none;
	margin: 20px auto;
	padding: 5px 5px 0;
	text-align: right;
}

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 {
font-family: 'Century Gothic', Verdana, sans-serif, Verdana, Helvetica, sans-serif; 
}

.comment-title h4 {
font-size: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
}

ul.comment-management-links {
list-style: none;
margin-left: 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-left: 0;
padding-left: 0;
}
ul.comment-interaction-links li {
display: inline;
padding: 0 .25em;
}

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

#secondary .userpic{
	background:url(http://hodo7.com/web/freebies/hooky/texture/gray-bg.png);
	border: 1px solid #98CED3;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0 auto;
	padding: 10px;
	width: 100px;
}

#secondary .userpic img{
	border: 1px solid #E1E1E1;
}

#secondary a, #secondary a:link, #secondary a:visited{
	color: #535352;
}

#secondary a:hover {
	color: #7e7e7c;
}

#secondary h2{
	color: #797878;
	font: 19px "Lobster","Georgia",times,serif;
	margin: 0 15px 0 0;
}

#secondary h2 a{
	text-decoration: none;
}

#secondary h2 a:hover{
	text-decoration: none;
}

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

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

.navigation li  a{
	text-decoration: none;
}

.noentries {
	padding: 0 .5em;
}

/* calendar */
.module-calendar{
}

.module-calendar table {
}

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

.module-calendar td a{
	background: #90CBCE;
	color: #35372d;
	display: block;
	padding: 2px;
}

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

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

table.month td {
	height: 3.25em;
}

table.month td, table.month th {
	border: 1px solid;
	padding: 3px;
}

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

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

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

.month dl h3 {
	display: inline;
	font-size: medium;
}

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

.module h2 {
color: #35372d;

font-family: 'Century Gothic', Verdana, sans-serif, Verdana, Helvetica, sans-serif; 
}

.module-content {
font-family: Verdana, Helvetica, sans-serif, Verdana, Helvetica, sans-serif; 
}

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

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

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

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

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

/* main column */

.navigation{
	color: #797878;
	font: 20px "Lobster", "Georgia", times, serif;
	margin: 0 15px 0 0;
}

.navigation.topnav{
	display: none;
}

.navigation ul { margin: 0 0 1em 0;
padding: .25em; }

.page-day .navigation .page-back { float: left; }

/* entries */
.entry-wrapper { position: relative;
margin-bottom: 3em; }

.entry-title a, .comment-title a{
	color: #7ED0D6;
	text-decoration: none;
}

.entry .datetime, #comments .datetime{
	clear: both;
	color: #a2a2a2;
	float: right;
	margin: 0 10px 0 0;
}

.access-filter{
	position: absolute;
	right: -25px;
	top: -40px;
}

.page-month .access-filter{
	position: relative;
	right: auto;
	top: auto;
}

blockquote { padding: 1em 1em .5em 2em;
font-style: italic;  } 
blockquote > p:first-child { margin-top: 0; }
dl dt { font-weight: bold; }

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

.metadata, .entry .footer {clear: both;}

.metadata{
	margin: 10px 0 0;
}

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

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

.metadata ul li span{
	padding: 0 0 0 30px;
}

.metadata ul li span + span, .metadata ul li span + img + span{
	padding: 0;
}

.metadata ul li span.metadata-label-location{
	background: url(http://hodo7.com/web/freebies/hooky/texture/location.png) no-repeat 10px center;
	font-weight: bold;
}

.metadata ul li span.metadata-label-mood{
	background: url(http://hodo7.com/web/freebies/hooky/texture/mood.png) no-repeat 5px center;
	font-weight: bold;
}

.metadata ul li span.metadata-label-music{
	background: url(http://hodo7.com/web/freebies/hooky/texture/music.png) no-repeat 5px center;
	font-weight: bold;
}

.entry .tag{
	background: url(http://hodo7.com/web/freebies/hooky/texture/tags.png) no-repeat 5px center;
	clear: both;
	font-weight: bold;
	padding: 5px 0 5px 25px;
}

.poster.entry-poster{
	display: block;
	margin-bottom: 10px;
	text-align: right;
}

/* comments */

/*
.comment-thread { margin-left: 1.5em; }
.comment-depth-1 { margin-left: 0; }

.comment-wrapper { position: relative;
   padding-top: 1px;
margin-bottom: 1em; }

.comment {
background-color: ;
color: ;
}

.comment a {
color: ;
}

.comment a:visited {
color: ;
}

.comment a:hover {
color: ;
}

.comment a:active {
color: ;
}

.partial .comment {
line-height: 1.75em;
padding: 0;
}

.partial .comment-title {
   display: inline;
   margin-right: .2em;
   }

.partial .comment-title h4 {
   display: inline;
   }

.partial .comment-poster:before {
   content: "- ";
   }

.comment-title { margin: 0;
padding: .25em;
font-size: large;
min-height: 1em;
background-color: #a3c596;
color: #000000; }
.comment-title a,
.comment-title a:visited { color: #000000; }

.comment .header .datetime { font-size: small; }

.full .comment .header .datetime { display: block; }

.full .comment-poster { display: block; }

.comment .poster-ip { font-size: x-small;
display: block; }

.comment-content { margin-top: 2em;
padding: .25em .25em .5em .25em; }

.comment .edittime { margin-top: 1em; }
.comment-content .datetime { font-size: small;
font-style: italic; }

.comment .multiform-checkbox { display: block;
background-color: #f3ffe4;
color: #35372d;
font-size: small;
font-style: italic;
margin: -1px;
text-align: right;
}

.comment .footer { margin: 0 0 .5em 0;
font-size: small;
background-color: #cce5b4; }
.comment .footer > .inner:first-child { padding: 1px; }

.comment .footer a,
.comment .footer a { color: ; }

.comment .footer a:visited,
.comment .footer a:visited { color: ; }

.comment-management-links { float: right;
margin-top: .5em;
margin-bottom: .5em; }
.comment-interaction-links { text-align: left;
margin-right: .5em;
margin-top: .5em;
margin-bottom: .5em; }

.bottomcomment, .comments-message { padding: .5em;
margin: 2em 0;
font-size: small;
background-color: #a3c596;
color: #000000; }

.bottomcomment .entry-management-links,
.bottomcomment .entry-interaction-links { margin: .25em 0 .5em 0; }

.comment-pages { text-align: center; }

#qrformdiv table {
margin: .5em 1%;
width: 98%;
}

#postform {
background-color: ;
color: ;
padding: .5em;
}

#postform a {
color: ;
}

#postform a:visited {
color: ;
}

#postform a:hover {
color: ;
}

#postform a:active {
color: ;
}

table.talkform {
background-color: ;
color: ;
}*/

/* archive */

#archive-year .navigation {
	text-align: left;
	margin-bottom: 2em;
}

div.month{
	margin: 0;
}

table.month td, table.month th{
	border-color: #797878;
	vertical-align: top;
	padding: 3px;
	width: 50px;
	height: 50px;
}

table.month th{
	background: #C0E5E7;
	color: #797878;
	height: 10px;
}

.month caption {display: none;}

#archive-year .month .footer{
	padding: .5em;
	text-align: center;
}

#archive-month .navigation{text-align: center;}

.month dl .tag-text{font-style: italic;}

.month dl h3.entry-title{font-weight: bold;}

.day h3.day-date {margin: 1.5em 0;}

#archive-year{
	margin: 0 auto;
	width: 50%;
}

.month .header{
	font: 19px "Lobster","Georgia",times,serif;
}

/* tags page */
.tags-container{}

.tags-container h2{
	font: 19px "Lobster","Georgia",times,serif;
}

.tags-container ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.tags-container ul li{
	padding: 0 0 3px;
}

.tags-container ul li a{
	color: #A8A8A8;
}

.tags-container ul li a:hover{
	color: #797878
}

.tags-container .manage-link{
	text-align: left;
	padding-left: 30px;
}

/* sidebars */

.module{
	margin: 0 0 20px;
	padding: 0;
}

.manage-link{
	font-size: 10px;
	text-align: right;
}

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

#secondary .module-content ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#secondary .module-content ul li{
	border-bottom: 1px solid #98CED3;
	border-top: 1px solid #DAEFF0;
	padding: 5px 0;
}

#secondary .module-content ul li:first-child{
	border-top: 0;
}

#secondary .module-content ul li:last-child{
	border-bottom: 0;
}

#secondary .module-content ul li a{
	text-decoration: none;
}

ul.userlite-interaction-links{
	list-style-type: none;
	margin: 10px auto 0 !important;
	padding: 0 !important;
	width: 63% !important;
}

ul.userlite-interaction-links li{
	border-bottom: 0 none !important;
	border-top: 0 none !important;
}

.module-content { padding: 0 .5em .25em .5em; }

.module-tags_cloud ul li{
	border-bottom: 0 none !important;
	border-top: 0 none !important;
	font-size: 0.7em !important;
	padding: 2px 4px 2px 0 !important;
}

/* footer */

#footer {
	bottom: -100px;
	clear: both;
	padding: 30px 0 0;
	position: absolute;
	right: 20px;
}

#footer .inner{
	color: #A8A8A8;
	font: 15px "Lobster","Georgia",times,serif;
	text-align: right;
}
   
#footer .inner a{
	color: #A8A8A8;
	text-decoration: none;
}

#footer .inner a:hover{
	color: #797878;
	text-decoration: none;
}

.module-typelist{
}

.module-time, .module-powered{
	display: none;
}

Click "Save Changes" and it should be ready to go! */

Template: orange hooky (NO texture)

For: Lettuce

NOTES: If you use this option the sidebar won't stretch down to the browser, but it's styled nicely.

Images: These are hosted on my own domain, PLEASE save and upload to your own server/account. Just be sure to change the URLs in the style sheet when you do!

Here is a zip of the images and stylesheet.

Code:
The post is too long, rather than making a second post I'll have to link to the style style here, which will open in a new window.

Rules of the Game: - Credit

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.

Lettuce - Hooky

Post a comment in response: