/* 
== Website: Engine Yard's Rails Stack Architecture Roadshow
== Designed By: NewLeaders.com
== Authored By: Patrick Alcisto
== Created/Updated: 8-28-2009/8-31-2009
*/


body {
	background:#fff url(../images/bg.gif) 0 0 repeat-x;
	color:#555;
	font-size:62.5%;
	font-family:'Lucida Sans', 'Lucida Sans Unicode', Helvetica, Arial;
	font-style:normal;
	line-height: 1.1em;
}

p {
	font: 1.3em/1.6em 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, arial;
}
p, address { font-style:normal; }

a:link, a:visited {
	color:#005195;
	text-decoration:none;
}
a:hover { text-decoration:underline; }



/* = Structural Styles = */
#wrapper {
	background:url(../images/bg-footer.gif) 0 100% repeat-x;
	text-align:center;
	width:100%;
}
#container {
	background: url(../images/containerBg.png) 0 0 no-repeat;
	margin: 0 auto;
	padding: 0 18px;
	text-align: left;
	width: 864px;
}

.header {
	padding: 1px 0 0;
}
	#logo {
		display: inline;
		float: left;
		margin: 8px 0 0 -50px;
	}
	.header h1 {
		margin: 22px 0 21px 86px;
	}

#primary.nav {
	height:55px;
	margin:0 0 0 31px;
}
	#primary.nav ul {height:55px;}
	#primary.nav li {
		display:inline;
		float:left;
		font:1.7em/1.1em 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
		margin:0 10px 0 0;
		padding:0 8px 0 0;
	}
	#primary.nav li a {
		display:block;
		height:37px;
		padding:18px 16px 0 24px;
		position:static !important;
	}
	#primary.nav li a:link, #primary.nav li a:visited, #primary.nav li.selected a:hover {
		color:#fff;
		text-decoration:none;
	}
	#primary.nav li a:hover {
		text-decoration:underline;
	}
	#primary.nav li.selected {
		background:url(../images/navTab_right.png) 100% 0 no-repeat;
		font-weight:600;
	}
	#primary.nav li.selected a {
		background:url(../images/navTab_left.png) 0 0 no-repeat;
		color:#252525 !important;
		position:static !important;
	}
	* html #primary.nav li { font-size:1.6em; }
	* html #primary.nav li.selected { background:#fff none; border-right:1px solid #f0f0f0; border-top:1px solid #f0f0f0; }
	* html #primary.nav li.selected a { background:#fff none; border-left:1px solid #f0f0f0; }
	* html #primary.nav li a { display:inline-block; }
	* html #primary.nav ul {height:1% !important; display: inline-block; margin-bottom: -18px;}

#content {
	background: none;
	clear: left;
	min-height: 625px;
	padding: 9px 15px 20px;
}

.footer {
  font-size: 12px;
  line-height: 17px;
  color: #998770;
  width: 920px;
  height: 310px;
  padding: 20px 10px 30px;
  clear: both; 
}
  * html .footer { padding-bottom: 15px; }
	.footer address {
    height: 80px;
    width: 175px;
    float: left;
    margin: 0; 
	}
  .footer address.right {
    float: right;
    width: 185px; 
	}
  .footer a {
    color: #FFF;
    text-decoration: none; 
	}
  .footer a:hover, .footer a:active {
    color: #FFF;
    text-decoration: none; 
	}
  .footer p {
		font-size: 12px;
	}
	.footer .slideshow {
    float: left;
    width: 580px; 
	}
    .footer .slideshow img {
      float: left;
      width: 162px;
      border: solid 4px #FFF;
      position: absolute;
      /*display: none;*/
		}
  .footer .info {
    float: right;
    min-height: 310px;
    width: 370px;
    border-left: solid 1px #333;
    padding-left: 20px; 
	}
    .footer .info p {
      margin: 0 0 1em;
      clear: both; 
		}
  .footer .navigation {
    font-family: 'Lucida Grande', Verdana, sans-serif;
    float: right;
    width: 302px;
    padding-top: 0; 
	}
    .footer .navigation h2 {
      font-family: 'Lucida Grande', Verdana, sans-serif;
      font-size: 12px;
      color: #998770;
      margin: 0; 
		}
    .footer .navigation ul {
      padding: 0;
      margin-bottom: 20px;
      list-style: none; 
		}
    .footer .navigation li {
      font-size: 12px;
      margin: 8px 0;
      display: block;
      float: none; 
		}
    .footer .navigation div {
      border-left: solid 1px #333;
      margin: 0;
      padding-left: 20px;
      min-height: 310px;
      width: 130px; 
		}
    .footer .navigation .infoNav {
      float: left; 
		}
      .footer .navigation .infoNav ul {
        list-style: outside none;
        margin-left: 0; 
			}
        .footer .navigation .infoNav ul a {
          margin: 0; 
				}
    .footer .navigation .legalNav, .footer .navigation .newsletter {
      float: right; 
		}
    .footer .navigation .newsletter {
      font-size: 13px; 
		}
      .footer .navigation .newsletter form {
        margin-top: 1em; 
			}
      .footer .navigation .newsletter label {
        font-size: 0.9em;
        color: #FFF;
        text-align: left;
        width: auto;
        margin-bottom: 0; 
			}
      .footer .navigation .newsletter input {
        width: 120px;
        font-size: 11px;
        background: #999;
        border: none;
        margin-bottom: 4px; 
			}
        .footer .navigation .newsletter input:focus {
          background: #FFF; 
				}
        .footer .navigation .newsletter input.submit {
          width: auto;
          margin-top: 12px;
          margin-left: 0;
          height: 20px;
          -moz-border-radius: 3px;
          -webkit-border-radius: 3px;
          background: #06F url(/images/bg-btn-callout.png) repeat-x;
          color: #FFF; 
				}
          .footer .navigation .newsletter input.submit:hover {
            cursor: pointer; 
					}
					
	
