/*
Theme Name: Future of Web Apps Homepage
Theme URI: http://futureofwebapps.com
Description: Future of Web Apps Homepage
Version: 1
Author: Mike Kus (mike@carsonified.com)
*/

/********** Reset **********/
/* Adapted from http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* End Reset */














/********** Site Wide Content Areas **********/

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	background:#faf9f2 url(../images/presentation/background_texture_tile.jpg) top center repeat;
    font-size: 100%;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	letter-spacing:-0.035em;
	color:#272727;/*black*/
}

#stars {
	/*background:url(../images/presentation/background_stars_large_parallax.png) -500% top repeat-x;
	background-attachment:fixed;
	width:100%;*/
}

#mainContainer {
	width:980px;
	margin: 0 auto;
	position:relative;
	/*z-index:20;*/
}

/*#content {
	width:980px;
	padding-top:40px;
}*/

body#home #content {
	width:980px;
	padding-top:0px;
}

.primaryContent {
	width:600px;
	float:right;
}

.secondaryContent {
	width:340px;
	float:left;
}

.sectionFull {
	width:980px;
	border-bottom:1px solid #cbcac0;/*Grey*/
	padding:30px 0px 30px 0px;
}

.end {
	border-bottom:none;
	margin-bottom:0px;
}











/* Footer */

#footerPlanet {
	width:100%;
	background:url(../images/presentation/planet_footer.jpg) top center repeat-x;
}

#footerData {
	width:100%;
	background:url(../images/presentation/graph_data3.png) -1000% top repeat-x;
}

#footerDetails {
	background:url(../images/presentation/footer_background.png) left 120px no-repeat;
	width:980px;
	height:250px;
	padding:350px 0px 0px 0px;
}

/* For home page with sponsors logos */

/*#home #footerDetails {
	background:url(../images/presentation/footer_background.png) left 0px no-repeat;
	width:980px;
	height:250px;
	padding:250px 0px 0px 0px;
}

#home #footerPlanet {
	width:100%;
	background:url(../images/presentation/planet_footer.jpg) center 50px repeat-x;
}*/

/*__________________________________ */

#footer {
	width:980px;
	margin: 0 auto;
	padding:0px 0px 0px 0px;
}

#footer h6 {
	color:#fff;
	text-shadow: #272727 0px 0px 2px;

}

#footerContact,
#footerFont,
#mediaTemple {
	font-size:80%;
	letter-spacing::-0.08em;
	float:left;
	margin:16px 0px 0px 40px;
}

#mediaTemple {
	margin:16px 0px 0px 85px;
	width:150px;
}

#mediaTemple a img:hover,
#nasa a img:hover {
	opacity:0.7;
}

#mediaTemple img, #nasa img {
	float:right;
} 

#nasa {
	font-size:80%;
	letter-spacing::-0.08em;
	float:right;
	width:265px;
}

#nasa h6 {
	margin:16px 0px 0px 0px;
}

#nasa img {
	float:right;
}

.sponsorsHome {
	width:980px;
	padding:40px 0px 40px 0px;
	margin:0px 0px 0px 0px;
	border-top:1px solid #cbcac0;
}

.sponsorsHome a {
	float:left;
	margin-right:115px;
	border-bottom:none;
}

.sponsorsHome a:hover {
	border-bottom:none;
}

.sponsorsHome a:hover img {
	opacity:0.8;
}

.sponsorsHome a.right {
	margin-right:0px;
}












/********** links **********/

a {
	color:#272727;/*black*/
	text-decoration:none;
	border-bottom:1px solid #0b6285;/*Blue*/
}

a:hover {
	color:#0b6285;/*Blue*/
	border-bottom:none;
}

a.special {
	background:#0b6285;/*Blue*/
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:3px 4px 3px 4px;
	border-bottom:none;
	font-size:90%;
	color:#faf9f2;/*White*/
}

a.special:hover {
	background:#424242;/*Grey*/
	color:#faf9f2;/*White*/
}

