/* reference root CSS for rest of site */
@import url(/css/teachers.css);

/***********
 LOFT FORUM
 **********/
.loft-forum {
	margin: 5px auto 12px auto;
	padding: 21px 21px 0 21px;
	background-color: #ffffff;
	color: #000000;
	border:10px solid #282E37;
}

	.loft-forum ol {
		list-style-type: decimal;
		list-style-position: inside;
	}
	
		.loft-forum ol li {
			margin: 0 0 14px 0;
		}
		
			.loft-forum ol li a {
				text-decoration: none;
				border-bottom: solid 1px #000000;
				font-weight: bold;
				color: #000000;
			}
	
	.loft-forum .log-in {
		margin: 0 0 10px 0;
	}
	
		.loft-forum .log-in .field {
			float: left;
			margin: 0 20px 0 0;
		}
		
		.loft-forum .log-in label,
		.loft-forum .log-in a {
			display: block;
		}
		
		.loft-forum .log-in label {
			color: #000000;
			font-size: 11px;
			font-weight: bold;
			line-height: 11px;
			margin: 0 0 2px 0;
			width: 195px;
		}
		
		.loft-forum .log-in input {
			border-color: #7C7C7C rgb(195, 195, 195) rgb(221, 221, 221);
			border-style: solid;
			border-width: 1px;
			font-size: 10px;
			height: 13px;
			line-height: 13px;
			margin: 0;
			padding: 1px 2px;
			width: 189px;
		}
		
		.loft-forum .log-in a {
			margin: 11px 0 0 0;
			width: 113px;
			height: 22px;
			text-indent: -9999px;
			background: url(/images/btn-login.gif) no-repeat 0 0;
		}
	
	.loft-forum h1 {
		color: #000000;
		font-size: 30px;
		font-weight: normal;
		margin: 0 0 14px 0;
		text-transform:uppercase;
	}
	
	.loft-forum .entry {
		padding: 11px 0;
		margin: 0 0 5px 0;
	}
		
		.loft-forum .entry h2 {
			color:#fc4f4f;
			margin: 0 0 5px 0;
			font-weight: bold;
			text-transform: uppercase;
			font-size: 18px;
		}
		
		.loft-forum .entry p {
			margin: 0 0 5px 0;
			font-weight: bold;
			color: #fc4f4f;
			text-transform: uppercase;
			font-size: 12px;
		}
			.loft-forum .entry p.last {
				margin-bottom:0;
			}
	
	.loft-forum p a {
		color: #000000;
		/*text-decoration: none;
		border-bottom: solid 1px #000000;*/
	}
	
	.loft-forum .comments {
		float: left;
		width: 433px;
		padding: 15px 0 21px 0;
		background-color: #ffffff;
	}
	
		.loft-forum .comments h2 {
			color: #000000;
			font-weight: bold;
			font-size: 18px;
			text-transform: uppercase;
		}
		
		.loft-forum .comments .single-comment {
			margin: 20px 0;
			padding: 0 15px 0 0;
		}
		
		.loft-forum .comments .comment-submission {
			margin: 10px 0 0 0;
		}
			
			.loft-forum .comments .comment-submission input,
			.loft-forum .comments .comment-submission select,
			.loft-forum .comments .comment-submission textarea {
				font-family: Helvetica, Arial, Sans-Serif;
				font-size: 13px;
			}
			
			.loft-forum .comments .comment-submission input {
				border-top: solid 1px #7c7c7c;
				border-bottom: solid 1px #dddddd;
				border-left: solid 1px #c3c3c3;
				border-right: solid 1px #c3c3c3;
				font-size: 10px;
				height: 13px;
				line-height: 13px;
				margin: 3px 0 6px 0;
				padding: 1px 2px;
			}
			
			.loft-forum .comments .comment-submission select {
				height: 16px;
				border: 0;
				line-height: 16px;
				font-size: 10px;
				padding: 1px 2px;
				margin: 3px 0 0 0;
				border-top: solid 1px #7c7c7c;
				border-bottom: solid 1px #dddddd;
				border-left: solid 1px #c3c3c3;
				border-right: solid 1px #c3c3c3;
			}
			
			.loft-forum .comments .comment-submission textarea {
				border-top: solid 1px #7c7c7c;
				border-bottom: solid 1px #dddddd;
				border-left: solid 1px #c3c3c3;
				border-right: solid 1px #c3c3c3;
				width: 412px; /* 416 - 4 */
				height: 96px; /* 100 - 4 */
				padding: 2px;
				font-family: helvetica, arial, sans-serif;
				font-size: 13px;
			}
			
			.loft-forum .comments .comment-submission .remember {
				margin: 10px 0;
			}
			
				.loft-forum .comments .comment-submission .remember input {
					float: left;
					border: 0;
				}
				
				.loft-forum .comments .comment-submission .remember label {
					float: left;
					margin: 0 0 0 6px;
					line-height: 20px;
				}
			
			.loft-forum .comments .comment-submission .btnAddComment {
				display: block;
				background: url(/images/btn-add-comment.gif) no-repeat 0 0;
				width: 189px;
				height: 29px;
				text-indent: -9999px;
			}
			
			.loft-forum .comments .comment-submission label {
				display: block;
				font-weight: bold;
				margin: 0 0 3px 0;
				font-size: 11px;
			}
			
			.loft-forum .comments .comment-submission .name {
				float: left;
				margin: 0 10px 0 0;
			}
			
				.loft-forum .comments .comment-submission .name input {
					width: 175px;
				}
			
			.loft-forum .comments .comment-submission .city {
				float: left;
				margin: 0 10px 0 0;
			}
			
				.loft-forum .comments .comment-submission .city input {
					width: 150px;
				}
			
			.loft-forum .comments .comment-submission .state {
				float: left;
			}
		
		.loft-forum .comments .comment-submission .not-registered {
			line-height: 16px;
		}
		
			.loft-forum .comments .comment-submission .not-registered a {
				color: #000000;
			}
		
		/* warning message after comment posted that tells commenter that their comment must be approved */
		.loft-forum #commentmessage {
			padding: 0 0 10px 0;
			font-weight: bold;
		}
		
		.loft-forum .sidebar {
			float: left;
			width: 220px;
			padding: 15px;
			background: transparent url(/images/bg-sidebar.gif) repeat-y 0 0;
		}
		
			.loft-forum .sidebar h3 {
				text-transform: uppercase;
				font-weight: bold;
				font-size: 16px;
				color: #000000;
			}
			
			.loft-forum .sidebar ul {
				margin: 0 0 25px 0;
			}
				.loft-forum .sidebar li {
					font-size:11px;
					font-weight:bold;
					line-height:17px;
					margin:15px 0 0 0;
				}
				.loft-forum .sidebar li.first {
					margin:0;
				}
					.loft-forum .sidebar ul li span {
						text-transform:uppercase;
					}			
				.loft-forum .sidebar ul li a {
					color: #000000;
					text-decoration: none;
					border-bottom: solid 1px #000000;
					font-size: 11px;
					font-weight:normal;
				}

