/*   
Based on:

Theme Name: Dark Autumn
Theme URI: http://techcube.net/dark-autumn
Description: A simple crispy theme with a light, elegant look. Originally made by Ali B. as a Habari theme.
Author: Peter Zhang
Author URI: http://techcube.net/
Version: 1.5
Tags: black, orange, blue, light, white, two-columns, flexible-width, theme-options, right-sidebar, threaded-comments
.
Released under GPL 3, compatitable with Apache License 2.0, which the original theme was released in.
.
*/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,
ol, li, dl, dt, dd, form, a, fieldset, input, th, td 
{
	margin: 0; padding: 0; outline: none;
	border-color: grey; 
}

hr /** in use **/
{
	margin: 2em 10em;
}

body /** in use **/
{
	font-family: "Chaparral Pro","Palatino Linotype","Hoefler Text",georgia;
	color:#4c4c4c;
	line-height: 1.1em;
	font-size: 110%;
}

a
{
	text-decoration: none;
}

.noborder
{
	border-left:none!important;
	display:none;
}
.alignleft /** in use **/
{
	float: left;
	margin: 0;
	#text-align: left;
}

.aligncenter /** in use **/
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.alignright  /** in use **/
{
	float: right;
	margin: 0;
	# text-align: right;
}
.clear
{
	clear:both;
}

.hidden
{
	display:none;
}

.half-width
{
	width:50%;
}

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix
{
	#display: inline-block; /* IE */
}

input:active
{
	/* border:black; */
}
body
{
	background: #fafafa;
	min-width: 990px;
}

a, a:active
{
	color:#5cc5c9;
}

a:hover
{
	color:#1ce0e7;
}

input,textarea
{
	font-family: "Chaparral Pro","Palatino Linotype","Hoefler Text",georgia, Times New Roman, Times, serif !important;
	background:#fafafa;
	/* font-style: italic; */
	padding:2px;
	letter-spacing: 0.02em;
	color:#2c2c2c;
	border-color:grey;
}
div#banner
{
	background:#f9683c;
	border-bottom:#cba79d 1px solid;
	position:static;
	height:10px;
	width:100%; 
}

div#branch
{
	--mask: linear-gradient(to bottom, 
      rgba(0,0,0, 1) 0,   rgba(0,0,0, 1) 5%, 
      rgba(0,0,0, 0) 70%, rgba(0,0,0, 0) 0
    ) 100% 50% / 100% 100% repeat-x;
  
	background:url(images/branch.png) top right no-repeat;
	position:absolute;
	height:270px;
	top:0;
	display: block;
	width:63%;
	min-width: 660px;
	-webkit-mask: var(--mask); 
    mask: var(--mask);
}

div#primary
{
	position:relative;
	background:url(images/silhouette1.png) 100% 100% no-repeat;
	padding-left:50px;	
	padding-right:50px;
}

div#secondary
{
	background:#232323;
	width:100%;
	min-height:90px;
	min-width: 990px;
	position:relative;
}

div#secondary > div.wrapper 
{	
	padding:30px 30px 0;
	min-width:930px;
	height:100%;
	z-index:0;
}

div#respond
{
padding-top:1em;
}

div.line1
{
	width:100%;
	background: url(images/indent_line.png) 33% 0 repeat-y;

}
div.line2
{
	width:100%;
	background: url(images/indent_line.png) 66% 0 repeat-y;
}

div.navigation
{	
	margin-top:18px;
	height:22px;
}

div.navigation ul
{
	padding: 5px 0px;

}

div.navigation ul li
{	
	display: inline;
	border-left:#111111 1px solid;
	font-size:120%;
	line-height: 1em;
}

div.navigation ul li a
{
	color:#757575;
	margin-left:7px;
	margin-right:5px;
	padding:3px 7px;
	font-family: "Chaparral Pro",Baskerville, Times New Roman, Times, serif;
}