a.bigLink {
	font-family:Helvetica, Arial, sans-serif;
	background: rgba(11, 98, 133, 0.2) /*Blue*/ url(../images/presentation/arrow_red_white_small.png) 407px 12px no-repeat;
	text-decoration:none;
	font-weight:bold;
	font-size:185%;
	letter-spacing:-0.035em;
	padding:8px 40px 8px 85px;
	margin:0px 0px 0px -85px;
	width:330px;
	float:left;
	border-bottom:none;
}

a.bigLink:hover {
	background: #0b6285/*Blue*/ url(../images/presentation/arrow_red_white_small.png) 407px -58px no-repeat;
	color:#fffeea;
}

a.bigLink span {
	color:#0b6285;/*Blue*/
}

a.bigLink:hover span {
	color:#fffeea;/*White*/
}









/********** Text **********/

h1, h2, h3, h4, h5, h6 {
	letter-spacing:-0.05em;
	color:#272727;
}

h1 {
	font-size:200%;
}

h2 {
	font-size:200%;
}

h3 {
	font-size:170%;
	margin:0px 0px 7px 0px;
	line-height:0.9em;
}

h3 span.small {
	font-size:60%;
}

h3 span span {
	background:#fffeea;/*White*/
	color:#ad1d1d;/*Red*/
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	padding:1px 2px 1px 2px;
}

h4 {
	font-size:170%;
	margin:0px 0px 9px 0px;
}

h5 {
	font-size:100%;
	font-weight:normal;
	margin:0px 0px 25px 0px;
}

h6 {
	font-size:110%;
	font-weight:normal;
	margin-bottom:10px;
}

p {
	font-size:90%;
	line-height:1.2em;
	padding-bottom:20px;
	color:#3c3c3c;
}

p.eventDescription {
	font-size:140%;
	line-height:1.2em;
	color:#202020;
	margin-top:29px;
	float:left;
}

p.eventDescription span {
	font-style:italic;
}

p.none {
	padding-bottom:0px;
}

p.intro {
	font-size:100%;
}

p.introLarge {
	font-size:120%;
}









/********** Site Wide Styles **********/

#newsletter {
	float:left;
	background:url(../images/presentation/diagonals.png) 80px 50px no-repeat;
	margin:40px 0px 40px 0px;
	width:340px;
	height:261px;
}

#newsletter h3 {
	font-size:230%;
	background:url(../images/presentation/satellite.png) top left no-repeat;
	margin:40px 0px 0px 0px;
	padding:68px 0px 0px 115px;
	margin:0px 0px 5px 0px;
}

#newsletter p {
	padding:0px 0px 10px 116px;
}

#newsletter form {
	position:relative;
}

#newsletter form input {
	width:265px;
	height:27px;
	background:url(../images/presentation/trans_black.png) top left repeat;
	border:none;
	font-size:140%;
	padding:5px 5px 5px 10px;
	margin-top:5px;
	color:#000;
	font-family:"Monaco", Courier New, Courier, monospace
}

#newsletter form input:focus {
	background:#faf9f2;/*White*/
	-webkit-box-shadow: 0px 0px 7px #b2b2b2;/*White*/ 
    /*-moz-box-shadow: inset 0px 0px 10px #c1c1c1;  
	box-shadow: 0px 0px 5px #c1c1c1;*/
	
}

#newsletter form input.btn {
	position:absolute;
	top:-4px;
	left:294px;
	background:url(../images/presentation/arrow_circle_button.png) top left no-repeat;
	display: block;
	width:45px;
	height:45px;
	border:none;
	cursor:pointer;
	padding:0px;
	font-size:80%;
	color:#fffeea;
	text-indent:-9999px;
	overflow:hidden;
}

#newsletter form input.btn:hover {
	background:url(../images/presentation/arrow_circle_button.png) 0px -50px no-repeat;
}

#newsletter form #mce-responses #mce-error-response {
	background:none;
	color:#ad1d1d;
	font-weight:normal;
}

/* Overide styles for mailchimp form */