/************************
 LOGIN / CHANGE PW PAGES
 ***********************/

.utility {
	padding: 0 0 21px 0;
	margin: 0 auto;
	width: 210px;
}

	.utility h4 {
		color: #C93D00;
		font-size: 42px;
		font-weight: normal;
		margin: 0 0 5px 0;
	}
	
	.utility input {
		border-top: solid 1px #7c7c7c;
		border-bottom: solid 1px #dddddd;
		border-left: solid 1px #c3c3c3;
		border-right: solid 1px #c3c3c3;
		font-size: 10px;
		height: 13px;
		line-height: 13px;
		margin: 3px 0 6px 0;
		padding: 1px 2px;
		width: 192px;
	}
	
	.utility label {
		display: block;
		font-weight: bold;
		margin: 0 0 3px 0;
		font-size: 11px;
	}
	
	.utility .forgot-pw {
	}
	
		.utility .forgot-pw a {
			color: #000000;
			text-decoration: none;
			border-bottom: solid 1px #000000;
		}
	
	.utility .auto-login {
		margin: 10px 0;
	}
	
		.utility .auto-login span,
		.utility .auto-login label {
			float: left;
		}
		
		.utility .auto-login label {
			line-height: 18px;
			padding: 0 0 0 5px;
		}
		
		.utility .auto-login .checkbox input {
			width: auto;
		}
	
	.utility .changePassword {
		color: #000000;
		font-size: 14px;
		font-weight: bold;
	}

/*******************************
 MONTHLY BLOG ARCHIVE OVERRIDES
 ******************************/

.CommonSubTitle {
	padding: 10px 0;
	font-weight: bold;
	font-size: 18px;
}

.BlogPostList {
	border-top: solid 2px #D9774C;
	padding-bottom: 21px;
}

	.BlogPostList .CommonListRow {
		padding: 10px 0;
		border-bottom: solid 2px #D9774C;
		line-height: 16px;
	}
	
		.BlogPostList .CommonListRow a {
			color: #000000;
		}
		
.sidebar .CommonSidebarList ul li,
.sidebar #ArchiveSideBar ul li {
	margin:5px 0 0 0;
}