/*  

Theme Name: Notes Blog Core Theme

Theme URI: http://notesblog.com/

Description: The Notes Blog Core theme is meant to work both as a framework to build child themes on, as well as a stand alone clean theme for your perusal. <a href="http://tdhedengren.com/">Made by TDH</a> and maintained at <a href="http://notesblog.com/">notesblog.com</a>. Requires WordPress 2.8 or higher.

Version: 1.0

Tags: light, two-columns, right-sidebar, fixed-width, threaded-comments, sticky-post, translation-ready

Author: Thord Daniel Hedengren

Author URI: http://tdhedengren.com/



	Get support and services for the Notes Blog Core Theme:

	http://notesblog.com

	

	Created and managed by Thord Daniel Hedengren:

	http://tdhedengren.com



*/



/* =======

	RESET

   ------- */



body {

 background: url('graphics/bg-1.0.gif') repeat-x top left;

}



body, h1, h2, h3, h4, h5, ul#sidebar, ul.widgets, li, ul#sidebar li ul, ol.commentlist, ul.children, ul#footercol li ul,

div#submenu-nav ul, div#submenu-nav ol, form, img, table

	{

	margin:0;

	padding:0;

	border: 0;

	}



p {

 font-size: 14px;

}





/* ==============

	TYPE & COLOR

   -------------- */



/* Default font */

body, h1, textarea#comment, input#author, input#email, input#url

	{

	font-family: helvetica;

	color: #555;

	}



/* Sans-serifs */

ul#sidebar, div#footer, div#header h1 span, h2, h3, h4, h5, a.more-link, div.authormeta, div.postmeta, div.commentmeta, 

div.comment-author, div.comment-meta, p.commentloggedin, div.reply, div.cancel-comment-reply, h1.listhead, 

div.post ul, div.page ul, div.post ol, div.page ol, div.nav

	{

	font-family: Helvetica, Arial, sans-serif;

	color: #777;

	}



/* Default font size */

dic#content, textarea#comment, input#author, input#email, input#url

	{ font-size: 16px; }



/* Medium-small font */

a.more-link, div.comment-body p

	{ font-size: 14px; }



/* Small font */

div#content small, div#copy, div.postmeta, ul#sidebar, div#footer, p.commentloggedin, div.reply, div.feed, div#submenu-nav

	{ font-size: 12px; }



/* Headers */

div#content h1, div#content h2, div#content h3, div#content h4, div#content h5

	{

	color: #333;

	margin-bottom: 7px;

	}

div#content h1

	{

	font-size: 42px;

	line-height: 42px;

	letter-spacing: -1px;

	font-weight: normal;

	margin-bottom: 7px;

	padding-bottom: 14px;

	border: 1px solid #e8e8e8;

	border-width: 0 0 1px 0;

	}

	div#content h1.listhead { background: #f8f8f8; margin: 0 10px 20px 10px; padding: 10px 10px 8px 10px !important; font-size: 16px; line-height: 16px; letter-spacing: 0; text-transform: uppercase; color: #777; }

		div#content h1.listhead strong { color: #333; }

div#content h2

	{

	font-size: 28px;

	line-height: 28px;

	}

	body.single div#content h2, body.page div#content h2 { margin-top: 24px; }

	body.home div#content h2, body.archive div#content h2, body.search div#content h2, body.error404 div#content h2 { font-family: Georgia, "Adobe Garamond", "Times New Roman", serif; font-weight:normal; }

div#content h3

	{

	font-size: 18px;

	line-height: 18px;

	}

div#content h4

	{

	font-size: 16px;

	}

	div#footer h2 { margin-bottom: 7px; }

div#content h5, ul#sidebar h2, div#footer h2, div.nav

	{

	font-size: 12px;

	text-transform: uppercase;

	}

	ul#sidebar h2 { margin-bottom: 7px; padding-bottom: 3px; border: 1px solid #e8e8e8; border-width: 0 0 1px 0; }



/* common type */

div#content p

	{

	line-height: 24px;

	margin: 0 0 14px 0;

	}

	div.comment-body p { line-height: 18px; margin-bottom: 10px !important; }



/* =======

	LINKS

   ------- */



/* default */

a:link, a:active, a:visited

	{

	color: #07c;

	text-decoration: none;

	}

	a:hover { text-decoration: underline; }



