/*
Theme Name: Pancakes
Description: Blog theme for Pancakes for Recess,  (Based on Starkers, based on Twenty Ten)
Author: Contexture Design
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

/*
super light blue (borders): #c2eaef
light blue (desk): #66cad7
blue (kites logo): #49abda;
navy (tagline): #234089
red: #d72027
yellow: #f9f49b
grey: #818285

*/

body {
	color: #818285;
	font: normal 14px Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	line-height: 150%;
	border-left: 60px solid #c2eaef;
	border-right: 60px solid #c2eaef;
	height: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Futura, "Century Gothic", "Apple Gothic", sans-serif;
}

h1, h2 {
	font-size: 16px;
	text-transform: uppercase;
	color: #49abda;	
}

h3 {
	font-size: 15px;
	text-transform: lowercase;	
	color: #49abda;
	margin: 10px 0 0 0;
}

h4.cat-header {	/* TITLE ATOP CATALOGUE AND SEARCH PAGES WHEN CLICK INDIVIDUAL CATALOGUE ITEMS IN SIDEBAR OR DO A SEARCH */
	border-bottom: 1px solid #f9f49b;
	margin: 0 0 20px 0; padding: 4px;
	text-transform: lowercase;	
	text-align: right;
	color: #49abda;
}

.hello h3 { /* H3 SPECIFIC TO HELLO PAGE */
	text-transform: uppercase;
	margin: 10px 0 0 0;
}

h5 {
	font-size: 12px;
	color: #818285;
	text-transform: uppercase;
	margin: 10px 0 0 0;
}

a {
	color: #49abda;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.xoxo { /* SIDEBAR CLASS */
	font-size: 12px;
	line-height: 150%;
}

.xoxo li a {
	color: #818285;
}

.xoxo li a.reglink {
	color: #49abda;
}

#page-wrap {
	width: 675px;
	margin: 0 auto; padding: 30px 0 0 0;
	background: white;
	height: 100%;
}

#main-content {
	width: 470px;
	float: right;
}

#sidebar {	/* MARGIN-BOTTOM LEAVES ENOUGH ROOM FOR THE POSITIONED KITESTRINGS LOGO */
	width: 160px;
	float: left;
	padding: 0 30px 0 10px;
	margin-bottom: 100px;
}

::-moz-selection{
	background:#c2eaef;
}
::selection {
	background:#c2eaef;
}

p {
	margin: 0 0 15px 0;
}

h1.page, h2.page {
	margin: 0 0 15px 0;
}

.entry-date {	/* ENTRY DATE BELOW POST */
	font: normal 10px Futura, "Century Gothic", "Apple Gothic", sans-serif;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}

img.pencil {
	margin: 0 10px 0 0;
}

img.hr {	/* DOTTED LINE BETWEEN POSTS */
	margin: 20px 0;
}

.header {
	margin:0 0 30px 0;
}

.post-footer {	/* CATEGORY AND COMMENT NOTES BELOW POST */
	font: normal 10px Futura, "Century Gothic", "Apple Gothic", sans-serif;
	text-transform: uppercase;
}

.hello {	/* FLOATED DIV WITH AUTHOR DESCRIPTIONS ON HELLO PAGE */
	float: right;
	width: 280px;
}

img.twitter-1, img.categories-2, img.links-3, img.archives-5 {	/* ICONS IN SIDEBAR */
	margin: 30px 0 0 0;
}

.prev { /* NEXT AND PREV CLASSES CONTROL THE STYLE OF THE LINKS TO OLDER AND NEWER POSTS */
	float: left;
	width: 200px; height: 30px;
	position: relative;
	top: -20px;
}

.next {
	float: right;
	width: 200px; height: 30px;
	text-align: right;
	position: relative;
	top: -20px;
}

.more {
	text-align: right;
}
.prev a, .next a {
	color: #d72027;
}

.prev a:hover, .next a:hover { 
	text-decoration: none;
}

#comments-title {	/* TITLE ATOP COMMENTS SECTION */
	margin: 70px 0 0 0;
}

#respond {	/* COMMENTS FORM */
	margin: 50px 0 0 0;
}

.reply, .pingback {	/* RULE BETWEEN COMMENTS */
	border-bottom: 1px solid #c2eaef;
}

.comment-author, .comment-meta, .reply, .pingback {	/* COMMENTER NAME AND DATE */
	font: normal 10px Futura, "Century Gothic", "Apple Gothic", sans-serif;
	text-transform: uppercase;
}

.comment-author, .pingback {	/* SPACE BETWEEN COMMENTS*/
	margin: 30px 0 10PX 0;
}

ol li ul.children {	/* MARGIN TO SHOW NESTED COMMENTS (NOT CURRENTLY ACTIVE) */
	margin: 0 0 0 20px;
}

ol li.comment {	/* COMMENT TEXT */
	font-size: 12px;
	line-height: 150%;
}

p.logged-in-as {	/* NAME BELOW 'LEAVE A REPLY' WHEN LOGGED IN */
	font: normal 10px Futura, "Century Gothic", "Apple Gothic", sans-serif;
	text-transform: uppercase;
}

.comment-field-words {	/* STYLE FOR COMMENT BOX TITLES */
	float: left;
	width: 120px; height: 40px;
	font: normal 10px Futura, "Century Gothic", "Apple Gothic", sans-serif;
	text-transform: uppercase;
}

.comment-field-box {	/* STYLE FOR COMMENT BOXES */
	float: left;
	width: 350px; height: 40px;
}

.required { /* ASTERISK FOR REQUIRED FIELDS */
	color: #d72027;
}

.lowercase {
	text-transform: lowercase;
}

#footer {
	height: 90px;
}

.kitelogo {	/* THE KITESTRINGS LOGO IN THE FOOTER */
	float: left;
	width: 160px;
	margin: -100px 0 0 0;
}

.footer-text {	/* THE KITESTRINGS NOTE IN THE FOOTER */
	font: normal 10px Futura, "Century Gothic", "Apple Gothic", sans-serif;
	text-align: center;
	margin: 20px 0;
}

.footer-links {	/* THE FOOTER LINKS */
	float: right;
	width: 470px;
	position: relative;
	top: -10px;
}

.footer-links ul li, .footer-links ul li h3 {
	display: inline;
	margin: 0 10px 0 0;
}

blockquote {
	padding: 0 20px;
	font-style: italic;
}