/* @override 
	http://www.upthetree.com/wp-content/themes/sandbox/style.css
	http://www.upthetree.com/wp-content/themes/sandbox-k2/style.css
*/

/*
THEME NAME: k2 lite for Sandbox
THEME URI: http://www.almosteffortless.com/wordpress/
DESCRIPTION: A port of the fabulous <a href="http://getk2.com">k2</a> for the wonderful <a href="http://www.plaintxt.org/themes/sandbox/">Sandbox</a> by <a href="http://www.almosteffortless.com">Trevor Turk</a>. Free for any use, licensed under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
VERSION: 1.3
AUTHOR: Trevor Turk and Ben Whitehouse
AUTHOR Uri: http://www.almosteffortless.com/
TAGS: one column, two columns, three columns, awesome, blue, pink
TEMPLATE: sandbox
*/

* {
	padding: 0;
	margin: 0;
	}

img {
	border: 0;
	}

body {
	font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* 62.5% sets 1em to about 10px */
	background: #d8ebd7;
	color: #444;
	text-align: center;
	margin-bottom: 30px;
	}

#wrapper {
	width: 780px; /* controls the main width of the page, if changed also change #content and .sidebar */
	margin: 0 auto;
	padding: 0 0 10px 0;
	border: 1px solid #ddd;
	border-top: none;
	background: white;
	text-align: left;
	}

#header {
	padding: 0;
	margin: 0;
	position: relative;
	height: 200px;
	background: #61a65d; /* header color default is #3371A3, for images - background-image: url(example.jpg); */
	}

#content {
	width: 500px; /* default width is 500px */
	margin: 35px 10px 0 30px;
	padding: 0;
	float: left;
	display: inline;
	}

.sidebar {
	width: 186px; /* 186px default, original k2 is about 206px, max is 220px */
	float: right;
	overflow: hidden;
	margin-right: 20px;
	display: inline;
	}

#primary {
	margin-top: 20px;
	}

#secondary	{
	clear: right;
	}

#footer {
	clear: both;
	width: 100%;
	padding-top: 30px;
	text-align: center
	}

h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	}

h1 { 
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0;
	padding: 75px 0 0 40px;
	}

h1, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	text-decoration: none;
	color: #fff;
	}

h1 a:hover, h1 a:active {
	text-decoration: underline;
	}

#blog-description {
	color: #fff;
	margin: 0 40px;
	}

h2 {
	font-size: 2.4em;
	font-weight: normal;
	letter-spacing: -1px;
	color: #444;
	}

h3 {
	font-size: 1.8em;
	font-weight: normal;
	color: #444;
	}

h4 {
	font-size: 1.2em;
	color: #444;
}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active,
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
	text-decoration: none;
	color: #444;
	}

h2 a:hover, h2 a:active, h3 a:hover, h3 a:active {
	text-decoration: underline;
	}

.sidebar h3 {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 1.5em;
	font-weight: normal;
	padding: 0;
	}
	
.sidebar ul li {
	margin: 3px 0;
	padding: 0;
	}

.sidebar .pagenav ul li li, .sidebar .pagenav ul li li li, .sidebar .pagenav ul li li li li,
.sidebar .pagenav ul li li li li li, .sidebar .pagenav ul li li li li li li { /* nested subpages, 5 levels deep */
	margin-left: 10px; 
	list-style-type: none;
	}

a:link, .pingback .comment-metadata a:link, .sidebar a:link, .sidebar a:visited { /* primary link color */
	color: #27d;
	text-decoration: none;
	}

a:visited, .pingback .comment-metadata a:visited { /* primary link color for visited links */
	color: #b41;
	text-decoration: none;
	}
	
a:hover, a:active, .pingback .comment-metadata a:hover, .pingback .comment-metadata a:active { /* hover & active links */
	text-decoration: underline;
	}
	
.sidebar a:hover, .sidebar a:active { /* link color fix for sidebar */
	color: #27d;
	text-decoration: underline;
	}
	
.sidebar li.home-link h3 a:link, .sidebar li.home-link h3 a:visited {
	color: #444;
	text-decoration: none;
}

.sidebar li.home-link h3 a:hover, .sidebar li.home-link h3 a:active {
	color: #444;
	text-decoration: underline;
}

