/*  
Theme Name: LEARN NC
Theme URI: http://www.learnnc.org/
Description: Your basic LEARN NC-like theme.
Version: 1.0
Author: David Walbert
Author URI: http://davidwalbert.com/
*/

@import url(banner.css);

/* 	TYPOGRAPHY
	________________________________________________________________ */

	body {
		font-family: "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
		font-size: 62.5%;
	}
	a {
		text-decoration: none;
		border-bottom-style: solid;
		border-bottom-width: 1px;
	}
	
	p, li, dt, dd {
		font-size: 1.1em;
		line-height: 1.6em;
	}
	li p, li li, li dt, li dd, dd p, dd li, dd dd {
		font-size: inherit;
	}
	p {
		margin: 1em 0; /* IE seems to need this, otherwise paragraphs get spaced out too much. */
	}
	dt {
		font-style: normal;
		font-weight: bold;
		margin-top: 1em;
	}
	dd {
		margin-left: 2em;
		margin-top: 0.5em;
	}
	h1, h2, h4, th	{
		font-family: Georgia, "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
	}
	h1.indextitle {
		font-family: "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
		color: #195fb4;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-size: 1.6em;
		margin-top: 1.8em;
		margin-bottom: 0.5em;
	}
	h2 {
		font-size: 1.8em;
		font-weight: normal;
		margin-bottom: 0;
		margin-top: 1.5em;
	}
	h3 {
		font-family: "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
		font-size: 1.2em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		margin-bottom: 0;
		margin-top: 1.5em;
	}
	
	h4 {
		font-size: 95%;
		margin-bottom: 0;
	}
	h4 + p {
		margin-top: 0.5em;
	}
	h5 {
		font-size: 1.2em;
		margin-bottom: 0;	
	}
	dfn {
		font-style: italic;
	}
	code, samp {
		font-size: 1.1em;
	}
	kbd {
		font: normal bold 1.1em "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
	}

	.worktitle {
		/* for span enclosing the title of a major work */
		font-style: italic;
	}
	p.caption {
		margin: 0.5em 0 2em 0;
		font: normal normal 90%/1.5em "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
	}
	span.caption {
		font: normal bold 90%/1.5em "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
	}
	span.lead-in {
		/* First phrase of article */
		text-transform: uppercase;
	}
	ul.inline {
		/* Inline list */
		display: inline;
		list-style-type: none;
	}
	ul.inline li {
		display: inline;
	}
	ul.nobullet {
		list-style-type: none;
		margin-left: 0;
		padding-left: 1em;
		text-indent: -1em;
	}
	
	p.note, span.note {
		/* Editorial note or explanation */
		font-style: italic;
	}
	span[lang] {
		/* Italicize anything marked in a language other than English */
		font-style: italic;
	}
	ul.references, ul.bibliography {
		/* List of bibliographical references at the end of an article */
		list-style: none;
		padding-left: 2em;
		margin-left: 0;
		margin-bottom: 0;
	}
	ul.references li, ul.bibliography li {
		text-indent: -2em;
		margin-bottom: 1em;
	}
	dl.bibliography {
		/* For annotated bibliographies */
	}	
	dl.bibliography dt {
		font-weight: normal;
		text-indent: -2em;
		padding-left: 2em;
	}	
	dl.bibliography dd {
		margin-left: 2em;
	}
	ul.ingredients {
		/* For recipes. I am not kidding. */
		list-style-type: none;
	}

	small, p.small {
		font-size: 90%;
		font-family: "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
	}

	.fraction sup { 
		font-size: 87%;
		vertical-align: 0.4em; 
	}
	.fraction sub { 
		font-size: 87%;
		vertical-align: -0.1em; 
	}	

	blockquote {
		/* Indent, use lighter-color text, and label with pale blue quotation mark. */
		margin-left: 1em;
		margin-right: 2em;
		margin-top: 1.1em;
		padding-left: 25px;
		padding-top: 4px;
		font-family: "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
		color: #666;
		background: transparent url(images/quotemark.gif) no-repeat top left;
	}
	blockquote p {
		margin-top: 0;
	}

/* 	COLORS
	________________________________________________________________ */

	/*
		The basic palette: Text is black, background is white.
		Link color is #036, which should not be used for anything not clickable.
		Pale blue is #9cf, and light blue is #69c if it is ever needed.
		Red (connotes important or error) is #a00.
		Background highlight color is #fe9 (pale gold-yellow).
		Soft text (e.g. for blockquotes and pullouts) is #444.
		Green, #063, is used for the "yes" class as well as for code and samp elements.
		All other colors specified here should be considered reserved for page design elements and are not available for special typography.
	*/

	body {
		background-color: #fff;
	}	
	
	a:link {
		color: #036;
		border-bottom-color: #ccc;
	}
	a:visited {
		color: #666;
		border-bottom-color: #ccc;
	}
	a:hover {
		color: #036;
		border-bottom-color: #036;
	}	
	.searchbutton {
		background-color: #e3edf8;
		color: #036;
		text-transform: uppercase;
		font-size: 1.1em;
		font-family: "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
	}
	.searchbutton:visited {
		color: #000;
	}
	.searchbutton:hover {
		background-color: #9cc0e4;
		color: #003;
	}
	

/* 	LAYOUT
	________________________________________________________________ */

	body {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#lnc-banner {
		
	}
	#wrap {
	
	}
	
	#contentwrapper{
		margin: 0 5% 0 7%;
	}
	
	#content {
		float: left;
		width: 60%; 
	}
	#content div {
		max-width: 50em;
	}
	#sidebar {
		margin-left: 70%;
		max-width: 25em;
		margin-top: 2.4em;
		padding-top: 3em;
	}

	



