/*  
Theme Name: ReconcilingStories.org theme
Theme URI: http://reconcilingstories.org
Description: ReconcilingStories.org theme
Version: v1.0
Author: Four Kitchen Studios, LLC
Author URI: http://fourkitchens.com
*/


/* PALETTE .............................
xx-light blue		rgb(247,250,252)
x-light blue		rgb(229,241,248)
light blue		rgb(78,162,207)
med blue		rgb(2,122,187)

x-light purple		rgb(238,232,243)
med purple		rgb(80,11,128)

x-light red		rgb(248,229,229)
light red		rgb(214,102,102)
med red			rgb(186,0,0)
........................................ */


/* ..... Global Elements ..... */
/* commented backslash hack v2 \*/ 
html, body{ height: 100%; } 
/* end hack */ 
html, body {
	margin: 0;
	padding: 0; 
	}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Trebuchet MS', sans-serif;
	background: rgb(246,250,253) url(images/bg.body.gif) top center repeat-y;
	color: rgb(50,50,50);
	margin: 0;
	padding: 0;
	}

#outer {
	height: 100%;
	min-height: 100%;
	margin: auto;
	position: relative;
	}
html>body #outer {height: auto;} /*for mozilla as IE treats height as min-height anyway*/

a, a:visited, a:active {
	color: rgb(80,11,128);
	text-decoration: none;
	}
a:hover { color: rgb(78,162,207) !important; }
a.noline:hover { border-bottom: none; }
a img { border: none; }
a.imagelink { border: none; }
a.imagelink:hover { border: none; border-bottom: none; }

code {
	font-family: 'Courier New', Courier, fixed; 
	font-size: 1em;
	}
acronym, abbr {
	border-bottom: 1px dashed rgb(100,100,100);
	font-size: 0.9em;
	cursor: help;
	}
.caps {
	font-variant: small-caps;
	font-size: 0.9em;
	}
.small, small {
	font-size: 0.9em;
/*
	line-height: 1.5em;
*/
	}
.big, large {
	font-size: 1.25em;
	}
.b { font-weight: bold; }
.on { color: rgb(80,11,128); }
.off, strike { color: rgb(100,100,100); }

.center { text-align: center; }
.alignright { float: right; }
.alignleft { float: left; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignbottom { vertical-align: text-bottom; }
img.alignmiddle { vertical-align: middle; }

form { margin: 0; padding: 0; }
	form input, form textarea, form label {
		margin: 0;
		vertical-align: middle;
		font-family: 'Trebuchet MS', Verdana, Sans-Serif;
		}
	form input, form textarea {
		border: 1px solid rgb(78,162,207);
		}
	form label {
		font-weight: bold;
		font-size: .9em;
		}

ol li { list-style: decimal outside; }
p img { padding: 0; max-width: 100%; }

p.last { margin-bottom: 0; }

hr {
	width: 100%; 
	height: 1px;
	margin: 20px auto 10px auto;
	padding: 0;
	border: none;
	color: rgb(78,162,207); /* IE */
	background-color: rgb(78,162,207); /* Mozilla, Opera */
	}
	hr.off {
		display: none;
		}

h1, h2, h3 {
	color: rgb(2,122,187);
	font-weight: bold;
	text-decoration: none;
	line-height: 1.15em;
	}
	h1 { 
		display: none; 
		}
	h2 { 
		font-size: 2em; 
		}
	h3 { 
		font-size: 1.5em; 
		}
/* ..... end Global Elements ..... */


#header {
	width: 780px;
	margin: 10px auto 10px auto;
	padding: 0;
	text-align: left;
	vertical-align: top;
	color: rgb(115,169,201);
	}
	#header-menu-outer {
		float: right;
		width: 350px;
		margin: 0 0 20px 0;
		background: url(images/header-menu.grad.gif) repeat-x top left;
		}
		#header-menu {
			width: 330px; /* 20px padding + 340x = 350px */
			padding: 5px 10px 5px 10px;
			background: url(images/header-menu.bg.gif) no-repeat top left;
			color: rgb(2,122,187);
			font-size: 1.25em;
			}
			#updatelogout {
				float: right;
				margin: 3px 0 0 0;
				color: rgb(78,162,207);
				}
			#header-menu h2 {
				margin: 0 0 10px 0;
				padding: 0;
				text-align: left;
				font-size: 1.25em;
				}
			#header-menu ul {
				list-style: none;
				margin: 0;
				padding: 0;
				}
				#header-menu ul li {
					margin: 0 0 5px 10px;
					padding: 0;
					text-indent: -10px;
					}
				#header-menu ul li:before {
					content: "\BB \20";
					}
			#disclaimer {
				margin: 0;
				padding: 3px;
				background: rgb(229,241,248);
				color: rgb(2,122,187);
				text-align: center;
				}

