/*
Theme Name: CFLU
Theme URI: http://cflu.org
Description: A custom WordPress theme designed exclusively for the Center for Learning Unlimited
Author: Clay Mabbitt
Author URI: http://sitepotion.com/
Version: 1.0
Tags: 
*/

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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0; padding:0; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
	background-color: #fff;
	color: #333;
}
a, a:visited { color: #114432; }
a:hover { text-decoration: none; }
.clear { height: 1px; clear: both; }
.center { text-align: center; }


/* HEADINGS *************************/
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; 
}
h1, h2 { font-size: 2.8em; }
h3 { font-size: 2.0em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.3em; }
td h4 { font-size: 1.2em; margin-left: 15px; }
/*.mid-line { background: url('images/mid-line.png') repeat-x 0 -18px; }
.mid-line span { background-color: #fff; padding-right: 7px; }*/



/* TEXT *****************************/
p, li, td, th, blockquote, label, dt, dd { font-size: 1.4em; }
td p, th p, li li, dt p, dl p, blockquote p, li p, td li { font-size: 1.0em; }
legend { font-size: 1.1em; }
textarea { 	font-family: Arial, Helvetica, sans-serif;  }
blockquote { font-style: italic; }



/* SPACING *******************************/
h1, h2 { margin-top: 40px; }
h3 { margin-top: 40px; }
h4, h5, h6 { margin-top: 20px; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 5px; }
p { margin-bottom: 20px; }
ol, ul {margin-left: 35px; margin-bottom: 20px; }
td, th { padding: 2px 5px; }
li { margin: 6px 0; }
legend { margin-bottom: 10px; }
fieldset { padding: 10px 10px 10px 10px; margin-bottom: 15px; }
blockquote { margin-top: 20px; margin-bottom: 20px; }
hr { margin: 20px 0; color: #228864; background-color: #228864; height: 1px; border: 0; }

p, li, td, th { line-height: 160%; }


td { vertical-align: top; }


/* LISTS *********************************/
/*ul, ol { font-weight: bold; }
li { font-weight: normal; }*/
li { margin-left: 20px; }
ul { list-style: none; }
	#content ul { list-style: disc; }
/*ul li { 
	margin-left: 0; padding-left: 20px;
	background: url('images/bullet.png') no-repeat 0 8px;
}*/
dl { margin-bottom: 20px; }
dt { margin-bottom: 4px; }
dd { 
	margin-left: 35px;
	margin-bottom: 20px;
}




/* BUTTONS *********************************/
/*
input[type="submit"] {
	background: #2f4e6f url('images/alert-overlay.png') repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1;
	border-width: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	outline: 0;
}
input[type="submit"]:hover {
	background-color: #e05019;
}
*/








/* LAYOUT **********************************/
#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding-top: 10px;
}
#container {
	width: 748px;
	float: left;
	background: url('images/main-back.jpg') top left repeat-x #a1b599;
}
#sidebar {
	width: 203px;
	float: right;
}
#footer {
	clear: both;
}


/* SIDEBAR **********************************/
#sidebar h4 {
	background: url('images/green-fade-narrow.png') top left repeat-y;
	color: #114432;	
	padding: 6px;
	font-size: 1.3em;
	line-height: 120%;
	margin-top: 0;
}
#sidebar ul, #sidebar li { margin: 0; padding: 0; }
#sidebar li.widget { margin-bottom: 30px; }
#sidebar li li { margin: 10px 0; }




/* HEADER ***********************************/
#header {
	background: url('images/green-fade-wide.png') bottom left no-repeat;
	height: 93px; /*144px;*/
	margin-bottom: 6px;	
}
#masthead {
	position: relative;
	height: 81px; /*132px;*/
	background: url('images/sky.jpg') top left no-repeat;
}
#branding {
	position: absolute;
	top: 10px; left: 60px;
	/*width: 232px; height: 111px;
	background: url('images/logo.png') top left no-repeat;*/
	width: 140px; height: 60px;
	background: url('images/logo.60.png') top left no-repeat;
}
#blog-title, #blog-title a { 
	/*width: 232px; height: 111px;*/
	width: 140px; height: 60px;
	display: block;
}
#blog-title span { 
	text-indent: -9999px; overflow: hidden;
}




