@charset "UTF-8";
/*
Theme Name: Campbell Stories
Theme URI: http://www.campbellstories.com
Description: Default theme
Version: 1.0
Author: Pleased To Meet Me Media
Author URI: http://www.pleasedtomeetmemedia.com/

----> NOTE: Wordpress's default CSS structure is horrible. This seeks to reset, then establish some base rules...then, in Structure, 
define those elements relevent to a given Structure "area" specific CSS declaration needed in only that area...CASCADE down through the elements
needing styling as they apppear both symentically and visually. Simple, right?


----> BRAND FONTS + COLORS:
		FONT: Define Brand Fonts Here
		COLORS: 
			- NAV: #d4ba97 (TAN)
			- NAV ACTIVE: #faa50a (YELLOW)
			- LINKS: #125a8a (BLUE) (OLD BLUE- #2777ac) 
			- HEADERS: #462a14 (BROWN)
			- TEXT: #333
			
----> STRUCTURE OVERVIEW:
		This Template seeks to be 980px wide, centered with auto height / 2 column with Sidebar on right side
			


LEGEND:
1. REST ALL HTML ELEMENTS (meyerweb.com version)
2. BASE TYPOGRAPHY
3. STRUCTURE: Header, Breadcrumbs, Content, Sidebar (Right), Footer


*/



/* ---------- RESET ALL HTML ELEMENTS ---------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ---------- /RESET ALL HTML ELEMENTS ---------- */





/* ---------- BASE TYPOGRAPHY ---------- */
body {
	font-size: 100%; /* Resets 1em to 12px */
	font-family: Arial, Helvetica, Sans-Serif;
	color: #333;
	line-height: 1.1em;
}
h1, h2, h3 {
	font-weight: bold;
	color: #462a14;
}

	h2 {
		color: #125a8a;
		font-size: 1.6em;
		line-height: 1em;
		margin: 0px 0 0 0;;
		padding-bottom: 6px;
		margin: 12px 0 20px 0;
		border-bottom: 1px solid #125a8a;
	}
	h3 {
		font-size: 1.3em;
		margin: 12px 0 20px 0;
	}
p {
	font-size: 1em;
	line-height: 1.1em;
	margin-bottom: 1.1em;
}

a {
	color: #125a8a;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}
	a img {
		border: none;
	}
	
small {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #777;
}
blockquote, strike {
	color: #777;
}
blockquote {
	margin: 1.1em 0 1.1em 40px;
	border-left: 1px solid #333;
	padding-left: 12px;
}
	blockquote cite {
		margin: 5px 0 0;
		display: block;
	}	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}

	
	/* ---------- BASE CLASSES ---------- */

	
	.hidy {
		display: none;
	}
	.clear {
		clear: both;
	}
	
	.alt {
		background-color: #f8f8f8;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	.center {
		text-align: center;
		}
	
	.hidden {
		display: none;
	}
	
	/* ---------- /BASE CLASSES ---------- */
	


/* ---------- /BASE TYPOGRAPHY ---------- */