#page {
	width: 780px;
	margin: 0 auto 0 auto;
	padding: 0;
	}

#content {
	float: left;
	width: 600px;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 1.25em;
	}
	h2.pagetitle {
		margin: 0 0 15px 0;
		padding: 3px;
		border-bottom: 1px solid rgb(78,162,207);
		text-align: center;
		}

.navigation {
	margin: 0 0 15px 0;
	padding: 3px 5px 3px 5px;
	display: block;
	background: rgb(229,241,248) url(images/rounder.br.gif) no-repeat bottom right;
	border-top: 1px solid rgb(78,162,207);
	border-left: 1px solid rgb(78,162,207);
	text-align: left;
	}

.post {
	margin: 0 0 20px 0;
	padding: 0 0 0 40px;
	background: url(images/post.bg.circleslight.gif) no-repeat top left;
	text-align: left;
	}
	.post h2, .post h3 {
		margin: 0 0 5px 0;
		padding: 0;
		font-family: 'Trebuchet MS', sans-serif;
		}

	.byline, .postmetadata {
		color: rgb(100,100,100);
		font-size: .75em;
		line-height: 1.5em;
		}

	.byline {
		margin: 0 0 5px 0;
		text-align: left;
		}

	.entryborder {
		border-top: 1px solid rgb(78,162,207);
		border-left: 1px solid rgb(78,162,207);
		}
	.entry {
		margin: 0;
		padding: 10px 0 0 10px;
		font-family: Georgia, 'Times New Roman', 'Times', serif;
		line-height: 1.5em;
		}
		.entry a, .entry a:visited, .entry a:active, 
		.commentlist a, .commentlist a:visited, .commentlist a:active {
			border-bottom: 1px dotted rgb(50,50,50);
			}
		.entry a:visited, .commentlist a:visited {
			color: rgb(2,122,187);
			}
		.entry a:hover, .commentlist a:hover {
			border-bottom: none;
			}
		.entry p {
			margin: 0 0 10px 0;
			padding: 0;
			}
		.entry img {
			margin: 0 5px 5px 5px;
			padding: 2px;
			display: inline;
			border: 1px solid rgb(160,197,220);
			}
			.entry a:hover img {
				border: 1px dotted rgb(50,50,50);
				}
		.entry form { /* This is mainly for password protected posts, makes them look better. */
			text-align: center;
			}
		.entry ul {
			list-style: none;
			margin: 0 0 10px 15px;
			padding: 0;
			} 
			.entry ul li {
				margin: 0 0 5px 10px;
				padding-left: 20px;
				text-indent: -20px;
				}
			.entry ul li:before {
				content: url(images/bullet.circles.gif);
				}
		.entry ol {
			margin: 0 0 10px 30px;
			padding: 0;
			}
			.entry ol li {
				margin: 0 0 5px 20px;
				padding-left: 0;
				text-indent: 0;
				}
		.entry blockquote {
			margin: 10px 20px 10px 20px;
			padding: 0 0 0 20px;
			border-left: 5px solid rgb(229,241,248);
			color: rbg(160,160,160);
			text-indent: 0;
			}
		.entry cite {
			font-size: .75em;
			font-variant: small-caps;
			text-decoration: none;
			}
		.entry select {
			width: 130px;
			}

	.postmetadata {
		margin: 0;
		padding: 3px;
		background: rgb(229,241,248) url(images/rounder.br.gif) no-repeat bottom right;
		text-align: center;
		}


/* ..... Search Form elements ..... */
#searchform {
	margin: 100px auto 0 auto;
	}
	#searchform_label, #searchform_text, #searchform_submit {
		padding: 5px;
		color: rgb(2,122,187);
		font-weight: bold;
		}
	#searchform_label {
		font-size: 1.5em;
		}
	#searchform_text {
		background-color: rgb(250,250,250);
		font-size: 2em;
		}
	#searchform_submit {
		width: 70px;
		height: 42px;
		background-color: rgb(250,250,250);
		font-size: 1.5em;
		}
/* ..... end Search Form elements ..... */



/* ..... Comments ..... */
#comments {
	margin: 10px 0 0 0;
	padding: 0;
	}

#respond {
	/* h3 title */
	margin: 10px 0 5px 0;
	padding: 0;
	}

