/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
*/

/* Two-column with sidebar on right  */

/*----------Table of Contents -------
	
	1. basic styles
	2. wrapper
	3. header.php
	4. index.php
	5. sidebar.php
	6. footer.php
	7. font styles
	
	
-----------------------------------*/

/*
LAYOUT: Two-Column (Right)
DESCRIPTION: Two-column fluid layout with one sidebars right of content
*/

/*------------------------------- basic styles -------------------------------------*/	

body {
	background-color: #59210b;
	padding: 0px 0 0 0;
	margin: 10px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	line-height:1.5;
	color:#000;
}

a:link {
	color: #2076ca;
	text-decoration: none;
	border-bottom: #cfe2e5 1px solid;
}
a:visited {
	text-decoration: none;
	color: #999B38;

}
a:hover {
    color: #6699FF;
		text-decoration: none;
		border-bottom-color: #cfe2e5;
		border-bottom:  1px solid;
}
a:active {
	text-decoration: none;
	color: #996633;
}

	
img {
	border: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	}

img a:link {
	border-bottom: 0;
}

.inline { display: inline;}

.inline a:link, .inline a:visited, .inline a:hover, .inline a:active{
	display: inline;
	border-bottom: none;
} 

/*---default header font style- usually at top of blog home--*/>
div h1 {
	font-size: 14px;
	font-weight: bold;
	font-color: #000;
	}


/*------------------------------- wrapper -------------------------------------*/	

#wrapper {
	background-color: #fff4d7;
	width: 860px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	border: 2px solid #000000;
	}


/*------------------------------- header.php styles -------------------------------------*/

#masthead {
	width: 860px;
	position: relative;
	horizontal-align: center;
	text-align: center;
	margin: 0;
	padding: 20px 0 0 19px;
	}
	*html #masthead {
	padding: 10px 0 0 8px; }

	
ul#nav-bar {
	}
#nav-bar li { }

#headshot {
	position: relative;
	margin: 0 5px 20px 30px;
	padding: 5px 30px 5px 0;
	border: 0;
	float: right;
	}

#side-nav {
	}

#description-wrapper {
	position: relative;
	margin: 5px 0px 35px 27px;
	padding: 0; 
	}
	*html #description-wrapper { 
	margin: 5px 0px 5px 20px 
	}
#description-wrapper p {
	font-size: 12px;
	font-weight: bold;
	
	margin: 0;
	padding: 3px 250px 0 0;

	}

#description-wrapper h1 {
	font-size: 17px;
	color:#0f306b;
	font-weight: bold;

	}


/*----------- this section JUST for Karma nav -------------*/
table#home-nav {
	horizontal-align: center;
	text-align: center;
	width: 825px;
	margin: 10px 0px 45px 20px;
	padding: 0px;
}
td#home-nav-lower {
	horizontal-align: center;
	margin: 0;
	padding: 0;
}

#home-nav-lower a:link{
	text-decoration: none;
	border-bottom: #fff4d7 1px solid;
}

#home-nav img {
	display: inline;
	margin: 0;
	padding: 10px 1px 0 1px;
	}
#home-nav a:link, a:visited, a:hover, a:active{
	display: inline;
	margin: 10 10 0 10;
	padding: 10 10 0 10;
	border-bottom: none;
}


/*------------------------------- index.php styles -------------------------------------*/

/*---
div#container {
	float: left;
	margin: 0 -200px 0 0;
	width: 100%;
}
-*/

div#content {
	float: left;
	width: 550px;
	margin: 0 10px 0 27px;
	}
	*html div#content {
	margin: 0 10px 0 15px;
	}


/*------------------------------- C O M M E N T S . P H P -------------------------------------*/

/*---you may change colors to match client's site --*/
#comments {
	top: 100px;
	margin: 25px 10px 10px 35px;
	padding: 5px 25px 5px 0px;
	text-align: left;
	}
div.comments {
	margin: 20px 0 0 0;
	padding: 6px 0 3px 0;
	}

div.comments ol {
	margin: 0 0 0 15px;
	padding: 0 0 0 5px;
	}

h3#comments {
	clear: left;
	padding: 40px 0 0 0;
	color: #000;
	}
.reply {
	margin: 0px 0 28px 0;
	padding: 0 0 18px 0;
	border-bottom: 1px solid #e1e1cf;
	font-style: italic;
	font-size: 11px;
	
	}
	
ol.commentlist {
	width: 340px;
	color: #000;
	font-style: normal;
	margin: 7px 0 0 -20px;
	}
	ol.commentlist p {
		color: #000000;
		}

.fn {
	font-style: normal;
	
	}

#respond h3 {
	margin: 0 0 0 18px;
	padding: 10px 0 0 0;
	}
#respond p {
	margin: 5px 0 3px 18px;
	padding: 5px 0 8px 0;
	}

form#commentform {
	margin: 0 0 0 -20px;
	padding: 2px;
	}
form#commentform p {
	margin: 3px 0 3px 32px;
	padding: 2px 0;
	}

form#commentform .form-label{ margin:1em 0 0 0;}
form#commentform span.required{background:#fff;color:red;}

input#author,input#email,input#url{width:50%;}
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%;}


#acp-preview {
	margin: 3px 0 3px 34px;}

