/*
Theme Name:     CharlesWorks Notepad
Theme URI:      https://charlesworks.com/online_for_99_special.asp
Description:    This is the CharlesWorks Custom Notepad WordPress child theme. Feel free to use this child theme for security and safety reasons. Make your hard coding changes in this child theme. This prevents customizations being lost upon updates to the parent theme. Updates are extremely important in the fight to minimize viruses, malware, and Trojans from being passed to you or your site visitors. Feel free to use any of the CharlesWorks child themes located at the link to them at http://CharlesWorks.net/WordPress.asp. The Notepad theme was inspired by the iPhone's Notes.app
Author:         Charles
Author URI:     http://charlesworks.net/wordpress.asp
Template:       notepad
Version:        1.12.14
Tags:           theme-options, translation-ready, two-columns, right-sidebar, fixed-width, light, yellow, rtl-language-support, custom-menu, full-width-template, custom-background, sticky-post, blog, clean, colorful, light, modern, paper-made, tech

*/

/* reset
-------------------------------------------------*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
/* reset end
-------------------------------------------------*/

html {
	background: #f5f4f4 url(img/bg-stripe.png);
}
body {
	font: normal .81em/1.5em Arial, Helvetica, sans-serif;
	margin: 0;
	color: #6f5e4e;
}
p {
	margin: 0 0 1em;
}
em, i {
	font: normal italic 100% Georgia, "Times New Roman", Times, serif;
}
a {
	color: #644527;
	text-decoration: underline;
	outline: none;
}
a:hover, a:focus {
	color: #ca6c18;
}
big {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.46em;
	color: #887662;
}
small {
	font-size: .9em;
	color: #9f8c77;
}
blockquote {
	background: url(img/blockquote.png) no-repeat 4px 0;
	padding: 0 0 0 26px;
	font: italic 1.1em/1.4em Georgia, "Times New Roman", Times, serif;
	color: #897662;
}
ul {
	list-style: none;
	margin: 1.2em 0 1.8em 10px;
}
#wrapper ul li {
	background: url(img/bullet.png) no-repeat 0 .5em;
	padding: 0 0 .5em 16px;
}
ol {
	margin: 1.2em 0 1.8em 10px;
}
ol li {
	margin: 0 0 .5em 16px;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 2em;
	color: #644527;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
table {
	border-collapse: collapse;
}
th, td {
	border: 2px solid #ccc;
	padding: 5px;
}
input, textarea, select {
	font: normal 1em/1.4em Arial, Helvetica, sans-serif;
}
input[type=text], input[type=password], textarea {
	background: #fdfde8;
	border: solid 1px #d6d1c7;
	padding: 5px 7px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
textarea:focus, input[type=password]:focus, input[type=text]:focus {
	border: solid 1px #ca6c18;
	background: #fff;
	outline: none;
	-webkit-box-shadow: 0 1px 4px #c5c5a2;
	-moz-box-shadow: 0 1px 4px #c5c5a2;
	box-shadow: 0px 1px 4px #c5c5a2;
}
input[type=reset], input[type=submit] {
	font-weight: bold;
	color: #fff;
	background: #402206 url(img/form-button-bg.png) repeat-x;
	border: solid 1px #402206;
	padding: 4px 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
input[type=reset]:hover, input[type=submit]:hover
input[type=reset]:focus, input[type=submit]:focus {
	background: #74300c url(img/form-button-bg.png) repeat-x 0 -91px;
	border: solid 1px #74300c;
}

#pagewrapper {
	width: 980px;
	margin: 0 auto;
}

/* header
-------------------------------------------------*/
#header {
	background: url(img/header.png) no-repeat center bottom;
	/*padding: 30px 10px 110px;*/
	padding: 30px 10px 80px;
	position: relative;
}
#header #logo {
	font: bold 3.7em/1em Arial, Helvetica, sans-serif;
	margin: 0 0 10px;
	letter-spacing: -.08em;
	color: #74685c;
	text-shadow: 0 1px 0 #fff;
}
#header #logo, #header #logo a {
	color: #74685c;
	text-decoration: none;
}
#header #logo a:hover {
	color: #ca6c18;
}
#header .description {
	font: 1.4em/1em Arial, Helvetica, sans-serif;
	margin: 0 0 20px;
	letter-spacing: -.04em;
	color: #7c7268;
	text-shadow: 0 1px 0 #fff;
}
#header .socialmedia a {
	text-decoration: none;
	margin-right: 20px;
	color: #666;
}
#header .socialmedia a:hover, #header .socialmedia a:focus {
	color: #ca6c18;
}
#header .socialmedia img {
	vertical-align: middle;
	margin: 0 8px 5px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 2px 2px #ccc;
	box-shadow: 0px 1px 4px #000;
}


