/*

	Author: Dan Manchester
	dan@lintelsashandsill.org
	http://danielmanchester.com
	
	Palette:
	Dark Blue: #2033e4
	Light Blue: #9ab4ee
	Yellow: #e9ee9a
	
	
*/

/* Resets & Setup */

* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { 
	font: 62.5% "Helvetica Neue", Arial, Helvetica, sans-serif; 
	background: url(images/body-bg.jpg) top left repeat;
}

ul { list-style: none inside; }
p { font-size: 1.6em; line-height: 1.4em; margin-bottom: 1.4em; }
a { outline: none; }
a img { border: none; }
a:visited { color: inherit; }
blockquote { margin-left: 30px; }
::selection {
	background: #e9ee9a; /* Safari */
	}
::-moz-selection {
	background: #e9ee9a; /* Firefox */
	}


/* Toolbox */

.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.button	{ 
		border: 1px solid #ccc; 
		background: white; 
		padding: 3px 8px; 
		color: #2033e4;
		}
.button:hover	{
				background: #2033e4;
				color: white;
				}
.rightside_image {
	float: right;
	padding: 10px;
	margin: 10px;
	border: 2px solid #9ab4ee;
	text-align: center;
	font-size: 0.8em;
	font-style: italic;
	}

span.amp { font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif; font-style: italic; font-size: 100%; }

/* Structure */

#page-wrap {
	width: 935px;
	margin: 0px auto;
	position: relative;
	}

/* Header */

#header h1.header a {
		background: transparent url(images/header.jpg) no-repeat center center;
		display: block;
		width: 935px;
		height: 124px;
		text-indent: -9999px;
		top: 0;
		left: 0;
		text-decoration: none;
		}

ul#nav {
	}
	ul#nav li {
		display: inline;
		}
		ul#nav li a {
			display: block;
			overflow: hidden;
			height: 110px;
			text-indent: -9999px;
			float: left;
			}
			ul#nav li a img {
				border: none;
				}
		ul#nav li.home a {
			width: 177px;
			background: url(images/nav-home.jpg) bottom center no-repeat;		
			margin-left: 44px;
			}
		ul#nav li.what a {
			width: 140px;
			background: url(images/nav-what.jpg) bottom center no-repeat;	
			}
		ul#nav li.who a {
			width: 119px;
			background: url(images/nav-who.jpg) bottom center no-repeat;
			}
		ul#nav li.why a {
			width: 426px;
			background: url(images/nav-why.jpg) bottom center no-repeat;
			}
		ul#nav li a:hover {
			background-position: center center;
			}
body#default ul#nav li.home a {
	width: 177px;
	background: url(images/nav-home.jpg) top center no-repeat;
	}
body#what ul#nav li.what a {
	width: 140px;
	background: url(images/nav-what.jpg) top center no-repeat;
	}
body#who ul#nav li.who a {
	width: 119px;
	background: url(images/nav-who.jpg) top center no-repeat;
	}
body#why ul#nav li.why a {
	width: 426px;
	background: url(images/nav-why.jpg) top center no-repeat;
	}
#babby {
	width: 294px;
	height: 196px;
	position: absolute;
	top: 70px;
	right: 50px;
	background: url(images/babby.png) no-repeat;
	z-index: 2500;
	}


/* Main Content */

#main-content {
		width: 900px;
		background: url(images/content.jpg) repeat-y;
		}