.navigation a:link, .navigation a:visited, .entry-meta a:link, .entry-meta a:visited,
.archive-metadata a:link, .archive-metadata a:visited, .author-metadata a:link, .author-metadata a:visited,
.comment-metadata a:link, .comment-metadata a:visited, #loggedin a:link, #loggedin a:visited,
#footer a:link, #footer a:visited { /* more link link color fixes for nav & admin stuff */
	color: #777;
	text-decoration: none;
	}

.navigation a:hover, .navigation a:active, .entry-meta a:hover, .entry-meta a:active,
.archive-metadata a:hover, .archive-metadata a:active, .author-metadata a:hover, .author-metadata a:active,
.comment-metadata a:hover, .comment-metadata a:active, #loggedin a:hover, #loggedin a:active,
#footer a:hover, #footer a:active {
	color: #777;
	text-decoration: underline;
	}

#access div.skip-link {
	display: none;
}

.navigation { /* previous & next links on single post pages */
	height: 30px;
	padding-top: 8px;
	font-size: 1.1em;
	}

.nav-previous {
	float: left;
	text-align: left;
	}

.nav-next {
	float: right;
	text-align: right;
	}

.home #nav-above, .single #nav-below {
	display: none;
}

.entry-content { /* blog posts */
	font: 1.2em/1.8em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: justify;
	color: #444;
	margin: 16px 0 15px 0;
	}

.publish {
	margin-bottom: 40px;
	}
	
.entry-content p, .entry-content div {
	margin: 13px 0;
	}
	
.entry-content ul, .entry-content ol {
	margin-left: 20px;
}

.entry-meta, .published, .comment-metadata, #comment-notes, #loggedin, .archive-metadata, .author-metadata, .entry-date { 
	font-size: 1em;
	display: block;
	margin-top: 1px;
	color: #bbb;
	border: 0;
	}

.archive-metadata, .author-metadata {
	margin: 0 0 30px 0;
}

#comment-notes, #loggedin, .form-input, .form-textarea, div#comments-list ol li p {
	margin: 4px 0;
	}

.entry-meta .published {
	display: inline;
	margin: 0;
	}

.single .entry-meta {
	margin-top: 40px;
	}

div#comments-list ol { /* style for comments */
	padding: 10px 0 30px 0px;
	position: relative;
	}

div#comments-list ol li {
	padding: 6px 6px 6px 6px;
	list-style-type: none;
	font-size: 1.2em;
	line-height: 1.5em;
	border-top: 1px solid #ccc;
}

.comment-author {
	font-size: 1.2em;
	font-weight: bold;
	}

li.comment .comment-metadata {
	font-size: 0.8em;
	}

.byuser {
	background: #f6f7f8;
}

.bypostauthor {
	background: #eee;
}
	
.access { /* misc styles */
	display: none;
	}

.unapproved {
	background-color: #fbfbb1;
	display: block;
	padding: 1px;
	margin: 2px 0;
	text-align: center;
	}

blockquote {
	margin: 20px 0 20px 15px !important;
	padding: 0 20px 0 15px;
	background: none;
	border-left: 1px solid #ccc;
	}

#access #menu { /* style for k2-style tabs in header */
	position: relative;
	margin: -23px 0 0 18px;
	width: 710px;
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	padding: 5px 15px 6px 15px;
	}
	
#access #menu li {
	display: inline;
	margin: 0 2px;
	}
	
#access #menu li a {
	padding: 5px 15px 6px 15px;
	}

#access #menu li a:link, #access #menu li a:visited {
	color: #fff !important;
	text-decoration: none;
	}

#access #menu li a:hover, #access #menu li a:active {
	background: #333;
	color: #eee !important;
	text-decoration: none;
	}

#access #menu li.current_page_item a:link, #access #menu li.current_page_item a:visited,
#access #menu li.current_page_item a:hover, #access #menu li.current_page_item a:active {
	background: #fff;
	color: #333 !important;
	text-decoration: none;
	}

#access #menu li ul { /* hides subpages */
	display: none;
	}

img.alignleft {
	float: left;
	margin-right: 1em;
}

img.alignright{
	float: right;
	margin-left: 1em;
}
	
/* #access { display: none; }  for hiding the tabs in the header */ 
/* .sidebar .pagenav { display: none; } for hiding the page listing in the sidebar */