#mce-error-response,
.mce_inline_error { 
	padding: 10px 0;
	color: #ad1d1d; 
}

#mce-success-response {
	width: 280px; 
	padding: 10px 0; 
	line-height: 1.2em; 
	color: #00a7de;
}

/*#newsletter form button {
	position:absolute;
	top:0px;
	left:294px;
	background:url(../images/presentation/arrow_circle_button.png) top left no-repeat;
	display: block;
	width:45px;
	height:45px;
	border:none;
	cursor:pointer;
	padding:0px;
	font-size:80%;
	color:#fffeea;
}

#newsletter form button img {
	height:0;
}

#newsletter form button:hover {
	background:url(../images/presentation/arrow_circle_button.png) 0px -50px no-repeat;
}*/

#contact {
	float:left;
	background:url(../images/presentation/diagonals_grey.png) 80px 50px no-repeat;
	margin:190px 0px 40px 0px;
	width:340px;
	height:261px;
}

#contact img {
	float:left;
	opacity:0.9;
}

#contact img:hover {
	opacity:1;
}

#contact h3 {
	font-size:230%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
}

#contact p {
	padding:0px 0px 0px 0px;
}

.contactPerson {
	width:225px;	
	float:right;
	margin:67px 0px 20px 0px;
}

ul.contactDetails {
	float:left;
}

ul.contactDetails li {
	font-family:Helvetica, Arial, sans-serif;
	font-size:90%;
	line-height:1.2em;
	color:#3c3c3c;
	border-bottom:1px solid #cbcac0;
	padding:4px 0px 4px 0px;
}

ul.contactDetails li:last-child {
	border-bottom:none;
}

ul.contactDetails li span {
	font-family:Helvetica, Arial, sans-serif;
	color:#0b6285;
	font-weight:bold;
}

ul.contactDetails li.usa span {
	margin-left:20px;
}

ul.contactDetails li.europe span {
	margin-left:59px;
}

ul.contactDetails li.uk span {
	margin-left:86px;
}

ul.contactDetails li.email a {
	margin-left:109px;
}





/********** Small Nav **********/

ul#smallNav {
	padding:12px 0px 12px 0px;
	float:left;
	width:980px;
	border-bottom:1px solid #cbcac0;/*Grey*/
}

ul#smallNav li {
	font-family:Helvetica, Arial, sans-serif;
	display:inline;
	font-size:72%;
	padding:0px 6px 0px 0px;
}

ul#smallNav li a {
	display:inline;
	color:#272727;/*Black*/
	text-decoration:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:3px 4px 2px 4px;
	border-bottom:none;
}

ul#smallNav li a:hover {
	background:url(../images/presentation/trans_black.png) top left repeat;
}











/********** Header **********/

#header {
	position:relative;
	width:980px;
	margin-bottom:0px;
	border-bottom:1px solid #cbcac0;/*Grey*/
}

ul#mainNav {
	margin:20px 0px 0px 40px;
	float:left;
}

ul#mainNav li {
	font-family:Helvetica, Arial, sans-serif;
	font-size:80%;
	padding:0px 0px 9px 0px;
}

ul#mainNav li a {
	color:#272727;/*black*/
	text-decoration:none;
	padding:3px 4px 2px 4px;
	border-bottom:none;
}

ul#mainNav li a:hover,
#home ul#mainNav li a.navHome ,
#schedule ul#mainNav li a.navSchedule,
#speakers ul#mainNav li a.navSpeakers,
#information ul#mainNav li a.navInfo,
#sponsors ul#mainNav li a.navSponsors,
#register ul#mainNav li a.navRegister {
	background-color: rgba(11, 98, 133, 0.2);/*Blue*/
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

/********** Header Left **********/

#headerLeft {
	float:left;
	width:600px;
}

/********** Header Right **********/

#headerRight {
	float:right;
	width:340px;
}












/********** Image Replacement **********/

h1.fiveHundred a {
	background:url(../images/presentation/500.png) top left no-repeat;
	float:left;
	display: block;
	width:980px;
	height: 359px;
	border: none;
	margin: 170px 0px 0px 0px;
	}
	
