/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* Two-column with sidebar on left from the /examples/ folder
@import url('examples/2c-l.css');
*/
@import url('examples/3c-b.css');

/* darker background */
body{
	background-color: #99cc99;
	background-image: url('examples/foliage_b.jpg');
 }

/* Just some example content */
div.skip-link {
	position: absolute;
	right: 1em;
	top: 1em;
 }

div#menu {
	background: #eee;
	height: 1.5em;
	margin: 1em 0;
	width: 100%;
 }

div#menu ul,div#menu ul ul {
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
 }

div#menu ul a {
	display: block;
	margin-right: 1em;
	padding: 0.2em 0.5em;
	text-decoration: none;
 }

div#menu ul ul ul a {
	font-style: italic;
 }

div#menu ul li ul {
	left: -999em;
	position: absolute;
 }

div#menu ul li:hover ul {
	left: auto;
 }

.entry-title,.entry-meta {
	clear: both;
 }

div#container, div#primary, div#secondary {
	margin-top: 2em;
 }

form#commentform .form-label {
	margin: 1em 0 0;
 }

form#commentform span.required {
	background: #fff;
	color: #c30;
 }

form#commentform, form#commentform p {
	padding: 0;
 }

input#author,input#email,input#url,textarea#comment {
	padding: 0.2em;
 }

div.comments ol li {
	margin: 0 0 3.5em;
 }

textarea#comment {
	height: 13em;
	margin: 0 0 0.5em;
	overflow: auto;
	width: 66%;
 }

.alignright,img.alignright{
	float: right;
	margin: 1em 0 0 1em;
 }

.alignleft,img.alignleft{
	float: left;
	margin: 1em 1em 0 0;
 }

.aligncenter,img.aligncenter{
	display: block;
	margin: 1em auto;
	text-align: center;
 }

div.gallery {
	clear: both;
	height: 180px;
	margin: 1em 0;
	width: 100%;
 }

p.wp-caption-text{
	font-style: italic;
 }

div.gallery dl{
	margin: 1em auto;
	overflow: hidden;
	text-align: center;
 }

div.gallery dl.gallery-columns-1 {
	width: 100%;
 }

div.gallery dl.gallery-columns-2 {
	width: 49%;
 }

div.gallery dl.gallery-columns-3 {
	width: 33%;
 }

div.gallery dl.gallery-columns-4 {
	width: 24%;
 }

div.gallery dl.gallery-columns-5 {
	width: 19%;
 }

div#nav-above {
	margin-bottom: 1em;
 }

div#nav-below {
	margin-top: 1em;
 }

div#nav-images {
	height: 150px;
	margin: 1em 0;
 }

div.navigation {
	height: 1.25em;
 }

div.navigation div.nav-next {
	float: right;
	text-align: right;
 }

div.sidebar h3 {
	font-size: 1.2em;
 }

div.sidebar input#s {
	width: 7em;
 }

div.sidebar li {
	list-style: none;
	margin: 0 0 2em;
 }

div.sidebar li form {
	margin: 0.2em 0 0;
	padding: 0;
 }

div.sidebar ul ul {
	margin: 0 0 0 1em;
 }

div.sidebar ul ul li {
	list-style: disc;
	margin: 0;
 }

div.sidebar ul ul ul {
	margin: 0 0 0 0.5em;
 }

div.sidebar ul ul ul li {
	list-style: circle;
 }

div#menu ul li, div.gallery dl, div.navigation div.nav-previous {
	float: left;
 }

div#header, div#footer {
	text-align: center;
 }

input#author, input#email, input#url, div.navigation div {
	width: 50%;
 }

div.gallery *, div.sidebar div, div.sidebar h3, div.sidebar ul {
	margin: 0;
	padding: 0;
 }

/* my styles */

/* main content, lighter background
* over-ride pixel dimensions
*/
div#container {
	padding: 0 4% 0 0;
	width: 96%;
 }
div#content {
	background-color: #fafffa;
	padding: 0 0.5em 1em 0.5em;
	margin: 0 20%;
	width: 60%;
 }

/* sidebar content, lighter background
* over-ride pixel dimensions
*/
div#primary {
	background-color: #fafffa;
	padding: 0 0.5em 1em 0.5em;
	width: 16%;
 }

div#secondary {
	background-color: #fafffa;
	padding: 2em 0.5em 1em 0.5em;
	margin: 2em 0 0 -19%;
	width: 16%;
 }

/* for the Technorati Tags plug-in */
.simpletags {
	font-size: 0.9em;
	margin-top: 2.0em;
 }

/* my Gallery plugin */
.gal {
	padding: 5px 10px 5px 10px;
	border: 0;
 }
/* my Code examples */
.console {
	display: block;
	padding: 0.5em;
	background-color: #000;
	color: #fff;
	font-family: monospace;
 }
.viewport {
	display: block;
	padding: 0.5em;
	background-color: #fff;
	color: #000;
 }