/* nav level1 */
#header ul.menu {
	/*position: absolute;*/
	/*bottom: 58px;*/
	position: relative;
	top: 23px;
	height: 32px;
	left: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
	right: 30px;
}
#header ul.menu li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 5px 5px;
	background: none;
	list-style: none;
	position: relative;
}
#header ul.menu li a,
#header ul.menu .current_page_item a,
#header ul.menu .current-menu-item a {
	font: bold 95%/100% Arial, Helvetica, sans-serif;
	padding: 9px 12px 10px 8px;
	display: block;
	text-decoration: none;
	color: #cbc3bb;
	text-shadow: 0 1px 1px #1f1206;
}
#header ul.menu .current_page_item,
#header ul.menu .current-menu-item,
#header ul.menu li:hover,
#header ul.menu li:focus {
	background: url(img/nav-bg.png) no-repeat;
}
#header ul.menu .current_page_item a,
#header ul.menu .current-menu-item a {
	background: url(img/nav-bg.png) no-repeat right -85px;
	color: #fff;
}

/* show hover bg */
#header ul.menu li:hover a, #header ul.menu li:focus a {
	background: url(img/nav-bg.png) no-repeat right -85px;
}
#header ul.menu .current_home a {
	background: url(img/nav-bg.png) no-repeat right -169px;
	padding-right: 20px;
	color: #fff;
}

/* nav level2 */
#header ul.menu ul {
	position: absolute;
	top: 18px;
	left: -10px;
	padding: 8px 0 10px;
	background: #fbf4b5 url(img/subnav-gradient.png) repeat-x;
	border: solid 1px #c5c5a2;
	z-index: 1;
	-webkit-box-shadow: 0 1px 4px #c5c5a2;
	-moz-box-shadow: 0 1px 4px #c5c5a2;
	box-shadow: 0px 1px 4px #c5c5a2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#header ul.menu ul li {
	background: none;
	padding: 0;
	margin: 0;
}
#header ul.menu ul li a,
#header ul.menu ul .current_page_item a,
#header ul.menu ul .current-menu-item a {
	color: #755433;
	font-weight: normal;
	text-shadow: 0 0;
}
#header ul.menu ul li:hover,
#header ul.menu ul li:hover a,
#header ul.menu ul .current_page_item,
#header ul.menu ul .current-menu-item {
	background: none;
}
#header ul.menu ul li a {
	color: #755433;
	font-weight: normal;
	text-shadow: 0 0;
	padding: 7px 0 7px 15px;
	width: 200px;
	background: none !important;
}
#header ul.menu .current_page_item li a,
#header ul.menu .current-menu-item li a,
#header ul.menu ul li a {
	color: #755433;
	background: none;
	text-shadow: 0 0;
	font-weight: normal;
}
#header ul.menu ul ul {
	padding: 0;
}
#header ul.menu ul ul li {
	padding: 8px 0 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
/* highlighting current page when nested page */
#header ul.menu ul ul .current_page_item,
#header ul.menu ul ul .current-menu-item {
	background: transparent;
	background-color: rgba(125,94,63,0.1);
}
#header ul.menu ul a:hover, #header ul.menu .current_page_item li a:hover, #header ul.menu .current-menu-item li a:hover, #header ul.menu ul li a:hover
#header ul.menu ul a:focus, #header ul.menu .current_page_item li a:focus, #header ul.menu .current-menu-item li a:focus, #header ul.menu ul li a:focus {
	background: none;
	color: #000;
}

/* dropdown */
#header ul.menu ul {
	display: none;
}
#header ul.menu li:hover > ul,
#header ul.menu li:focus > ul {
	display: block;
	z-index: 10;
}

/* nav sub levels */
#header ul.menu ul ul {
	left: 200px;
	top: -18px;
	z-index: 999;
}

