Try these styles

LibraryThing Zen Garden

Style LibraryThing however you want, and check out others's styles. Read more about it here.

Choose the style you want to see on the site

The style you are looking at: generaldusty-1

/* The whole top navigation area */

body
{
background-color: #FFD65C;
padding: 0px 25px 0px 25px !important;
}

.topnav 
{
background: none; /* Necessary to override previous CSS */
background-color: #FFD65C;
background-image: url("../pics/simplelogo2.png");
background-repeat: no-repeat;
background-position: 65px 0px;
border-bottom: solid 2px black;
}

.topnav img
{
visibility: hidden;
}

/* The tabs are structured ul li a */

ul#maintabs
{
margin:0 5 0 5;
padding: 0;
}
ul#maintabs li
{
border: none !important;
padding: 0;
margin: 0;
margin-right:4px; 
}

ul#maintabs a
{
display: block;
font-size: 12px;
font-weight: light;
font-variant: small-caps;
text-decoration: none;
color: white;
background: slategray;
padding: 4px 6px 2px 6px;
border: solid 1px black;
border-bottom: solid 2px slategray;
-moz-border-radius-topLeft: 7px;
-moz-border-radius-topRight: 7px;
}

ul#maintabs a:link {color:white}
ul#maintabs a:visited {color: white}
ul#maintabs a:hover {
color: black;
text-decoration: none;
border-bottom-color: white;
}

ul#maintabs li.spacer{margin-left: 0px;}

/* The selected tab */
ul#maintabs a#thisone
{
border-bottom: solid 3px white;
border-top: solid 2px slategray;
color: black;
position: relative;
z-index: 1;
font-weight: bold;
margin-top: -2px;
top: 2px;
}

/* The subnav on some pages (eg., profile) */
div.subnav
{
background: none;
border: 2px solid black;
border-top: 0px none black;
line-height: 15px !important;
background-color:white; 
padding: 10px 0px 17px 10px;
margin: 0px;
}

div.subnav a, div.subnav a:hover, div.subnav a:visited, div.subnav a:link
{
color: #FF9900;
}

div.subnav div.right {text-align:right; width: 880px; right:auto}

/* Bar at bottom (copyright, etc) */
div.bottombar { 
background-color:white;
border:2px solid black; 
border-top: none; 
margin:0px 0px 25px 0px; 
padding-left:25px; 
padding-right:25px; }

div.bottombar a, div.bottombar a:hover, div.bottombar a:visited, div.bottombar a:link
{
color: #000000;
}

/* Fix bottombar in profile page */
.content .leftchannel .inside .comments .bottombar
{
position: absolute;
left: -2px; /* because of border size */
right: -2px; /* because of border size */
margin: 0px;
margin-top: 25px;
}

/* Fix profile page */
div.leftchannel {position:static}
div.rightchannel {position:static}

/* Content */
div.content
{
border: solid 2px #000000;
border-bottom-style: none;
border-top-style: none;
margin: 0 0 0 0 !important; /* the groups page has default css code below this! */
padding: 25px !important;
background-color: white;
z-index: 10002 !important;
position: relative;
}

div.content a:link { color: #FF9900 }
div.content a:visited { color: #C29100 }

/* The 'green' boxes to the left/right of the content */
/* Maybe set the link colors to something less orange? */
div.greenbox {
background-color: #EEEEEE !important;
}
div.search {
background-color: #EEEEEE !important;
}
div.leftnav {
background-color: #EEEEEE !important;
border: solid 1px #DDDDDD !important;
margin: 4px;
padding: 4px;
}

td.left {
border-right: 1px dashed black;
}
td.right {
border-left: 1px dashed black;
}

/* Headers */
h1
{
padding-top: 0px !important;
margin-top: 0px !important;
color: #000000;
}

Try these styles

LibraryThing Zen Garden

Choose the style you want to see on the site

The style you are looking at: generaldusty-1

Make your own style

Style 1

Style 2

Style 3

Style 4

Style 5

Style 6