/*  
Theme Name: Notepad Theme
Theme URI: http://www.ndesign-studio.com/wp-themes/notepad
Description: A notepad theme inspired by the iPhone's Notes.app
Version: 1.3
Tags: two-columns, right-sidebar, fixed-width, threaded-comments, light, yellow
Author: Nick La
Author URI: http://www.ndesign-studio.com

This theme is released under GPL: http://www.gnu.org/licenses/gpl.html

If you remix, convert, translate, modify, or distribute a copy of this theme, please keep the links/credit in the footer.
*/

/* reset
-------------------------------------------------*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table,
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;
}

html {
overflow-y:scroll;


}

em, i {
	font: normal italic 100% Verdana;
}

img, fieldset {
	border: 0;
}

/* reset end
-------------------------------------------------*/

html {
background-image: url(img/bg2.gif);}
body {

		
width: 995px;
	margin: 0 auto;
	color: #ffffff;

}

p {
	
color: #fff;
font-family:verdana,arial;
font-size:12px;
margin-bottom: 10px;
margin-top: 5px;

padding:5px 0;
line-height: 20px;
}

a {
	color: #fff;
	text-decoration: underline;
	outline: none;

}
a:hover {
	
}
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 verdana, arial, san serif;
	color: #897662;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 2em;
	color: #ffffff;
}

h1 {
	font-size: 2em;
}
h2 {
	font-family:verdana,arial;
font-size:1.4em;
text-align:left;
padding-bottom: 5px;
padding-top: 0px !important;
margin-top: 0px !important;
color: #ffcc00 !important;
}

h3 {
font-family: verdana, arial, san serif;
font-size: 16px;
	font-size: 1.4em;
}
h4 {
	color:#FFCC00;
font-family:verdana,arial;
font-size:1.1em;
margin:0;
padding:0.25em 0;
}
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;
}
textarea:focus, input[type=password]:focus, input[type=text]:focus {
	border: solid 1px #ca6c18;
	background: #fff;
	outline: none;
	box-shadow: 0 1px 4px #c5c5a2;

	-webkit-box-shadow: 0 1px 4px #c5c5a2;
	-moz-box-shadow: 0 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;
}
input[type=reset]:hover, input[type=submit]:hover {
	background: #74300c url(img/form-button-bg.png) repeat-x 0 -91px;
	border: solid 1px #74300c;
}

/* header
-------------------------------------------------*/
#header {
	

	position: relative;
}
#header #logo {
	font: 86px Times New Roman, Arial, Helvetica, sans-serif;
	font-family: Times New Roman, arial, verdana, san serif !important;
color: #ffcc00;
text-align: center;
padding-bottom: 5px;
}

#header #logo, #header #logo a {
	color: #ffcc00;
	text-decoration: none;
}
#header #logo a:hover {
	color: #ffcc11;
}






#header .description {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 20px;
text-align: center;
	
	color: #ffcc00;

}
#header .socialmedia a {
	text-decoration: none;
	margin-right: 20px;
	color: #666;
}
#header .socialmedia a:hover {
	color: #ca6c18;
}
#header .socialmedia img {
	vertical-align: middle;
	margin: 0 8px 5px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 1px 4px #000;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 2px 2px #ccc;
}




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

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

#content {
	float: left;
	width: 995px;
	margin-left: 0px;
	padding: 0 0 0 0;
font-family: verdana, arial, san serif;
padding:5px 0;
line-height: 20px;
font-size: 12px;
}

#content_right {
float: right;
width: 725px;
margin-right: 20px;
padding: 0;
font-family: verdana, arial, san serif;
padding:5px 0;
line-height: 20px;
font-size: 12px;
}

#content_full_width {
font-family: verdana, arial, san serif;
float: right:
background: white;
width: 780px;
padding:5px 0;
line-height: 20px;
font-size: 12px;

}

.post {
}


.post_sidebar {

float: left;
width: 800px;
padding-right: 20px;
padding-left: 20px;


}
.post-title {

	margin: 0 0 10px;
	border-bottom: 1px solid #ffffff;
	

font-family: verdana, arial, san serif;
font-size: 24px;
color: #ffcc00;
text-decoration: none;
text-transform: uppercase;



}
.post-title a {
	text-decoration: none;
	color: #ffcc00;
}
.post-title a:hover {
	color: #fff;
}
.post-date {
	font: bold 1.2em/1em 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 {
	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 {
	background: url(img/postdata-icons.png) no-repeat 0 -619px;
}
.postcategory {
	background: url(img/postdata-icons.png) no-repeat;
}
.postcategory:hover {
	background-position: 0 -253px;
}
.posttag {
	background: url(img/postdata-icons.png) no-repeat 0 -86px;
}
.posttag:hover {
	background-position: 0 -339px;
}
.postcomment {
	background: url(img/postdata-icons.png) no-repeat 0 -172px;
}
.postcomment:hover {
	background-position: 0 -425px;
}

.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;
}
a.more-link:hover {
	background-position: right -67px;
}

.post-nav {
font-family: verdana, arial, san serif;
	background: url(img/content-dots.png) repeat-x;
	width: 100%;
clear: both;
	overflow: hidden;
	margin: 10px 0 25px;
	padding-top: 12px;
}
.post-nav a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
	padding: 3px 0 12px;
	display: block;
	text-decoration: none;
	width: 225px;
	background: #ccc;
font-weight: bold;
}
.post-nav .previous a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
	background: url(img/post-nav.png) no-repeat;
	padding-left: 32px;
	float: left;
