This is a 2 column skin for Sandbox-10.

It doesn’t matter if you have widgets or using the default sidebar, all elements should look consistent.

The posts column has a width of 575 pixels so, it is recommended to use images no bigger than 500px wide. The side bar has a width of 200px, so images bigger than 180px are not recommended.

This skin is also compatible with Sandbox 1.2 on self-hosted blogs.

This software is licensed under the CC-GNU GPL.

This work is licensed under a
Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.

Where possible, please include a link to this page for attribution.

The CSS Code:

/*
* Autum for Sandbox-10 (v.1.0.0)
*
* CREDITS:
*
* Design: Based on 'El Collar de Tomas' by Maria Stultz (http://www.csszengarden.com/?cssfile=134/134.css)
*
* CSS code, background image:
*	Juan Wong
*
* Skin URI: http://sandboxskins.wordpress.com/2008/12/12/autumn/
*
* Release date: 20081212
*
*/

@charset "UTF-8";
/* CSS Document */

body {
	background:#d17415;
	font:normal 1em Arial, Helvetica, sans-serif;
	margin:0;
}

blockquote {
	border:solid 1px #d3c7b5;
	background:#f1ebe1;
	font:normal 95% Geneva, Verdana, Helvetica, sans-serif;
	color:#555;
	padding:5px 10px;
}

blockquote p {
	margin:0;
}

img {
	border:solid 1px #999;
	margin:7px;
}

img#wpstats {
	position:absolute;
	top:-99px;
}

#wrapper {
	width:770px;
	height:100%;
	background:#ffeed6 url('http://sandboxskins.files.wordpress.com/2008/12/au-contentsbg.gif') 0 0 repeat-y;
	clear:both;
	overflow:hidden;
	font:normal .75em Arial, Helvetica, sans-serif;
	border-right:solid 2px #333;
	margin:0;
	padding:0 5px;
}

#header {
	background:#777;
	border-bottom:solid 1px #ffeed6;
	width:770px;
	height:75px;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
}

#blog-title {
	background:#982417;
	border-right:solid 1px #ffeed6;
	height:75px;
	width:550px;
	font-size:200%;
	margin:0;
	padding:10px 0 0 20px;
}

#blog-title a {
	color:#fff;
	text-decoration:none;
}

#blog-description {
	background:transparent;
	color:#ffeed6;
	font-weight:bold;
	font-size:1em;
	margin:-45px 0 5px 20px;
}

#menu {
	width:570px;
	height:25px;
	background:#d17415;
	overflow:hidden;
	clear:both;
	margin:0;
	padding:0;
}

#menu ul {
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}

#menu ul li {
	height:25px;
	width:auto;
	float:left;
	margin:0;
	padding:5px 0 0;
}

#menu ul li a {
	color:#e9dfc6;
	font-weight:bold;
	text-decoration:none;
	height:25px;
	margin:0;
	padding:5px 10px;
}

#menu ul li a:hover {
	background:#e07b14;
	color:#333;
}

#nav-above {
	display:none;
}

#container {
	width:570px;
	background:transparent;
	float:left;
	overflow:hidden;
}

#content {
	background:#fff;
	width:550px;
	overflow:hidden;
	margin:0;
	padding:10px;
}

#content h2 {
	font-size:1.5em;
	margin:0 0 15px;
	padding:0;
}

#content p {
	text-align:justify;
}

#content pre,#content code {
	font:normal 1em 'Courier New', Courier, Fixed, monospace;
	color:#663;
}

#content pre {
	border:solid 1px #ddd;
	overflow:auto;
	width:500px;
	height:auto;
	margin:5px 15px;
	padding:5px;
}

#content a {
	color:#900;
	text-decoration:none;
}

#nav-below {
	clear:both;
	overflow:hidden;
	margin:20px auto;
}

#comments {
	clear:both;
}

#comments-list,#trackbacks-list {
	width:500px;
	clear:both;
	margin:10px 0 10px 20px;
}

#comments-list ol,#trackbacks-list ol {
	margin:0 0 0 10px;
	padding:0;
}

#comments-list li,#trackbacks-list li {
	list-style:none;
}

#trackbacks-list li {
	border-bottom:dotted 1px #982417;
}