/* NAVIGATION ********************************/
.skip-link { display: none; }
#access ul { list-style: none; margin: 0; }
ul#top-nav {
	float: right;
	/*margin-top: -70px;*/
	position: relative;
	font-weight: normal;
	margin-left: 0;
	color: #fff;
}
#top-nav li {
	float: left;
	border-left: solid 1px #fff;
	font-size: 1.6em;
	line-height: 120%;
	padding: 0 15px;
	margin-left: 0;
	background-image: none;
	position: relative;
	z-index: 500;
}

#top-nav li:first-child {
	border-left: none 0;
}
#top-nav li:last-child {
	/*padding-right: 0;*/
}

#top-nav li a {
	text-decoration: none;
}

	#top-nav ul {
		position: absolute; 
		left: -1px; 
		font-size: 0.75em;
		width: 184px;
		/*width: 100%; min-weight: 150px; */
		overflow: visible;
		display: none;
		padding-top: 7px;
		background: url('images/green-fade-topnav.png') top left no-repeat;
		border: solid 1px #fff;
		border-top: none 0;
		border-right: none 0;
	}
	#top-nav ul ul { font-size: 1.0em; margin-left: -1px; }
	#top-nav ul li {
		font-size: 1.0em;
		margin: 0; padding: 0;
		width: 184px;
		border: none 0;
		background-color: #fff;
	}
	#top-nav ul a {
		display: block;
		padding: 6px 8px;
		background: url('images/tan-fade-topnav.png') top left repeat-y #fff;
		/*border: solid 1px #fff;*/
		
	}
	#top-nav ul a:hover {
		background-color: #d8c894;
		border-right: solid 1px #fff;
		/*background: url('images/tan-fade-topnav-hover.png') top left repeat-y;*/
	}
	#top-nav ul ul {
		left: 100%;
		top: 0;
	}
	
	
	
	

/* FOOTER ************************************/
#footer { padding-top: 5px; }
#footer ul { list-style: none; padding: 0; margin: 0; }
#footer h4 { display: none; }
#footer li { margin-left: 0; padding-left: 0; }
#footer li:first-child {
	float: left;
	font-weight: bold;
	color: #114432;
	padding-top: 44px;
}
#footer li:last-child {
	float: right;
}
#footer li:last-child img {
	text-align: right;
	margin-left: 15px;
}
#footer li:last-child input[type="image"] {
	margin-right: -15px;
}
	
	
	
/* HOME *****************************************/
.home #featured {
	width: 960px;
	height: 490px; /*700px;	*/
	overflow: hidden;
	margin-bottom: 5px;
}

#slidewrapper {
	margin: 0 auto; 
	width: 960px;
	height: 490px;	
	overflow: hidden;
	position: relative;
}
#loopedSlider .slides { 
	width: 960px;
	height: 490px;	
	position: relative;
}
#loopedSlider .eachslide {
	width: 960px;
	height: 490px;	
	position: relative;	
}
	.eachslide img { position: absolute; top: 0; left: 0; }
	.eachslide .blackmask { 
		position: absolute; top: 0; left: 610px; width: 350px; height: 490px; 
		background: url('images/black-30.png') top left repeat;
		color: #eee;
		text-align: right;
	}
	.eachslide .headline { padding: 25px 40px 20px 40px; font-size: 2.0em; line-height: 130%; }
	.eachslide .blurb { padding: 0 40px 20px 40px; }
	.eachslide .blurb p { line-height: 190%; font-size: 1.5em; margin-bottom: 15px; }
	.eachslide .learnmore {
		width: 76px; height: 16px;
		display: block;
		overflow: hidden;
		text-indent: -999px;
		background: url('images/btn-learnmore.png') top left no-repeat;
		margin-right: 50px;
		float: right;
		text-align: left;
	}

ul.pagination { 
	list-style:none; 
	padding:0; margin:0; 
	position: absolute; 
	z-index: 199; 
	top: 440px; /*650px*/ right: 40px;
}
ul.pagination li  { 
	float:left; 
	margin: 0 0 0 6px; 
	padding: 0;
	width: 17px; height: 16px;
	overflow: hidden;
}
ul.pagination li a { 
	display: block;
	width: 17px; height: 16px;
	overflow: hidden; 
	text-indent: -9999px; 
	background: url('images/circle-open.png') top left no-repeat;
}
ul.pagination li.active a { background-image: url('images/circle-closed.png'); }


	
	