#blog {
	width: 478px;
	min-height: 900px;
	margin-top: 20px;
	margin-left: 111px;
	float: left;
	}
	#blog h2 { 
		font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
		font-size: 2.6em;
		font-weight: 700;
		color: #2033e4;
		background: #e9ee9a;
		padding: 7px 0px 5px 16px;
		margin-left: -48px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		}
		#blog h2 a {
			text-decoration: none;
			color: #2033e4;
			}
			#blog h2 a:hover {
				color: #9ab4ee;
				}
	#blog p.byline {
		font-size: 1.4em;
		text-align: right;
		margin-left: -48px;
		padding-right: 10px;
		font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif;
		background-color: #9ab4ee;
		color: #ffffff;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
		padding-bottom: 2px;
		}
	#blog p.metadata {
		font-size: 1.4em;
		margin-top: 50px;
		margin-left: -48px;
		font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif;
		background-color: #9ab4ee;
		color: #ffffff;
		text-align: left;
		padding: 3px 15px 3px 48px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		}
		#blog p.metadata a {
			color: #2033e4;
			background: transparent;
			}
		
		#blog p.wp-caption-text { font-size: small; font-style: italic; }
		#blog p a {
			color: #2033e4;
			background: #e9ee9a;
			text-decoration: none;
			padding: 0 2px;
			-moz-border-radius-bottomright: 5px;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomleft: 5px;
			-moz-border-radius-topleft: 5px;
			-webkit-border-bottom-right-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-webkit-border-top-left-radius: 5px;
			}
			#blog p a:hover {
				background: #9ab4ee;
				color: white;
				text-decoration: none;
				padding: 0 2px;
				-moz-border-radius-bottomright: 5px;
				-moz-border-radius-topright: 5px;
				-moz-border-radius-bottomleft: 5px;
				-moz-border-radius-topleft: 5px;
				-webkit-border-bottom-right-radius: 5px;
				-webkit-border-top-right-radius: 5px;
				-webkit-border-bottom-left-radius: 5px;
				-webkit-border-top-left-radius: 5px;
				}
				#blog div#post-nav p.old {
					float: left;
					}
					#blog div#post-nav p.old a {
						font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif;
						font-size: .8em;
						text-decoration: none;
						text-transform: uppercase;
						font-weight: bold;
						color: black;
						background: transparent;
						white-space: normal;
						}
						#blog div#post-nav p.old a:hover {
							color: #2033e4;
							}
				#blog div#post-nav p.new {
					float: right;
					}
					#blog div#post-nav p.new a {
						font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif;
						font-size: .8em;
						text-decoration: none;
						text-transform: uppercase;
						font-weight: bold;
						color: black;
						background: transparent;
						}
						#blog div#post-nav p.new a:hover {
							color: #2033e4;
							}

#blog ul { font-size: 1.6em; line-height: 24px; list-style: inside; list-style-type: disc; margin: 32px 10px; width: 90%; }
#blog ul li { margin: .25em 2em; }

#blog ul.nav { list-style: none; list-style-type: none; width: 100%; margin: auto; }
#blog ul.nav li.old a {
	font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif;
	font-size: 1em;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: black;
	}
	#blog ul.nav li.old a:hover {
		color: #2033e4;
		}
#blog ul.nav li.new a {
	font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif;
	font-size: 1em;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: black;
	}
	#blog ul.nav li.new a:hover {
		color: #2033e4;
		}

.datebox {
	background:#1929B4 none repeat scroll 0 0;
	color:white;
	float:left;
	height:59px;	
	margin:-81px 5px 0 -90px;
	padding:2px 1px 0 1px;
	text-align:center;
	width:40px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	}				

.day {
	color:white;
	font-size:2.4em;
	font-weight:normal;
	line-height:1em;
	margin:0;
	}
.month {
	color:white;
	font-size:1.4em;
	font-weight:normal;
	line-height:1.2em;
	margin:0;
	text-transform:uppercase;
	}
.year {
	color:white;
	font-size:1.3em;
	font-weight:normal;
	margin:0;
	}
a.more-link {
	font-size: .8em;
	font-variant: small-caps;
	display: block;
	margin: 10px 10px 0 0;
	background: none !important;
	text-align: right;
	}
	a:hover.more-link {
		background: none !important;
		color: #9ab4ee !important;
		}
/* Sidebar */

