/* CSS Document */


body {
	background-color: #ddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

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

a:hover {
	text-decoration: underline;
}


div#en_content {
    background: #333 url('http://assets.en.oreilly.com/1/eventseries/11/velocity_footer_bg.gif') bottom left no-repeat;
    padding-bottom:20px;
}


div#en_main_parts {
    float:left;
    background: transparent url('http://assets.en.oreilly.com/1/eventseries/11/velocity_page_bg.png') top left repeat-y;

}
/*
div#mid {
    float:left;
    width:760px;
    padding:0;
    margin:0;
}
*/

div#right_col {
	width: 149px;
	background-color: #fff;
	
}

div#sponsors {
	padding: 20px 15px 15px 15px;
	overflow: hidden;}


/* en_header styles
------------------ */
div#en_header {
	padding: 0;
    height:180px;
	background-color: #edb228;
}

div#logo {
	float: left;
	margin:24px 0 0 20px;
	padding-right:20px;
	border-right:1px solid #f6d994;
}

div#en_header div#info {
	float: left;
	margin-top:50px;
	padding-left:20px;
	font-size:1.7em;
	color:#fff;
}

div#stay_connected {
    float:right;
    margin-top:120px; 
    background: transparent url('http://assets.en.oreilly.com/1/eventseries/11/velocity_stay_connected_bg.png') top left no-repeat;
    height:26px;
    padding:7px 20px 0 20px;
}

div#stay_connected img {margin-right:5px;}

div#nav {
	float: left;
	font-size: 1em;
	font-weight: normal;
}

div#nav #no_js a {
    color:#fff;
    padding-right:10px;
}

div#nav #no_js a:hover {
    color:#e07800;
    text-decoration:none;
}

div#en_header .call {
	float: right;
}



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

div#en_main {
	padding-top: 22px;
	color: #333;
	width: 760px;
	background: #fff url('http://assets.en.oreilly.com/1/eventseries/11/velocity_page_bg.png') left top no-repeat;
}

h1, h2, h3 {
    font-weight:normal;
    color:#0b4072;
}

div#sponsors h3 {
    padding-bottom:2px;
    margin-bottom:2px;
    line-height:1.1em;
    color:#444444;
    font-size:1.3em;
}

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

h2 .subtitle {
	font-size: .85em;
	font-weight: normal;
}

div#mid h2 {
	color: #e07800;
	padding: 0;
	margin: 10px 0 0 20px;;
	font-size: 1.5em;
	line-height: 1.3em;
	font-weight: normal;
}

div#mid h3 {
	color: #e07800;
	padding: 0;
	margin: 10px 0 0 20px;;
	font-size: 1.35em;
	line-height: 1.3em;
	font-weight: normal;
}

div#mid .en_new_comment h3 {
    background-image:none;
    padding:0;
}

div#mid .en_comments h3 {
    background-image:none;
    padding:0;
}

div#mid .en_session h3 {
    background-image:none;
    padding:0;
	margin-top:10px;
}

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


div#widgets ul.video_list {
	padding-left: 0;
	padding-bottom: 25px;
	list-style: none;
	margin:0;
}

div#widgets ul.video_list li {
	margin: 0;
	list-style: none;
	list-style-image: none;
	clear: both;
	line-height: 1.2em;
	font-size:0.95em;
}



div#widgets ul.video_list li a:hover {
	color: #e07800;
	text-decoration: none;
}

div#widgets ul.video_list li .thumbnail {
	float: left;
	padding: 2px 10px 0 0;
}

div#widgets ul.video_list li .time {
	color: #666;
	font-weight: normal;
}

div#widgets .photos div.get_flickr img {
        margin:0;
        padding:0;
        border:0;
}

#mid #widgets .live_module_set ul.more {margin:20px 0 0;clear:both;}
#mid #widgets .live_module_set ul.more li {list-style-image:none;list-style-type:none;margin:0;padding:0;}
#mid #widgets .live_module_set ul li a.selected {text-decoration:underline;}
#mid #widgets .live_module_set .twitter .more a.twitterlink {margin-left:34px;}

p.quote {
    padding: 5px 10px;
    font-style:italic;
    font-size:1.3em;
    font-weight:normal;
	font-family:"Times New Roman", Times, Georgia, serif;
	color:#555;
}

div#en_footerwrap {
    background:#333;
    width:910px;
}

div#en_footer {
/*	padding-bottom: 15px;*/
	color: #fff;
	background:#333;
}

div#en_footer a {
    color:#fff;
    text-decoration:none;
}

div#en_footer a:hover {
    text-decoration:underline;
}

div#en_footer #banner_ad {
	margin: 20px 0 10px 0;
}

div#en_footer p {
	padding: 0;
	margin: 0 20px;
    font-size: .85em;
	line-height: 1.5em;
	margin-top:10px;
}



/* widgets styles
------------------ */

div#widgets {
	width: 300px;
	float: right;
	margin-bottom:20px;
	margin-right:20px;
}