/* == Content Layout by page
--------------------------------------*/
	#roadshow { margin: 0 0 40px; }
	
	#banner_sfo {
		margin:0 auto 1.5em;
		text-align:center;
	}
	
	/* Home Page - Taking Rails to the next level */
	#overview #railsNextLevel p {
		font-size:1.5em;
		line-height:1.4em;
		margin:0 0 20px;
		padding:0;
	}
	
	#comeLearn {
		float:right;
		width:284px;
	}
		#comeLearn h2 {
			color:#3f6eac;
			font-size:2.1em;
			margin:0 0 13px;
		}
		#comeLearn ul {
			list-style:disc;
			padding-left:13px;
		}
		#comeLearn ul li {
			color:#bb1400;
			font-size:1em;
			margin:0 0 1.3em;
		}
		#comeLearn ul li span {
			color:#555;
			font-size:1.3em;
			font-weight:bold;
			line-height:1.1em;
		}
	
	#railsNextLevel {
		float:left;
		width:478px;
	}
		#railsNextLevel h2 { margin:0 0 20px; }
		#railsNextLevel p {
			color:#555;
			font:1.3em/1.2em 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, Arial;
			margin:0 0 30px;
			padding:0 0 4px 44px;
		}
			#noTravel { background:url(../images/icn_home.png) 0 0 no-repeat; }
			#newIdeas { background:url(../images/icn_lightBulb.png) 0 0 no-repeat; }
			#noCost   { background:url(../images/icn_yield.png) 0 0 no-repeat; margin:0 !important; }
		#railsNextLevel strong {
			color:#000;
			font-size:1.1em;
		}
		
	#registerFree {
		height:37px;
		width:203px;
	}
		#registerFree a {
			background:url(../images/btn_grey203.png) 0 0 no-repeat;
			color:#000;
			display:block;
			font:600 1.6em/1.1em 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, Arial;
			height:27px;
			padding:10px 0 0;
			text-align:center;
			text-decoration:none;
			text-transform:uppercase;
			width:203px;
		}
		
	#missedCity {
		border:1px solid #CCC;
		width:220px;
		float:right;
		text-align:center;
		padding:.5em 1em;
	}
	
	#missedCity p {
		margin:0 !important;
		font-size:1.1em !important;
	}
	
	#missedCity p strong {
		color:#555 !important;
	}
	
	#missedCity a {
		font-size:1.2em;
	}
			
	/* Home Page - Get Registered */
	#getRegistered {
		background:url(../images/box_getRegistered.png) 0 0 no-repeat;
		float:right;
		height:195px;
		padding:16px;
		width:252px;
	}
		#getRegistered h2 { 
			color:#a91008;
			margin:0 0 8px 4px;
		}
		#getRegistered p {
			color:#555;
			font:1.2em/1.7em 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, Arial;
			margin:0 5px 15px;
		}
		#viewLocationsBtn {
			height:37px;
			width:252px;
		}
			#viewLocationsBtn a {
				background:url(../images/btn_grey252.png) 0 0 no-repeat;
				color:#000;
				display:block;
				font:600 1.6em/1.1em 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, Arial;
				height:27px;
				padding:10px 0 0;
				text-align:center;
				text-decoration:none;
				text-transform:uppercase;
				width:252px;
			}
	
	/* Home Page - Next Event */
	#nextEvent {
		float:left;
		width:478px;
	}
		#nextEvent h2, #speakers h2, #leftColumn #eventSchedule h2 {
			border-bottom:1px solid #ccc;
			margin:0 0 14px;
			padding:0 0 8px;
		}
		#nextEvent table {
			border-bottom: 1px solid #ccc;
			clear: right;
			font:1.4em/1.1em 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, Arial;
			padding-bottom: 20px;
			width:100%;
		}
		#nextEvent td {
			border-top:1px solid #ccc;
			height:44px;
			padding:0 0 0 24px;
			vertical-align:middle;
		}
		#nextEvent td.eventCity {
			background:url(../images/icn_location.gif) 14px 50% no-repeat;
			color:#005195;
			font-weight: bold;
			padding-left: 48px;
			vertical-align: middle;
			width:122px;
		}
		#nextEvent td.eventCity a:link, #nextEvent td.eventCity a:visited {
			color:#005195;
			position:static !important;
			text-decoration:none;
		}
		#nextEvent td.eventCity a:hover { text-decoration:underline; }
		#nextEvent td.eventState {
			width: 75px;
		}
		#nextEvent td.eventDate {
			text-align: right;
		}
		#nextEvent td.ended {
			color:#900;
		}
		#nextEventInfo {
			margin: 0 0 35px;
		}
			#nextEventInfo h3 {
				color:#005195;
				font:600 2.4em/1.1em 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, Arial;
				/*margin:0 0 8px;*/
			}
			#nextEventInfo h3 a:link, #nextEventInfo h3 a:visited {
				color:#005195;
				text-decoration: none;
			}
			#nextEventInfo h3 a:hover { text-decoration:underline; }
			#nextEventInfo img.floatRight {
				border:3px solid #cbcbcb;
				margin:0 0 0 21px;
			}
			#nextEventInfo p.eventDate {
				color:#4c4c4c;
				font:1.5em/1.1em 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, Arial;
				margin:8px 0 18px;
				text-transform:uppercase;
			}
		
	/* Home Page - Speakers */
	#speakers {
		float:right;
		width:290px;
	}
		#speakers h3 {
			color:#000;
			font-size:1.4em;
			margin:0 0 12px;
		}
		#speakers img { margin-right:15px; }
		#speakers li {
			clear:left;
			margin:0 0 30px;
		}
		#speakers p { line-height:1.2em; }
		#speakers ul { margin-top:28px; }
		#viewMore {
			font: 1.4em/1.1em 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, Arial;
			margin: 15px 0 30px;
		}
		#viewMore a:link, #viewMore a:visited {
			color:#005195;
			text-decoration:none;
		}
		#viewMore a:hover { text-decoration:underline; }
		
	/* Schedule - Event Schedule */
	#eventSchedule {
		margin: 0 0 21px;
	}
		#eventSchedule > p {
			margin-bottom: 20px;
		}
		#eventSchedule table {
			border: 1px solid #d3d3d3;
			font: 1.7em/1.1em 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, Arial;
			width: 100%;
		}
		#eventSchedule td {
			background:#f0f0f0 url(../images/tableCellBg.gif) 0 0 repeat-x;
			border: 1px solid #d3d3d3;
			height: 20px;
			padding: 10px 0 7px 14px;
			/*vertical-align: middle;*/
		}
		td.startTime { width:88px; }
		td.endTime { width:88px; }
		td.event {
			color:#000;
			font-weight:600;
			letter-spacing:-1px;
			width:182px;
		}
		td.eventDescription { font-size:0.75em; }
	
	/* Speakers - Event Speakers */
	#eventSpeakers {}
		#eventSpeakers .speaker {
			display:inline;
			float:left;
			margin:0 0 45px;
			width:383px;
		}
		#eventSpeakers .speaker h3 {
			color:#000;
			font-size:1.8em;
			font-weight:600;
			margin:19px 0 3px;
		}
		#eventSpeakers .speaker img { margin:0 24px 15px 0;	}
		#eventSpeakers .speaker p {	clear:left; }
		#eventSpeakers .speaker p.title_company {
			clear:none;
			font-size:1.5em;
		}
		#eventSpeakers .first { margin-right:25px; }
		
	/* Locations */
	#eventLocations {}
		#eventLocations .last { border:0 none; }
		.eventLocation {
			border-bottom: 1px solid #ccc;
			clear:left;
			margin:0 0 36px;
			padding:0 0 36px 13px;
			width:761px;
		}
		.eventLocation div {
			display:inline;
			float:left;
			width:500px;
		}
		.eventLocation h3, .eventRegistration h3 {
			color:#005195;
			font-size:2.4em;
			font-weight:600;
			line-height:1.1em;
			padding:8px 0 0;
		}
		.eventLocation h3 a:link, .eventLocation h3 a:visited {
			color:#005195;
			text-decoration:none;
		}
		.eventLocation h3 a:hover { text-decoration:underline; }
		.eventLocation img { 
			border:3px solid #e8e8e8;
			margin:0 30px 0 0;
		}
		.eventLocation p.eventDate, .eventRegistration p.eventDate {
			color:#4c4c4c;
			font-size:2.1em;
			font-weight:600;
			margin:0 0 10px;
			text-transform:uppercase;
		}
		.eventLocation p.host, .eventRegistration p.host {
			font-size:1.4em;
			line-height:1.5em;
			width:350px;
		}
		.eventLocation p.host span, .eventRegistration p.host span {
			color:#bd1500;
			font-weight:600;
			text-decoration:none;
		}
		.eventLocation p.registerBtn {
			display:inline;
			float:right;
			font-size:1.3em;
		}
		.eventLocation p.registerBtn a {
			background:url(../images/btn_registerNow.gif) 0 0 no-repeat;
			color:#000;
			display:block;
			font-weight:600;
			height:26px;
			padding:4px 0 0;
			text-align:center;
			text-decoration: none;
			text-transform:uppercase;
			width:129px;
		}
	
		/* Event Location Pages */
		#leftColumn {
			display:inline;
			float:left;
			width:426px;
		}
			#leftColumn div.registration { margin:0 0 25px; }
			#leftColumn h2.pageTitle { margin:0; }
			#leftColumn img.eventPhoto { margin:0 0 20px; }
			#leftColumn p.eventDate {
				color:#4171af;
				font-size:2.5em;
				font-weight:600;
				margin:0 0 20px;
				text-transform:uppercase;
			}
			#leftColumn #eventSchedule table { width:100%; }
		#rightColumn {
			display:inline;
			float:right;
			width:325px;
		}
			#rightColumn > h2 {
				font-size: 2.3em;
				margin:0 0 12px;
			}
			#rightColumn .eventHotel { margin:25px 0 48px; }
			#rightColumn .eventHotel h3 {
				color:#4171af;
				font-size:1.7em;
				font-weight:600;
				line-height:1.2em;
				margin:0 0 ;
			}
			#rightColumn .eventHotel p {
				font-size:1.4em;
				line-height:1.2em;
				margin:0 0 20px;
			}
			#rightColumn #speakers {
				display:block;
				float:none;
				width: auto;
			}
	
	
	/* Partners */
	#partners {}
		#partners ul {
			padding-top:0;
		}
		#partners li {
			display: inline;
			float: left;
			margin: 0 0 66px;
			width: 384px;
		}
		#partners li.first { margin-right:17px; }
		#partners li div {
			height: 80px;
			line-height: 80px;
			margin: 0 0 17px;
		}
		#partners li div img {
			vertical-align: bottom;
		}
		
		#partners h2.pageTitle {
			margin-bottom:.5em;
		}
	
	/* Register Now */
	#eventRegistration {}
		.eventRegistration { margin:0 0 30px; }
		.eventRegistration div.event { float:left; }
		.eventRegistration p.eventDate { font-weight:400; }
		.eventRegistration p.host {
			float:right;
			padding:20px 0 5px;
			width:350px;
		}
	
	
/* == General Classes
--------------------------------------*/
.clear { clear:both; height:0; font-size: 1px; }
.floatLeft {
	display: inline;
	float: left;
}
.floatRight {
	display: inline;
	float: right;
}
.section {
	background:url(../images/sectionBg.gif) 0 0 no-repeat;
	clear: both;
	padding: 18px 20px 0;
}
	#overview #roadshow.section { 
		background:url(../images/homeSectionBg.gif) 0 0 no-repeat;
	}

.section h2 {
	color: #4c4c4c;
	font: 2.7em/1.1em Georgia, 'Times New Roman', serif;
}
.section h2.pageTitle {
	font-size: 3.6em;
	margin:0 0 28px;
}

.eventHotel iframe {
	border:1px solid #AAA;
}


/* Clearing */
.cB:after, .section:after, .eventLocation:after, #content:after { clear: both; content:'.'; display: block; height: 0; visibility: hidden; }
.cB, .section, .eventLocation, #content { display:inline-block; }
/* hide \*/
* html .cB, * html .section, * html #content { height:1%; }
.cB, .section, #content { display:block; }
/* end hide */