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

/* Main */
body {
font-family:verdana, helvetica, arial, sans-serif;
font-size:13.5px;
color:#5c5c5c;
background-color:#cbf7fa;
}

div#wrapper {
width:1004px;
margin:0 auto;
background-color:#ffffff;
}

/* Header */
div#header {
background-image:url(images/header.png);
background-repeat:no-repeat;
width:1035px;
height:248px;
margin-left:-17px;
position:relative;
z-index:3;
}

div#menu ul {
margin-left:38px;
padding-top:5px;
}

div#menu li {
font-family:'geneva cy';
font-size:26px;
font-weight:regular;
}

div#menu li a, div#menu li a:visited {
background-image:url(images/trans-blue.png);
color:#ffffff;
text-decoration:none;
text-transform:lowercase;
padding:0 3px;
}

div#menu li a:hover {
background-image:url(images/trans-white.png);
color:#23b3af;
}

.hidden {
margin-left:-9999px;
}

a#home {
position:absolute;
top:156px;
left:512px;
width:485px;
height:80px;
}

span.hidden {
margin-left:-9999px;
}

/* Content */
div#container {
width:580px;
padding-right:25px;
margin-top:38px;
margin-left:45px;
float:left;
z-index:1;
}

div#container h3, div#container h4 {
padding:10px 0;
line-height:1.2em;
}

div#container h2 {
margin-left:-18px;
padding:15px 0;
font-family:'geneva cy';
font-size:32px;
color:#23b3af;
line-height:1em;
}

div#container h2 a, div#container h2 a:visited {
text-decoration:none;
}

div#container h2 a:hover {
text-decoration:underline;
}

div#container a, div#container a:visited {
color:#23b3af;
text-decoration:underline;
}

div#container a:hover {
color:#e47b00;
text-decoration:underline;
}

div.entry-date {
color:#9e9e9a;
font-size:12px;
padding-bottom:7px;
}

div.entry-content {
line-height:1.6em;
}

div#container p {
margin:15px 0;
}

div#container h3 {
color:#e47b00;
font-weight:strong;
font-size:24px;
}

div#container ul, div#container ol {
margin:10px 0 10px 50px;
}

div#container li {
list-style-image:url(images/bullet.gif);
padding:2px 0 2px 6px;
}

div#container h4 {
font-weight:bold;
font-size:18px;
}

div#container blockquote {
background-image:url(images/blockquote-bg.gif);
background-repeat:repeat-y;
padding:0 0 0 30px;
margin:20px 0 20px 28px;
}

div#container .entry-meta {
font-size:12px;
padding-bottom:50px;
border-bottom:thin dotted #23b3af;
margin-bottom:50px;
}

div#nav-below {
margin-top:30px;
}

div#nav-below a:hover {
text-decoration:none;
}

div#nav-below .nav-previous {
float:left;
}

div#nav-below img {
vertical-align:text-top;
}

div#nav-below .nav-next {
float:right;
}

div#container .photo-caption {
font-size:.8em;
line-height:1.2em;
margin-top:-5px;
}

div#container .portfolio-image {
padding-right:20px;
}

div#container div.fine-print {
margin-top:50px;
font-size:12px;
}

/* Sidebar */
div.sidebar {
width:350px;
float:right;
z-index:2;
}

div.sidebar li#tree {
width:152px;
height:200px;
margin-left:155px;
margin-top:-17px;
}

div.sidebar li#sub-nav ul {
margin-top:25px;
}

div.sidebar li#sub-nav li {
background-image:url(images/subnav-bg.png);
background-repeat:no-repeat;
background-position:19px -9px;
width:356px;
height:40px;
padding-bottom:3px;
padding-left:38px;
}

div.sidebar li#sub-nav a {
font-size:20px;
color:#ffffff;
text-decoration:none;
text-transform:lowercase;
}

div.sidebar li#about-me img {
margin-top:35px;
}

div.sidebar li#subscribe img {
margin:40px auto 0 20px;
}

div#primary #clients ul {
border-left:thin dotted #6dc2c9;
padding-left:10px;
}

div#primary #clients a, div#primary #clients a:visited {
color:#6dc2c9;
}

div#primary #clients a:hover {
color:#e4a000;
}

div#primary #categories ul {
border-left:thin dotted #6dc2c9;
padding-left:8px;
}

div#primary li#clients {
font-size:1em;
line-height:1em;
}

div#primary li#clients .project {
color:#6dc2c9;
}

div#primary li#categories {
letter-spacing:0.03em;
font-size:1.2em;
line-height:1.1em;
text-transform:lowercase;
}

div#primary li#categories a, div#primary li#categories a:visited {
text-decoration:none;
color:#5f6262;
}

div#primary li#categories a:hover {
background-color:#d2f1f2;
}

div#primary h3 {
margin-top:40px;
font-size:2em;
line-height:1.1em;
text-transform:lowercase;
color:#817f7e;
}

div#primary li#clients ul, div#primary li#categories ul {
margin-top:10px;
}

div#primary li#clients li, div#primary li#categories li {
list-style:none;
padding:10px 0;
}

div#primary li#sidebar-quote {
font-family:'palatino linotype', palatino, georgia, serif;
color:#817f7e;
font-size:1.7em;
margin-top:40px;
}

div#primary .byline {
font-size:.9em;
font-weight:bold;
font-family:verdana, helvetica, 'sans serif';
line-height:1.5em;
}

div#primary .byline a {
font-size:.8em;
color:#817f7e;
text-decoration:none;
}

div#primary li#search {
margin-top:40px;
}

div#primary input#s {
border:none;
background-color:#eaebeb;
height:24px;
width:225px;
}

div#primary input#searchsubmit {
height:25px;
width:75px;
background-color:#fffff;
vertical-align:top;
}

/* Comments */

div#comments {
clear:both;
margin-top:50px;
}

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

div#comments div.comment-meta {
color:#9e9e9a;
font-size:12px;
padding-bottom:7px;
}

div#comments div#comments-list ol li {
list-style-type:none;
}

div#comments input {
border:none;
background-color:#eaebeb;
height:24px;
width:350px;
}

div#comments textarea {
border:none;
background-color:#eaebeb;
width:350px;
height:100px;
}

div#comments div.form-label {
margin-top:10px;
}

div#comments div.form-submit {
margin-top:10px;
}

/* Footer */

div#footer {
clear:both;
padding:40px 0 20px 15px;
}

div#footer img#copyright {
float:right;
margin:-280px -17px 0 0;
}


/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */