@charset "UTF-8";
/* CSS Document */

body, p, ol, ul, td {font-family: Arial, Helvetica, sans-serif;font-size: small}
body {padding-top: 0;padding-bottom: 20px;background-color: #777; color:#333}

a {color: #2071d7;text-decoration: none}
a:hover {text-decoration: underline}

div#mid img.left {float:left;}
div#mid img.right {float:right;}

div#mid address {padding-bottom:15px; font-weight:bold; }

/* en_main styles
------------------ */

div#en_content {background: #777 margin-bottom: 0;padding: 0}

div#en_main {padding: 0 0 10px 0;width: 910px;background-color: #fff;}

div#en_main #mid {line-height: 1.5em;}


div#en_main h1 {font-size: 2em;line-height: 1.2em;font-weight: normal;color: #0b4072;padding-top:.7em;}
div#en_main h2 {color: #0b4072;font-size: 1.5em;line-height: 1.2em;font-weight: normal;padding-top:.5em;}
div#en_main h3 {color: #333;font-size: 1.3em;line-height: 1.2em;font-weight: bold;}

ul li {margin: 0 0 5px 0;list-style-image: url('http://assets.en.oreilly.com/1/eventseries/11/velocity_bullet.png')}

p.quote {font-style: italic;padding:2px 10px;color:#444;font-size:1em;}
p.quote span {display:block;font-size:.9em;}

#mid #widgets .live_module_set ul.video_list {margin:0 5px;padding-left: 0;padding-bottom: 5px;list-style: none}
div#en_main ul.video_list li {margin: 0;padding: 10px 0 0px 0;list-style: none;list-style-image: none;clear: both;line-height: 1.2em}

ul.video_list li a:hover {color: #003399;text-decoration: none}
ul.video_list li img {float: left;border: 1px solid #aaa;margin:2px 8px 8px 0;padding:2px;}
ul.video_list li .time {color: #666;font-weight: normal}
img.quote {margin: 10px 0}

div#en_footerwrap {background-color:#fff; width: 910px;-webkit-border-bottom-right-radius: 18px;-webkit-border-bottom-left-radius: 18px;-moz-border-radius-bottomright: 18px;
-moz-border-radius-bottomleft: 18px;border-bottom-right-radius: 18px;border-bottom-left-radius: 18px;}
div#en_footer {padding-bottom: 22px;line-height: 1.5em;font-weight: normal;background-color:#fff;font-size:.9em;line-height:1.3em;}
div#en_footer .banner_ad {padding: 15px 0 15px 0}
div#en_footer p {margin: 0;font-size: .9em;padding: 0 22px}
div#en_footer #footer_logo {float:left;width:220px;margin:20px;}
div#en_footer .footercol {float:left;width:165px;}
div#en_footer ul {margin:0;padding:20px 0;list-style:none;}
div#en_footer ul li {list-style:none;padding:0;margin:0;font-size:.9em;line-height:1.3em;}

/* for banner rotation 1/11/12 -cp */
div.banner_ad .banners { height: 90px; margin: 0 auto; padding: 0; position: relative; width: 728px; }
div.banner_ad .banners .banner { display: none; left: 0; position: absolute; top: 0; }

div.sponsor-blurb img {float:left;padding-right:15px;}


#wtooltip {background-color:#fff;border:1px solid #6290c3;color:#6290c3;display:none;margin-left:0;margin-top:15px;padding:2px 5px;position:absolute;}


/* Stay Connected (Franchise page) */
div#franchise_stay_connected {width:auto;background:#333; clear:both;padding: 10px 0 5px 15px;}
div#franchise_stay_connected div#header_text_block { margin: 0 5px 0 0; color: #fff; float: left; width: 400px; font-size: 1.1em;}
div#franchise_stay_connected div#bulletin_stay_connected {width: 487px; float:left; margin: auto; height: auto;}


div#en_content:after, div#en_main_parts:after, ul#nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div.sponsor-listing img {float:left;padding-right:10px;}


/*bulletin iframe */
body#bulletin { border:none;padding:0; background-color: #333 !important; color:#fff;}
body#bulletin div#signup { margin: 0px 10px 10px -10px; }
    
div#franchise_stay_connected div#join_bulletin {float:left; width: 245px; }

div.stay_connected {overflow: hidden; position: relative; left: 10px; top: 45px; }

/* Stay Connected Chicklets */
div.stay_connected a.chicklet { background: transparent url('http://cdn.oreilly.com/conferences/velocity/assets2012/social-buttons/social.png') left top no-repeat; border: 0 none; display: inline-block; width: 29px; height: 18px; }
div.stay_connected a.chicklet-twitter { background-position: 0 0; }
div.stay_connected a.chicklet-facebook { background-position: 0 -20px; }
div.stay_connected a.chicklet-gplus { background-position: 0 -40px; }
div.stay_connected a.chicklet-linkedin { background-position: 0 -60px; }
div.stay_connected a.chicklet-bliptv { background-position: 0 -80px; }
div.stay_connected a.chicklet-lanyrd { background-position: 0 -100px; }
div.stay_connected a.chicklet-slideshare { background-position: 0 -120px; }

/* conferences images */
/* three_events layout 
    #three_events {
        display: inline-block;
        width: 910px;
        margin: auto;
        overflow: hidden;
        padding: 15px 0;
    }

    #three_events .event_col {
        display: inline;
        width: 270px;
        padding: 0 15px;
        float: left;
        margin: auto;
    }

    #three_events .event_col > img {
    	float: right;
    }

    #three_events .lb {
        border-left: thin solid #333;
    }

    .event_date {
        float: left;
        padding-top: 10px;
        font-weight: bold;
        font-size: 1.2em;
        color: #333;
    }


    .coming_soon_button {
        float: right;
        padding: 10px 0 0 0;
    }

    .cta_button {
        float: right;
        padding: 7px 0 0 0;
    }
*/
    #four_events { display: inline-block; width: 910px;margin: auto;overflow: hidden;padding: 18px 0; }

    #four_events .event_col { display: inline;width: 417px;padding: 0 18px;float: left;margin: 0 auto 15px; }

    #four_events .event_col a { color: #333; }

    #four_events .event_col img { float: right; }

    #four_events .lb { border-left: thin solid #8d8d8d; }

    #mid_border { margin: 15px 20px 15px 18px; width: 871px; color: #333; background-color: #8d8d8d; height: 1px; border: none; }

    span.pipe { color: #099999; padding: 0 10px; }

    .clear {clear: both; }
    
    .event_date { float: left; padding-top: 20px;font-weight: bold;font-size: 1.2em;color: #333;}

    .coming_soon_button { float: right; padding: 14px 0 0 0; }

    .cta_button { float: right; padding: 11px 0 0 0; }

    #upcoming_events_bar {display: inline-block; width: 910px; margin: auto; overflow: hidden; padding: 0; background-color: #333; text-align: center; height: 40px; }

    #upcoming_events_bar .upcoming_heading {padding: 10px 0; margin: 0; }

    .upcoming_event {display: block; margin: auto; width: 895px; border-bottom: thin solid #333; padding: 15px 15px 10px 0; }

    .upcoming_event .headshots {margin: 0; float: left; padding: 2px 0 0 15px; }

    .upcoming_event .headshots .frame {width: 50px; height: 50px; position: relative; padding: 0; float: left; margin: 0 10px 10px 0; overflow: hidden; border: 1px solid #333; }

    .upcoming_event .velocity_event_copy {float: left; display: inline; width: 575px; margin: 0; }

    .upcoming_event .velocity_event_copy h3 {font-size: 1.3em; margin: 0; padding: 0; }

    /* .upcoming_event .velocity_event_copy a {
    	text-decoration: none;
    } */

    .upcoming_event .velocity_event_copy p {margin: 0; padding: 0; }

    .upcoming_event .cta_learn_more {float: right; display: inline; margin: 10px 0; } 

    /* rest is copied from theme.id=15 template and altered for franchise page */

/* en_header styles
------------------ */
#en_main_parts #en_header {height: auto; width: 910px; position:relative; background: #999 url('http://cdn.oreilly.com/conferences/velocity/assets2012/franchise/header_green_background.jpg') repeat-x !important; margin: 10px 0 0 0; overflow: hidden; -webkit-border-top-left-radius: 18px; -webkit-border-top-right-radius: 18px; -moz-border-radius-topleft: 18px; -moz-border-radius-topright: 18px; border-top-left-radius: 18px; border-top-right-radius: 18px; }

#en_header #logo {margin:0 0 0 5px; float:left; margin: 20px 15px; }

#en_header #logo h1 {margin:0; padding: 0; height: 159px; width: 258px; background:transparent url('http://cdn.oreilly.com/conferences/velocity/assets2012/franchise/velocity_logo.png') no-repeat;text-indent:-33333px;}

#en_header #logo h1 a {text-decoration:none;}

#en_header #info {float:left;margin:72px 0 0 10px;font-size:1.5em;text-transform:uppercase;color:#f1f1f1;}
#en_header #header_photo {float:right; margin: 20px 15px;}