/*
blue:#057cc2
border:#c6dbde 1px solid;
grey text: #95a2a4
*/
html {font-size:62.5%;  }
body {background:#fcfde1 url(images/bamboo.jpg) top left;  font:14px/150% "ff-tisa-web-pro-1","ff-tisa-web-pro-2","Times New Roman", serif;color:#203a3c;  }
.wf-active body {font-size:14px;}

section, header, article, header,footer,nav {display:block; }
input, button {font:1em/150% "ff-tisa-web-pro-1","ff-tisa-web-pro-2","Times New Roman", serif;}

/* typography */


h1 {font-size:1.8em  ; line-height:150%;padding-bottom:0.5em; color:#2d4786; font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Times New Roman", serif; color:#657f2f;
}
h2 {font-size:1.4em; line-height:125%; padding-bottom:0.5em;font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Times New Roman", serif;color:#657f2f;  }

h3 {font-size:1em; margin-bottom:0.8em;font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Times New Roman", serif;color:#657f2f;text-transform:uppercase; }
h4 {font-size:1em; color:#2d4786;  padding-bottom: 0px ; margin-bottom: 15px; text-transform:uppercase;font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Times New Roman", serif;color:#657f2f;   }
h5{padding-bottom:5px;  margin-bottom:10px;font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Times New Roman",  serif;color:#657f2f; }
p {margin-bottom:1em;}
a {color:#719722; text-decoration:none; overflow:hidden;  }
a:hover{color:#365000;}
img {margin:0; padding:0; line-height:0;}
#wrap {width:990px; margin:0 auto;}

#top {height:70px; margin-top:10px;}
#top h2 {float:left;width:230px; height:50px;text-indent:-9999px; padding:0; }
#top h2 a {width:230px; height:50px; background:url(images/sprite.png) -100px -200px no-repeat; display:block; }
#top h2 a:hover {background-position:-100px -250px;background-repeat: no-repeat;}
#top ul {float:right;}
#main {background:url(images/leather-tile.jpg) repeat-y;}
#leather-top {background:url(images/leather-top.png) no-repeat top left; display:block; height:20px;}
#mashead {margin-bottom:70px;}
#mashead h2 {text-align:center;font:18px "ff-prater-script-web-1","ff-prater-script-web-2", serif; color:#bb853e; text-shadow:0 1px 0 #fff;}
#mashead h1 a {width:271px; height:47px; background:url(images/sprite.png) -100px -136px; display:block; }
#mashead h1 { padding-bottom:0;text-indent:-9999px;width:271px; height:89px; margin:0 auto;}
#main-inner {margin:7px 25px 0 25px; background:#fcf8e9 url(images/paper.png) repeat-y; padding:20px 30px 20px 20px; position:relative;
	 -moz-box-shadow: 0px 0px 10px #360f00; /* FF3.5+ */ -webkit-box-shadow: 0px 0px 10px #360f00; /* Saf3.0+, Chrome */  box-shadow: 0px 0px 10px #360f00; /* Opera 10.5, IE 9.0 */
}
#main-nav {width:955px; height:71px; text-shadow:0 -1px 0 #73952c; background:url(images/sprite.png) -100px 0 no-repeat; top:120px; left:-27px; position:absolute; font:18px "ff-prater-script-web-1","ff-prater-script-web-2", serif; z-index:2;}
.wf-active #main-nav {font-size:18px;  }
#main-nav ul {margin-left:200px;}
#main-nav a{color:#fff;}
#main-nav a:hover, #main-nav .current-cat a {color:#f1ffa3;}
#main-nav li {float:left; margin:0 40px 0 0;line-height:69px; }
 #pen {display:block; width:53px; height:465px; background:url(images/sprite.png) 0 0 no-repeat; position:absolute; z-index:1; top:15px; left:10px;}
 #clip {display:block; width:23px; height:256px; background:url(images/sprite.png) right -100px no-repeat; position:absolute; z-index:1; top:10px; right:-20px;}
#top ul li {float:left; margin: 0 10px; margin-top:15px;}
#top ul li a {margin-top:7px;}
#twitter a {width:18px; height:25px; background:url(images/sprite.png) -400px -100px; text-indent:-99999px; display:block; margin-top:5px;}
#rss a {width:26px; height:24px; background:url(images/sprite.png) -440px -100px; text-indent:-99999px; display:block; margin-top:5px;}
#home-link a {width:24px; height:24px; background:url(images/sprite.png) -400px -135px; text-indent:-99999px; display:block; margin-top:5px;}
#mini-search {width:264px; height:38px; line-height:38px; padding-left:20px; background:url(images/sprite.png) -500px -100px;}
#mini-search:hover {background:url(images/sprite.png) -500px -160px;}
#mini-search input[type="text"] {border:none; background:none; color:#473400; text-shadow:0 1px 0 #fffaeb; width:200px;}

#mini-search button {float:right; width:38px; height:38px; border:none; background:none; text-indent:-99999px; }
#mini-search button:hover {cursor:pointer;}

#content {padding-left:30px;}
.meta {width:100px; float:left; margin-top:10px; text-align:right; color:#607172; font-size:10px; font-style:italic;}
.meta a{ font-weight:bold; font-style:normal; font-size:12px;}
.date {display:block; margin-top:1em;} 
.summary {overflow:hidden;}
.summary, .article-details {margin-left:140px; text-shadow:0 1px 0 #fff;}
.post.home {margin-bottom:2em; clear:both;} 
article.home{clear:both;}
 .post-title {overflow:hidden; }
.post-title span {width:30px; line-height:18px; height:26px; background:url(images/sprite.png) -500px -250px; margin-top:-10px;display:block; float:left; font:12px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif; text-align:center; margin:5px 0 0 10px; }
.post-link {float:left;}

.article-details blockquote {font:italic 16px/150% "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif; padding:20px 20px 10px 20px; background:url(images/yellow-paper.jpg) top left repeat-x;  margin-bottom:1em;
     -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); /* FF3.5+ */
  -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); /* Saf3.0+, Chrome */
          box-shadow: 0px 2px 2px rgba(0,0,0,0.2); /* Opera 10.5, IE 9.0 */}
.article-details blockquote p{ margin-bottom:10px;}

.article-details ul, .article-details ol {margin-left:1em; margin-bottom:1em;}
.article-details ul {list-style-type:disc;}
.article-details ol {list-style-type:decimal;}
.size-full {text-align:center;}
.wp-caption {text-align:center; padding:7px 5px 7px 5px; background:#e5dfb1; background:rgba(229,223,177, .3); border:1px solid #c8c292;margin-bottom:1em;-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;}
.wp-caption-text {color:#b49e6b; font-variant: small-caps; margin:0; padding:0; font-size:12px;}
#article-extras {margin-left:140px;overflow:hidden; padding:10px;background:#fff;background:rgba(254,254,254, .8);border:1px solid #dccfb2;-webkit-border-radius: 7px;
-moz-border-radius: 7px; border-radius: 7px; }
#small-rss {float:left; margin-top:5px;}
#small-rss a {padding-left:25px; background:url(images/rss.png) 0 3px no-repeat; margin:3px auto auto 15px;}
.more-link     {padding:0px 7px;background:#fff;background:rgba(254,254,254, .3); text-transform:uppercase; font-size:12px; border:1px solid #dccfb2;margin-bottom:1em;-webkit-border-radius: 7px;
-moz-border-radius: 7px; border-radius: 7px;}
.more-link:hover {background:#fff;}
#article-extras h2 {display:inline-block; float:left; font-size:18px; margin:0; padding:5px 0 0 0;font-family:"ff-prater-script-web-1","ff-prater-script-web-2", serif; font-weight:normal;}
#fb-tweet {float:left; margin-top:5px; margin-left:15px;}
#dig-button{ margin-top:2px; float:left; margin-left:10px;}
 .post-thumb { padding:5px 5px 2px 5px; background:#e5dfb1; background:rgba(229,223,177, .3); border:1px solid #c8c292;float:left; margin:5px  20px 20px 0;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;  display:inline-block;}
#pager {overflow:hidden;}
#pager li {width:166px; margin-top:20px; height:42px;  font-size:18px; border:none; text-align:center; line-height:42px;  color:#719722;  font-family:"ff-prater-script-web-1","ff-prater-script-web-2", serif;}
#pager #prev{overflow:hidden; margin-left:140px;background:url(images/sprite.png) -100px -450px;float:left; }
#pager #next{overflow:hidden; background:url(images/sprite.png) -300px -450px; float:right; }
/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both; margin-left:180px;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {

	font-size: 20px;
	text-transform:none;
	margin-bottom: 0;   font-family:"ff-prater-script-web-1","ff-prater-script-web-2", serif;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px;position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body {padding:10px;background:#fff; background:rgba(254,254,254, .3); border:1px solid #d9cfa9;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; margin:10px 0 10px -56px;}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {

	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment
 {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */

#respond {
   padding:20px; background:url(images/yellow-paper.jpg) repeat-x; -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); /* FF3.5+ */
  -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); /* Saf3.0+, Chrome */
          box-shadow: 0px 2px 2px rgba(0,0,0,0.2); /* Opera 10.5, IE 9.0 */     margin-top:20px; position:relative;  z-index:1;   margin-top:70px;
}

#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}

#respond .required {
	color: #719722;
	font-style:italic;
}
#respond .reply {text-align:right;}
#respond ul li {overflow:hidden;margin:5px 0;}
#respond label { display:block; width:100px; float:left;   font-family:"ff-prater-script-web-1","ff-prater-script-web-2", serif;  padding-top:8px;


}
#respond input {width:300px;}
#respond input, #respond textarea {       float:left; margin-left:50px;
	margin: 0 0 9px;
	border:none;border:2px #d6d07e dotted; background:transparent; padding:5px;
}
#respond input:hover, #respond textarea:hover,#respond input:focus, #respond textarea:focus {border-color:#b7a048; background:#fff; background:rgba(254,254,354,.3);}
#respond textarea {border:2px #d6d07e dotted;width:540px;  }
#respond button {width:170px; height:48px; background:url(images/sprite.png) -100px -350px; margin-left:100px; font-size:20px; border:none; text-align:center; line-height:48px;  color:#719722;  font-family:"ff-prater-script-web-1","ff-prater-script-web-2", serif; }
#respond button:hover {cursor:pointer; color:#4f7c0e;}
#respond .form-allowed-tags {
	color: #987250;
	font-size: 12px;
	line-height: 18px; margin-left:100px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}
.commentlist #respond {margin-left:0;}
.commentlist #respond #coffee {display:none;}   
#respond.logged #coffee {display:none;}
.commentlist #respond {margin-top:0;}
.commentlist #respond input{width:98%; margin-left:0; float:none;}
 .commentlist #respond label {display:inline; width:auto;}
.commentlist #respond button {margin-left:0;}
.commentlist #respond .form-allowed-tags {; margin-left:0px; clear:both;
}

#feature-tutorials {margin-left:140px; padding:20px; background:url(images/yellow-paper.jpg) top left repeat-x; margin-right:30px;  position:relative;
     -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); /* FF3.5+ */
  -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); /* Saf3.0+, Chrome */
          box-shadow: 0px 2px 2px rgba(0,0,0,0.2); /* Opera 10.5, IE 9.0 */

}
#feature-tutorials p, #feature-tutorials ul {width:4C00px;}
#coffee {display:block; width:310px; height:310px; background:url(images/coffee.png) 0 0 no-repeat; top:15px; right:-80px; position:absolute;z-index:10;}
#respond #coffee {top:-50px;}
#feature-tutorials li {margin:10px 0;}
#footer {padding-top:30px; background:url(images/leather-bottom.png) top left no-repeat; clear:both;color:#8b7744; text-shadow: 0 1px 0 #fff; margin-bottom:20px;overflow:hidden;}
#copyright {width:400px; float:left;}
#footer-links {width:500px; float:right;}
#footer-links  li {float:right; margin-left:30px;}
.clearfix:after, #respond:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix, #respond {display: inline-block;}  /* for IE/Mac */


.clear {clear:both;}