/*
THEME NAME: Blenderbox 2.0 Template
DESCRIPTION: The Blenderbox theme for Grits, based on the Sandbox theme.
VERSION: 0.1
AUTHOR: Matt Raw
*/

/* gray: #f6f8f9; */

/* Two-column with sidebar on left from the /sandbox-layouts/ folder  */
@import url('sandbox-layouts/2c-r.css');

/* structure */
body { font-size: 62.5%; /* 1.0em = 10px */ font-family: Arial, sans-serif; margin: 10px 0px 30px 0px; background-color: #f6f8f9; background-image: url('background-gradient.png'); background-repeat: repeat-x; }
#site-nav {display:none; clear:left; height:21px; margin:0 0 8px 0;}
#site-nav ul.site-nav li.site-nav-link{list-style-type:none; display:inline; float:right; background-color: #f2f2f2; height:21px;}
#wrapper {background-color:white;	width:900px; border: solid 1px #d3dfe1; margin:0 auto; padding:10px 0 0 0; text-align:left;}
#container {background-color:transparent; margin:0; }
#content {background-color:transparent; padding:18px 10px 30px 48px; text-align:left; margin:0;}
#header {text-align:center; background-color:#fe7a49; background-image:url('blenderbox_logo_background.png'); background-repeat: no-repeat; 
background-position:top left; margin:0px 10px; height:66px;}
#header .logo { margin:23px 20px 0px 0px; float:right; }
#breadcrumbs {padding:16px 10px 31px 48px;}
#blog-title{display:inline; float:left;}
#blog-description, #category-name {display:inline; text-transform:lowercase; float:left; font-size: 1.4em; color:#738e97; margin:8px 8px 0px 10px;}
#blog-description a:link, #blog-description a:visited, #category-name a:link, #category-name a:visited {text-decoration:none; text-transform:lowercase; color:#738e97;}
#access div.skip-link{position:absolute;top:1em;right:1em;}
#menu{/*above #content */background:#222;color:white;width:100%;}
#menu ul a{font-weight:700;text-decoration:none;}
#menu ul,#menu ul ul,#menu ul li{list-style:none;margin:0;padding:0;}
#menu ul li{float:left;}
#menu ul li a{background:#eee;padding:0.3em 0.5em;}
#menu ul ul{display:none;}
#menu ul ul li{float:none;}
#menu ul ul li a{margin:0;padding:0;}
#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
#menu ul li:hover ul li a{background:#f5f5f5;border:none;display:block;padding:0.1em;width:10em;}
#container,div.sidebar{margin-top:2em;}
#nav-above{width:100%; display:none;} /*IE7 needs the display declaration*/
#nav-below a:link, #nav-below a:visited {font-size:1.1em; color:#f47a4d; text-decoration:none;}
.hentry { margin:12px 0; padding:0 0 24px 0; background-image:url('hr.png'); background-repeat:repeat-x; background-position:bottom left;}
.single .hentry {background-image:url('solid-hr.png'); background-repeat:repeat-x; background-position:bottom left;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}