#primary {
	float:right;
	overflow:hidden;
	width:179px;
	background:#76693c;
	border-top:solid 1px #ffeed6;
	border-left:solid 1px #ffeed6;
	color:#f7941d;
	margin:-50px 0 0;
	padding:5px 10px;
}

html > body #primary {
	margin:-55px 0 0;
}

#primary h3 {
	color:#ffeed6;
	text-align:center;
	font-size:1.2em;
	margin:10px auto 5px;
	padding:0;
}

#primary a {
	color:#dbd2a1;
	text-decoration:none;
}

#secondary {
	display:none;
}

#primary ul {
	margin:0;
	padding:0;
}

#primary ul li {
	list-style:none;
}

#pages,#categories,#archives,#search,#rss-links,#meta,.linkcat,.widget {
	border-bottom:solid 1px #DBD2A1;
	padding:0 0 10px;
}

#wp_tag_cloud a:hover,#tag_cloud a:hover {
	text-decoration:underline;
}

#s,#searchsubmit,#error404-s,#error404-searchsubmit,#cat,#noresults-s,#noresults-searchsubmit {
	border:solid 1px #c5b479;
	background:#a29053;
	color:#fbf1d0;
	font-size:90%;
}

#s {
	width:130px;
	height:auto;
	padding:2px 5px 1px;
}

#searchsubmit {
	width:30px;
}

#wp-calendar {
	margin:auto;
}

#archives select {
	width:170px;
	height:auto;
	overflow:hidden;
}

#archives select,#archives option {
	border:solid 1px #999;
	background:#777;
	color:#ddd;
	font-size:90%;
}

#header,#footer {
	clear:both;
}

#footer {
	height:35px;
	text-align:center;
	background:#982417;
	border-top:solid 2px #ffeed6;
	color:#fff;
	margin:0;
	padding:10px 0 0;
}

#footer a {
	color:#e9dfc6;
	text-decoration:none;
}

.skip-link {
	display:none;
}

.current_page_item {
	background:#e07b14;
}

.post {
	clear:both;
	overflow:hidden;
	border-bottom:dotted 1px #ccc;
	margin:0 0 20px;
	padding:0 0 20px;
}

.entry-title {
	color:#76693c;
}

.noresults .entry-title,.error404 .entry-title {
	color:#c00;
}

.entry-meta {
	background:#ebebd9;
	font-size:85%;
	padding:5px;
}

.entry-date {
	margin:-10px 0 15px;
	padding:0;
}

.entry-date .published {
	color:#663;
	border:none;
	font-size:95%;
}

.edit-link a {
	color:#f00!important;
}

.wp-smiley {
	border:none;
	margin:0 4px;
}

.nav-previous {
	float:left;
}

.nav-next {
	float:right;
}

.nav-previous,.nav-next {
	margin:5px 2px 10px;
}

.form-label {
	font-weight:bold;
	color:#76693C;
	margin:10px 0 0;
}

.form-textarea textarea,.form-submit input,.form-input input {
	border:solid 1px #d3c7b5;
	background:#f1ebe1;
	color:#555;
}

.form-textarea textarea {
	width:500px;
}

.unapproved {
	background:#FFFBCC;
	border:solid 1px #E6DB55;
	display:block;
	margin:5px;
	padding:5px;
}

.comment {
	clear:both;
	border-bottom:dotted 1px #ccc;
	margin:0 0 20px;
	padding:5px 10px;
}

.comment .avatar {
	float:left;
	margin:0 5px 5px;
}

.comment .fn {
	float:left;
	display:block;
	margin:5px 10px 0;
	padding:0;
}

html > body .comment .fn {
	margin:20px 10px 0;
}

.comment .comment-meta {
	background:#ededed;
	clear:both;
	font-size:85%;
	padding:5px;
}

.bypostauthor {
	background:#f2f0ec;
}

.xoxo {
	border:none;
	overflow:hidden;
}

.xoxo .children,.xoxo .blogroll {
	border:none;
}

.xoxo li ul,.recentcommentsavatar {
	padding:7px 5px 0;
}

.recentcommentsavatar {
	font-size:90%;
}

.recentcommentsavatar td {
	padding:2px;
}

.children {
	padding:0 2px 5px 5px !important;
}

If you find bugs or have some feedback, just comment here.

Enjoy!