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

#header, #container, #footer {
	/* define these first--all are already centered on page */
	width:900px;
}
body,
ul li span,
ol li span {
	/* define color of text */
	color:#222;
}
a, a:active, a:focus, a:hover, a:visited {
	color: #257cc0;
	border-bottom: 1px solid #257cc0;
}
#footer {
	margin-bottom:50px;
	padding-top:25px;
}
#header_wrap {
	background: url("../images/portland.jpg") repeat-x bottom center;
	margin-bottom:13px;
}
#header_wrap2 {
	padding-bottom:170px;
	background: url("../images/fringe.png") repeat-x bottom left;
}
#header {
	padding-bottom:12px;
}
#header h1, #user_information {
	float:left;
	padding-top:10px;
}
#header h1 {
	padding:10px 25px 25px 0;
	font-size:50px;
	color:white;
	font-weight:normal;
}
h4 {
	text-transform:uppercase;
	border-bottom:1px solid #ddd;
	margin-top:#51BFF9;
}
#user_information {
	padding-left:25px;
}
#user_information h2 {
	font-size:24px;
	margin:0;
}
#user_information p {
	margin:0;
	font-size:24px;
	color:#222;
}
#navigation_wrap {
	float:left;
	width:199px;
}
#navigation {
	list-style:none;
	padding:0; margin:0;
	width:199px;
	
}
#navigation li {
	margin:0; 
	border-bottom:1px solid #ddd;
	font-size:16px;
}
#navigation li a {
	display:block;
	color:#999;
	padding:5px;
	width:190px;
	border:0;
}
#navigation li.active li a {
	color:#999;
}
#navigation li a:hover {
	color:#777;
}
#navigation li:hover {
	border-bottom:1px solid #bbb;
}
#navigation li.active {
	background-color:white;
	position:relative;
	width:200px;
}
#navigation li.active a {
	color:#222;
}
#navigation ul {
	margin-bottom:10px;
	margin-top:-5px;
	list-style:none;
	padding-left:5px;

}
#navigation li li, #navigation li li:hover {
	border:0;
	margin:0;
}
#navigation li li:hover a {
	color:#777;
}
#navigation li li {
	border:0;
	padding:0;
	font-size:10px;
	width:180px;
}
#navigation span {
	display:block;
	font-size:60%;
	color:#aaa;
	margin-left:20px;
	padding:0;
}
#content {
	float:right;
	width:650px;
	border-left:1px solid #ddd;
	padding:5px 25px;
}
#content h2 {
	color:#6791B8;
}
#content h3 {
	font-size:150%;
}
#brand {
	text-align:right;
	width:200px;
	padding-right:130px;
	background: url("../images/digiwest.png") no-repeat -10px right;
	float:right;
	height:100px;
}
.badge {
	display:inline-block;
	position:relative;
	bottom:10px;
	left:5px;
	background: url("../images/badge.png") no-repeat center center;
	padding:5px;
	height:10px;
	width:10px;
	
	text-align:center;
	font-size:10px;
	line-height:5px;
	color:white;
}
.pdf, .doc, .txt, .event, .comment {
	padding-left:10px;
	background: url("../images/pdf.png") no-repeat center left;
}
.doc 		{ background-image: url("../images/doc.png"); }
.txt 		{ background-image: url("../images/txt.png"); }
.event 		{ background-image: url("../images/calendar.gif"); }
.comment 	{ background-image: url("../images/comment.png"); }

.announcement {
	padding-bottom:25px;
	background: url("../images/separator.png") no-repeat bottom center;
	margin-bottom:25px;
}
.disabled, .disabled:hover, .disabled:active, .disabled:visited {
	border-color:white;
	color:#999;
	cursor: default;
}
.last {
	float:right;
}
.unit {
	padding:20px;
	background-color:#eee;
	margin-bottom:20px;
}



/* Calendar Styles
/*********************************************************/

table.day {
	border-collapse:collapse;
	margin-bottom:20px;
	width:100%;
}
table.day th, table.day td.break {
	border-bottom:1px solid #eee;
	padding:10px;
}
table.day td.break {
	background-color:transparent;
	padding:20px;
	padding-left:166px;
	color:#999;
	border-top:1px solid #eee;
}
table.day td {
	padding:20px 0px 20px 20px;
}
table.day td .location, table.day td .speaker {
	display:block;
	color:#999;
	padding-left:20px;
	background: url(../images/house.png) no-repeat center left;
}
table.day td .speaker {
	background-image: url(../images/user_suit.png);
}
table.day .time {
	border-right:1px solid #eee;
	width:125px;
}

#schedule_nav {
	list-style:none;
	padding:0; margin:0;
	height:41px;
	border-bottom:1px solid #ddd;
}
#schedule_nav li a {
	display:block;
	padding:10px;
	height:20px;
	border:1px solid #ddd;
	border-bottom:0;
	display:inline-block;
	margin-right:10px;
	color:#999;
	background-color:#f9f9f9;
}
#schedule_nav li {
	margin-bottom:0;
	display:inline;
}
#schedule_nav li a.active {
	background-color:white;
	padding-bottom:12px;
}