/* TWU Talks Master Screen Style Sheet */
/* Ted Severson @ Bullseye Interactive Media */

/* Import Eric Meyer's Resets */
@import "reset.css";

/* Universal typography */
a {
	text-decoration:none;
}

p {
	line-height:1.5em;
	padding: 0 0 1em 0;
	color:#001f5c;
}

p.goBack {
	margin: 0 0 20px 40px;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}


/* Layouts */

html {
	background: url(../interface/clouds.jpg) no-repeat top center #039;
}

body {
	background:transparent;
	width:900px;
	font-family:Helvetica, sans-serif;
	font-size:small;
	margin: 0 auto;
	}
	
#masthead {
	width:900px;
	height:150px;
}

	#masthead h1 {
		width:485px;
		float:left;
		display:inline;
	}
	
	#masthead h1 a {
		background: url(../interface/twuMastheadLogo.jpg) no-repeat top left;
		display:block;
		width:485px;
		height:150px;
		text-indent:-1500px;
	}
	
	#masthead ul#topNav {
		float:right;
		display:inline;
		margin: 108px 0 0 0;
	}
	
		#masthead ul#topNav li {
			display:inline;
			margin: 0 0 0 2em;
		}
		
		#masthead ul#topNav li a {
			color:#fff;
			font-weight:bold;
			font-size:140%;
		}
		
		#masthead ul#topNav li a:hover {
			border-bottom:1px solid #fff;
		}
	
#content {
	clear:both;
	background:#fff;
	overflow:hidden;
}

	.post {
		margin: 0 0 20px 40px;
	}
	
		.video {
			background: url(../interface/videoBackground.jpg) no-repeat top left;
			width:452px;
			height:284px;
			display:block;
			float:right;
			padding: 40px 0 0 40px;
		}
		
		.post p {
			padding: 0 40px 1em 0;
		}
		
		.post h2 {
			padding: 40px 0 0 0;
			font-size:190%;
			color:#039;
			font-weight:bold;
			margin: 0 0 0.5em 0;
		}
		
			.post h2 a {
				font-weight:bold;
				color:#039;
				line-height:120%;
				
			}
			
				.post h2 a:hover {
					border-bottom: 1px solid #039;
				}
				
		.post h4 {
			color:#eb961b;
			font-style:italic;
			margin: 0 0 1em 0;
		}		
		
	#frontSignups {
		width:100%;
		background: url(../interface/frontSignupsTop.png) repeat-x top left;
		padding: 35px 0 0 0;
		margin: -20px 0 0 ;
		overflow:hidden;
	}
	
		#frontSignups h3 {
			color:#039;
			display:block;
			height:26px;
			font-weight:bold;
			font-size:140%;
		}
		
		#leftSignup h3 {
			background: url(../interface/stayInformed.png) no-repeat top left;
			padding: 7px 0 0 30px;
		}
		
		#centerSignup h3 {
			background: url(../interface/talkToTWU.png) no-repeat top left;
			padding: 7px 0 0 34px;
		}
		
		#rightSignup h3 {
			background: url(../interface/luggageTag.png) no-repeat top left;
			padding: 7px 0 0 40px;
		}
		
		#leftSignup, #centerSignup, #rightSignup {
			float:left;
			display:inline;
		}
		
		#leftSignup, #centerSignup {
			background: url(../interface/signupDivider.png) no-repeat top right;
			padding: 20px 40px;
		}
		
		#rightSignup {
			padding: 20px 40px;
		}
		
	
	#frontSignups form input {
		background: url(../interface/inputBG.png) repeat-x bottom left #fefeff;
		border:#7E9AD1 1px solid;
		padding: 3px;
		font-size:110%;
		font-family:Helvetica, sans-serif;
		width:100px;
	}
	
	#frontSignups form input.submit {
		background:url(../interface/submitBG.png) repeat-x bottom left #fdd295;
		border: 1px solid #C9C5C3;
		color:#fff;
		font-weight:bold;
		padding: 3px;
		width:50px;
		margin: 10px 0 0 0;
	}
	
		#frontSignups dt {
			color:#eb961b;
		}
		
		/* STAY INFORMED */
		
			#frontSignups dl#stayInformed {
			overflow:hidden;
			}
		
			#frontSignups dl#stayInformed dt {
				clear:both;
				float:left;
				display:inline;
				width:50px;
				text-align:right;
				padding: 4px 4px 0 0;
				}
		
			#frontSignups dl#stayInformed dd {
				float:right;
				display:inline;
				width:108px;
				margin: 0 0 8px 0;
			}

		
		/* TALK TO TWU */
		
			#frontSignups dl#talkToTWU {
				overflow:hidden;
			}
		
			#frontSignups dl#talkToTWU dt {
				clear:both;
				float:left;
				display:inline;
				width:70px;
				text-align:right;
				padding: 4px 4px 0 0;
				}
		
			#frontSignups dl#talkToTWU dd {
				float:right;
				display:inline;
				width:190px;
				margin: 0 0 8px 0;
			}
		
				textarea {
					width: 180px;
					height:100px;
					display:block;
					border:1px solid #7E9AD1;
				}


		/* LUGGAGE TAG */

			#frontSignups dl#getLuggageTag {
				overflow:hidden;
			}

			#frontSignups dl#getLuggageTag dt {
				clear:both;
				float:left;
				display:inline;
				width:100px;
				text-align:right;
				padding: 4px 4px 0 0;
				}

			#frontSignups dl#getLuggageTag dd {
				float:right;
				display:inline;
				width:124px;
				margin: 0 0 8px 0;
			}

	
	
	
	
	span#frontSignupBottom {
		background: url(../interface/frontSignupsBottom.png) repeat-x top left;
		width:100%;
		height:35px;
		display:block;
	}
		
	#frontIntro {
		padding: 0 40px 20px 40px;
	}	
	
		#frontIntro h2 {
			font-size:190%;
			color:#039;
			font-weight:bold;
			padding: 0 0 0.5em 0;
		}
		
#footer a#footerLogo {
	background:url(../interface/footerLogo.jpg) no-repeat top center;
	display:block;
	width:224px;
	height:125px;
	text-indent:-15000px;
	margin: 20px auto 0 auto;
}

#footer ul {
	text-align:center;
	margin: 1em 0 3em 0;
}

#footer ul li {
	color: #fff;
	display:inline;
	padding: 0 3em 0 0;
}