/*
THEME NAME:Growth
THEME URI:DESCRIPTION:Custom template for Gary Best. Based on <a href="http://www.plaintxt.org/themes/sandbox/">Sandbox</a> 1.6.
VERSION:0.9
AUTHOR:Soma Design
AUTHOR URI:http://somadesign.ca/
TAGS:sandbox,microformats,hcard,hatom,xoxo,widgets,blank slate,starter theme,minimalist,developer
*/

/* CSS Reset: See http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family: inherit; vertical-align:baseline;}

body {font:normal normal normal 62.5%/1.5 'lucida grande',sans-serif; background: transparent url(images/body-bg.png) repeat; color:#444;}

/* Layout */

#wrapper {width:80em; margin:3em auto 2em; background:#fafae8 url(images/sidebar-ext.png) repeat-y 570px 0; position:relative;}
#access {display:none;}
#container {float:left;}
#side-wrap {width:19em; float:right; clear:right; background:#F1E7CE url(images/primary-bg.png) repeat-x; position:relative; right:4em;}
.sidebar {margin:0 1em 0 2em;}
#primary {margin-top:4.5em;}
#content {width:45em; margin:0 0 0 6em;}

/* Hidden */
#nav-above, #blog-description {display:none;}

/* Basics */
h1,h2,h3,h4,h5,h6 {color:#8d7c58;}
ol, ul, blockquote {margin-left:3em;}

/* Header */

#header {background:url(images/header-bg.png) repeat; padding:20px 0 0;}
#header h1 a {width:720px; height:255px; margin:0 auto; display:block; text-indent:-9999em; background:url(images/header-h1-bg.jpg) no-repeat; border-bottom:10px solid #4b422f;}
#header h1 a:hover {border-color:#7C6B4D;}

/* Content */
#content a {color:#665B4C;}
#content a:hover {color:#294666;}
#content .post, #content .page {margin:4em 0 0; padding:0 0 4em; position:relative;}
.entry-title {font-size:1.8em; margin:0 0 1.5em;}
#content .entry-title a {text-decoration:none; color:#8d7c58;}
#content .entry-title a:hover {text-decoration:underline;}
.entry-date {color:#817360;}
.entry-content {margin:1em 0; font-size:1.2em;}
.entry-content p {margin:0 0 1em;}
.entry-meta {padding:1em 0 0;}
.meta-sep {padding:0 .5em; color:#bbb;}
.comments-link {display:block; margin:.5em 0 0; font-size:1.2em;}
.edit-link a {display:block; text-indent:-9999em; height:16px; width:16px; background:url(images/edit.png) no-repeat; position:absolute; right:-24px; bottom:40px;}

/* Navigation */

.navigation {font-size:1.1em; overflow:auto; margin:0 0 4em;}
.meta-nav {font-size:1.5em;}


/* Comments */
#comments h3 {font-size:1.5em;}
#comments ol {margin:2em 4em 4em 0;}
#comments ol li {border-left:1px solid #E7E5D4; list-style: none inside; margin:0 0 4em 5em; position:relative; padding:0 0 0 1.5em;}
#comments .avatar {position:absolute; top:0; left:-5em;}
#comments .comment-author span {font-size:1.2em; font-weight:bold;}
#comments .comment-meta, #trackbacks-list .comment-author {margin:.1em 0 1em; color:#665B4C;}
#comments ol p {font-size:1.1em; margin:0 0 1em; text-align:justify;}
.formcontainer {margin:2em 0 0 6.5em;}
#comment-notes {font-size:1.1em;}
.form-label {font-size:1.2em;}
input#author,input#email,input#url {width:387px;}
textarea#comment {height:13em; margin:0 0 0.5em; overflow:auto; width:390px;}
.form-submit {margin:1em 0 2em;}
.unapproved {display:block; padding:1em; margin:0 0 1em; background-color:#6B6B2E; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-weight:bold; color:#fff; font-size:1.2em;}
#comments .meta-sep + a + .meta-sep {display:none;}
#comments .edit-link a {top:16px; bottom:auto;}
#comments #trackbacks-list .edit-link a {top:0;}

/* Sidebar */

.sidebar h3 {text-transform:uppercase; font-size:1.3em; margin:0 0 .5em;}
.sidebar ul {margin:0;}
.sidebar ul ul, .sidebar ul div {margin:0 0 0 1.2em; font-size:1.1em;}
.sidebar a {text-decoration:none; color:#4c412e; border-bottom:1px dotted #99835e;}
.sidebar a:hover {border-bottom:1px solid #111; color:#111;}
.sidebar li {list-style:none;margin:0 0 2em;}
.sidebar li ul li {margin:0;}
.sidebar li form {margin:0.2em 0 0;padding:0;}
.sidebar ul ul ul {margin:0 0 0 0.5em;}
.sidebar ul ul ul li {list-style:circle;}
.sidebar #s {width:80px; margin-right:3px;}

/* Footer */

#footer {clear:both; padding:4em 0 2em; text-align:center; width:590px; overflow:auto;}
#footer .meta-sep {display:none;}
#footer a {text-indent:-9999em; height:16px; width:16px; display:block; float:left;}
#generator-link a {background:url(images/wordpress.png); margin:0 1em 0 26em;}
#theme-link a {background:url(images/sandbox.png);}
#design-link a {background:url(http://ssu.dev/theinstitute/wp-content/themes/institute/images/soma.gif) no-repeat center center; margin-left:1em;}

/* Just some example content */
div.skip-link {display:none;}
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;}
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;}

.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-images {height:150px;margin:1em 0;}


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