div.postmeta span.comments a { font-size:12px; line-height:12px; font-weight:bold; padding: 2px 2px 1px 8px !important; text-transform: uppercase; border: 1px solid #e8e8e8; border-width: 0 0 0 1px; }



h1 a:hover, h2 a:hover

	{ text-decoration: none; }



h1 a:link, h1 a:active, h1 a:visited

	{

	color: #000;

	}



h1 img {

 vertical-align: middle;

}



/* dark grey links */

ol.commentlist a:link, ol.commentlist a:active, ol.commentlist a:visited,

div#submenu-nav a:link, div#submenu-nav a:active, div#submenu-nav a:visited

	{

	color: #111;

	text-decoration:underline;

	}

	ol.commentlist a:hover, div#submenu-nav a:hover { color: #800; text-decoration: none; }



/* meta */

div.postmeta a:link, div.postmeta a:active, div.postmeta a:visited, a.more-link

	{ color: #444; padding: 1px; font-style:normal; font-weight:bold; }

	div.postmeta a:hover, div.postmeta span.comments a:hover { color: #fff; background: #111; border-color: #000; text-decoration: none; }





/* ========

	LAYOUT

   -------- */



.left { float:left; }

.right { float:right; }

.center { text-align:center; }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }



div.widecolumn { width: 620px; }



div.column, ul.column, ul#sidebar

	{ width: 320px; }



div#site { width: 100%; float:left; }



div#wrap

	{

	width: 960px;

	margin: 0 auto;

	}

	div#toplist { position:relative; width: 960px; }

		div#toplist div.feed { float:right; padding: 5px 0; }

			div#toplist div.feed a { padding: 5px; background: #069; color: #fff; }

				div#toplist div.feed a:hover { background: #369; }



div#header

	{

	width: 100%;

	float:left;

	margin: 20px 0 0 0;

	padding-bottom: 10px;

	border: 1px solid #444;

	border-width: 0 0 5px 0;

	}

	div#header h1 { letter-spacing:-1px; font-size: 36px; font-weight:normal; }

		div#header h1 span { color: #999; font-size: 20px; }



div#submenu-nav

	{

	width:100%;

	float:left;

	border: 1px solid #444;

	border-width: 0 0 1px 1px;

	border-left: 1px dotted #e8e8e8;

	}

	div#submenu-nav ul {}

		div#submenu-nav ul li { list-style: none; float:left; padding: 8px; border: 1px dotted #e8e8e8; border-width: 0 1px 0 0; }



div#blog {

	width: 100%;

	float:left;

	}



div#content { float:left; margin-top: 20px; }

	div.post, div.page { padding: 10px 20px 0 20px; margin-bottom: 30px; overflow:hidden; }

		div.postmeta { width:100%; height:1%; float:left; margin-bottom: 10px; }

		body.single div#content div.postmeta, body.page div#content div.postmeta { margin-bottom: 30px; }

			div.postmeta span.author {}

				body.blog div.postmeta span.author { display:none; }

			div.postmeta span.categories {}

			div.postmeta span.tags {}

			div.postmeta span.timestamp {}

			div.postmeta span.comments { float:right; margin-left: 10px; }

				div.postmeta span.comments span {}

		div.post div.entry, div.page div.entry { width:100%; float:left; }

	div.sticky { padding: 20px 20px 8px 20px; background: #f8f8f8; border: 1px solid #e8e8e8; border-width: 1px 0; height: 1%; }

	h2#comments { margin: 0 20px 20px 20px; padding-bottom: 10px; border: 1px solid #e8e8e8; border-width: 0 0 1px 0; }

	ol.commentlist {}

		ol.commentlist li { margin: 0 20px 10px 20px; padding: 0; list-style:none; border: 1px solid #e8e8e8; border-width: 0 0 1px 0; }

			ol.commentlist li div.comment-author, ol.commentlist li div.comment-meta { font-size: 12px; line-height: 16px; }

				ol.commentlist li div.comment-author img.avatar { float:left; margin: 0 10px 0 0; }

				div.comment-author cite.fn { font-family: Georgia, "Adobe Garamond", "Times New Roman", serif; font-size: 16px; font-style: normal; font-weight:bold; }

					div.comment-author cite.fn a { text-decoration: none; }

				div.comment-meta { margin-bottom: 10px; }

		ol.commentlist li.even {}

		ol.commentlist li.odd {}

		ol.commentlist li.bypostauthor {}

		ol.commentlist li.pingback { font-size: 12px; color: #777; padding: 0 0 10px 5px; color: #777; }

			ol.commentlist li.pingback a { font-size: 12px; font-weight:normal; }

			ol.commentlist li.pingback p, ol.commentlist li.pingback span, ol.commentlist li.pingback div.comment-meta, ol.commentlist li.pingback div.reply { display:none; }

		div.reply { float:right; margin: -25px 0 0 10px; line-height: 12px; }

		ul.children { margin: 20px 0 20px 20px; }

			ul.children li { margin: 10px 0; padding-left: 10px; border: 1px solid #e8e8e8; border-width: 0 0 0 1px; }

	div#respond { margin: 20px; }

		div#respond h3 {}

		table.commenttable { border:0; padding: 0; }

		table.commenttable tr td { font-size: 12px; line-height: 12px; text-transform: uppercase;  }

		form#commentform {}

			input#author, input#email, input#url { margin-bottom: 5px; padding: 2px; width: 250px;  }

			textarea#comment { width: 556px; height: 150px; padding: 10px;  }

			input#submit { float:right; margin-bottom: 20px; }

	div.nav { float:left; }



ul#sidebar

	{

	float:right;

	margin-top: 20px;

	}

	ul#sidebar ul.children { margin: 5px 0 0 0; }

		ul#sidebar ul.children li { border: 0; }

	ul#sidebar li { list-style: none; margin: 0 20px 20px 0; }

		ul#sidebar li ul { margin-left: 5px; }

			ul#sidebar li ul li { margin-bottom: 5px; }

				ul#sidebar li ul li ul { margin: 5px 0 0 10px; }

	li#tag_cloud {}

		li#tag_cloud a { padding: 0 2px; }

	li#search {}

	ul#sidebar li.categories {}



div#footer

	{

	width: 100%;

	float:left;

	clear:both;

	margin: 20px 0 0 0;

	padding: 15px 0 1px 0;

	border: 1px solid #bbb;

	border-width: 1px 0 5px 0;

	border-bottom-color: #444;

	}

	ul.footercol { width: 240px; float:left; }

		ul.footercol li { list-style:none; margin-bottom: 15px; padding: 0 10px; }

			ul.footercol li ul { margin-left:1px; padding-left:0; }

				ul.footercol li ul li { margin-bottom: 5px; padding-left:0 !important; }

	/*

	ul.footercol { width: 465px; }

		ul.footercol li { list-style:none; margin-bottom: 15px; }

			ul.footercol li ul { margin-left:1px; padding-left:0; }

				ul.footercol li ul li { margin-bottom: 5px; padding-left:0 !important; }

	ul.fc-left { float:left; }

		ul.fc-left li { padding: 0 0 0 20px; }

	ul.fc-right { float:right; }

		ul.fc-right li { padding: 0 20px 0 0; }

	*/





div#copy

	{

	width:100%;

	float:left;

	clear:both;

	margin: 0;

	padding: 10px 0;

	background: #f8f8f8;

	border: 1px solid #bbb;

	border-width: 0 0 1px 0;

	}

	div#copy p { margin:0; padding:0 0 0 10px; }

	div#copy p.right { padding: 0 10px 0 0; }

	div.copycolumnwide { float:left; width:620px; }

	div.copycolumn { float:right; width:320px; }



div#finalword

	{

	width:100%;

	float:left;

	clear:both;

	margin: 0;

	padding: 20px 0;

	color: #777;

	text-align:center;

	font-size: 12px;

	font-style: italic;

	}

	div#finalword a:link, div#finalword a:active, div#finalword a:visited { color: #444; }

	div#finalword span { font-style:normal; }





/* ===================

	ELEMENTS & DESIGN

   ------------------- */



p.right { text-align:right; }

p.admin { color: #aaa; font-size: 12px; }

p.nocomments { padding: 0 20px; font-style: italic; color: #777; }



div#content embed, .embedded { text-align:center; margin: 0 0 14px 0; } /* for movies */



div#content p span { background: #ffc; }



div.post ul li, div.page ul li, div.post ol li, div.page ol li { margin-bottom: 5px; color: #333; }



blockquote { margin: 0 0 14px 20px; padding: 0 15px; border: 1px solid #e8e8e8; border-width: 0 0 0 1px; color: #777; font-style: italic; }

	blockquote.pullquote { width: 220px; padding: 5px 0; border: 0; font-size: 18px; line-height: 150%; }

		blockquote.pullquote p { margin-bottom: 0; }

ol.commentlist li blockquote { border: 0; padding:0; }



/* Images and aligns */

.alignleft, blockquote.alignleft { float:left; margin: 0 15px 15px 0; }

.alignright, blockquote.alignright { float:right; margin: 0 0 15px 15px; }

.frame { padding: 5px; border: 1px solid #e8e8e8; }

.wp-caption { padding: 10px 7px; border: 1px solid #e8e8e8; font-size: 12px; color: #777; font-style: italic; text-align:center; }

p.wp-caption-text { margin:10px 0 0 0 !important; padding:0; line-height: 14px !important; }



/* Quick color fixes */

div.postmeta { color: #777; }

span.alert { color: red; background:none; }

div#content strong { color: #333; }

.copycolumn, .copycolumn * {
  font-size:  10pt;
}