div.navigation ul li.current_page_item a, div.navigation ul li a:hover
{
	background:#f9683c;
	color:#fafafa;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
div.navigation ul li.current_page_item a
{
	color:#fafafa;
}

div.sitetitle
{
	display:static;
	float:right;
	width:100%;
	padding-bottom:30px;
	
	text-align: right;
	font-weight: normal;
	font-style: italic;
}

div.sitetitle h1 {
	font-size: 60px;
	line-height: 0.8;
	font-weight: normal !important;
	color:#f9683c;
}
div.sitetitle h1 a
{
	color: #f9683c;
}

div.post
{
	text-align: justify;
	margin-bottom:3em;
}


div#entries
{
	width:65%;
	float:left;
	padding-top:5px;
	margin-bottom:0;
}
div#pagination, div#post-pagination
{
	/* matches div#forwardback (on single)
	 * some future refactor should put them both in the same div
	 */
	margin-top:2.5em;
	margin-bottom:2em;
	font-style: normal;
	height:2em;
	font-size: 170%;
	line-height:200%;
	text-align: center;
}

div#pagination a
{
	color:#232323;
}

div#pagination a.current-page
{
	color:#f9683c;
}

div#pagination a:hover
{
	color:#5cc5c9;
}

div#pagination ul {
	border-top: 1px solid;
}
.pagination li { 
    display: inline-block; 
}

.pagination li a {
	padding: 0 2px;
}

div#pagination li.disabled a
{
	color:#b3b3b3;
}

div#pagination li.active a
{
	background:#f9683c;
	color:#fafafa;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 0 8px;
}

div#forwardback ul {
	list-style-type: none;
	
	/* matches div#pagination (on list pages);
	 * some future refactor should put them both in the same div
 	 */
	margin-top:4.2em; /* increased because of reduced line height + font size */
	padding-bottom:3em; /* increased because of reduced line height + font size */
	font-style: normal;
	height:2em;
	line-height:200%;
	text-align: center;
	border-top: 1px solid;
}
div#forwardback .prevpost {
	text-align: left;
}
div#forwardback .nextpost{
	text-align: right;
}

div#sidebar
{
	float:right;
	width: 32%;
	margin-bottom:470px;
}

div#sidebar div#lefts
{
	float: left;
	width: 49%;
}
div#sidebar div#rights
{
	float: right;
	width: 49%;
}
.amp
{
	font-family: "Adobe Caslon Pro", "Palatino Linotype","Hoefler Text",georgia;
	line-height: 50%;
}
h1, h2, h3, h4, h5, h6 {
	color:#232323; /* near black */
	font-weight: normal;
	line-height: 1em;
	padding-top: 14px;
}

h1 {
	font-size: 200%;
	font-weight: bold;
}
h2 {
	font-size: 175%;
}
h3 {
	font-size: 150%;
}
h4  {
    font-size: 130%;
}
h5 {
	font-size: 100%;
}
h6 {
	font-size: 100%;
	color:#757575; /* grey */
}

div.post-title h2
{
	text-align: left;
}

div.post-title h2 a
{
	color:#232323; /* set link color to match non-link color; near black */
}

div.post-content
{
	font-family: Cambria, Georgia, Times, Times New Roman, serif;
	margin-top:1em;
}

div.post-content p /** in use **/
{
	margin: 0.6em 0;
	font-size: 100%;
}

div.post-content blockquote
{
	font-family: "Chaparral Pro","Palatino Linotype","Hoefler Text",georgia;
	font-size:120%;
	font-style:italic;
	margin:0 15px 15px;
	background: url(images/quote.png) top left no-repeat;
	padding: 5px 30px 0;
}

div.post-content ul,ol
{
	margin: 0.6em 0;
	margin-left:2em;
}

div.post-content li
{
	margin: 0.6em 0;
}

div.post-content img
{
	margin:0 10px;
	border:1px solid #dddddd;
	padding:5px;
}

div.post-content figcaption h4 /** in use **/
{
	font-size: 80%;
	font-weight: normal;
	margin: 0 10px; /** matches div.post-content img **/
	#text-align: center;
}