#sidebar {
	float:right;
	height:310px;
	margin-left:40px;
	width:235px;
	}
	#sidebar h2.sidebar {
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-topleft:5px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		background:#E9EE9A none repeat scroll 0 0;
		color:#2033E4;
		font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;
		font-size:1.8em;
		margin-left:0;
		margin-right:15px;
		margin-top:20px;
		padding:10px 5px 10px 10px;
		text-align:left;
		text-transform:uppercase;
		}
	#sidebar h3.sidebar {
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-topleft:5px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		-moz-border-radius-bottomright:0px;
		-moz-border-radius-topright:0px; 
		-webkit-border-bottom-right-radius: 0px;
		-webkit-border-top-right-radius: 0px;
		background-color:#9AB4EE;
		color:white;
		font-size:1.8em;
		font-weight:400;
		margin-left:50px;
		margin-right:15px;
		margin-top:27px;
		padding:2px 5px;
		text-align:right;
		}
	#sidebar p {
		color:#2033E4;
		font-family:Garamond,"Hoefler Text","Times New Roman",Times,serif;
		font-size:1.5em;
		margin-right:15px;
		padding-right:5px;
		padding-top:15px;
		text-align:right;
		}
	#sidebar p.size-pic {
		background:transparent url(images/honeydew.png) no-repeat scroll center center;
		height:83px;
		margin-left:110px;
		margin-top:15px;
		width:100px;
		overflow: hidden;
		margin-bottom: -10px;
		}
	#sidebar p.size {
		color:#2033E4;
		font-family:Garamond,"Hoefler Text","Times New Roman",Times,serif;
		font-size:1.5em;
		margin-right:15px;
		padding-right:5px;
		text-align:right;
		}
	ul.archive { text-align: right; text-decoration: none; font-size: 1.5em; padding-right: 20px; padding-top: 15px; font-family:Garamond,"Hoefler Text","Times New Roman",Times,serif; }
		ul.archive li a { text-decoration: none; }
	#sidebar a {
		color: #2033e4;
		}
		#sidebar a:hover {
			color: #9ab4ee;
			text-decoration: underline;
			background: none;
			padding: 0px;
			}

#searchbar {
	margin-top: 30px;
	}

/* Footer */

#footer {
	min-height: 125px;
	background: url(images/footer-bg.jpg) no-repeat;
	position: relative;
	}
#footer p.footer {
		padding: 30px 0px 0px 120px;
		margin-bottom: 1em;
		line-height: 1.4em;
		background: transparent;
		text-align: left;
		font-size: 1em;
		margin-top: 0px !important;
		width: 730px;
		}
		#footer p.footer a:hover {
			background: none;
			padding: 0px;
			color: black;
			text-decoration: underline;
			}
#bigfoot {
	width: 109px;
	height: 130px;
	position: absolute;
	bottom: 32px;
	right: 70px;
	background: url(images/bigfoot.png) no-repeat;
	z-index: 10000;
	}

/* Pages */

#page {
	width: 478px;
	min-height: 900px;
	margin-top: 20px;
	margin-left: 111px;
	float: left;
	}
	#page h2 { 
		font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
		font-size: 2.6em;
		font-weight: 700;
		color: #2033e4;
		background: #e9ee9a;
		padding: 7px 0px 5px 16px;
		margin-left: -48px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
		}
		#page h2 a {
			text-decoration: none;
			color: #2033e4;
			}
	#page p {
		margin-top: 25px;
		font-size: 1.6em;
		}
	#page p a {
		color: #2033e4;
		background: #e9ee9a;
		text-decoration: none;
		padding: 0 2px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-topleft: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		}
		#page p a:hover {
			background: #9ab4ee;
			color: white;
			text-decoration: none;
			padding: 0 2px;
			-moz-border-radius-bottomright: 5px;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomleft: 5px;
			-moz-border-radius-topleft: 5px;
			-webkit-border-bottom-right-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-webkit-border-top-left-radius: 5px;
			}

div#page h3 { color: white; background: #9ab4ee; font-family: Helvetica, sans-serif; font-size: 2.2em; padding: 2px; -moz-border-radius-bottomright:5px;
	-moz-border-radius-topright:5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; }
div#page h3 a { text-decoration: none; color: white; }
div#page h3 a:hover { color: #2033e4; }



/* Comments */

#comment {
	width: 500px;
	margin-bottom: 5px; 
	}
#nocomments {
	text-indent: -9999px;
	}
#talk {
	background: url(images/leave-comment-title-bg.jpg) center center no-repeat;
	text-indent: -9999px;
	height: 15px;
	width: 220px;
	margin: 20px 0 20px -5px;
	}
#leave-comment-title {
	background:transparent url(images/leave-comment-title-bg.jpg) bottom center no-repeat;
	height:18px;
	margin:25px 0 10px;
	text-indent:-9999px;
	width:220px;
	}
#comment-writer-info {
	margin:0 0 8px;
	overflow:hidden;
	}
#comment-writer-info div {
	float:left;
	position:relative;
	width:188px;
	z-index:100;
	}
#comment-writer-info div img {
	left:4px;
	position:absolute;
	top:4px;
	width:23px;
	}
#comment-writer-info label {
	color:#333333;
	font-family:Georgia,Serif;
	font-size:13px;
	left:45px;
	position:absolute;
	top:8px;
	z-index:50;
}
#comment-writer-comment label {
	left:-9999px;
	position:absolute;
	top:-9999px;
	}