div#widgets img.icon {float:left;width:32px;height:32px;padding:0 8px 10px 0;clear:left;}

div#widgets .olc_cost {font-size:1.5em;padding:6px 0;}
div#widgets .olc_date {font-size:1.4em;padding:8px 0;}
div#widgets .olc_time {font-size:1.1em;padding:6px 0;}
div#widgets span.olc_timezone {font-size:.8em;}
div#widgets span.olc_zone_link {float:right;width:80px;border-left:1px solid #000;padding-left:8px;font-size:.8em;}

div#widgets .module {
	margin: 0 0 20px 0;
	width: 300px;
}


div#widgets .module .title {
	padding: 3px 20px 0 20px;
	color: #fff;
}

div#widgets .module .title h4 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 2em;
	font-weight: normal;
}

div#widgets .module .content {
	padding: 12px 15px 7px 20px;
}

div#widgets .module .content p {
	margin: 0 0 10px 0;
}

div#widgets .module .content.location {
	padding: 12px 0 15px 14px;
}

/*
System generated page adjustments
*/
div#mid form h3 {
   margin-left:-20px;
}

div#mid #en_review_proposal_box h3 {
   margin-left:-8px;
}

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

div.reading_list { margin:10px 20px;padding: 0 0 10px 0;border-bottom:1px dashed #ccc; }

div.reading_list p {}

div.reading_list a { font-size:1.2em;; }

div.reading_list img { float:right;padding-left:10px;border:0; }

div.reading_list p.video {text-align:right;}

#mid #widgets .live_module_set {
	color: #333;
	background: #fff url('http://assets.en.oreilly.com/1/eventseries/11/velocity_live_header_bg.gif') top left repeat-x;
	margin: 0;
	line-height: 1.3em;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

#mid #widgets .live_module_set .header {
    color: #fff;
	padding: 5px 10px 5px 10px;
	background: #333;
}

#mid #widgets .live_module_set .header .title {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
}


#mid #widgets .live_module_set .live_module {
	background-color: #eee;
}

#mid #widgets .live_module_set div.toggle a.selected {
	display: block;
	padding: 0 10px;
	color: #fff;
	line-height: 2em;
	text-transform: uppercase;
	text-decoration: none;
	background: #444;
	border-top: 1px solid #121212;
	width:280px;
        cursor:default;
}

#mid #widgets .live_module_set div.toggle a.selected:hover {
	background: #444;
	text-decoration: none;
	border-top: 1px solid #121212;
	width:280px;
        cursor:default;
}

#mid #widgets .live_module_set div.toggle a.deselected {
	display: block;
	padding: 0 10px;
	color: #fff;
	line-height: 2em;
	text-transform: uppercase;
	text-decoration: none;
	background: #333;
	border-top: 1px solid #1a1a1a;
	width:280px;
}

#mid #widgets .live_module_set div.toggle a.deselected:hover {
	background: #444;
	text-decoration: none;
	border-top: 1px solid #1a1a1a;
	width:280px;
}


#mid #widgets .live_module_set .content {
	display: none;
	padding: 10px;
}

#mid #widgets .live_module_set .content.location {
	padding: 0;
}

#mid #widgets .live_module_set p {
	margin: 0;
	padding: 2px 0 6px 0;
	font-size: 13px;
	line-height: 1.3em;
}

#mid #widgets .live_module_set .content p.photos img {
	padding: 5px;
}

#mid #widgets .live_module_set .content img.thumbnail {
    float:left;
    padding: 1px;
	margin:4px;
    border: 1px solid #aaa;   
}

#mid #widgets .live_module_set .note {
	font-size: 11px;
}


#mid #widgets .live_module_set ul {
	margin: 2px 0 0 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.3em;
	list-style: none;
}

#mid #widgets .live_module_set li {
	margin-bottom: 10px;
	list-style-image:none;
}

#mid #widgets .live_module_set .get_twitter ul {
    margin-left:15px;
}

#mid #widgets .live_module_set ul.textlist {
	margin-left: 15px;
}


#mid #widgets .live_module_set a {
	color: #2071d7;
	text-decoration: none;
}

#mid #widgets .live_module_set a:hover {
	text-decoration: underline;
}


div.get_flickr {
    margin-left:15px;
}

div.flickr_group {
	border:0;
	float:left;
	margin:0 5px 5px 0;
	padding:2px;
}



/* Live phase content */
div#mid h3.home_news {border-bottom:1px solid #ccc;font-size:1.5em;text-transform:uppercase;width:420px;margin-top:20px;}
div#mid h3.home_news .more a {font-size:0.7em;text-decoration:none;text-transform:none;}
div#mid ul.news li a {text-decoration:none;}

div.en_session {
    padding-bottom:15px;
	border-bottom:#ccc dashed 1px;
} 




/**********************************************************/


div#nav {
	padding-top: 83px;
}

div#en_header .call {
	padding-top: 76px;
}



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