#commentform {
	}
	#commentform p {
		margin: 10px 0 0 0;
		}
	#commentform input, #commentform textarea, #submit, .checkspelling {
		background-color: rgb(250,250,250);
		color: rgb(2,122,187);
		font-weight: bold
		}
	#commentform input {
		width: 170px;
		padding: 3px;
		}
	#commentform textarea {
		width: 588px; /* 2px border + 10px padding + 588px = 600px */
		padding: 5px;
		}
	#commentform #submit, #commentform .checkspelling {
		/* buttons */
		height: 30px;
		margin: 0 0 0 5px;
		padding: 0 0 3px 0;
		text-align: center;
		font-size: 1.25em;
		font-weight: bold;
		}

.commentlist {
	padding: 0;
	margin: 5px 0 30px 0;
	text-align: justify;
	}
	/* see .entry for anchor style */
	.commentlist li {
		list-style: none;
		font-weight: normal;
		margin-top: 5px;
		padding: 5px;
		}
	.commentlist li.alt {
		background-color: rgb(247,250,252);
		border-bottom: 1px solid rgb(229,241,248);
		}
	.commentlist p {
		font-weight: normal;
		line-height: 1.5em;
		text-transform: none;
		margin: 5px 10px 5px 10px;
		}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1em;
	}

.commentmetadata {
	margin: 0;
	display: inline;
	float: right;
	font-size: .8em;
	font-weight: normal;
	}

.nocomments {
	color: #777;
	text-align: center;
	margin: 0;
	padding: 0;
	}
/* ..... end Comments ..... */



/* ..... Sidebar ..... */
#sidebar {
	width: 160px;
	margin: 0;
	padding: 0;
	float: right;
	}

#sidebarsearch {
	margin: 0 0 10px 0;
	padding: 3px;
	background-color: rgb(229,241,248);
	border-top: 1px solid rgb(78,162,207);
	border-left: 1px solid rgb(78,162,207);
	vertical-align: middle;
	text-align: center;
	}
	#sidebarsearch_text {
		width: 110px;
		height: 15px;
		padding: 0 2px 0 2px;
		}
	#sidebarsearch_submit {
		padding: 0;
		border: none;
		}
		
#sidebar ul {
	margin: 0;
	padding: 0;
	}
	#sidebar ul li {
		list-style-type: none;
		list-style-image: none;
		border-left: 1px solid rgb(78,162,207);
		margin: 0 0 15px 0;
		padding: 0;
		}
		#sidebar ul li a:visited {
			color: rgb(2,122,187);
			}
/*
		#sidebar ul li a:hover {
			border-bottom: 1px dotted rgb(50,50,50);
			}
*/
	#sidebar h2 {
		margin: 0;
		padding: 3px 5px 3px 5px;
		background: rgb(229,241,248) url(images/rounder.br.gif) no-repeat bottom right;
		border-top: 1px solid rgb(78,162,207);
		font-size: 1em;
		text-decoration: none;
		}
	#sidebar ul p {
		margin: 5px 0 0 5px;
		}

	#sidebar ul ul {
	/*	= lists immediately under H2s (first-level lists) */
		margin: 5px 0 0 5px;
		}
		#sidebar ul ul li {
			margin: 3px 0 0 0;
			padding: 0;
			border-left: none;
			}

		#sidebar ul ul ul {
		/*	= SUB-lists under H2s (second-level lists) */
			margin: 0 0 0 15px;
			border-left: none;
			}
			#sidebar ul ul ul li {
			margin: 3px 0 0 0;
			padding: 0;
			border-left: none;
			}
#sidebar p {
	margin: 0 0 20px 0;
	}
/* ..... end Sidebar ..... */	



/* ..... Footer ..... */
#clearfooter { /* needed to make room for footer */
	clear: both;
	height: 100px;
	}
#outer-footer1 {
	position: absolute;
		bottom: 0;
		left: 0;
	clear: both;
	width: 100%;
	}
#outer-footer2 {
	/* #page width: 780px */
	width: 780px;
	margin: 0 auto 0 auto;
	}
	#footer {
		width: 600px;
		margin: 0;
		padding: 5px 0 0 0;
		border-top: 1px solid rgb(78,162,207);
		color: rgb(100,100,100);
		line-height: 1.5em;
		}
		#sk2-footer {
			padding: 5px;
			background-color: rgb(229,241,248);
			text-align: center;
			}
	#footer-4k {
		width: 170px;
		float: right;
		text-align: right;
		}
/* ..... end Footer ..... */