/*
THEME NAME: Sandbox
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.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
*/

/* Two-column with sidebar on left from the /examples/ folder  */
@import url('/common/css/layout-2011.css');
@import url('examples/2c-l.css');

/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}

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{
clear:both;
}

div#container,div#primary {
margin-top:2em;
}

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;
}

div.comments ol li {
/*margin:0 0 3.5em;*/
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.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-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
}

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

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

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

div#header,div#footer {
text-align:center;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

/* KS Styles */

#blog_box_main {
	width: 919px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.page-title {
	padding-bottom: 2px !important;
}

.page-title img {
	float: none !important;
	display: block !important;
}

#blog_box_main #container {
	margin-left: -307px !important;
}

#blog_box_main #content {
	background: url(images/body-bg.jpg) top left no-repeat;
	width: 511px;
	min-height: 268px;
	margin-left: 307px;
	padding: 120px 50px 0 50px;
}

.post {
	margin-bottom: 50px;
}

.post h2 {
	color: #E7B05E;
}

.post p {
	margin: 0 0 1em 0;
        text-align:justify;
}

.entry-date {
	background: url(images/divider.jpg) bottom left no-repeat;
	padding-bottom: 9px;
	margin-bottom: 10px;
}

.entry-meta {
	background: url(images/divider.jpg) top left no-repeat;
	margin-top: 10px;
	padding-top: 9px;
}

.comments-link {
	background: url(images/comment.jpg) center left no-repeat;
	line-height: 25px;
	padding-left: 25px;
	display: block;
	float: left;
}

.comments-link a {
	text-decoration: none;
	color: #999;
}

.tag-links {
	background: url(images/tag.jpg) center left no-repeat;
	line-height: 25px;
	padding-left: 29px;
	margin-left: 25px;
	display: block;
	float: left;
	font-style: italic;
}

.tag-links a {
	text-decoration: none;
}

.edit-link {
	line-height: 25px;
	margin-left: 25px;
	display: block;
	float: left;
}

.meta-sep {
	display: none;
}

/* Sidebar */

#blog_box_main .sidebar {
	width: 306px;
	background: url(images/divider-vertical.jpg) bottom right no-repeat;
	padding-right: 1px;
}

.sidebar li {
	margin: 0 !important;
}

#categories {
	background: url(images/topics-bg.jpg) top left no-repeat;
	padding: 30px 18px 30px 18px;
}

#categories ul {
	list-style: none;
	margin: 0 !important;
	padding-top: 8px;
}

#categories li {
	list-style: none;
	float: left;
	width: 120px;
	padding-bottom: 5px;
	#padding-bottom: 0;
}

#categories li a {
	text-decoration: none;
	font-size: 17px;
}

#categories li.active a {
	font-weight: bold;
	color: white;
}

#twitter {
	background: url(images/twitter-bg.jpg) top right no-repeat;
	padding: 30px 18px 30px 18px;
}

#tabs {
	background: url(images/tabs-bg.jpg) top left no-repeat;
	padding: 8px 13px 30px 0;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	
}

#tabs > ul {
	float: left;
	padding-left: 10px;
	margin: 0 !important;
}

#tabs > ul > li {
	list-style: none;
	float: left;
}

#tabs > ul > li a {
	display: block;
	padding: 8px 7px 4px 7px;
	text-indent: -999px;
	overflow: hidden;
	height: 26px;
	background: 7px 8px no-repeat;
}

#tabs ul {
	margin: 0 !important;
}

#tabs li {
	list-style: none;
	margin-bottom: 1em !important;
}

#tabs li a, #tabs li a:focus, #tabs li a:hover, #tabs li a:active { outline: none !important; }


#tabs li a.latest { 									background-image: url(images/tab-latest-off.png); width: 63px; }
#tabs li a.latest:hover, #tabs li.active a.latest { 	background-image: url(images/tab-latest-on.png); width: 63px; }
#tabs li a.random { 									background-image: url(images/tab-random-off.png); width: 74px; }
#tabs li a.random:hover, #tabs li.active a.random { 	background-image: url(images/tab-random-on.png); width: 74px; }
#tabs li a.favs { 										background-image: url(images/tab-favs-off.png); width: 45px; }
#tabs li a.favs:hover, #tabs li.active a.favs { 		background-image: url(images/tab-favs-on.png); width: 45px; }
#tabs li a.tags { 										background-image: url(images/tab-tags-off.png); width: 45px; }
#tabs li a.tags:hover, #tabs li.active a.tags { 		background-image: url(images/tab-tags-on.png); width: 45px; }

#tabs li.active a {
	border: 1px solid #666;
	border-bottom: 1px solid #1b1b1b;
	background: 6px 7px no-repeat;
	background-color: #1b1b1b;
	padding: 7px 6px 3px 6px;
}

#tabs li img {
	display: block;
	float: none;
}

#tabs .tab {
	padding: 15px 20px 10px 20px;
	display: none;
}

#tabs .tab p {
	margin: 0 0 1em 0;
}

.unapproved {
	color: red;
}

/* Comments */

span.required {
	background: none !important;
}

.comments ol {
	padding-top: 30px;
	margin: 0;
}

.comments li {
	float: left;
	color: #999;
	list-style: none;
	background: url(images/divider.jpg) bottom left no-repeat;
	padding: 19px 15px 21px 15px;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.comment-author {
	float: left;
	padding-right: 15px;
}

.comment-author span {
	display: none;
}

.comment-meta {
	float: left;
	width: 350px;
}

.comment-date {
	font-size: 12px;
	color: #bbb;
}

.comments li.byuser {
	background-color: #1d1d1d;
	color: #bbb;
}

.comments li.byuser .comment-date {
	color: #eee;
}


#respond {
	background: url(images/comment-bg.jpg) top left no-repeat;
	padding: 52px 20px 20px 20px;
	margin-top: 30px;
	width: 476px;
}

.username {
color: #E9AE52;
font-weight: bold;
}

.admin-comment {
    padding: 4px;
    background: white;
    float:left;
}


.entry-content img {
    float:none !important;
    padding-bottom: 15px;
}