pre code { /** in use **/
	display: block;
	padding: 0 2em;
}

div.post-footer
{
	border: 1px solid #dddddd;
	padding: 5px;
	margin-top:1em;
}
div.post-footer p
{
	font-style: italic;
	font-size: 120%;
	color:#757575;
	line-height: 1.05em;
}

div.post-footer p strong
{
	font-style: normal;
}

div#blurb
{
	margin-top:10px;
}

div#blurb p
{
	font-family: "Adobe Caslon Pro","Palatino Linotype","Hoefler Text", georgia, serif;
	text-align: right;
	font-size: 150%;
	color:#b7b7b7;
	line-height:1.2em;
}

div#sidebar >div
{
	margin-bottom:40px;
}	

div#sidebar h2
{
	font-size: 210%;
	font-style: italic;
	color:#757575;
	font-weight: normal;
	text-align: right;
	line-height: 1em;
}

div#sidebar p
{
	text-align:justify;
	padding-bottom:1em;
}

div#sidebar > div ul
{
	list-style: none;
	margin-bottom:30px;
}

div#sidebar > div ul li a
{
	display: block;

}

div#sidebar > div ul li:hover
{
	background: #eeeeee;
}

div#sidebar > div ul li a:hover
{
	color:#5cc5c9;
}

div#sidebar > div li p
{
	color:#6e6e6e;
	font-size: 120%;
}

div#sidebar > div p.footer
{
	text-align: right;
}

div#sidebar div li{
	text-align:justify;
	padding: 0.5em 0;
	border-bottom: #eaeaea 1px solid;
}

div.secondary-module
{
	float:left;
	width:33%;
	display:block;
}

div.secondary-module h2
{
	font-size: 170%;
	font-style: italic;
	font-weight: normal;
	color:#a8a8a8;
	margin-top: 3px;
	margin-bottom: 6px;
}

div.secondary-module ul
{
	list-style:none;
	margin-bottom: 20px;
}

div.secondary-module li
{
	
	font-size: 120%;
}

div.secondary-module li:hover
{
	background:#282828;
}
div.secondary-module li a
{
	min-height:1.5em;
	display:block;
	color:#6b6b6b;
	line-height: 1.5em;
	margin-left:10px;
}
div.secondary-module li a:hover
{
	color:#5cc5c9;
}

div#secondary-module-1 div.wrapper
{
	padding-right:30px;
}

div#secondary-module-2 div.wrapper
{
	padding: 0 30px;
}

div#secondary-module-3 div.wrapper
{
	padding-left:30px;
}

div#footer
{
	padding:20px 0 10px;;

}
div#footer p
{
	font-style:italic;
	text-align: center !important;
	color:#efefef;
	width:100%;
}
div#search-box
{
	margin-bottom:30px;
}
div#search-box input#s
{
	width:100%;
	height:20px;
	font-size: 130%;
	border:#a1a1a1 1px solid;
}

p.tags
{
	font-size: 120%;
	color:#a8a8a8;
	margin-bottom: 10px;
}

div#maintenance
{
	text-align: center;
	margin:0 auto;
	max-width:690px;
}

div#maintenance div.sitetitle
{
	float:none;
	margin:50px auto;
}

div#maintenance div.sitetitle *
{
	text-align: center;
}

div#maintenance div.sitetitle h1
{
	font-size: 560%;
	font-style: normal;
}

div#maintenance div#message p.message-header
{
	font-size: 300%;
	margin-bottom: 15px;
}

div#maintenance div#message p.message-body
{
	font-size: 200%;
	line-height: 1.2em;

}

div#comments
{
	margin: 50px 0 0 0;
	line-height:150%;
}

div#comments h3, #comment-box h3
{
	margin: 0 0 5px 0;
	font-size: 1.6em;
	font-style: italic;
	font-weight: normal;
	color:#656565;
	display: inline;
	
}

