@import "global.css";
@import "common.css";

/*
Allen School Online
- Program style sheet
- Created: June 5 2007
*/

#aCol { width: 215px; float: left; }
	/* #sideNav in common.css */

#bCol { width: 509px; float: left; }
	#contentHeader { margin: 3px 0 18px 0; }
	
	ul.faqs { list-style: outside decimal; font-size: 1.5em; padding: 15px 0 20px 0; margin: 0 0 0 30px; }
	ul.faqs li { margin: 0 0 10px 0; padding: 2px 20px 3px 0; clear: both; line-height: 1.4em; font-weight: bold; color: #600; }
	ul.faqs li a { cursor: pointer; font-weight: normal; }
	ul.faqs div.answer { margin: 0; display: none; }
	ul.faqs div.answer p { margin: 5px 0 5px 0; font-size: .95em; line-height: 1.6em; color: #333; }
	ul.faqs div.answer ol { margin: 0 15px 0 20px !important; font: normal 1.2em/1.6em Arial, Helvetica, sans-serif; list-style: none; }
	ul.faqs div.answer ol li { margin: 0 0 10px 0 !important; padding: 0 0 0 10px !important; background: url(/static/img/ls/disc.gif) no-repeat 0 8px; color: #333; font-size: .7em; font-weight: normal; }
	ul.faqs div.active { display: block; }

#bCol.spread { width: 705px; }
/* #bCol.spread type elements Style in common.css */

#cCol { width: 220px; float: left; }
h2.bloghead { padding: 0 0 8px 0; margin: 0 0 18px 0; font: normal 13px Arial, Helvetica, sans-serif; color: #1d3a6b; text-transform: uppercase; border-bottom: 1px solid #d3d3d3; }

#contentHeader h1 a {
	color: #600;
	text-decoration: none;
}
#contentHeader h1 a:hover {
	text-decoration: underline;
}

#main {
	float: left;
	width: 415px;
}
	#bCol #main a {
		text-decoration: none;
	}
	#bCol #main a:hover {
		text-decoration: underline;
	}
	#main .entry {
		border-bottom: 1px solid #d3d3d3;
		margin-bottom: 2.5em;
	}
	#bCol #main #entry { border: none; }
		#main .entry h2 {
			font-size: 1.5em;
			color: #262626;
			margin-bottom: 0.8em;
			font-weight: normal;
		}
			#main .entry h2 a {
				color: #262626;
			}
		#main #entry h2 {
			font-size: 1.8em;
		}
		#main .entry p a {
			color: #530007;
		}
		#bCol #main .entry p {
			color: #535353;
			margin-bottom: 1em;
			font-size: 1.2em;
			padding-right: 0px;
		}
		#bCol #main #entry p {
			display: block;
		}
		#bCol #main .entry p, #bCol #main .entry .more {
			line-height: 1.7;
		}
		#bCol #main .entry p.byline, 
		#main #comments .comment .byline {
			display: block;
			font-style: italic;
			margin: 0.5em 0 0.8em;
		}
			#main .entry p.byline a,
			#main #comments .comment .byline a {
				color: #530007;
				text-decoration: none;
			}
			#main .entry p.byline a:hover,
			#main #comments .comment .byline a:hover {
				text-decoration: underline;
			}
		#main .entry .more {
			font-style: italic;
			font-size: 1.2em;
			margin-bottom: 0.5em;
			display: inline;
			white-space: nowrap;
		}
			#main .entry .more .sep {
				color: #888;
				padding: 0 0.5em;
			}
			#main .entry .more a {
				color: #530007;
				text-decoration: none;
				line-height: 16px;
			}
			#main .entry .more a.comments {
				padding-right: 24px;
				background: url(/static/img/blog/comment.gif) right no-repeat;
			}
			#main #comments #count {
				font-size: 1.6em;
				font-style: italic;
				padding-right: 25px;
				color: #535353;
				background: url(/static/img/blog/comment.gif) top right no-repeat;
				line-height: 25px;
				float: left;
				margin-bottom: 1em;
			}
				#main #comments #count span {
					display: none;
				}
			#main #comments .comment {
				clear: both;
			}
				#main #comments .comment .byline {
					border-bottom: 1px solid #d3d3d3;
				}
			#main #comments .form {
				clear: left;
			}
				#main #comments .form h2 {
					font-size: 1.6em;
					font-style: italic;
					color: #535353;
					margin-bottom: 1em;	
					font-weight: normal;
				}
				#main #comments .form div {
					position: relative;
					margin-bottom: 12px;
				}
				#main #comments .form input {
					background: #ebebeb;
					border: 1px solid #cccaca;
					padding: 4px;
					width: 220px;
					color: #262626;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 1.2em;
				}
				#main #comments .form label {
					display: block;
					margin-bottom: 0.5em;
					font-size: 1.1em;
					color: #666;
				}
				#main #comments .form textarea {
					background: #ebebeb;
					border: 1px solid #cccaca;
					padding: 4px;
					width: 400px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 1.2em;
				}
				#main #comments .form button {
					background: #848282;
					color: #fff;
					padding: 4px 6px;
					font-size: 1.1em;
					font-weight: bold;
				}
			#main #comments ol.commentlist {
				margin: 0;
				font-size: 1em;
				padding-bottom: 4em;
			}
				#main #comments ol.commentlist li {
					list-style: none;
					margin: 0;
				}
					#main #comments ol.commentlist li .comment-author {
						font-weight: normal;
						font-size: 1.2em;
						color: #535353;
					}
						#main #comments ol.commentlist li .comment-author  a {
							color: #600;
						}
						#main #comments ol.commentlist li .comment-author img {
							display: none;
							
						}
					#main #comments ol.commentlist li .comment-meta {
						font-weight: normal;
						border-bottom: 1px solid #d3d3d3;
						margin-bottom: 0.5em;
						font-size: 1.2em;
						padding-bottom: 0.2em;
					}
						#main #comments ol.commentlist li .comment-meta a {
							color: #600;
						}
					#main #comments ol.commentlist li p {
						color: #535353;
						font-size: 1.2em;
					}
						#main #comments ol.commentlist li p img {
							display: inline;
							float: none;
							padding: 0;
							margin: 0;
						}
				
		#main .navigation {
			font-size: 1.2em;
			font-family: Arial, Helvetica, sans-serif;
			overflow: auto;
			margin-bottom: 1em;
		}
			#main .navigation .prev {
				float: left;
			}
			#main .navigation .next {
				float: right;
			}
		#main h2.pagetitle {
			font-size: 1.4em;
			margin-bottom: 1em;
		}
		#main.search {
		
		}
			#main.search h3, #main.archive h3 {
				border: none;
				margin-bottom: 0.3em;
				padding: 0;
			}
				 