font-weight: bold;
}
.post-nav .previous a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
	background-position: 0 -191px;
}
.post-nav .next a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
	background: url(img/post-nav.png) no-repeat right -383px;
	padding-right: 32px;
	text-align: right;
	float: right;
}
.post-nav .next a:hover {
	background-position: right -574px;
}

/* 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: 0px 1px 4px #dfdfbb;
}
#comments, .commentlist #respond h4 {
	background: url(img/content-dots.png) repeat-x;
}
#comments em, #respond h4 em {
	font: italic .7em/1em verdana, Georgia, "Times New Roman", Times, serif;
}
/* commentlist level1 */
.commentlist {
	list-style: none;
	margin: 0;
	padding: 0;
}
.commentlist li {
	margin: 0 0 20px;
	padding: 0;
}
.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;
}
.avatar {
	position: absolute;
	margin: -4px 0 0 -65px;
	background: #fdfde8;
	border: solid 1px #d6d1c7;
	padding: 4px;
	-webkit-border-radius: 4px;
	-moz-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 {
	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 {
	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 {
	background-position: right -70px;
}
.comment-nav .divider {
	background: url(img/comments-nav-circle.png) no-repeat center center;
	padding: 0 10px;
}

#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 {
	text-decoration: none;
	color: #ca6c18;
	background-position: 0 -55px;
}
#commentform input[type=text] {
	width: 210px;
	margin-right: 5px;
	background: #fdfde8;
	border: solid 1px #d6d1c7;
	padding: 5px 7px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#commentform textarea {
	width: 97%;
	height: 200px;
	padding: 10px 7px;
	border: solid 1px #d6d1c7;
	background: #fdfde8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#commentform textarea:focus, #commentform input[type=text]:focus {
	border: solid 1px #ca6c18;
	background: #fff;
	outline: none;
	box-shadow: 0 1px 4px #c5c5a2;
	-webkit-box-shadow: 0 1px 4px #c5c5a2;
	-moz-box-shadow: 0 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 {
	background-position: 0 0;
}

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

/* sidebar
-------------------------------------------------*/

#left_sidebar {
float: left;
width: 130px;




}





#sidebar {
	width: 180px;
	float: left;
	margin-right: 35px;
	font-size: .95em;
	line-height: 1.5em;
}




#sidebar a {
text-decoration: none;
font-family: verdana, arial, san serif;
font-size: 12px;
margin-bottom: 7px;
}


#sidebar a:hover {
color: #ffcc00;


}








/* widgets */
#sidebar .widget {
	margin: 0 0 32px;
}
#sidebar #searchform {
	position: relative;
	margin: 0;
	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 ul{
	list-style: none !important;

	}

#footer {margin: 0 auto;
text-align: center;
	font-size: .9em;
	/*background: url(img/footer.png) no-repeat center top;*/
clear: both;
width: 700px;
	color: #888;

}



#footer a {
	color: #666;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer .copyright {
	float: left;
}
#footer .credits {
	float: right;
}
/* footer end
-------------------------------------------------*/