#searchform {
	background: url(img/searchform.png) no-repeat;
	width: 222px;
	height: 26px;
	padding: 5px 0 3px;
}
#searchform #s {
	background: #332518;
	border: none;
	font: normal 110% Georgia, "Times New Roman", Times, serif normal italic;
	color: #ada8a3;
	width: 168px;
	padding: 2px 5px;
	margin-left: 30px;
}
#searchform #s:focus {
	outline: inherit;
	-webkit-box-shadow: 0px 0px 0px;
	-moz-box-shadow: 0px 0px 0px;
	box-shadow: 0px 0px 0px transparent;
}

/* content
-------------------------------------------------*/
#wrapper {
	background: url(img/wrapper.png) center 5px;
	width: 100%;
	min-height: 600px;
	overflow: hidden;
	padding-top: 8px;
}

#content {
	float: left;
	width: 520px;
	margin-left: 15px;
	padding: 0 0 0 90px;
}
#wrapper .full-width,
#wrapper .image-attachment {
	width: 775px;
}
.post {
	margin: 0 0 45px;
	clear: both;
	overflow: hidden;
}
.post.sticky {
	border: 1px dotted #b09473;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.post-title {
	font: bold 1.9em/1em Arial, Helvetica, sans-serif;
	letter-spacing: -.05em;
	margin: 0 0 10px;
	text-shadow: 0 1px 4px #dfdfbb;
	color: #644527;
}
.post-title a {
	text-decoration: none;
	color: #644527;
}
.post-title a:hover, .post-title a:focus {
	color: #ca6c18;
}
.post-date {
	font: bold 1.2em/1.2em Arial, Helvetica, sans-serif;
	color: #887057;
	margin: -30px 0 0 -96px;
	padding: 0;
	width: 80px;
	text-align: right;
	position: absolute;
}
.post-data {
	margin: 0 0 20px;
	font: bold .9em/1.3em Arial, Helvetica, sans-serif;
	color: #b09473;
}
.post-data a {
	color: #b09473;
	text-decoration: none;
	padding-bottom: 4px;
}
.post-data a:hover, .post-data a:focus {
	color: #ca6c18;
	text-decoration: none;
}
.post-data span {
	padding: 0 0 3px 19px;
	margin-right: 12px;
}
.postauthor {
	background: url(img/postdata-icons.png) no-repeat 0 -512px;
}
.postauthor:hover, .postauthor:focus {
	background: url(img/postdata-icons.png) no-repeat 0 -619px;
}
.postcategory {
	background: url(img/postdata-icons.png) no-repeat;
}
.postcategory:hover, .postcategory:focus {
	background-position: 0 -253px;
}
.posttag {
	background: url(img/postdata-icons.png) no-repeat 0 -86px;
}
.posttag:hover, .posttag:focus {
	background-position: 0 -339px;
}
.postcomment {
	background: url(img/postdata-icons.png) no-repeat 0 -172px;
}
.postcomment:hover, .postcomment:focus {
	background-position: 0 -425px;
}

.gallery {
	max-width: 500px;
	overflow: hidden;
}

.more-link {
	font: bold 1em/1em Arial, Helvetica, sans-serif;
	background: url(img/more-link.png) no-repeat right 3px;
	text-decoration: none;
	padding: 0 12px 3px 0;
}
.more-link:hover, .more-link:focus {
	background-position: right -67px;
}

.post-nav {
	background: url(img/content-dots.png) repeat-x;
	width: 100%;
	overflow: hidden;
	margin: 10px 0 25px;
	padding: 12px 0 0;
}
.post-nav:first-child {
	background-position: 0 bottom;
	padding: 0 0 12px;
}
.post-nav a {
	font: bold 1.1em/1.2em Arial, Helvetica, sans-serif;
	padding: 3px 0 12px;
	display: block;
	text-decoration: none;
	background: #ccc;
}
.post-nav .previous a {
	background: url(img/post-nav.png) no-repeat;
	padding-left: 32px;
	float: left;
}
.post-nav .previous a:hover, .post-nav .previous a:focus {
	background-position: 0 -191px;
}
.post-nav .next a {
	background: url(img/post-nav.png) no-repeat right -383px;
	padding-right: 32px;
	text-align: right;
	float: right;
}
.post-nav .next a:hover, .post-nav .next a:focus {
	background-position: right -574px;
}
.attachment .navigation {
	display: none;
}
.attachment .centered {
	text-align: center;
}
.attachment .postmetadata {
	clear: both;
	padding-top: 10px;
}
.image-attachment .caption {
	padding: 1em 0 0 0;
}

