X-Greenery Theme for Sandbox

as for the css code and instructions you can look into this the full story here

Note:

• If you has more than five pages, you should edit the css manually so it’ll only display on the sidebar instead of the top pages
• Use Sidebar 1 only because i use Sidebar 2 for something else
• You can download the default images from the greenery homepage, because its not included

and here’s the css code :


/*
Skin Name:X-Greenery
Skin URI:http://www.reaper-x.com
Description:Snazzy dark grey theme with splashs of greenery (hence the name). This is a port of
the open-source template by Pat Heard ( FullAhead.org ) of the same name. Converted and modified into Sandbox Theme by Reaper-X
Author:Steve Mooradian
Author URI:http://www.negative99.com
Live Demo:http://demo.negative99.com/wordpress/?wptheme=Greenery
The CSS,XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
Send feedback to steve at negative99 dot com
Changelog:
v1.0
First Release
v1.1
Added Widgets support (special thanks to x2nie at yahoo dot com)
*/
body{
margin:0;
border:0;
text-align:center;
font:0.63em verdana,arial,sans-serif;
line-height:170%;
color:#EEEEEE;
background:url(xgreenery/bg_body.jpg) #585858 repeat-y top center
}
#header{
width:100%;
margin:0 auto;
border:0;
height:4.2em;
background:url(xgreenery/bg_header.jpg) #585858 repeat-y top center
}
#blog-title{
padding:0 55px 20px 0;
float:right;
background-image:url(xgreenery/logo_greenery.gif);
background-repeat:no-repeat;
background-position:right;
color:#000000
}
#blog-description{display:none}
#wrapper{
position:relative;
display:block;
width:767px;
height:auto;
margin:0 auto;
padding:0;
text-align:left
}
#container{margin-top:-50px}
#content{
float:left;
position:absolute;
display:block;
width:410px;
padding:10px 5px 20px 10px;
text-align:justify
}
.hfeed{text-align:justify}
#content ul{}
.sidebar{display:block;width:185px}
#primary{float:right}
html>body #primary{float:right;position:relative}
#secondary{
background-image:url(xgreenery/plants.jpg);
background-repeat:no-repeat;
height:604px;
width:166px;
float:left;
margin-left:220px;
margin-top:-19px
}
html>body #secondary{
float:left;
position:absolute;
margin-left:44em;
margin-top:-4.6em;
clear:left
}
#footer{
background-image:url(xgreenery/reaper-logo.gif);
background-repeat:no-repeat;
background-position:left;
float:right;
clear:both;
display:block;
margin:0 auto;
text-align:center;
padding:20px;
width:60px;
height:34px;
color:#888888;
font-size:0.9em
}
html > body #footer{float:right}
p.access a{display:none}
#secondary li{display:none}
#menu li{
float:left;
margin-top:-71px;
padding-right:20px;
background-color:#86E160
}
html>body #menu li{
width:8em;
float:left;
list-style:none;
text-align:center;
margin-top:-62px;
padding:0 0 42px 0;
background-color:transparent;
line-height:normal
}
#menu li a{
display:block;
padding-bottom:1em;
text-decoration:none;
text-transform:uppercase;
color:#222222
}
#menu li a:hover{
font-weight:bold;
color:#111111;
background:url(xgreenery/menu_tab.gif) no-repeat bottom center
}
h1{
display:inline;
color:#222222;
background-color:#86E160;
background-image:none;
clear:both;
margin:10px 0;
font:700 1em verdana,sans-serif;
text-transform:uppercase
}
h1 a{
margin:10px 0;
font:700 1em verdana,sans-serif;
text-transform:uppercase;
color:#000000;
text-decoration:none
}
h2{
margin:10px 0;
font:700 1em verdana,sans-serif;
text-transform:uppercase;
color:#7BD32C;
background:url(xgreenery/rounded_tr.gif) #686868 no-repeat top right
}
h3{
margin:10px 0;
font:700 1em verdana,sans-serif;
text-transform:uppercase;
color:#7BD32C
}
#wrapper ul{padding-bottom:6px}
#wrapper ul li{margin-left:2px;padding-left:2px}
p{
padding-top:10px !important;
padding-top:3px;
padding-bottom:10px !important;
padding-bottom:3px
}
a,#content a:visited,.hfeed a:visited,.sidebar a,.sidebar a:visited{color:#7BD343;text-decoration:none}
a:hover,.entry-meta a:hover{color:#FFFFFF}
textarea{width:98%}
input,textarea{
padding:1px 3px;
margin:5px 0;
font:1em verdana,arial,sans-serif;
color:#EEEEEE;
background-color:#777777;
border:1px solid #999999
}
input:hover,input:focus,textarea:hover,textarea:focus{
color:#FFFFFF;
background-color:#999999;
border:1px solid #EEEEEE
}
h2 a:hover,h2 a:visited,h2 a{text-decoration:none}
blockquote{
margin:0;
padding:0 15px;
border:1px solid;
background:#555555
}
code{
display:block;
padding:8px;
background:#555555;
font-size:8pt;
border-top:1px dotted;
border-bottom:1px dotted
}
.entry-date{
cursor:help;
border-bottom:1px solid #777777;
letter-spacing:1px
}
.sidebar ul{list-style:none}
.sidebar h3{
text-align:right;
background-color:#686868;
background-image:url(xgreenery/rounded_tl.gif);
background-repeat:no-repeat
}
.sidebar ul h3 span{
display:block;
padding:2px;
background:url(xgreenery/rounded_bl.gif) no-repeat bottom left
}
.sidebar ul ul{list-style:disc}
.commentlist li{
list-style:none;
padding:5px;
margin-top:5px;
border:#555555 1px solid;
background-color:#333333
}
.comment-meta{padding-top:10px;color:#999999}
.commentlist{color:#EEEEEE}
#footer #generator-link,#footer .metasep,#footer #theme-link{display:none}
.commentlist a{color:#7BD32C}
.commentlist a:hover{color:#EEEEEE}
.comment-author{
font-weight:bold;
border-bottom:1px solid;
padding-bottom:3px
}
.entry-meta{
text-align:justify;
padding:10px;
border-top:1px solid #999999;
border-bottom:1px solid #999999
}
.entry-meta a{
color:#7BD343;
text-decoration:none;
border-bottom:1px dotted
}
#searchform{text-align:center}
#searchform input{width:100px}
#searchform #searchsubmit #s{}
#wp-calendar{text-align:center}
#wp-calendar th,#wp-calendar tfoot{background-color:#333333}
#wp-calendar tbody{background-color:#555555;font-weight:bold}
#wp-calendar a,#wp-calendar caption{font-weight:bold}
#footer p{padding-top:0 !important;padding-top:10px}
#footer a{color:#888888}
#footer a:hover{color:#EEEEEE}
.center{text-align:center}
.left{float:left}
.right{float:right}
img.left{padding:5px 5px 5px 0}
img.right{padding:5px 0 5px 5px}
a img{border:none;background:none}
img.left{
display:block;
padding:1px;
float:left;
margin:3px 12px 3px 0
}
img.right{
display:block;
padding:1px;
float:right;
margin:3px 0 3px 12px
}
img.center{display:block;padding:1px;margin:3px auto}


I hope you like it, just like i do