/*
Theme Name: KCDW
Theme URI: http://www.kcdesignweek.org
Description: KC Design Week 
Version: 1.0
Author: Jacob McDaniel
Author URI: http://www.notjsutacreativeconsultant.com
Tags: design week

	This theme was built by Jacob McDaniel,
	whose blog you will find at http://www.notjustacreativeconsultant.com/

*/

/*====================

Global Colors:

Red:		#e42b2a;
Lt Gray: 	#e2e3e4;

====================*/

/* CSS Reset */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; vertical-align:baseline;}
:focus {outline:0;}
ol, ul {list-style:none;}
strong {font-weight:bold;}
em {font-style:italic;}
a {text-decoration:none; cursor:pointer;}
/*
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
 html[xmlns] .clearfix {display: block;}
 * html .clearfix {height: 1%;}
*/
.clearfix {clear: both; visibility: hidden;line-height: 0px;height: 0px;font-size: 1px;}
 
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
	h1, h2, h3, h4, h5, h6 {
		font-family: Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
	}
		h1, h2 {
			font-size: 12px; 
			font-weight: 400; 
			letter-spacing: 0.15em;
			margin: 0 0 15px 0;
		}
		h3 {font-size: 12px; font-weight: normal; margin: 0 0 10px 0;}
		h4 {font-size: 11px; font-weight: bold; margin:  0 0 5px 0;}
		h5 {font-size: 10px; font-weight: bold; margin: 0 0 5px 0;}
		h6 {font-size: 9px; font-weight: bold; margin: 0 0 5px 0;}
		
	p {margin: 0 0 10px 0; line-height: 22px;}
	span.thumbtack {
		background: #ffffff url(common/images/thumbtack.gif) no-repeat scroll left center;
		display: inline-block;
		height: 6px;
		margin: 5px 0 0 5px;
		width: 10px;
	}
	a {color: #e42b2a;}
	a:hover, a.visited {color: #999999; text-decoration: underline;}

	/*	Outer Wrapper structural elements */
	div#outerWrapper {
		background: transparent url(common/images/header_bg.gif) repeat-x scroll center top;
		margin: 0;
		overflow: visible;
		padding: 0;
		width: auto !important;
	}
		
		/*	Inner Wrapper structural elements */
		div#innerWrapper {
			margin: 0 auto;
			width: 700px;
		}
		
			/*	Masthead Styles */
			div#masthead {
				background: transparent url(common/images/masthead.png) no-repeat scroll center top;
				height: 146px;
				margin: 0 auto;
				position: relative;
				width: 700px;
			}
				div#masthead .mastheadBlock {
					display: block;
					height: 120px;
					left: 75px;
					position: absolute;
					top: 10px;
					width: 560px;
				}
			/*	Primary Navigation */
			div#pNav {
				height: 32px;
				margin: 0 auto;
				position: relative;
				width: 588px;
			}
				div#pNav ul.pNavLinks {
					height: 22px;
					margin: 0 auto;
					position: relative;
					top: 0;
					width: 565px;
					z-index: 3;
				}
					ul.pNavLinks li {
						float: left;
						margin: 0 3px 0 3px;
					}
						ul.pNavLinks li.first {margin: 0 5px 0 0;}
						ul.pNavLinks li.last {margin: 0 0 0 5px;}
						ul.pNavLinks li a,
						ul.pNavLinks li a:visited {
							background-color: #e42b2a;
							color: #ffffff;
							font-size: 11px;
							letter-spacing: .25em;
							padding: 3px 8px 3px 8px;
							text-decoration: none;
							text-transform: uppercase;
						}
							ul.pNavLinks li a:hover {text-decoration: underline;}
							
				/* Banner Flags for navigation */
				div#pNav span {
					bottom: 8px;
					display: block;
					height: 20px;
					position: absolute;
					width: 24px;
					z-index: 0;
				}
					span.leftBanner {background: transparent url(common/images/left_banner.gif) no-repeat scroll 0 0; left: 0;}
					span.rightBanner {background: transparent url(common/images/right_banner.gif) no-repeat scroll 0 0; right: 0;}
					
		/*	Main Content Styles */
		div#mainContentWrapper {
			background-color: #e2e3e4;
			margin: 0 auto;
			/* min-height: 400px; */
			position: relative;
			width: 552px;
		}
		
			/* Sub Navigation for Inner Content (day navigation) */
			div#subNav {
				height: 15px;
				margin: 0 auto;
				padding: 10px 0 10px 0;
				width: 526px;
			}
				div#subNav ul li {
					border-right: 2px solid #e42b2a;
					float: left;
					height: 12px;
					margin: 0 8px 0 8px;
				}
					div#subNav ul li a,
					div#subNav ul li a:visited {
						color: #000000;
						font-size: 12px;
						font-weight: bold;
						height: 25px;
						margin-right: 12px;
						text-decoration: none;
						text-transform: uppercase;
					}
						div#subNav ul li a:hover, div#subNav ul li a.selected {color: #e42b2a;}
						
					div#subNav ul li.firstSub {margin: 0 6px 0 4px;}
					div#subNav ul li.lastSub {border: 0 none; margin: 0 0 0 6px;}
						div#subNav ul li.lastSub a {margin: 0px;}
		
		/*	Inner Content Wrapper (styles for leftCol, rightCol & primary innerContent */
		div#innerContentWrapper {
			/* background-color: white; */
			margin: 0 0 0 15px;
			/* min-height: 400px; */
			position: relative;
			width: 522px;
		}
			div#singleColumn,
			div#leftCol,
			div#rightCol {
				background-color: #ffffff;
				float: left;
				margin-bottom: 15px;
				min-height: 645px;
				padding: 20px 20px 35px 35px;
			}
				div#singleColumn {position: relative; width: 467px;}
				div#leftCol {
					margin-right: 10px; 
					position: relative;
					width: 220px;
				}
				div#rightCol {padding: 20px; width: 197px;}
					div#rightCol p {text-align: center;}
					div#rightCol p a img {
						border:  0 none;
						margin: 10px auto 10px auto;
					}
				
				/* Characters throughout site */
				div#leftSideCharacter {
					bottom: 0px;
					height: 223px;
					left: -150px;
					position: absolute;
					width: 155px;
				}
					div#leftSideCharacter img {
						bottom: 0;
						position: absolute;
						left: 0;
					}
				div#rightSideCharacter {
					bottom: -2px;
					height: 344px;
					right: -155px;
					position: absolute;
					width: 180px;
				}
					div#rightSideCharacter img {
						bottom: 0;
						position: absolute;
						right: 0;
					}
		
		/* Footer Styles */
		div#footer {
			margin: 10px auto 50px auto;
			height: 16px;
			position: relative;
			width: 552px;
		}
			span.hosting {
				display: block;
				float: left;
				font-size: 12px;
				font-weight: normal;
			}
				div#footer a.aigakc {margin: 0 10px;}
					div#footer a.registration {
						background: url(common/images/registration_link.gif) no-repeat scroll 0 0;
						display: block;
						float: right;
						height: 28px;
						width: 180px;
					}
		
		/* Sponsor Logos */
		ul.sponsorLogos {
			position: relative;
		}
			ul.sponsorsLogos li {width: 85%;}
				ul.sponsorsLogos li a {margin: 15px auto;}
					a.garminLogo {
						background: #ffffff url(common/images/Garmin-logo.gif) no-repeat scroll 0 0;
						display: block;
						height: 38px;
						width: 130px;
					}
					a.xpedxLogo {
						background: #ffffff url(common/images/Xpedx-logo.gif) no-repeat scroll 0 0;
						display: block;
						height: 42px;
						width: 96px;
					}
					a.sprintLogo {
						background: #ffffff url(common/images/Sprint-logo.gif) no-repeat scroll 0 0;
						display: block;
						height: 66px;
						width: 52px;
					}
					a.adobeLogo {
						background: #ffffff url(common/images/Adobe-logo.gif) no-repeat scroll 0 0;
						display: block;
						height: 61px;
						width: 64px;
					}
		
	/* Forms Styles */
	a.post-edit-link {display: none;}
	span.reqtxt, span.emailreqtxt {
		float: left;
		font-size: 9px;
		color: #ff0000;
	}
	.cform input.backbutton, 
	.cform input.resetbutton, 
	.cform input.sendbutton {
		background-color: #E42B2A !important;
		background-image: none !important;
		border: 0 none;
		color: #ffffff;
		cursor: pointer;
		font-size: 12px;
		font-weight: bold;
		float: left;
		margin-left: 99px !important;
		padding: 5px 10px 3px 5px !important;
		width: auto !important;
	}
		.cform input:hover, .cform textarea:hover, .cform select:hover {background-color: #e7e7e7 !important; color: #333333 !important;}
	ol.cf-ol li#li--1.textonly {
		background: none !important;
		background-color: none !important;
	}
		input#sendbutton, input#sendbutton2 {cursor: pointer;}
	ol.cf-ol li {
		float: left !important;
		text-align: left !important;
		width: 400px;
	}
		ol.cf-ol label,
		ol.cf-ol input {
			float: left !important;
			font: 12px Arial, Helvetica, sans-serif;
			text-align: left !important;
		}
			ol.cf-ol input,
			ol.cf-ol textarea {
				float: left;
				width: 280px;
			}
				li#li-2-4.ndaDoc, li#li-2-8.textonly, li#li-2-9.textonly {
					background-color: #ffffff !important; 
					background-image: none !important;
					font-size: 11px;
					margin: 5px 0 5px 0 !important;
				}

			li#li-2-5 label,
			li#li-2-6 label,
			li#li-2-7 label,
			li#li-2-9 label {margin: 0px 10px 0 0 !important;}
			
			li#li-2-9 select,
			li#li-2-7 select {float: left;}
				.cform select.cfselectmulti {width: 288px;}
				
				/* thank you for registration form */
				div#usermessage2b {
					background-color: #E42B2A !important;
					background-image: none !important;
					clear: both;
					color: #ffffff;
					float: left;
					height: 10px;
					line-height: 10px;
					margin-left: 128px;
					padding: 10px !important;
					width: 175px;
				}

				
				
