/*
Theme Name: Simon | Semonoff
Theme URI: 
Description: This Simon | Semenoff theme is a child of the Sandobox theme *and* uses Blueprint.
Author: Chris G
Author URI: 
Template: sandbox
Version: 1.0
*/

@import url('../sandbox/style.css');
@import url('blueprint/screen.css');

/* Override default sandbox layout styles */
div#container { float: none; margin: 0; width: auto; }
div#content { margin: 0 10px 0 0; }
div.sidebar { float: none; overflow: hidden; width: auto; }
div#secondary { clear: left; }
div#footer { clear: both; width: 950px; }

/* Define Simon | Semonoff specific styles */
body { margin: 0; padding: 0; color: #333; background-color: #f3f2ef; font-family: Georgia,"Times New Roman",serif; font-size: 80%; }

a { color: #c30; }
a:hover { color: #517185; }
a:active { outline: none; }
a:visited { color: #c30; }

div#blog-description, div.skip-link { display: none; }

div#header { text-align: left; }

h1#blog-title { margin: 18px 0; padding: 0; text-indent: -9999px; width: 230px; height: 22px; border: none; background: transparent url("images/logo.gif") no-repeat left top; }

div#access { margin-bottom: 1em; }

div#menu { margin: 0 0 1px 0; padding: 0 0 1px 0; height: auto; background-color: transparent; border-bottom: 1px solid #ccc; }
div#menu ul { margin: 0; padding: 0; list-style: none; line-height: auto; overflow: auto; border-bottom: 1px solid #666; }
div#menu ul li { margin: 0; padding: 0; }
div#menu ul li a { margin: 0; padding: 0.5em; font-size: 1.25em; color: #517185; border-top: 1px solid #f3f2ef; }
div#menu ul li a:hover, div#menu ul li.current_page_item a { background-color: #fff; border-top: 1px solid #ccc; }
div#menu ul li ul { background-color: #efede8; border: 1px solid #666; border-bottom: 2px solid #666; }
div#menu ul li ul li { float: none; }
div#menu ul li ul li a { font-size: 1em; }
div#menu ul li ul li:first-child a, div#menu ul li ul li:first-child a:hover { border-top: none; }

div#outer-content-container { padding-bottom: 6em; }

div.header-image { margin: 0; padding: 0 0 16px 0; background: transparent url("images/headers/shadow.gif") no-repeat center bottom; }
div.header-image img { margin: 0; padding: 1px; border: 1px solid #ccc; }

h2.entry-title { font-size: 2.5em; line-height: 1.1em; }

div#the-real-sidebar { padding-top: 2em; }
div#the-real-sidebar ul { margin: 0; padding: 0; list-style: none; }
div#the-real-sidebar ul li { margin: 0; padding: 0; }
div#the-real-sidebar ul li h3 { text-transform: uppercase; margin: 0; padding: 0 0 10px 10px; font-size: 1em;  border-bottom: 1px solid #666; border-left: 1px solid #666; }
div#the-real-sidebar ul li h3 a { text-decoration: none; color: #333; }
div#the-real-sidebar ul li ul { margin: 1px 0 2em 0; padding: 1em 0; list-style: none; border-top: 1px solid #ccc; font-size: 0.9em; }
div#the-real-sidebar ul li ul li { margin: 0.5em 0; }
div#the-real-sidebar ul li ul li a { color: #333; text-decoration: none; display: block; }
div#the-real-sidebar ul li ul li a:hover { color: #c30; }
span.time-meta, span.from-meta { display: none; }

div#pre-footer { margin-bottom: 1px; padding-bottom: 2em; border-bottom: 1px solid #666; }
div#pre-footer h3 { text-transform: uppercase; margin: 0; padding: 0 0 10px 10px; font-size: 1em;  border-bottom: 1px solid #666; border-left: 1px solid #666; }
div#pre-footer ul { margin: 1px 0 0 0; padding: 1em 0; list-style: none; border-top: 1px solid #ccc; font-size: 0.9em; }
div#pre-footer ul li { margin: 0.5em 0; }
div#pre-footer div#recent-news-and-events-list ul li { margin-bottom: 1em; }
div#pre-footer div#recent-blog-list ul li strong a { color: #333; text-decoration: none; }
div#pre-footer div#recent-blog-list ul li p { margin-bottom: 0; }
div#pre-footer div#recent-blog-list ul li em a { display: block; text-align: right; margin-right: 20px; }
div#pre-footer div#callout-quote { background-color: #424345; }
div#pre-footer blockquote { margin: 0; padding: 20px 16px; font-size: 1.25em; font-style: normal; text-indent: 30px; color: #fff; background: transparent url("images/background_blockquote_footer.gif") no-repeat 10px 10px; }
div#pre-footer blockquote em { display: block; text-align: right; font-style: italic; }

div#footer { padding-top: 1em; padding-bottom: 2em; border-top: 1px solid #ccc; font-size: 0.9em; }