/* content end
-------------------------------------------------*/

/* comments
-------------------------------------------------*/
#comments, #respond h4 {
	font: bold 1.6em/1em Arial, Helvetica, sans-serif;
	padding: 15px 0 0;
	margin: 5px 0 20px;
	letter-spacing: -.04em;
	text-shadow: 0 1px 4px #dfdfbb;
}
#comments, .commentlist #respond h4 {
	background: url(img/content-dots.png) repeat-x;
}
#comments em, #respond h4 em {
	font: italic .7em/1em Georgia, "Times New Roman", Times, serif;
}
/* commentlist level1 */
.commentlist {
	list-style: none;
	margin: 0;
	padding: 0;
}
.commentlist .comment {
	margin: 0 0 20px;
	padding: 0;
}
.pingback {
	background: url(img/reply.png) no-repeat -50px bottom;
	margin: 0 0 20px;
	padding-bottom: 12px;
}
.commentlist .comment.alt {
	margin-left: 20px;
}
.comment-author {
	margin: 0 0 5px;
}
.comment-author small {
	color: #9d8b78;
	font-size: .85em;
}
.comment-author cite {
	font: bold normal 1.35em/1em Arial, Helvetica, sans-serif;
}
.comment-author cite a {
	text-decoration: none;
}
.post .avatar {
	position: absolute;
	margin: -4px 0 0 -65px;
	background: #fdfde8;
	border: solid 1px #d6d1c7;
	padding: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.reply {
	background: url(img/reply.png) no-repeat 0 center;
	padding: 0 0 0 12px;
}
.comment-reply-link {
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
	color: #a5907a;
	text-decoration: none;
}
a.comment-reply-link:hover {
	color: #ca6c18;
}
.commententry {
	clear: both;
}

/*commentlist level2 */
.commentlist ul {
	margin: 20px 0 0;
	padding: 0;
}
.commentlist ul li {
	background: none;
	margin: 0;
	padding: 0;
}
.commentlist ul .comment-author {
	margin: 0 0 10px;
}
.commentlist ul .avatar {
	width: 32px;
	height: 32px;
	position: relative;
	float: left;
	margin: -5px 10px 0 0;
}

/*commentlist sub levels */
.commentlist ul ul {
	margin-left: 53px;
	padding: 0;
}


/* comment nav */
.comment-nav {
	clear: both;
	float: right;
	margin: -33px 0 0;
	line-height: 1em;
}
.comment-nav a {
	text-decoration: none;
	color: #b8a98a;
	font-weight: bold;
	text-transform: uppercase;
}
.comment-nav a:hover, .comment-nav a:focus {
	color: #ca6c18;
}
.comment-nav .previous a {
	background: url(img/comment-nav.png) no-repeat 0 -144px;
	padding-left: 18px;
	margin-right: 20px;
}
.comment-nav .previous a:hover, .comment-nav .previous a:focus {
	background-position: 0 -217px;
}
.comment-nav .previous a:after {
content:  close-quote;
}
.comment-nav .next a {
	background: url(img/comment-nav.png) no-repeat right 3px;
	padding-right: 24px;
}
.comment-nav .next a:hover, .comment-nav .next a:focus {
	background-position: right -70px;
}
.comment-nav .divider {
	background: url(img/comments-nav-circle.png) no-repeat center center;
	padding: 0 10px;
}

/* Comment form */

#respond {
	position: relative;
	margin-bottom: 40px;
}
#respond .cancel-comment-reply {
	position: absolute;
	top: 20px;
	right: 0;
}
#respond #cancel-comment-reply-link {
	font: bold .9em/1em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: url(img/cancel-reply.png) no-repeat 0 3px;
	padding: 2px 2px 2px 16px;
	text-decoration: none;
	color: #b8a98a;
}
#respond #cancel-comment-reply-link:hover, #respond #cancel-comment-reply-link:focus {
	text-decoration: none;
	color: #ca6c18;
	background-position: 0 -55px;
}
#commentform p {
	overflow: hidden;
}
#commentform input[type=text] {
	width: 210px;
	float: left;
	margin-right: 5px;
	background: #fdfde8;
	position: relative;
	border: solid 1px #d6d1c7;
	padding: 5px 7px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#respond .comment-form-comment label {
	display: none;
}
#commentform textarea {
	width: 97%;
	height: 200px;
	padding: 10px 7px;
	border: solid 1px #d6d1c7;
	background: #fdfde8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#commentform textarea:focus, #commentform input[type=text]:focus {
	border: solid 1px #ca6c18;
	background: #fff;
	outline: none;
	-webkit-box-shadow: 0 1px 4px #c5c5a2;
	-moz-box-shadow: 0 1px 4px #c5c5a2;
	box-shadow: 0px 1px 4px #c5c5a2;
}
#commentform label {
	font-weight: bold;
}
#commentform label small {
	font-weight: normal;
}
#commentform #submit {
	background: url(img/comment-submit.png) no-repeat 0 bottom;
	width: 183px;
	height: 35px;
	border: none;
	font: bold 1.05em/1em Arial, Helvetica, sans-serif;
	color: #fff;
	text-shadow: 0 1px 2px #000;
	cursor: pointer;
	padding: 3px 0 7px;
}
#commentform #submit:hover, #commentform #submit:focus {
	background-position: 0 0;
}