/* Blog Styles */
div#singleColumn .post h2 a {
	color: #E42B2A;
	font: bold 14px Arial, Helvetica, sans-serif;
}
	div#singleColumn .post h2 a:hover, 
	div#singleColumn .post h2 a.visited {
		color: #999999; 
		text-decoration: underline;
	}
	div#singleColumn .post span.dateEntry {
		display: block;
		font-size: 12px;
		margin-bottom: 10px;
	}
		div#singleColumn .post p.postmetadata {color: #999999; border-bottom:  1px solid #E2E3E4;}
			div#singleColumn .post p.postmetadata a {color: #e42b2a; font-size: 12px;}
				div#singleColumn .post p.postmetadata a:hover, div#singleColumn .post p.postmetadata a.visited {color: #999999; text-decoration: underline;}
				
	/* Commenting styles */
	h3#comments {border-bottom: 1px solid #E2E3E4; padding-bottom: 5px;}
		ol.commentlist li.comment {border-bottom: 1px solid #E2E3E4; margin-bottom: 10px; }
			li.comment .commentmetadata {font-size: 11px; font-style: italic;}
		
		form#commentform input#submit {
			background-color: #E42B2A !important;
			background-image: none !important;
			border: 0 none;
			color: #ffffff;
			cursor: pointer;
			font-size: 12px;
			font-weight: bold;
			float: left;
			margin: 0 0 10px 0;
			padding: 5px 10px 3px 5px !important;
			width: auto !important;
		}
			form#commentform input#submit:hover {background-color: #e7e7e7 !important; color: #333333 !important;}
				
/* Social Networking Styles */
.socialIcons {
	bottom: 20px;
	left: 35px;
	position: absolute;
}
.sprite_social {
	background-image: url(common/images/sprite_social_icons.gif);
	background-repeat: no-repeat;
}
	.facebook,
	.twitter,
	.linkedin {
		display: block;
		float: left;
		height: 25px;
		margin-right: 5px;
		width: 20px;
	}
		.facebook {background-position: 0px 0px;}
		.twitter {background-position: -20px 0px;}
		.linkedin {background-position: -40px 0px;}