h1.fiveHundred a:hover {
	background:url(../images/presentation/500.png) 0px -400px no-repeat;
	}
	
h1.fiveHundred a img {
	height:0;
}

h1.four0four a {
	background:url(../images/presentation/404.png) top left no-repeat;
	float:left;
	display: block;
	width:980px;
	height: 359px;
	border: none;
	margin: 170px 0px 0px 0px;
	}
	
h1.four0four a:hover {
	background:url(../images/presentation/404.png) 0px -400px no-repeat;
	}
	
h1.four0four a img {
	height:0;
}

h1.logoHeader {
	background: url(../images/presentation/logo_header_02.png) top left no-repeat;
	float:left;
	display: block;
	width: 654px;
	height: 103px;
	border: none;
	padding: 0px;
	margin: 90px 0px 0px -85px;
	}
	
h1.logoHeader img {
	height:0;
}

a.logoCarsonified {
	background:url(../images/presentation/logo_carsonified.png) top left no-repeat;
	float:left;
	display: block;
	width:200px;
	height: 97px;
	border: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	}
	
a.logoCarsonified:hover {
	opacity:0.7;
	}
	
a.logoCarsonified img {
	height:0;
}









/********** FOWA Mother Homepage **********/

img.dublin,
img.london,
img.vegas {
	margin:0px 0px 0px 0px;
}

.eventDetails {
	position:relative;
	width:600px;
	float:right;
}

.eventDetails h2 {
	margin:20px 0px 20px 0px;
}

.eventDetails h3 {
	color:#4f4f4f;
}

a.launchEvent {
	color:#4f4f4f;
	width:130px;
	position:absolute;
	top:36px;
	right:0;
	padding:9px 42px 9px 9px;
	background:#cfcfcf url(../images/presentation/arrow_indented.png) 145px 8px no-repeat;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border-top:1px solid #fff;
	border-left:1px solid #ababa6;
	border-right:1px solid #fff;
	border-bottom:1px solid #ababa6;
	text-shadow: #e2e2e2 0px 1px 0px;

}

a.launchEvent:hover {
	background:#cfcfcf url(../images/presentation/arrow_indented.png) 145px -42px no-repeat;
	color:#4f4f4f;
}

a.launchEvent:active {
	position:absolute;
	top:37px;
	right:0;
	border-top:1px solid #ababa6;
	border-left:1px solid #ababa6;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}

ul.generalList {
	margin:-30px 0px 0px 130px;
	padding:0px 0px 0px 0px;
}

ul.generalList li {
	background:url(../images/presentation/bullet.png) left center no-repeat;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 20px;
	font-size:90%;
	line-height:1.2em;
	/*border-bottom:1px solid #cbcac0;*/
}

ul.generalList li span {
	color:#7e7e7e;
}

ul.generalList li:last-child {
	border-bottom:none;
}









/********** 404 Page **********/

#earth {
	width:100%;
	height:1500px;
	background:url(../images/presentation/planet_1500.jpg) top center no-repeat;
	position:absolute;
	margin:-1100px 0px 0px 0px;
	-webkit-animation-name: earthRotation;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: 500s;
	z-index:-1;
}

@-webkit-keyframes earthRotation {
from {
	-webkit-transform: rotate(0deg);
	}

to {
	-webkit-transform: rotate(360deg);

	}
}




/* Clearfix ____________________________________________________________________ */

#contact:after,
#header:after,
#headerLeft:after,
#headerRight:after,
.primaryContent:after,
.callToAction:after,
#content:after,
.sectionFull:after,
#footerDetails:after,
.scheduleList li:after,
.scheduleList:after,
.indentedContent:after,
.speakerList:after,
.speakerList li:after,
.scheduleLeft:after,
.scheduleIntro:after,
.scheduleRight:after,
.sectionTrackHeaders:after,
.sponsorsHome:after,
.contentBlock:after,
ul.credits li:after,
#testimonials li div:after,
ul.speakersHome li:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* End Clearfix */