#comment-writer-info div input {
	background-color:white;
	border:1px solid #cccccc;
	height:20px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:9px 5px 5px 42px;
	width:128px;
	}
#author {
	background:transparent url(images/commentform-name-bg.png) no-repeat scroll left top;
	}
#email {
	background:transparent url(images/commentform-email-bg.png) no-repeat scroll left top;
	}
#comment-writer-comment {
	overflow:hidden;
	}
#commentform textarea#styled {
	width:343px;
	height: 120px;
	border:3px solid #cccccc;
	float:left;
	font-family: Garamond,"Hoefler Text","Times New Roman",Times,serif;
	font-size:1.2em;
	padding:5px;
	background-image: url(images/bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	}
#content-area .cancel-comment-reply {
	margin:0 0 8px;
	}
#content-area #cancel-comment-reply-link {
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background:#620303 none repeat scroll 0 0;
	color:white;
	padding:1px 4px;
	}
#content-area #cancel-comment-reply-link:hover {
	background:red none repeat scroll 0 0;
	border:medium none;
	}
#commentform #submit {
	margin-left: 5px;
	text-align:center;
	}
p.subscribe-to-comments {
	font-size: 1.4em;
	font-family: Garamond,"Hoefler Text","Times New Roman",Times,serif;
	padding-bottom: 2px;
	}
p#code, p#grav-link {
	font-size: 1.2em;
	font-family: Garamond,"Hoefler Text","Times New Roman",Times,serif;
	}
	p#code span {
		font-style: italic;
		}
	p#grav-link a {
		padding: 2px;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomleft: 3px;
		-moz-border-radius-topleft: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-webkit-border-top-left-radius: 3px;
		}
		p#grav-link a:hover {
			padding: 2px;
			-moz-border-radius-bottomright: 3px;
			-moz-border-radius-topright: 3px;
			-moz-border-radius-bottomleft: 3px;
			-moz-border-radius-topleft: 3px;
			-webkit-border-bottom-right-radius: 3px;
			-webkit-border-top-right-radius: 3px;
			-webkit-border-bottom-left-radius: 3px;
			-webkit-border-top-left-radius: 3px;
			}
ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { background: #d8ebbb none repeat scroll; }
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:1px dotted #9ab4ee; padding:1em; }
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard { font:normal 16px Garamond,"Hoefler Text","Times New Roman",Times,serif; }
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { color: black; text-decoration: none; }
ol.commentlist li.comment div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size:10px; }
ol.commentlist li.comment div.comment-meta a { color:#9ab4ee; text-decoration: none; }
ol.commentlist li.comment p { font-size:12px; margin:0 0 1em; }
ol.commentlist li.comment ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li.comment div.reply { font-size:11px; }
ol.commentlist li.comment div.reply a { font-weight:bold; text-decoration: none; color: #9ab4ee; }
ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor { background: #d8ebbb none repeat scroll; }
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 { border-left:5px solid #9ab4ee; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #89c5de; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-4 { }
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #2033e4; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* 404 Page */

body#notFound {
	background: white;
	}
#not-found {
	margin: 0px auto;
	min-height: 100%;
	width: 100%;
	position: relative;
	}

h2#oh-no {
	font-size: 7em;
	font-weight: 400;
	color: #2033e4;
	text-align: left;
	z-index: 20000;
	}
p.not-found {
	font-size: 2em;
	margin-top: 25px;
	z-index: 10000;
	}
	p.not-found a {
		color: #2033e4;
		background: #e9ee9a;
		text-decoration: none;
		padding: 2px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-topleft: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		}
		p a:hover {
			background: #9ab4ee;
			color: white;
			text-decoration: none;
			padding: 0 2px;
			-moz-border-radius-bottomright: 5px;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomleft: 5px;
			-moz-border-radius-topleft: 5px;
			-webkit-border-bottom-right-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-webkit-border-top-left-radius: 5px;
			}
#not-found #searchform {
	float: right;
	}
#bigfoot.notFound {
	width: 109px;
	height: 130px;
	bottom: -78px;
	right: 0px;
	background: url(images/bigfoot.png) no-repeat;
	position: fixed;
	z-index: 1;
	}

/* Search */

p#no-result {
	margin-top: 25px;
	}