/* 	POSTS
	________________________________________________________________ */

	.entrytitle {
		padding-bottom: 1em;
		border-bottom: solid 1px #C3D9FF; 
	}
	.entrybody {
		border-bottom: solid 1px #C3D9FF; 
	}
	.page .entrytitle {
		border: none;
	}
	
	.entrytitle h1 {
		font-size: 2.4em;
		line-height: 1em;
		margin-top: 1.0em;
		font-weight: normal;
	}
	.entrytitle h2 {
		font-weight: normal;
		font-size: 2.0em;
		line-height: 1em;
		position: relative;
	}
	.entrytitle h2 span {
		position: absolute;
		left: -30px;
		width: 30px;
		height: 100%;
		background: transparent url(images/bright.gif) no-repeat left;

	}

	.entrytitle h3 {
		font-size: 1.0em;
		
	}

	.entry {
		margin-bottom: 5em;
	}
	
	.entry ul {
		list-style-image: url(images/bullet.gif);
		margin-left: 0;
		padding-left: 2.5em;
	}
	.entry ol {
		margin-left: 0;
		padding-left: 2.5em;
	}
	
	.entrymeta {
		margin-top: 1em;
	}
	
	.postinfo, #comments {
		position: relative;
	}
	.postinfo span, #comments span {
		position: absolute;
		left: -27px;
		width: 27px;
		height: 16px;
		background: transparent url(images/comment.gif) no-repeat left;

	}
	.commentmeta {
	}
	
	.commentrss {
		background: #fff url(images/feed-icon-12x12.gif) no-repeat;
		padding-left: 15px;
	}
	
	.navigation {
		padding-bottom: 20px;
	}
	
	.alignright {
		float: right;
	}
	
	.alignleft {
		float: left;
	}

/* 	SIDEBAR
	________________________________________________________________ */

	
	.sidebar {
	}
	
	.sidebar h2 {
		font-family: "Lucida Grande", Verdana, sans-serif;
		font-size: 1.2em;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		margin: 1.5em 0 0 0;
	}
	
	
	.sidebar ul {
		list-style-type: none;
		margin: 0.5em 0 0 0;
		padding: 0;
	}
	
	.sidebar ul li {
		margin-bottom: 0.3em;
	}
	
	.sidebar ul li ul{
		list-style-type: square;
		margin-left: 1.5em;
		padding: 0;
		border: 0;
	}
	
	.sidebar ul li ul li {
		border:0;
	}
	
	.search {
		margin-top: 2em;
		margin-bottom: 2em;
	}
	.searchinput {
		font-size: 1.1em;
		border: 1px solid #C3D9FF;
		padding: 2px;
		width: 120px;
	}
	



/* 	COMMENTS
	________________________________________________________________ */

	.commentsblock textarea {
		width: 35em;
	}
	
	.commentsblock input, .commentsblock textarea {
		border: 1px solid #d1d1d1;
	}
	
	.commentsblock textarea:focus {
		background: #eee;
		border: 1px solid #a1a1a1;
	}
	
	.commentsblock textarea:focus, .commentsblock input:focus {
		background: #eee;
		border: 1px solid #a1a1a1;
	}
	
	ol.commentlist {
		color: #444;
		list-style-type: none;
		margin: 0;
		margin-top: 1.5em;
		padding: 0;
	}
	
	.commentlist li {
		margin-bottom: 2em;
		padding: 0.5em 1em;
	}
	
	.alt1, .alt2 {
		background: #e9f1f9;
		border: 1px solid #e9f1f9;
		padding: 0.5em;
		border-left: 10px solid #9cc0e4;
	}
	
	
	h3#comments {
	}

/* 	FOOTER
	________________________________________________________________ */

	#footer {
		color: #999;
		float: right;
		margin: 10px 0 0 0;
		padding: 0 0 2px 0;
		padding-right: 10px;
	}
	
	/* 	CALENDAR
	________________________________________________________________ */

	#wp-calendar {
		margin-top: 1em;
	}
	#wp-calendar table {
		border-collapse: collapse;
		width: 80% !important;
		border-left: solid 1px #9cc0e4;
	}
	#wp-calendar caption {
		font-family: "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
		font-size: 1.2em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		margin-bottom: 0;
		font-weight: bold;
		border: solid 1px #9cc0e4;
		background-color: #9cc0e4;
		padding: 0.2em 0;
	}
	#wp-calendar caption a {
		border: none;
	}
	#wp-calendar caption a:link, #wp-calendar caption a:visited {
		color: #000;
	}
	#wp-calendar table td, #wp-calendar table th {
		font-family: "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
		font-weight: normal;
		text-align: center;
		padding: 0.3em 0.2em !important;
	}
	#wp-calendar td#prev, #wp-calendar td#next {
		border: none;
	}
	#wp-calendar table td {
		color: #999;
		border-right: solid 1px #9cc0e4 !important;
		border-bottom: solid 1px #9cc0e4 !important;
	}
	#wp-calendar th {
		background-color: #e3edf8;
		border-right: solid 1px #9cc0e4;
		border-bottom: solid 1px #9cc0e4;
	}
	#wp-calendar #prev {
		text-align:left;
	}
	#wp-calendar #next {
		text-align:right;
	}
	#wp-calendar table.nav {
		margin-top: 0.5em;
		border: none;
	}
	#wp-calendar table.nav td {
		border: none !important;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}
	#wp-calendar table td a {
		border-bottom: none;
		text-decoration: underline;
	}
	td#today {
		background-color: #fff599;
	}
	#ec3_publish, #ec3_publish img {
		border: none;
	}
	
	table.ec3_schedule {
		margin-top: 0.8em !important;
	}
	.ec3_schedule td {
		padding: 0.3em !important;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}