/* comments end
-------------------------------------------------*/

/* sidebar
-------------------------------------------------*/
#sidebar {
	width: 270px;
	float: right;
	margin: 5px 35px 0 0;
	font-size: .95em;
	line-height: 1.5em;
}
#sidebar h4, #sidebar .widgettitle {
	font: bold 1.5em/1em Arial, Helvetica, sans-serif;
	background: url(img/sidebar-dots.png) repeat-x 0 bottom;
	padding: 0 0 10px;
	margin: 0 0 10px;
	text-shadow: 0px 1px 4px #dfdfbb;
}
#sidebar h4 a, #sidebar .widgettitle a {
	text-decoration: none;
}
#sidebar ul {
	list-style: none;
	margin: 0 0 1em;
}
#sidebar ul ul {
	margin: 0;
}
#sidebar ul li {
	background: url(img/sidebar-list-arrow.png) no-repeat 0 4px;
	padding: 0 0 0 11px;
	margin: 4px 0;
}
#sidebar ul ul li {
	background: url(img/sidebar-list-circle.png) no-repeat 0 4px;
}
#sidebar ul a {
	font-weight: bold;
	text-decoration: none;
}

/* widgets */
#sidebar .widget {
	margin: 0 0 32px;
}
#sidebar #searchform {
	position: relative;
	margin: -13px 0 20px;
	right: auto;
	bottom: auto;
}
#sidebar #wp-calendar caption {
	font-weight: bold;
}
#sidebar #wp-calendar td {
	width: 32px;
	padding: 4px 2px;
	text-align: center;
}
/* sidebar end
-------------------------------------------------*/

/* footer
-------------------------------------------------*/
#footer {
	font-size: .9em;
	background: url(img/footer.png) no-repeat center top;
	padding: 108px 10px 30px;
	clear: both;
	width: auto;
	overflow: hidden;
	color: #888;
}
#footer a {
	color: #666;
	text-decoration: none;
}
#footer a:hover, #footer a:focus {
	text-decoration: underline;
}
#footer .generator {
	float: left;
}
#footer .credits {
	float: right;
}
/* footer end
-------------------------------------------------*/

/* wordpress post formating, etc.
-------------------------------------------------*/
.center {
	text-align: center;
}
img.alignleft, img.aligncenter, img.alignright, img.alignnone {
	background: #fff;
	border: 1px solid #d6d1c7;
	padding: 5px;
	max-width: 500px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.alignleft {
	float: left;
	margin-right: 20px;
}
.alignright {
	float: right;
	margin-left: 20px;
}
.aligncenter {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	background: #fff;
	border: solid 1px #d6d1c7;
	padding: 5px 2px 0;
	margin-bottom: 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.wp-caption-text {
	font: italic 1em/1.3em Georgia, "Times New Roman", Times, serif;
	margin: 6px 0;
	color: #777;
}
.excerpt-more-link {
	color: #B09473;
	font-weight: bold;
	text-decoration: none;
}
.excerpt-more-link:hover, .except-more-link:focus {
	font-weight: bold;
}

/* wordpress post formating end
-------------------------------------------------*/