/* MAIN *****************************************/
#content { 
	padding: 25px 60px;
	min-height: 300px;
	background: url('images/leaf.png') bottom right no-repeat;
}
img.attachment-post-thumbnail {
	-webkit-box-shadow: 10px 8px 20px 0px rgba(0, 0, 0, .3);
	box-shadow: 10px 8px 20px 0px rgba(0, 0, 0, .3);
	margin-bottom: 40px;
}
.entry-title { color: #114432; margin-top: 0; }
	
	
	
	
/* PEOPLE ***************************************/
.person {
	width: 170px;
	margin: 0 35px 25px 0;
	float: left;
	text-align: center;	
}
.personnewrow { clear: left; }
.person p {
	margin-bottom: 0;	
}
.person .name { font-weight: bold; color: #114432; }
.person .info { color: #5E5F61; }
.person .title { font-weight: bold; font-size: 0.9em; }
.person .location { font-style: italic; font-size: 0.9em; display: block; }
.person .email a { color: #5E5F61; text-decoration: none; }

body.single-people .entry-title {
	text-align: center;
	font-size: 1.8em;
	font-weight: normal;	
	
}
body.single-people .name { font-weight: bold; font-size: 1.3em; }
body.single-people h2.experience {
	font-weight: normal;
	font-size: 1.4em;
	text-align: center;
	margin: 0 0 30px 0;
}



/* EVENTS ***************************************/
.eventsListWidget .event { line-height: 130%; }
.eventsListWidget .when { font-size: 0.9em; font-style: italic; }



/* APPLICATION **********************************/
.wpcf7-list-item { display: block; }

	
	
/* BLOG *****************************************/
.entry-meta {
	font-size: 1.3em;
	margin-bottom: 20px;
}
.entry-meta .meta-prep,
.entry-meta .author,
.entry-meta .meta-sep,
.entry-meta .edit-link {
	display: none;
}
#content .alignleft { float: left; margin: 0 20px 20px 0; }
#content .alignright { float: right; margin: 0 0 20px 20px; }
.wp-caption-text { text-align: center; font-size: 1.1em; }



/* COMMENTS ***************************************/
#comments-list {
	margin-top: 60px;
}
#comments-meta { 
	/*color: #98b1c4; */
	margin-bottom: 0;
}
#comments-list ol, #comments-list ul { list-style: none; margin: 0; }
#comments-list ol { margin-bottom: 60px; }
#comments-list li { margin: 0; padding-top: 45px; clear: both; }
#comments-list .children li { 
	padding-left: 95px; 
	/*background: url('images/comment-arrow.png') no-repeat 52px 27px;*/
}
#comments-list .avatar {
	float: right;
	border: solid 1px #d9c692;
	padding: 5px;
	margin: 0 0 15px 15px;
	/*-webkit-box-shadow: 2px 3px 5px 2px rgba(214, 224, 231, .4);
	-moz-box-shadow: 2px 3px 5px 2px rgba(214, 224, 231, .4);
	box-shadow: 2px 3px 5px 2px rgba(214, 224, 231, .4);*/
}
#comments-list .fn { font-weight: bold; font-size: 1.1em; }
.comment-meta, .comments-navigation { /*color: #98b1c4;*/ }
/*#comments-list li.bypostauthor .fn {
	background: url('images/author-tag.png') top left no-repeat;
	padding-left: 65px;
}*/


#respond {
	background-color: #d9c692;
	padding: 15px;
	overflow: hidden;
}
#respond .mid-line span { background-color: #d9c692; }
#respond .mid-line { background-image: url('images/mid-line-dark.png'); margin-top: 0; }

#respond label { font-size: 1.2em; }
#respond .form-label {
	margin: 17px 0 3px 0;
}
#respond #login { margin-top: 32px; }
#form-section-comment {
	width: 330px; float: left;
}
#comment-info {
	width: 225px; float: right;
}
#respond textarea {
	width: 330px; height: 200px;
	border: solid 1px #a1b599;
}
#respond input[type='text'] {
	height: 26px;
	line-height: 26px;
	width: 220px;
}
#respond input[type='submit'] {
	background-color: #a1b599;
}
#respond input[type='submit']:hover {
	background-color: #c1d5a9;
}
#respond .form-submit {
	margin-top: 17px;
}
#respond .required { color: #a1b599; }
#respond .form-submit .required { float: right; font-style: italic; font-size: 1.2em; line-height: 26px; }
/* put in one column if replying to comment */
ol #respond { clear: both; overflow: hidden; }
ol .children li #respond { float: left; }
ol #respond label, #cancel-comment-reply { font-size: 12px; }
ol .children li #form-section-comment, ol .children li #comment-info, ol .children li #respond textarea, ol .children li #respond input[type='text'] {
	width: auto; float: none;
}