body { font-family: arial, helvetica, sans-serif; background-color: #fff; padding:0; margin:0; font-size: medium; line-height: 1.3em; }
a { text-decoration: none; color:#ff8e01; }
a:hover { text-decoration: underline; }
a.button { display: inline-block; padding:12px 60px 10px; background: rgb(221,189,151); text-align:center; text-transform: uppercase; line-height:1em; font-weight:bold; color:#000; background: rgb(221,189,151); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; opacity:.95;  background: #ff8e01; background: -moz-linear-gradient(top, #ff8e01 0%, #da6900 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8e01), color-stop(100%,#da6900)); background: -webkit-linear-gradient(top, #ff8e01 0%,#da6900 100%); background: -o-linear-gradient(top, #ff8e01 0%,#da6900 100%); background: -ms-linear-gradient(top, #ff8e01 0%,#da6900 100%); background: linear-gradient(to bottom, #ff8e01 0%,#da6900 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e01', endColorstr='#da6900',GradientType=0 ); -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, .5); box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, .5); }
a.button:hover { text-decoration:none; opacity:1; }

h1 { font-size: 1.8em; }
h2.day_border { border-bottom: 1px solid #919191; text-transform: uppercase; font-size: 1.2em; }
h3 { margin: 0 0 10px; padding: 0; font-size: 1.375em; line-height: 1.2em; text-transform: uppercase; font-weight: bold; }
h3.border { border-bottom: 1px solid #919191; margin-bottom: 30px; }
p { margin: 0 0 10px 0; padding: 0; }

div.row { width: 100%; margin: 0; padding: 0; border-bottom: 2px solid #b4b4b4; }
div.row.dark { background-color: #161616; color:#fff; }
div.row.light { background-color: #fff; color:#222; }
div.row .content { width:870px; padding:0 20px; margin:0 auto; }
div.columns { overflow:hidden; margin-bottom:50px; }
div.col.left { width: 515px; float: left; }
div.col.right { width: 310px; float: right; }
#e_form { width:870px; padding:40px 20px; margin:0 auto; }
span.required { color: #cc0000;}

#e_form label { font-size: 0.9em; }
#e_form fieldset {
  border: 2px #cdcdcd solid;
  border-radius: 10px;
  margin: 20px 0 0;
}

#e_form input:focus, #e_form textarea:focus {outline: none;}

#e_form input:not(.submit) {
    height:20px;
    width:220px;
    padding:5px 8px;
}

#e_form textarea {padding:8px; width:300px;}

#e_form input:not(.submit), #e_form textarea {
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
}

#e_form select {
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
}

#e_form input:focus:not(.submit), #e_form textarea:focus {
    background: #fff;
    border:1px solid #555;
    box-shadow: 0 0 3px #aaa;
}
/* Button Style */
#e_form input.submit {
    background-color: #68b12f;
    background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
    background: -webkit-linear-gradient(top, #68b12f, #50911e);
    background: -moz-linear-gradient(top, #68b12f, #50911e);
    background: -ms-linear-gradient(top, #68b12f, #50911e);
    background: -o-linear-gradient(top, #68b12f, #50911e);
    background: linear-gradient(top, #68b12f, #50911e);
    border: 1px solid #509111;
    border-bottom: 1px solid #5b992b;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #9fd574;
    -webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
    -moz-box-shadow: 0 1px 0 0 #9fd574 inset;
    -ms-box-shadow: 0 1px 0 0 #9fd574 inset;
    -o-box-shadow: 0 1px 0 0 #9fd574 inset;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
}
#e_form input.submit:hover {
    opacity:.85;
    cursor: pointer;
}
#e_form input.submit:active {
    border: 1px solid #20911e;
    box-shadow: 0 0 10px 5px #356b0b inset;
    -webkit-box-shadow:0 0 10px 5px #356b0b inset ;
    -moz-box-shadow: 0 0 10px 5px #356b0b inset;
    -ms-box-shadow: 0 0 10px 5px #356b0b inset;
    -o-box-shadow: 0 0 10px 5px #356b0b inset;
}

#e_form input:focus:not(.submit), #e_form textarea:focus { /* add this to the already existing style */
    padding-right:70px;
}

#e_form input:not(.submit), #e_form textarea, #e_form select { /* add this to the already existing style */
    -moz-transition: padding .25s;
    -webkit-transition: padding .25s;
    -o-transition: padding .25s;
    transition: padding .25s;
}

#e_form input:not(.submit), #e_form textarea, #e_form {
    padding-right:30px;
}

#e_form input:required, #e_form textarea:required {
    background: #fff url('//cdn.oreillystatic.com/conferences/stratany/dataweek/2013/red_asterisk.png') no-repeat 98% center;
}

#e_form input:focus:invalid, #e_form textarea:focus:invalid { /* when a field is considered invalid by the browser */
    background: #fff url('//cdn.oreillystatic.com/conferences/stratany/dataweek/2013/invalid.png') no-repeat 98% center;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}

#e_form input:required:valid, #e_form textarea:required:valid { /* when a field is considered valid by the browser */
    background: #fff url('//cdn.oreillystatic.com/conferences/stratany/dataweek/2013/valid.png') no-repeat 98% center;
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}

/*give required selects a red border */
#e_form select:required {border:1px solid #cc0000; } /* turn the select border green when it becomes valid */
#e_form select:valid { border:1px solid green; background:#fff; } 
/*turn the border red if not valid */
#e_form select:focus:invalid { border:1px solid red; }

div.start-end { display: inline-block; vertical-align: top; padding: 10px; }
div.time { padding: 10px 5px;}
div.start-end label, div.time label { font-size: 0.8em; }

div#errors p { font-weight: bold; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 5px; border: 1px solid #c00; font-size: small; margin: 10px 0; }
div#errors span { color: #c00; }
div.error { display: inline-block; color:#c00; font-size:0.9em; padding-left: 10px; }
div#header { height: 150px; position:relative; overflow:hidden; background-color: #161616; border-bottom: 0; }
div#header div.content { position: relative; }
div#header div.content a#strataweek { display: block; position: absolute; top: 24px; width: 249px; height: 101px; background: transparent url('http://cdn.oreillystatic.com/conferences/stratany/dataweek/2013/dataweek-13-logo.png') 0 0 no-repeat; }
div#header div.content div.right { width: 550px; float: right; }
div#header div.content div.date-loc { padding:25px 15px 0 5px; height: 19px; float:left;  border-left: 1px solid #e3c5c7; border-left: 1px solid rgba(255,255,255,.3); color:#e3c5c7; text-transform: uppercase; }
div#header div.content div.date-loc:before { content: " "; display: block; float:left; height: 18px; margin:0 7px 0 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #e3c5c7; background-image: url('http://cdn.oreillystatic.com/conferences/stratany/dataweek/2013/dataweek-13-logos.png'); background-repeat: no-repeat; }
div#header div.content div#date:before { width: 20px; background-position: 3px -319px; }
div#header div.content div#loc:before { width: 19px; background-position: 3px -336px; }
div#header div.content div#copresented { width:550px;  margin-top:40px; }
div#header div.content div#copresented:before { content: "Co-presented by"; display:block; padding:0 8px 2px 0; font-size:.7em; line-height:1.2em; color:#fff; text-align:right; }
div#header div.content div#copresented div.box { width:550px; height:69px; position:relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color:#fff; }
div#header div.content div#copresented a.logo { display:block; position:absolute; background-image: url('http://cdn.oreillystatic.com/conferences/stratany/dataweek/2013/dataweek-13-logos.png'); background-repeat: no-repeat; }
div#header div.content div#copresented a#strata-hw { width:211px; height:38px; left:13px; top:16px; background-position: -53px 0; }
div#header div.content div#copresented a#nyc-itt { width:79px; height:49px; left:260px; top:10px; background-position: -53px -278px; }
div#header div.content div#copresented a#cg { width:169px; height:40px; left:366px; top:15px; background-position: -53px -128px; }
div#header div.gradient { height:150px; width:1650px; left:50%; margin-left: -825px; position:absolute; z-index:0; top:0; background: #c31f38; background: -moz-linear-gradient(left, #161616 0%, #c31f38 23%, #c31f38 39%, #161616 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#161616), color-stop(23%,#c31f38), color-stop(39%,#c31f38), color-stop(100%,#161616)); background: -webkit-linear-gradient(left, #161616 0%,#c31f38 23%,#c31f38 39%,#161616 100%); background: -o-linear-gradient(left, #161616 0%,#c31f38 23%,#c31f38 39%,#161616 100%); background: -ms-linear-gradient(left, #161616 0%,#c31f38 23%,#c31f38 39%,#161616 100%); background: linear-gradient(to right, #161616 0%,#c31f38 23%,#c31f38 39%,#161616 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161616', endColorstr='#161616',GradientType=1 ); }


div#nav { height: 25px; position:relative; overflow:hidden; border-bottom:1px solid #000; background-color: #161616; border-bottom: 0; }
div#nav ul.content { position:relative; list-style:none; }
div#nav ul.content li { color:#fff; display:inline-block; margin:0 35px 0 0; }
div#nav ul.content li a { display:inline-block; font-size:.9em; line-height:23px; padding-top:2px; color:#f2f2f2; text-transform: uppercase; }
div#nav ul.content li a:hover { color:#fff; text-decoration:none; }
div#nav div.gradient { height:25px; width:1650px; left:50%; margin-left:-825px; position:absolute; z-index:0; top:0; background: #161616; background: -moz-linear-gradient(left, #161616 0%, #252525 23%, #252525 39%, #161616 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#161616), color-stop(23%,#252525), color-stop(39%,#252525), color-stop(100%,#161616)); background: -webkit-linear-gradient(left, #161616 0%,#252525 23%,#252525 39%,#161616 100%); background: -o-linear-gradient(left, #161616 0%,#252525 23%,#252525 39%,#161616 100%); background: -ms-linear-gradient(left, #161616 0%,#252525 23%,#252525 39%,#161616 100%); background: linear-gradient(to right, #161616 0%,#252525 23%,#252525 39%,#161616 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161616', endColorstr='#161616',GradientType=1 ); }


div#intro { height:446px; background: #161616 url('http://cdn.oreillystatic.com/conferences/stratany/dataweek/2013/hero-color.jpg') center 0 no-repeat; }
div#intro div.content { padding:50px 20px 0 20px; }
div#intro h2 { font-size: 1.6875em; line-height: 1.2em; color: #fff; width: 430px; margin: 0 0 50px 0; font-weight: bold; }
div#intro .overlay { width: 390px; padding: 20px; background: #444; background: rgba(0,0,0,.7); -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
div#intro p { margin: 0 0 .8em 0; padding: 0; font-size: 1.25em; line-height: 1.3em; color: #fff; }


div#featured div.content { padding:40px 20px; }
div#featured div.email-form { width: 400px; padding: 20px 20px 5px 20px; background: #a01028; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
div#featured div#social { margin-bottom: 30px; }
div#featured div#social p { font-size: 1.25em; line-height: 1.3em; }
div#featured div#social a { display: inline-block; margin-right:10px; font-size:.8em; line-height: 1.3em; }
ul.events { padding: 0; margin: 0; list-style-type: none; }
ul.events li { margin-bottom: 30px; }
ul.events li .title { text-transform: uppercase; font-size: 1.375em; line-height:1.1em; }
ul.events li p { margin: 0; color: #ccc; font-size:1.2em; line-height:1.3em; }

#event_listing .events li .title { font-size: 1em; line-height: 1.3em; }
#event_listing .events li p { color: #333; font-size:1em; }
#event_listing { padding-bottom: 30px; }


div#partners { background: #eee; position: relative; }
div#partners-label { min-height:100%; width:200px; position: absolute; top:0; background: #cacaca; width:50%; margin-left:-435px; }
div#partners-label:before { content: ""; width: 48px; height: 317px; background: url('http://cdn.oreillystatic.com/conferences/stratany/dataweek/2013/dataweek-13-logos.png') 0 0 no-repeat; position: absolute; right: 20px; top: 40px; }
div#partners .content { min-height:397px; text-align:center; background: #fff; padding: 0 0 20px; border-left: 20px solid #cacaca; border-right: 20px solid #eee; }
div#partners a.logo { display: inline-block; text-align:center; vertical-align: middle; margin:80px 25px; }
div#partners a.logo:before { content: ""; display:block; background-image: url('http://cdn.oreillystatic.com/conferences/stratany/dataweek/2013/dataweek-13-logos.png'); background-repeat: no-repeat; }
div#partners a#nyc-itt-l:before { width: 161px; height: 100px; background-position: -53px -173px; }
div#partners a#cg-l:before { width: 337px; height: 80px; background-position: -53px -43px; }
div#partners a#nycgov-l:before { width: 115px; height: 100px; background-position: -53px -332px; }
div#partners ul#contacts { padding: 20px 0; margin: 0 20px; list-style-type: none; border-top:1px solid #b4b4b4; text-align: left; }
div#partners ul#contacts li { margin:0 0 0 20px; display: inline-block; width: 184px; vertical-align: top;  }
div#partners ul#contacts p { margin: 0; color: #666; font-size: .8em; line-height:1.3em; }
div#partners ul#contacts p.title { font-weight: bold; }
div#partners ul#contacts a { color: #666; }


div#footer { border: none; }
div#footer .content { padding: 40px 20px; }
div#footer .col { display: inline-block; max-width: 240px; margin-right: 40px; vertical-align: top; }
div#footer .col:last-child { margin-right: 0; }
div#footer div#footer-logo { width: 200px; }
div#footer div#footer-logo a.logo { display: block; width: 147px; height: 28px; background: transparent url('http://cdn.oreillystatic.com/conferences/stratany/dataweek/2013/dataweek-13-logos.png') -53px -437px no-repeat; margin: 3px 0 10px; }
div#footer div#footer-logo p { font-size: .7em; line-height: 1.5em; }
div#footer ul { display: block; padding: 0; margin: 0 0 20px 0; list-style-type: none; font-size: .8em; }