/*
Theme Name: 7th Grade Notebook
Description: It's simple, but clever. Take your blog back to Middle School--with a WordPress design that looks just like your 7th grade notebook. Font support is aided by Cufon. WP PageNavi Support!
Theme URI: http://www.tastythemes.net/7th-grade-notebook-wordpress-theme/
Tags: White, two-columns, fixed-width
Version: 2.0
Author: TastyPlacement
Author URI: http://www.tastyplacement.com
License: GNU General Public License v2.0 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: none;
}


body {
	text-align: center;
	font-family: Tahoma, sans-serif;
	background:#f5f3ed;
	}
	
#faux {
	width: 1100px;
	height: auto;
	margin: 0 auto 0 auto;
	background:#e1eef8 url('images/faux.jpg') repeat-y top;
	}

#header {
	margin: 0;
	width: 1100px;
	height: 226px;
	background:url('images/header.jpg') no-repeat top;
	overflow: hidden;
	text-align: left;
}

#header h1 {
	margin: 86px auto auto 100px;
}

#header h1 a {
	font-size: 60px;
	font-weight: bold;
	text-decoration: none;
	color: #111111;
}

#header p {
	margin: 0px auto auto 100px;
	.margin: -40px auto auto 200px;
	font-size: 36px;
	text-decoration: none;
	color: #111111;

}

#container {
	text-align:center;
	width: 1100px;
	height: auto;
	margin: 0 auto 0 auto;

}

#sidebar {
	width: 156px;
	margin: 0 auto auto 78px;
	float: left;
	text-align: left;
	display:inline;
	
}
.menu {
	width: 945px;
	margin: 11px auto 0 auto;
	border-bottom: 1px solid #cccccc;
}
.menu ul{
	list-style-type:none;
	display: inline;
}
.menu li {
	background: url('images/doodle.jpg') no-repeat 9px 4px;
	display: inline;
	padding-left: 24px;
}
.menu a  {
	text-decoration: none;
	color: #333333;
	font-family: courier;
}
.menu a:hover  {
	text-decoration: underline;
}
#sidebar .widget {
	margin: 0 auto 20px 0;
}

#sidebar h2 {
	font-size: 24px;

	color:#111111;
}

#sidebar ul {
	margin: 10px auto 0 0;
}

#sidebar ul li {
	margin-top: 8px;
	padding-left: 14px; 
	font-size: 13px;
	line-height: 14px;
	list-style: none;
}

#sidebar ul li a {
	color:#111111;
	text-decoration: none;
	
}

#sidebar a {
	color:#111111;
	font-size: 14px;
	line-height: 14px;
	text-decoration: none;
	font-family: courier;
}

a.tagsz-1 { font-size:  8px; }
a.tagsz-2 { font-size: 10px; }
a.tagsz-3 { font-size: 12px; }
a.tagsz-4 { font-size: 14px; }
a.tagsz-5 { font-size: 16px; }


#sidebar #searchform .hidden {
	display:none;
	}

#sidebar form#searchform div {
	margin: 20px 0;
	height: 38px;
	width: auto;
	}
	
#sidebar #searchform input#s {
	margin: 0 5px auto 10px;
	padding: 0;
	height: 18px;
	width: 144px;
	border: #ABC8E2 solid 1px;
	font-weight:bold;
	font-size: 15px;
	color: #4265A7;
	line-height: 20px;
	overflow: hidden;
	text-align:center;
	}

#sidebar #searchform input#searchsubmit {
	margin: 0 auto 0 0;
	height: 18px;
	width: 53px;
	color: #FFF;
	border: 0;
	background: #445B8F;
	font-size: 12px;
	font-weight: bold;
	}

#sidebar div#calendar_wrap {
	margin: 0 auto 7px 0;
	width: 250px;
	text-align: center;
	font-size: 14px;
	}

#sidebar #calendar_wrap table{
	margin: 0 auto;
	color:#222222;
	}

#sidebar #calendar_wrap caption {
	margin: 0 auto 7px 0;
	font-size: 16px;
	font-weight: bold;
	}
	
#sidebar #calendar_wrap a{
	font-size: 14px;
	color: #222222;
	font-weight: bold;
	text-decoration: none;
	}

#content {
	margin: 0 auto auto 20px;
	float:left;
	width: 590px;
	height: auto;
	text-align: left;
	color:#222222;
	display: inline;
}

.post {
	margin: 0 auto 20px auto;
	width: 590px;
}



.post-date p	{
	font-size: 12px;
	font-style:italic;
	font-weight: bold;
}


.post-title h1 {
	margin-top: 8px;
}

.post-title h1 a {
	font-size: 29px;
	color:#111111;
	text-decoration: none;
}

.post-meta {
	margin-top: 6px;
	padding-left: 30px;
	font-size: 12px;
	text-decoration: none;
}

.post-meta a {
	color:#222222;
	font-weight: bold;
	text-decoration:none;
}

.post-tags {
	margin-top: 6px;
	padding-left: 30px;
	font-size: 12px;
	text-decoration: none;
	background:url('images/tags.gif') no-repeat left;
}

.post-tags a {
	color:#222222;
	font-weight: bold;
	text-decoration:none;
}

.post-content {
	margin: 15px auto 0 auto;
	font-size: 15px;
	line-height: 20px;
}

.post-content p {
	margin-bottom: 10px;
}

.post-content a {
	color:#222222;
	font-weight: bold;
	text-decoration: none;
}


.post-content ol {
	margin: 7px auto 7px 18px;
	}

.post-content ol li {
	margin-left: 5px;
	padding: 0px;
	}

.post-content ul {
	margin: 7px auto 7px 14px;
	}

.post-content ul li {
	margin-left: 5px;
	padding: 0px;
	}

.post-content h1 {
	margin: 5px auto 5px 0;
	padding-left: 8px;
	padding-bottom: 4px;
	font-size: 25px;
	font-weight: bold;
	border-left: 4px #222222 solid;
	border-bottom: 1px #222222 solid;
	}

.post-content h2 {
	margin: 5px auto 5px 0;
	padding-left: 8px;
	padding-bottom: 4px;
	font-size: 25px;
	font-weight: normal;
	font-style:italic;
	border-left: 4px #222222 solid;
	border-bottom: 1px #222222 solid;
	}

.post-content h3 {
	margin: 5px auto 5px 0;
	padding-left: 8px;
	padding-bottom: 4px;
	font-size: 22px;
	font-weight: bold;
	border-left: 6px #222222 solid;
	}

.post-content h4 {
	margin: 5px auto 5px 0;
	padding-left: 8px;
	padding-bottom: 4px;
	font-size: 22px;
	font-weight: normal;
	font-style:italic;
	border-left: 6px #222222 solid;
	}

.post-content h5 {
	margin: 5px auto 5px 0;
	padding-left: 8px;
	padding-bottom: 4px;
	font-size: 22px;
	font-weight: normal;
	border-left: 6px #222222 solid;
	}

.post-content blockquote {
	background:url('images/blockquote.gif') no-repeat top left;
	font-size: 13px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	border-left: 2px #999999 solid;
	padding-left: 15px;
	}
	
.post-content pre {
	white-space: pre-wrap;
	width:560px;
	}

.post-content img {
	max-width: 690px;
}	
.post-content img.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

.post-content img.alignright {
	float: right;
	margin: 0 0 20px 20px;
}

.post-content img.aligncenter {
	text-align: center;
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#content .comments {
	margin: 10px auto auto auto;
	}

#content .comments a {
	text-decoration: none;
	color:inherit;
	font-weight: bold;
	}

.comments-template {
	width: 530px;
	}

.comments-template p {
	text-indent: 0px;
	}

#commentform #author, #commentform #email, #commentform #url, #commentform #comment {
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #666666;
}

.commentlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.commentlist li {
	background: #ebebeb;
	padding: 20px;
	border: 1px solid #cccccc;
	margin: 0 0 20px 0;
}

.avatar {
	float: left;
	margin: 0 5px 0 0;
}

small,
.entry-meta, .wp-caption, .wp-caption-text, .gallery-caption {
	color:#888;
	font-size:.8em;
	line-height:1.5;
	font-weight:normal;
}
.bypostauthor {}
.sticky {}



.post-footer {
	margin-top: 16px;
	width: 540px;
	height: 13px;
	background:url('images/spacer.gif') no-repeat right;
}

.navigation {
	margin: 10px auto 0 auto;
	width: 590px;
	height: auto;
	font-size: 14px;
	color: #222222;
}

.navigation a {
	text-decoration: none;
	font-weight: bold;
	color: #222222;
}

.navigation .alignleft {
	float: left;
	border: none;
}

.navigation .alignright {
	float:right;
	border: none;
}

.navigation a.alignleft, .navigation a.alignright {
	border: none;
}

.navigation .clear {
	clear: both;
	height: 1px;
	width: auto;
}

#pagenavi {
	margin: 0 auto;
	text-align: center;
}

#pagenavi .wp-pagenavi {
	margin: 0 auto;
	text-align: left;
}

#pagenavi .wp-pagenavi span.pages,#pagenavi span.current,#pagenavi a.page,#pagenavi a  {
	background: none;
	color: #222222;
	border: 1px solid #222222;
	font-size: 11px;
}

#footer {
	width: 1100px;
	height: 340px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	background: url('images/footer.jpg');
}

#footer p {
	margin: 190px auto auto 190px;
	color:#222222;
	font-size: 13px;
}

#footer p a {
	color:#222222;
	font-size: 13px;
	text-decoration: none;
}