/* wordpress post formating, etc.
-------------------------------------------------*/
.center {
	text-align: center;
}
.alignleft {
	float: left;
	margin-right: 20px;
}
img.alignleft {
	background: #fff;
	border: solid 1px #d6d1c7;
	padding: 5px;
	margin-bottom: 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.alignright {
	float: right;
	margin-left: 20px;
}
img.alignright {
	background: #fff;
	border: solid 1px #d6d1c7;
	padding: 5px;
	margin-bottom: 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.aligncenter {
	text-align: center;
}



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








.nav {
padding-left: 0px;
text-transform: uppercase;
font-family: arial, verdana, tahoma;
font-size: 0.7em;
float: left;
padding-bottom: 0px;
width: 995px;



}


.nav1 {
text-align: center;
padding-left: 0px;
font-family: arial, verdana, tahoma;
font-size: 0.7em;
width: 150px;
float: left;
padding-bottom: 0px;
}

ol {
text-align: left;
}


#large {padding:0; margin:0; list-style:none;}
#large li {float:left; margin-left: 0px; display:block; margin-right:24px; width:100px; height:50px; }
#large li a {display:inline; float:left; width:112px; height:35px; position:absolute; text-align:center; text-decoration:none; }
#large li a em {display:block; width:112px; height:30px; background-image: url(img/navbg.jpg); border:1px solid #FFCC00; z-index-1; }
#large li a b {display:block; width:112px; height:30px; background:transparent; color:#fff; position:absolute; top:0; left:0;  line-height:22px;}

#large li a:hover {white-space:normal; cursor:pointer; z-index:100;}
#large li a:hover em {display:block; width:110px; height:40px; left:4px; top:2px; position:absolute; background: #363636; z-index-1; opacity:0.9; border:0}
#large li a:hover b {width:110px; height:40px; top:-4px; left:-2px; z-index:200; background-image: url(img/navbg1.jpg); font-size:1.1em; color:#fff; line-height:22px; border:1px solid #FFCC00;}


#large li a.active {white-space:normal; cursor:pointer; z-index:100;}
#large li a.active em {display:block; width:110px; height:40px; left:4px; top:2px; position:absolute; background: #363636; z-index:-1; opacity:0.9; border:0}
#large li a.active b {width:110px; height:40px; top:-4px; left:-2px; z-index:200; background-image: url(img/navbg1.jpg); font-size:1.1em; color:#fff; line-height:22px; border:1px solid #FFCC00;}





#large1 {padding:0; margin:0; list-style:none;}
#large1 li {float:left; margin-left: 0px; display:block; margin-right:24px; width:100px; height: 50px; margin-bottom: 10px; }
#large1 li a {display:inline; float:left; width:112px; height:35px; position:absolute; text-align:center; text-decoration:none;}
#large1 li a em {display:block; width:112px;  line-height: 24px; height: 30px; background-image: url(img/navbg.jpg); border:1px solid #FFCC00;}
#large1 li a b {display:block; width:112px;  line-height: 24px; height: 30px; background:transparent; color:#fff; position:absolute; top:0; left:0; font-size: 12px;}




#large1 li a:hover {white-space:normal; cursor:pointer; z-index:100;}
#large1 li a:hover em {display:block; width:110px; height:40px; left:4px; top:2px; position:absolute; background: #363636; z-index:-1; opacity:0.9; border:0}
#large1 li a:hover b {width:110px; height:40px; top:-4px; left:-2px; z-index:200; background-image: url(img/navbg1.jpg); font-size: 12px; color:#fff; line-height:24px; border:1px solid #FFCC00;}



#large1 li a.active {white-space:normal; cursor:pointer; z-index:100; color: red;}
#large1 li a.active em {display:block; width:110px; height:40px; left:4px; top:2px; position:absolute; background: #363636; z-index:-1; opacity:0.9; border:0}
#large1 li a.active b {width:110px; height:40px; top:-4px; left:-2px; z-index:200; background-image: url(img/navbg1.jpg); font-size:1.1em; color:#fff; line-height:24px; border:1px solid #FFCC00;}




#outer {order-top:1px solid #fff; padding-top:1px; text-align: center !important; } /* margin for this demo only */

#outer ul {
 display:inline !important;
}
#point {text-align: center !important; padding:0; margin:0 auto; list-style:none; background:transparent; white-space:nowrap;}
#point li {   text-align: center !important; display:table-cell; margin-top: 20px; padding:0; list-style: none !important; text-decoration: none !important;}
#point li a {  text-align: center !important; list-style: none !important; text-decoration: none !important;float:left; font-family:arial; font-size:11px; letter-spacing:1px; padding:5px 15px; text-decoration:none; color:#fff; font-weight:bold;}
#point li a:hover, #point li a.current { list-style: none !important; text-decoration: none !important; background: url(img/down_arrow.gif) no-repeat center top; color:#ffcc00;}


#footer-current {

list-style: none !important; text-decoration: none !important; background: url(img/down_arrow.gif) no-repeat center top; color:#ffcc00 !important;


}

#footer-current li a {
color:#ffcc00 !important;



}


#rotator {
border: 2px solid white;



}



#current {
background: url(img/down_arrow.png) no-repeat center bottom;
width: 100%;
font-weight: bold;
}















.contentfull {

line-height: 20px;
order: 2px solid #FFCC00;
adding: 10px;
margin-left: 15px;
font-family: verdana, arial;
text-align: left;
float: left;
width: 100%;
height: auto;



}

.contentfullleft {

width: 45%;
float: left;
}



.contentfullright {

width: 45%;
float: left;


}

.contentfullsmall {
float: left;
width: 215px;


}


.recent_posts ul {
margin-left: 0 !important;


}







.recent_posts li {
list-style-type: none;
text-decoration: none;
padding-left: 0px !important;
margin-left: 0px !important;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
font-family: verdana, arial, san serif;
font-size: 11px;

}

.recent_posts li a {
padding: 0; margin: 0;
font-family: verdana, arial, san serif;
font-size: 12px;
color: #ffcc00;
text-decoration: none;
text-transform: uppercase;
margin-left: 0 !important;
}



.recent_posts h2 {
color: #ffcc00;
padding-left: 0 !important;
margin-left: 0 !important;
padding-bottom: 4px;
margin-bottom: 0px;
}