div.en_article_body p.intro {
	color: #555;
	font-size: 1.36em;
	line-height: 1.35em;
}



/* START NAV */
div#top_level_nav {width:910px;height:27px;background:#333 url('http://assets.en.oreilly.com/1/eventseries/11/velocity_nav_bg.png') top left repeat-x;clear:both;}
div#top_level_nav ul#nav, div#top_level_nav ul#nav * {margin: 0;padding: 0;list-style: none;}
div#top_level_nav ul#nav { line-height:1em;height:27px;font-size:1em;float:left;margin-left:10px;}

div#top_level_nav ul#nav ul {position: absolute;top: -999em;font-weight:bold;
width: 15em; /* left offset of submenus need to match (see below) */
}

div#top_level_nav ul#nav ul li {width: 100%;}

div#top_level_nav ul#nav li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}

div#top_level_nav ul#nav li {float: left;position: relative;height:100%;z-index:20;margin-left:4px;}
div#top_level_nav ul#nav a {display: block;position: relative;padding:6px;text-decoration:none;color: #adadad;}
div#top_level_nav ul#nav a:hover {color: #ffffff;}
div#top_level_nav ul#nav ul li a {color:#fff;font-weight:normal;display:block;margin:0;padding:5px 10px;}
/*div#top_level_nav ul#nav li a.level_one {text-transform:uppercase;}*/
div#top_level_nav ul#nav ul li a:hover {background-color:#333;color:#edb228;}

div#top_level_nav ul#nav li:hover ul, div#top_level_nav ul#nav li.sfHover ul {left: 0;z-index: 99;
top: 27px; /* match top ul list item height */
}
div#top_level_nav ul#nav li:hover li ul, div#top_level_nav ul#nav li.sfHover li ul {top: -999em;}

div#top_level_nav ul#nav li li:hover ul, div#top_level_nav ul#nav li li.sfHover ul {top: 0;
left: 15em; /* match ul width */
}
div#top_level_nav ul#nav li li:hover li ul, div#top_level_nav ul#nav li li.sfHover li ul {top: -999em;}
div#top_level_nav ul#nav li li li:hover ul, div#top_level_nav ul#nav li li li.sfHover ul {top: 0;
left: 15em; /* match ul width */
}

div#top_level_nav ul#nav li li, div#top_level_nav ul#nav li li li {font-size:.9em;border-top:1px solid #666;background-color:#555;}
div#top_level_nav ul#nav li li.title {background-color:#aaa;color:#222;}
div#top_level_nav ul#nav li li.title a:hover {background-color:#aaa;color:#222;cursor:default;}
div#top_level_nav ul#nav li li a.title {color:#222;}
div#top_level_nav ul#nav li:hover, div#top_level_nav ul#nav li.sfHover, div#top_level_nav ul#nav a:focus, div#top_level_nav ul#nav a:hover, div#top_level_nav ul#nav a:active {outline: 0;}

div#top_level_nav ul#nav ul.level_three {margin-left:-2px;}


/*** arrows **/
/*div#top_level_nav ul#nav a.sf-with-ul {
padding-right: 2.25em;
min-width: 1px;
}*/
.sf-sub-indicator {position: absolute;display: block;right: .75em;width: 10px;height: 10px;text-indent: -999em;overflow: hidden;
top: 1.05em; /* IE6 only */
/*background: url('../images/arrows-ffffff.png') no-repeat -10px -100px;*/ /* 8-bit indexed alpha png. IE6 gets solid image only */
}*/

a > .sf-sub-indicator { /* give all except IE6 the correct values */
top: .8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
div#top_level_nav ul#nav ul .sf-sub-indicator { background-position: -10px 0; }
div#top_level_nav ul#nav ul a > .sf-sub-indicator { background-position: 0 0; }

/* apply hovers to modern browsers */
div#top_level_nav ul#nav ul a:focus > .sf-sub-indicator, div#top_level_nav ul#nav ul a:hover > .sf-sub-indicator, div#top_level_nav ul#nav ul a:active > .sf-sub-indicator, div#top_level_nav ul#nav ul li:hover > a > .sf-sub-indicator, div#top_level_nav ul#nav ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}

/*** shadows for all but IE6 ***/
/*.sf-shadow ul {background:	url('../images/shadow.png') no-repeat bottom right;padding: 0 8px 9px 0;-moz-border-radius-bottomleft: 17px;-moz-border-radius-topright: 17px;-webkit-border-top-right-radius: 17px;-webkit-border-bottom-left-radius: 17px;}*/
.sf-shadow ul.sf-shadow-off {background: transparent;}

div#top_level_nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* END NAV */


/* Additional Styles */

div#en_content:after, div#en_main_parts:after, #mid #widgets .live_module_set li:after, #mid #widgets .live_module_set ul.more li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* info page */
div#log_call_info > div {width:40%;float:left;margin:20px;background-color:#eee;border:1px solid #ccc;}