/*
THEME NAME: Sandbox-2
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('style/css/2c-l.css');
@import url('style/css/reset.css');
@import url('style/css/typography.css');

	h3{
	margin-top:8px;
	}
	
	h2{
	margin-top:15px;
	margin-bottom:15px;
	}

	div#header, div#navigation div#menu, div#submenu ul, div#footer{margin: 0 0 0 105px; overflow: hidden; 
	width: 946px;
	}
	#drawingBG{position:fixed;top:26px;height:100%;width:100%;z-index:-1;}
	
	div#content {
	width:800px;
	overflow: hidden; 
	}
	
	div#footer{
	width:800px;
	}
	
/* -------------------------------- 
	Header
-------------------------------- */

	div#header{padding: 5px 0;}
	
		div#header h1 {float: left;}
			div#header h1 a{background: transparent url('') no-repeat;border: none;display: block;height: 10px;overflow: hidden;text-indent: -2000px;width: 226px;}
			
		div#header p{float: right; width: 304px;}
		
		
/* -------------------------------- 
	Navigation
-------------------------------- */
	
	div#navigation {background-color: #fff;position:fixed;top:0px;width:100%;z-index: 9999;border-bottom:1px solid #ccc;}
		
		div#navigation div#menu {height: 58px; overflow: hidden;}
		
		div#navigation div#menu ol {float: left;}
		div#navigation div#menu ol li{border-left: 1px solid #ccc;float: left;}
		div#navigation div#menu ol li#menulast{border-right: 1px solid #ccc;}
			div#navigation div#menu ol li a {display: block; height: 58px; padding-left: 31px; width: 129px;color:#000;}
					
				/* Vertical centring with line-height:0 and marging-top */
				div#navigation div#menu ol li a small{display: block; line-height:0; margin-top: -7px;color:#666;}
				
				div#navigation div#menu li :hover{background-color:#B2E5FF;}
				
		div#navigation div#menu div#talk{display: inline; float: right;padding-top: 10px;}

			div#navigation div#menu ol li#navLogo{
			border-left:0px;
			text-align:left;
			}
			div#navigation div#menu ol li#navLogo :hover {
			background-color: white;
			}
#headSpace{
clear:both;
margin-bottom: 60px;
}
/* -------------------------------------------------------------- 

	CONTENT

-------------------------------------------------------------- */
div#content p {
font-size:1.2em;
line-height:1.5em;
}

.sidebar {

}

.sidebar ul li {
background-color: #fff;
padding:1px 10px 10px 30px;
margin:0 0 20px 0;
border:1px solid #ccc;
}

.sidebar ul li ul {
padding:0;
margin:0;
}

.sidebar ul li ul li{
border:0;
margin-left: -30px;
padding-bottom: 0;
}

.imgleft {
float:left;
margin:0px 15px 15px 0px;
}

.imgright {
float:right;
margin:10px 0px 15px 15px;
}

.subhead{
display: block;
clear:both;
padding:10px;
font-size: 2em;
color:#000;
background-color: #fff;
border-top:1px solid #666;
border-bottom:1px solid #666;
border-left:8px solid #666;
border-right:1px solid #666;
margin:10px 0;
}
/* -------------------------------------------------------------- 

	CONTENT

-------------------------------------------------------------- */

#blog-title{
margin: 50px 0 20px 0;
padding:20px;
}

.blog-title-span{
font-size:1.6em;
}

#pullout{
margin: 50px 0 0 0;
padding:20px;
background-color: #FEEDCB;
border:1px solid #E5B454;
}

#pullout p{
font-size:1.5em;
line-height:1.3em;
}

#pullout-inline{
width:550px;
margin: 20px auto;
padding:10px;
text-align: center;
background-color: #FEEDCB;
border:1px solid #E5B454;
}

#pullout-inline p{
font-size:1.5em;
line-height:1.3em;
}

#pullout-inline a{
text-decoration: none;
color:#007CCF;
font-weight: bold;
}

div#latest-blog{
height:40px;
margin-top:15px;
font-size: 1.5em;
}

div#content ul {
margin:10px 0;
}

div#content ol {
list-style-type: decimal;
margin:0 0 10px 20px;
}

div#content ol li{
margin-bottom:10px;
}

div#content ul li{
margin-left: 20px;
}

div#content img{
border:1px solid #999;
}

div#image-caption{
margin-top:-35px;
margin-bottom:10px;
font-style: italic;
}

div#image-caption-solid{
margin-top:-35px;
margin-bottom:10px;
font-style: italic;
background-color: white;
}
/* -------------------------------------------------------------- 

	FOOTER

-------------------------------------------------------------- */
.entry-meta{
margin: 20px 0 20px 0;
padding:10px;
background-color: #FEEDCB;
border:1px solid #E5B454;
clear:both;
}
	div#footer{background: #333;padding: 20px;text-align:center;}
	div#footer a {
	text-decoration: none;
	color:#fff;
	}