/* footer */
.footer-wrapper {background-color:transparent; width:900px; margin:0 auto; padding:0; text-align:left;}
.footer-text {font-size:1.1em; color:#96abaf;}
.footer-text a:link, .footer-text a:visited {text-decoration:none; color:#96abaf;}

/* comments */
#comments {margin:0;}
form#commentform .form-label{margin:1em 0 3px 0;}
form#commentform label {color:#96abaf; font-size:1.1em;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em; border: solid #e0eaea 1px;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%; width:430px;}
.comment-author {font-weight:bold;}
.comment-author, .comment-meta {float:left; display:inline; color:#96abaf; font-size:1.1em; margin:10px 0px 4px 0px;}
.comment-author a:link, .comment-author a:visited, .comment-meta a:link, .comment-meta a:visited { color:#f47a4d; text-decoration:none;}
.comment-text {clear:left; margin:0 0 12px 0;}
.comment-text p {font-size:1.3em; color:#5d686c; line-height:1.4em; margin:0;}
.meta-sep {margin:0 4px;}
.comments ol {list-style-type:none; margin:0; padding:0;}
.comments ol li{margin:0 0 3px 0; padding-bottom:8px; background-image: url('hr.png'); background-position:bottom left; background-repeat:no-repeat;}
#respond {margin:12px 0 0 0;}
#respond h3 {text-transform:uppercase; font-size:1.1em; color:#96abaf; font-weight:normal;}
#comments-list h3/*, #respond h3*/ {font-size:1.5em; line-height:1.5em; margin:0; color:#d13027; font-weight:normal; text-transform:lowercase;}

/* sidebar */
.sidebarContainer {float:right; width:216px; border: solid 1px #e0eaea; margin: 20px 10px 10px 0px; padding:0; background-color:white;}
#primary {margin:0; padding:16px 2px;}
#search {padding-left: 9px;}
#searchform #s {float:left; display:inline; border: solid 1px #e0eaea; width:127px; margin:0; padding:2px; }
#noresults-s, #error404-s {float:left; display:inline; border: solid 1px #e0eaea; width:300px; margin:0; padding:2px;}
#searchform #searchsubmit, #noresults-searchform #noresults-searchsubmit, #error404-searchform #error404-searchsubmit {display:inline; margin:3px 0 0 6px; padding:0;}
#categories, #archives, #author-list, #author-blogs, #bagel {padding-left:19px;}
#categories, #archives, #search, #author-list, #author-blogs {background-image:url('sidebar-hr.png'); background-repeat:repeat-x; background-position:bottom left; padding-bottom:20px;}
.sidebar div, .sidebar h3, .sidebar ul, .sidebar li {margin:0;padding:0;}
.sidebar h3{font-size:1.6em; color:#4d5a5e; text-transform:lowercase; font-weight:normal; margin:5px 0px;}
.header-sep {color:#d13027; margin:0 3px 0 0; font-weight:bold;}
.sidebar input#s{width:7em;}
.sidebar li{list-style:none;margin:0;}
.sidebar li form{margin:0;padding:0;}
.sidebar ul ul{margin:0;}
.sidebar ul ul li{list-style:square; margin:0 0 0 13px; color:#c1d2d4; padding:0; font-size:1.2em; line-height:1.5em; text-transform:lowercase;}
.sidebar ul ul ul{margin:0 0 0 0.5em;}
.sidebar ul ul ul li{list-style:circle;}

/* uncategorized */
h1,h2,h3 {margin:0;}
img {border:0;}
h2 {color: #4d5a5e;font: 2.2em Arial; }
blockquote { border-left: solid 1px #e0eaea; padding-left: 12px; }
.entry-title{clear:both; margin:0; padding:0;}
.entry-title a:link, .entry-title a:visited {color:#738e97; text-decoration:none;}
.entry-date {margin:1px 0 4px 0;}
.entry-content {margin:0; padding:0;}
.entry-content p, .entry-content li {color:#4d5a5e; font-size: 1.3em; line-height:1.4em; padding:0;}
.entry-content code {font-size:1.3em; overflow:scroll;}
.entry-content pre {font-size:1.4em; line-height:1.3em; overflow-x:scroll; padding: 0px 4px 0px 25px; border: solid 1px #ccc; background-color: #f6f6f6;}
.entry-content img {display: block; margin:0 auto; padding:5px;}
.entry-meta {font-size: 1.1em; color: #96abaf; padding:0; margin:0;}
.cat-links a:link, .cat-links a:visited {text-transform:lowercase;}
.published {color:#96abaf; font-size:1.1em; line-height:1.1em; border-bottom:none;}
.published a:link, .published a:visited {color:#96abaf; text-decoration:none;}
#content p a:link, #content p a:visited, #content li a:link, #content li a:visited, .entry-meta a:link, .entry-meta a:visited {color:#f47a4d; text-decoration:none;}
.sidebar a:link, .sidebar a:visited {color:#738e97; text-decoration:none;}
.hr {padding:10px 0 16px 0;}
.clear-all {clear:both; margin:0; padding:0;}