/* ---------- STRUCTURE ---------- */

	/* ---------- BODY ---------- */
	body {
		text-align: center;
		background-color: #d4ba97;
	}
	/* ---------- /BODY ---------- */

	/* ---------- CONTAINER ---------- */
	div#container {
		margin-left: auto;
		margin-right: auto;
		width: 920px;
	}
	#container {
		position: relative;
		display: block;
		width: 920px;
		height: auto;
		overflow: hidden;
		background-color: #FFF;
		border: 1px solid #462a14;
		border-top: 10px solid #462a14;
	}
	/* ---------- /CONTAINER ---------- */

	/* ---------- HEADER ---------- */
	#header {
		position: relative;
		display: block;
		height: 251px;
		width: 100%;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		background: url('images/cs_hdr_bg.jpg') 0 0 no-repeat;
	}
	
		#header h1 {
	
		}
		#header h1 a  {
			z-index: 99;
			position: absolute;
			display: block;
			width: 500px;
			height: 200px;
			top: 0;
			left: 0;
			text-indent: -9999px;
		}
	
		
		/* HEADER NAV + SEARCH */
		#header ul#nav {
			z-index: 99;
			position: absolute;
			display: block;
			float: left;
			width: 920px;
			height: 30px;
			top: 200px;
			left: 0px;
			list-style: none;
			margin: 0 0 0 0;
			padding: 0px 0 0 10px;
			background: url('images/cs_nv_bg_tile.jpg') 0 0 repeat-x;
			border-top: 1px solid #FFF;
		}
			#header ul#nav li {
				float: left;
				padding: 6px 0px 0 0px;
				color: #d4ba97;
			}
				#header ul#nav li a {
					font-size: 1em;
					color: #d4ba97;
					padding: 0 8px 0 8px;
					margin: 0 0 0 0;
				}
					/* NAV HOVER PROPERTIES + DEFAULT WORDPRESS ACTIVE CLASS NAMES */
					#header ul#nav li a:hover, #header ul#nav li.current_page_item a, #header ul#nav li.current_page_parent a, #header ul#nav li.current_page_ancestor a {
						text-decoration: none;
						color: #faa50a;	
					}
					
		/* SEARCH */
		#header #searchform {
			z-index: 100;
			position: absolute;
			display: block;
			left: 600px;
			top: 200px;
			width: 300px;
			height: 30px;
			margin: 0 0 0 0;
			padding: 5px 20px 3px 5px;
			text-align: right;
		}
	
			#header #sidebar #searchform #s {
				width: 108px;
				padding: 2px;
			}
			
			#header #sidebar #searchsubmit {
				padding: 1px;
			}
			
		
	/* ---------- /HEADER ---------- */
	
	/* ---------- BREADCRUMBS ---------- */	
	#breadcrumbs {
		position: relative;
		display: block;
		width: 100%;
		height: 30px;
		text-align: right;
		padding: 16px 20px 0 0;
		font-size: .9em;
	}
		#breadcrumbs a { padding: 0 10px 0 10px; }
	/* ---------- /BREADCRUMBS ---------- */	
	
	
	/* ---------- EVENTS SIDEBAR ---------- */	
	#sidebar_left {
		position: relative;
		display: block;
		float: left;
		width: 171px;
		height: 600px;
		text-align: left;
		padding: 145px 10px 0 0;
		margin: 0 0 0 0;
		font-size: 1em;
		border-right: 1px solid #999;
		background: url('images/cs_sidebar_left_bg.jpg') 0 0 no-repeat;
		text-align: right;
	}
		#sidebar_left a img {
			position: absolute;
			left: 30px;
			top: 2px;
			width: 118px;
			height: 118px;
			border: 2px solid #462a14;
		}
		
		#sidebar_left h3, #sidebar_left h3 a {
			color: #462a14;
			font-family: 'Times New Roman', Times;
			font-size: 1.5em;
			font-style: italic;
			margin: 0 0 16px 0;
			padding: 0 0px 0 0px;
			font-weight: bold;
			line-height: .8em;
		}
		#sidebar_left p {
			color: #FFF;
			font-size: 12px;
			margin: 0 0 0 0;
			padding: 0 0 0 20px;
		}
		
		#sidebar_left hr {
			display: block;
			width: 220px;
			margin: 10px 0 10px 20px;
			padding: 0 0 0 0px;
		}
		
		#sidebar_left p input {
			margin: 10px 0 4px 0;
		}
		
		#sidebar_left ul, #sidebar_left ul ol {
			margin: 0;
			padding: 0;
		}
			#sidebar_left ul {
			
			}
				#sidebar_left ul li {
			
				}
					#sidebar_left ul li a {
						font-size: 1em;
						font-weight: bold;
					}
						#sidebar_left ul li a:hover, #sidebar_left ul li.current_page_item a, #sidebar_left ul li.current_page_parent a {
							text-decoration: underline;
						}
				
				
				/* SIDEBAR - SUB NAV BITS */
				
				#sidebar_left ul li ul {
					display: none;
					padding: 0;
					margin: 6px 0 12px 0px;
				}
				
					#sidebar_left ul li.current_page_item ul, #sidebar_left ul li.current_page_parent ul {
						display: block;
					}
				
					#sidebar_left ul li ul li a {
						font-weight: normal;
						font-size: .9em;
						text-decoration: none !important;
					}
						#sidebar_left ul li ul li a:hover, #sidebar_left ul li ul li.current_page_item a, #sidebar_left ul li ul li.current_page_parent a {
							color: #999;
						}
		
		
		
	/* ---------- /SIDEBAR LEFT ---------- */
	
	
	/* ---------- CONTENT ---------- */
	#content {
		position: relative;
		display: block;
		float: left;
		width: 468px;
		min-height: 400px;
		padding: 0px;
		margin: 0;
		text-align: left;
	}

		/* #content */ .home { 
			width: 638px !important;
			margin-top: -30px !important;
		}
		
			/* ---------- CONTENT CLASSES ---------- */	
			
				/* ----> WP DEFAULT: CONTENT > POST ENTRY */
			
			
				/* THESE AREN'T NEEDED- IF WE DON'T NEED THE LEFT SIDEBAR, WE DON'T CALL FOR IT- CONTENT FLOATS LEFT
				.narrowcolumn {
					float: left;
					padding: 0 0 20px 45px;
					margin: 0px 0 0;
					width: 450px;
				}
				.widecolumn {
					padding: 10px 0 20px 0;
					margin: 5px 0 0 150px;
					width: 450px;
				}
				.widecolumn .post {
					margin: 0;
					}
				
				.narrowcolumn .postmetadata {
					padding-top: 5px;
					}
				
				.widecolumn .postmetadata {
					margin: 30px 0;
					}
				
				.widecolumn .smallattachment {
					text-align: center;
					float: left;
					width: 128px;
					margin: 5px 5px 5px 0px;
				}
				
				.widecolumn .attachment {
					text-align: center;
					margin: 5px 0px;
				}
				
				.postmetadata {
					clear: both;
				}
				*/
			/* ---------- POST ---------- */	
			
			.post {
				position: relative;
				display: block;
				float: left;
				margin: 20px 0 0 0;
				padding: 0 20px 0 20px;
			}
			
				.post ol, .post ul {
					list-style: disc;
					margin-left: 40px;
				}
				.post hr {
					display: block;
				}
				
				/* IMAGES IN POSTS - THESE ARE STANDARD WP OUTOUT CLASSES - MUST REMAIN! */
				.post p img, .post h3 img {
					float: left;
					padding: 0;
					max-width: 100%;
					border: 1px solid #002d69;
					}
				
				
				
				.post img.alignright {
					padding: 0px;
					margin: 0 0 2px 7px;
					display: inline;
				}
				
				.post img.alignleft {
					padding: 0px;
					margin: 0 10px 2px 0;
					display: inline;
				}
				
				.post .navigation {
					display: block;
					position: relative;
					width: 100%;
					height: 40px;
				}
				.post .navigation a {
					color: #666;
					font-size: 11px;
				}
				
				.post .alignright {
					float: right;
				}
				
				.post .alignleft {
					float: left
				}
				/* /IMAGES */
				
				.post td {
					vertical-align: middle;
					text-align: left;
				}
					.post td a {
						margin: 0 0 0 0;
						padding: 0 0 0 0;
					}
						.post td a:hover, .post td a.active {
							color: #666;
							text-decoration: none;
						}

					.post td.pic_cell a img {
						margin-left: 10px;
						margin-right: 10px;
						margin-bottom: 20px;
						border: 1px solid #26ab5a;
						float: left;
					}
					
					.post td h3 {
						margin-bottom: 10px;
					}
				
				
				
				.entry {
					display: block;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
				}
					.entry h3 {
						
					}
					.entry p {
						line-height: 1.1em;
						margin-bottom: 1.1em;
						font-size: 14px;
					}
					.entry p a:visited {
						color: #b85b5a;
					}
					
					.entry li.linkcat {
						list-style: none;
						margin: 12 0 0 0;
					}
						.entry li h3 {
							display: block;
							margin: 20px 0 6px 0;
						}
						
						.entry li.linkcat ul.blogroll {
							display: block;
							margin-top: 0;
							margin-bottom: 30px !important;
						}
			
			
			
			
	/* ---------- /CONTENT ---------- */
	
	/* ---------- SIDEBAR ---------- */
	#sidebar {
		z-index: 5000;
		position: relative;
		display: block;
		float: left;
		width: 250px;
		min-height: 400px;
		padding: 0px;
		margin: 0;
		font-size: 1em;
		text-align: left;
	}
	
	#sidebar form {
		margin: 0;
	}
		#sidebar h3 {
			font-size: 1.2em;
			margin: 0 0 10px 0;
			padding: 5px;
			background-color: #d4ba97;
			font-family: 'TImes New Roman', Times;
			font-style: italic;
		}
		
		#sidebar p {
			margin: 0 0 6px 0;
			padding: 0px 10px 0 10px;
			color: #666;
			font-size: .8em;
		}
		#sidebar strong {
			color: #125a8a;
			font-size: 1.1em;
		}
		
		#sidebar a.more {
			font-size: .8em;
		}
		
		#sidebar hr {
			border: 0px none;
			border-bottom: 1px solid #999;
		}
		
		#sidebar #storytellers_box {
			display: block;
			height: 280px;
			overflow-y: auto;
		}
		
		#sidebar td {
			vertical-align: middle;
			text-align: left;
		}
			#sidebar td a {
				margin: 0 0 0 0;
				padding: 0 0 0 0;
			}
				#sidebar td a:hover, #sidebar td a.active {
					color: #666;
					text-decoration: none;
				}
			
			#sidebar td.pic_cell a img {
				margin-left: 10px;
				margin-right: 10px;
				margin-bottom: 20px;
				border: 1px solid #26ab5a;
				float: left;
			}
		
		
	
	/* ---------- /SIDEBAR ---------- */
	
	

	/* ---------- FOOTER ---------- */
	#footer {
		position: relative;
		display: block;
		width: 100%;
		height: 100px;
		clear: both;
		text-align: center;
		border-top: 1px solid #462a14;
		border-bottom: 5px solid #462a14;
	}
		
			#footer ul#footer_nav {
				position: relative;
				display: block;
				float: left;
				width: 100%;
				padding: 12px;
			}
				#footer ul#footer_nav, #footer ul#footer_nav li {
					list-style: none;
					display: inline;
				}
				#footer ul#footer_nav li {
					padding: 0;
				}
				
				#footer ul#footer_nav li a {
					padding: 0 4px 0 4px;
				}
				#footer ul#footer_nav li a:hover, #footer ul#footer_nav li a.active {
					text-decoration: none;
				}
				#footer p {
					margin: 0;
					padding: 0;
					text-align: center;
					font-size: .9em;
				}
			
	/* ---------- /FOOTER ---------- */
	
	
/* ---------- /STRUCTURE ---------- */