div#comments div.commenti
{
	margin: 0;
	width:100%;
}

div#comments div.author-comment
{
	background:  url(images/author_label.png) 4px bottom  no-repeat;
}

div#comments div.comment-number
{
	font-size: 140%;
	color:#8f8f8f;
	font-weight: bold;
	float:left;
	width:20px;
}

div#comments div.comment-number > p
{
	text-align: center;
}

div#comments div.comment-number a
{
	color:#8f8f8f;
}

div#comments div.comment-number a:hover
{
	color:#1ce0e7;
}
div#comments li {
	list-style: none;
}

div#comments div.commenti
{
	border-left:#b5b5b5 1px solid;
	padding:0 0 0 5px;
	margin-left:25px;
}
div#comments div.author-comment div.commenti
{
	padding:0 10px 0 10px;
}



div#comments p.comment-author
{
	color:#a5a5a5;
	margin: 0 0 0.4em 0;
}

div#comments p.comment-author span.author-name
{
	font-size: 1.3em ;
	color:#444444;
}
div#comments div.comment-content
{
	font-family: Cambria, Georgia, Times, Times New Roman, serif;
	line-height: 1.2;
	margin: 0 0 0.5em 0;
	text-align: justify;
	min-height: 25px;
}
div.comment-content p
{
	margin-right: 30px;
}
div#comments p.comment-meta
{
	font-style: italic;
}

div#comment-box
{
	margin-top: 5px;
}

div#comment-box div#left-wrapper
{
	/* width: 250px; */
	/* float:left; */
	margin-left:20px;
	line-height:150%;
}
div#comment-box input[type=text],div#comment-box p
{
	/* font-size: 120%; */
	margin:0 0 5px 0;
	width:250px;
	overflow: hidden;
}

div#comment-box p
{
	font-style: italic;
	font-size: 110%;
}

div#comment-box h3
{
	margin-bottom:10px;
}
div#comment-box div#textarea-wrapper
{
	/* margin-left:290px; */
	height:100% !important;
	/* see in-line fix in the textarea-wrapper area for IE */
}

div#comment-box div#textarea-wrapper #comment
{
	font-size:100%;
}

div#comment-box textarea
{
	width:97%;
	height:15em;	
}

div#comment-box input[type=text],div#comment-box textarea
{
	border:#d1d1d1 1px solid;
	background:#fbfbfb;
}
div#comment-box input[type=submit]
{
	background:none;
	font-size:120%;
	margin-top:0.5em;
	/* float:right; */
	cursor: pointer;
}


div#post-pagination a
{
	color:#232323;
}

div#post-pagination a:hover
{
	color:#5cc5c9;
}
div#entries p.prompt
{
	font-size: 1.9em;
	margin:1.5em 0;
}

div#info p
{
	font-size:170%;
	/* border: 1px #f9683c solid; */
	border: none;
	padding: 5px;
	margin-bottom: 5px;
	/* border-radius: 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; */
}

.crss a
{
	color: #f9683c;
	font-size: 100%;
	float:right;
}

li.comment
{
	border: 1px dashed #757575;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
	margin: 10px;
}
li.comment
{
	margin-left: 30px;
}
div.comment-number img
{
	margin-right: 10px;
}
.cancel-comment-reply
{
	margin-bottom: 10px;
	display: inline;
}
ul.commentlist
{
	clear:both;
	margin-bottom: 20px;
}
ul.children li
{
	border:0;
}

div.fieldsi{
	/*padding-top:63px;*/
}
span.avatar
{
	float: left;
	margin-right: 5px;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 80%;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

table th {
	padding: 0.15em;
}
table td {
	padding: 0.15em;
}

table.recipe {
	border-collapse: collapse;
	width: 100%;
	border-width: thin;
	border: thin solid black;
	margin: 1em 0;
}
table.recipe th {
	padding: 0.4em;
}
table.recipe td {
	padding: 0.4em;
}
table.recipe tr:nth-child(even) {
	background-color: #faf3ef
}