#sidebar {
	float: right;
	width: 256px;
	background: #ebebeb;
	border: 2px solid #e5e4e4;
}
	#sidebar .wrap {
		padding: 20px 15px 60px;
	}
	#sidebar h2 {
		color: #262626;
		font-size: 1.2em;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 1.2em;
	}
	#sidebar p {
		font-size: 1.1em;
	}
	#sidebar p.header {
		font-size: 1.2em;
		font-style: italic;
		border-bottom: 1px solid #a9a9a9;
		margin-bottom: 0.5em;
	}
	#bCol #sidebar ul {
		margin: 0 0 1em 0;
	}
		#bCol #sidebar ul li {
			font-size: 1.2em;
			padding: 0;
			font-style: italic;
			margin-bottom: 0.2em;
		}
			#sidebar ul li a {
				color: #530007;
				text-decoration: none;
			}
			#sidebar ul li a:hover {
				text-decoration: underline;
			}
	#sidebar .search {
		overflow: auto;
		margin-bottom: 2em;
	}
		#sidebar .search label {
			/*position: absolute;
			font-size: 1.1em;
			font-style: italic;
			left: 28px;
			top: 5px;*/
			display: none;
		}
		#sidebar .search input#s {
			background: #fff url(/static/img/blog/search.gif) 6px 50% no-repeat;
			border: 1px solid #bbb;
			padding: 4px 4px 4px 26px;
			font-size: 1.2em;
			font-family: Arial, Helvetica, sans-serif;
			float: left;
			width: 120px;
		}
		#sidebar .search input#searchsubmit {
			padding: 4px 4px;
			font-size: 1.2em;
			float: left;
		}