/*********************************************************************/
/*     CUSTOM STYLES FOR KITTELSON & ASSOCIATES, INC'S WEBSITES      */
/*********************************************************************/
@import "navigation.css";
@import "default.css";
@import "classes.css";
@import "header.css";
@import "footer.css";

#header, #container, .container {
	width:800px;
	margin-top:2em;
}
.container {
	margin: 0 auto;
}
body,
ul li span,
ol li span {
	color:#555;
}
a, h2 {
	color: #257cc0;
}
h1 {
	margin-top:25px;
}
.summary {
	font-size:120%;
	font-weight:200;
	font-style:italic;
}
.summary a {
	
}

#header-image {
	overflow:hidden;
	height:150px;
	width:100%;
	background: url('../images/train_banner.jpg') no-repeat;
	margin-bottom:4em;
	position:relative;
}
#header-image p {
	font-size: 4em;
	margin-top:97px;
	font-style: italic;
	margin-bottom:0;
	color:white;
}
#image {
	width:800px;
	height:340px;
	position:relative;
	margin-bottom:2em;
}
#image + p:first-line,
h1 + p:first-line {
	text-transform: uppercase;
	letter-spacing:2px;
	color:#666;
}
#content  h1 + p:first-line {
	text-transform: none;
	letter-spacing:0px;
	color:#555;
}
#content {
	background: url('../images/content.gif') no-repeat;
	width:380px;
	padding:20px;
	position:absolute;
	top:30px;
	left:30px;
	height:250px;
	opacity:.9;
}
#content h1 {
	line-height:1.2;
}
#content a {
	position:relative;
}
#sidebar {
	background: url('../images/sidebar.gif') no-repeat;
	width: 250px;
	min-height:200px;
	padding:20px;
	position:absolute;
	top:30px;
	right:30px;
	height:250px;
	opacity: .9;
}
#sidebar h2 {
	margin: 0 ! important;
}
#featured-content {
	position:relative;
	margin-top:20px;
}
#featured-content .title {
	margin-bottom:1em;
}
#featured-content .note {
	font-style: italic;
	font-size:85%;
	color:#999;
	width:400px;
	text-align:right;
	position:absolute;
	top:0;
	right:0;
}
#quicklinks {
	font-size:75%;
	background-color: #eee;
	padding:1em;
	padding-left:4em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 2em 0;
	font-style:italic;
}
#quicklinks ol {
	margin-bottom:0;
}
#quicklinks li {
	margin-bottom:.25em;
}
.featured {
	display:block;
	width:379px;
	min-height:130px;
	float:left;
	overflow:hidden;
}
.featured img {
	float:left;
	padding-top:20px;
	padding-left:20px;
}
.featured span,
.featured .heading {
	display:block;
	width:240px;
	float:right;
	margin-right:10px;
}
.featured .heading, .blog_post .heading{
	color: #777;
	padding-top:20px;
	letter-spacing:0;
	text-transform:none;
	margin-top:0;
	margin-bottom:0;
	font-size:125%;
	
}
.featured span {
	font-size:85%;
	color:#999;
}
.featured:hover {
	background-color: #fefff4;
}
hr {
	clear:both;
	border: 1px solid #f3f3f3;
	border-bottom: 1px solid #ddd;
	margin: 20px 75px;
	margin-top:10px;
}
/* Blog Post Styles
*************************************************************************/
#blog {
	padding:0 ! important;
	background:0;
}
#blog img {
	float:none;
	padding:0;
}
.blog_post {
	display:block;
	padding:10px 0px 5px 40px;
	position:relative;
	height:30px;
	margin-left:20px;
	border-bottom:1px solid #eee;
	margin-bottom:5px;
}
.blog_post:hover {
}
.blog_post .heading {
	padding-top:0;
	float:none;
	width:auto;
	font-size:100%;
}
.blog_post .date {
	display:block;
	position:absolute;
	width:30px; height:30px;
	top:10px; left:0;
	background: url("../images/blank_calendar.jpg") no-repeat top left;
	font-family:helvetica,arial,sans-serif;
}
.blog_post .date .month,
.blog_post .date .day,
.blog_post .date .year {
	display:block;
	position:absolute;
	text-align:center;
	width:30px; 
	margin-right:0;
	margin-left:0;
}
.blog_post .date .month {
	letter-spacing:1px;
	font-size:8px;
	color:white;
	font-weight:bold;
	text-transform:uppercase;
	line-height:1 ! important;
	top:1px;
}
.blog_post .date .day {
	font-size:16px;
	color:#555;
	top:10px;
	font-weight:bold;
}
.blog_post .date .year { display:none; }
.popup {
	padding:10px 10px 10px 20px;
	width:162px;
	height:77px;
	background-image: url('../images/bubble.gif');
	color:white;

	font-size:90%;
	position:absolute;
	opacity:.8;
	filter:alpha(opacity=90);
	margin-left:260px;
	* margin-left:20px;
	margin-top:-67px;
	font-size:10px;
	text-transform: none;
	letter-spacing:0;
}
.three {
	width:32%;
}