#ajax-comment-preview {
	margin: 3px 0 3px 32px;}





/*------------------------------- sidebar.php styles -------------------------------------*/

div#primary-sidebar {
	float: right;
	width: 180px;
	background: #eeddc1;
	background: url(images/sidebar-header.gif) top left no-repeat #eeddc1;
	margin: 10px 20px 0 20px;
	padding: 25px 10px 0 10px;
}
	*html div#primary-sidebar {
	width: 160px;
	margin: 0 -20px 0 0;
	padding: 10px;
}


div#secondary-sidebar {
	clear: right;
	float: right;
	width: 180px;
	background: #eeddc1;
	overflow: hidden;
	margin: 0px 20px 0 20px;
	padding: 10px;
}
	*html div#secondary-sidebar {
	width: 160px;
	margin: 0 -20px 0 0;
	padding: 10px;
}
div#secondary-sidebar p{
	margin-left: 45px;
	}


/*--- CHANGE per client - fonts, etc within SIDEBAR ----*/

/*--- PRIMARY--*/
div#primary-sidebar h3, div#primary-sidebar ul, div#primary-sidebar li{
	margin:0;
	padding:0;
	}
div#primary-sidebar h3{
	font-size:1.2em;
	color: #000;
	}


div#primary-sidebar li{
	list-style:none;
	margin:0 0 1em 1em;
	}
div#primary-sidebar li form{
	margin:0 .2em 0 0;
	padding:0;
	}

/*--archives section of list--*/
div#primary-sidebar ul ul li{
	list-style:none;
	margin: 4px 0 0 0;
	}
/*--end archives--*/


/*--- SECONDARY--*/
div#secondary-sidebar h3, div#secondary-sidebar ul, div#secondary-sidebar li{
	margin:0;
	padding:0;
	}
div#secondary-sidebar h3{
	font-size:1.2em;
	color: #000;
	}

div#secondary-sidebar li{
	list-style:none;
	margin:0 0 1em 1em;
	}
div#secondary-sidebar li form{
	margin:0 .2em 0 0;
	padding:0;
	}

div#secondary-sidebar h4{
	font-size:1em;
	color: #970f00;
	margin-bottom: 0;
	}
#copyright{
	margin: 0;
	padding: 0;
	font-size: 10px;
	}

/*--feeds and about sections of list--*/
div#secondary-sidebar ul ul li{
	list-style:none;
	margin:0;
	}
/*--end--*/


/*--sidebar links..if needed --
div#primary-sidebar a:link, div#primary-sidebar a:visited, div#primary-sidebar a:active  {
	color: #30677d;
	text-decoration: none;
	}

div#primary-sidebar a:hover {
	color:	#30677d;
	text-decoration: underline;
	}
---------*/

/*------------------------------- footer.php styles -------------------------------------*/

div#footer {
	font-size:10px;
	line-height: 14px;
	color: #72722b;
	horizontal-align: center;
	vertical-align: top;
	text-align: center;
	clear: both;
	width: 860px;
	padding: 20px 0px 10px 0;	
}



.float-left {
	float: left;
	margin: 5px 15px 5px 0;
	padding: 0;
	clear: left;
	border: none;
	}




/*-------------------------------------- font-styles ---------------------------------------------*/

.page-title {
	font-size: 16px;
	font-weight: bold;
	color: #D9491E;
}

.entry-title {
	background: url(../../../../images/global/dings-characters/bee.jpg) top left no-repeat;
	clear: both;
	font-size: 16px;
	color: #0B2A80;
	margin: 15px 0 0 0;
	padding: 0 0 0 22px;
	}
.entry-date {
	font-size: 11px;
	color: #996633;
	}

.entry-content {
	}

.entry-meta {
	font-size: 11px;
	font-style: italic;
	color: #996633;
	margin-bottom: 45px;
	padding-left: 3px;
	}
.meta-sep {
	font-style: normal;
	font-weight: bold;
	color: #999B38;
	padding-left: 1px;
	padding-right: 2px;
	}


.olive-bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #888A32;
	font-weight: bold;
	}

#nav-below{ 
	margin: 5px 0 10px 0;
	}
.nav-previous, .alignleft {
	float: left;
	}
.nav-next, .alignright {
	float: right;
	}


div#access div.skip-link{
	position:absolute;
	top:1em;
	right:1em;
	display: none;
	}



/* ---comments styles--*/

#comments {
	top: 100px;
	margin: 25px 0 0 0;
	padding: 5px 5px 5px 0px;
	text-align: left;
	}
div.comments {
	margin: 20px 0 0 0;
	padding: 6px 0 3px 0;
	}

div.comments ol {
	margin: 0 0 0 15px;
	padding: 0 0 0 5px;
	}



div#menu{font-size:0.9em;height:1.5em;padding-top:0.3em;background:#eee;width:100%;}
div#menu ul a{font-weight:700;text-decoration:none;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;}
div#menu ul li a{background:#eee;padding:0.3em 0.5em;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:#f5f5f5;border:none;display:block;padding:0.1em;width:10em;}



form#commentform .form-label{margin:1em 0 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:2px;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding: 0.2em;}
div.comments ol li{margin: 0px 0 3px 0;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}
