body { margin: 0; padding: 0; background: #ebebeb url('media/bg5.jpg') repeat-x left top; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #434343; } h1, h2, h3, h4 { margin: 0; padding: 0; color: #242424; } h1 { font-size: 2em; font-weight: normal; line-height:120%; } h2 { font-size: 1.4em; padding: 5px 5px; letter-spacing:-1px; } ul { } a { text-decoration: none; color: #357dce; } a:hover { text-decoration: none; } a img { border: none; } img.left { float: left; margin: 0 20px 0 0; } img.right { float: right; margin: 0 0 0 20px; } p { padding:5px 0 0 0; } /* Header */ #header { width: 960px; height: 190px; margin: 0 auto; } #header p { margin: 0; padding: 0; } #logo { width: 310px; height: 155px; float:left; } #logo p { border: none; text-decoration: none; color: #FFFFFF; padding:14px 0 0 10px; } #logo a { border: none; text-decoration: none; color: #FFFFFF; } #latest { width: 500px; height: 155px; float:right; text-align:right; } #latest p { border: none; text-decoration: none; color: #FFFFFF; padding:0 4px 0 0 ; text-align:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; } #latest a { border: none; text-decoration: none; color: #FFFFFF; } #rss_button { margin:0; padding:2px 16px 0 0; height:25px; font-weight:bold; background:url('media/rss_tab.png') top right no-repeat; } #rss_button img { vertical-align:middle; } #rss_button a { color:#f58220; text-decoration: none; } #rss_button a:hover { color:#e77c1c; text-decoration:none; } #become_sponsor { text-align:right; float:right; margin: 25px 0 0 0 ; } #become_sponsor a { display:block; height:64px; width:320px; background: url('media/become_sponsor.png') 0 0 no-repeat; } #become_sponsor a:hover { background-position: 0 -64px; } /* full_width */ #full_width { width: 95%; padding: 20px 20px 0px 20px; } #full_width h3 { font-size:16px; padding:0 0 0 10px; margin:0; color:#646464; } #full_width p { padding:0 0 0 15px; } #navbox { padding:5px; margin:-5px 0 25px 0; width:98%; min-height:70px; background-color: #f2f2f2; border:1px solid #dadada; text-align:center; } #navbox p { line-height:100%; margin: 0; padding: 0; } #navbox ul { margin:auto; padding:0; list-style-type: none; text-align:center; } #navbox li { float:left; padding:3px 2px 3px 12px; margin:0 10px 0 0; font-size: 12px; } /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/simple_vertical.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ /* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */ #navContainer {position:relative; width:960px; height:35px; z-index:100; background:url('media/top_mainNav_bg.png') bottom; clear:both;} /* Get rid of the margin, padding and bullets in the unordered lists */ #menu, #menu ul {padding:0; margin:0; list-style-type: none;} /* Set up the link size, color and borders */ #menu a {display:block; color:#434343; padding:5px 14px 5px 14px; font-size:11px; height:25px; line-height:25px; text-decoration:none; border-right:1px solid #b2b2b2; border-left:1px solid #ffffff;} /* Set up the sub level borders */ #menu li ul li a {border-left:1px solid #dadada; font-size:11px;} /* Set up the list items */ #menu li {float:left;} /* Set up the drop list width, borders colors */ #menu li ul li a {margin-left:10px; width:150px; background: #f2f2f2; border-bottom:1px solid #dadada; border-left:1px solid #dadada; } /* For Non-IE browsers and IE7 */ #menu li:hover {position:relative;} /* Make the hovered list color persist */ #menu li:hover > a {background:#d7d7d7; color:#000066;} /* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */ #menu li ul {display:none;} /* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */ #menu li:hover > ul {display:block; position:absolute; top:25px; left:80px; padding:10px 30px 30px 30px; background:transparent url('media/1x1.png'); width:120px;} /* Position the first sub level beneath the top level liinks */ #menu > li:hover > ul {left:-30px; top:25px;} /* get rid of the table */ #menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;} /* Set up the pointers for the sub level indication */ #menu li.drop {background:url(media/dropdown.png) no-repeat center bottom;} /* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */ * html #menu li a:hover {position:relative; background:#d7d7d7; color:#000066;} /* For accessibility of the top level menu when tabbing */ #menu li a:active, #menu li a:focus {background:#d7d7d7; color:#000066;} /* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */ * html #menu a {width:100px; widt\h:100px;} * html #menu li ul li a {width:150px; widt\h:150px;} /* change the drop down levels from display:none; to visibility:hidden; */ * html #menu li ul {visibility:hidden; display:block; position:absolute; top:25px; left:80px; padding:10px 30px 30px 30px; background:transparent url('media/1x1.png');} /* make the second level visible when hover on first level link and position it */ #menu li a:hover ul { visibility:visible; left:-30px; top:25px; lef\t:-31px; to\p:25px; } /* Wrapper */ #wrapper { } /* Banner */ #banner { height:240px; width:100%; margin: 0; padding:0; border-bottom:1px solid #d7d7d7; background: url('media/cio_summits_bg.jpg') repeat-x;} .anythingSlider { width: 960px; height: 240px; position: relative; margin: 0 auto 15px; } .anythingSlider .wrapper { width: 870px; overflow: hidden; height: 240px; margin: 0 40px; position: absolute; top: 0; left: 0; } /* Width below is max for Opera */ .anythingSlider .wrapper ul { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0; } .anythingSlider .wrapper p { margin: 10px 0; padding: 0 20px; } .anythingSlider ul li { display: block; float: left; margin: 0; padding: 0; height: 240px; width: 870px; } .anythingSlider .arrow { display: block; height: 200px; width: 67px; background: url('media/arrows.png') no-repeat 0 0; text-indent: -9999px; position: absolute; top: 25px; cursor: pointer; margin: 0; padding: 0; } .anythingSlider .forward { background-position: 0 0; right: -20px; } .anythingSlider .back { background-position: -67px 0; left: -20px; } .anythingSlider .forward:hover { background-position: 0 -200px; } .anythingSlider .back:hover { background-position: -67px -200px; } #start-stop { color:#f2f2f2; padding:2px 5px; width:40px; text-align:center; font-size:10px; position:absolute; right:-5px; top:220px; } #start-stop.playing { color #99cccc; } #start-stop:hover { background-image: none; } /* Prevents */ .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } .heads { float:left; width:260px; margin:20px 0 0 0; } .left_btn { float:left; width:400px; margin:0; padding:0; } .right_btn { float:right; width:400px; margin:0; padding:0; } .mc { font: 12px Arial, Helvetica, sans-serif; color:#FFFFFF; margin:20px 0 0 0; padding:0; } .headnames { font: 24px Arial, Helvetica, sans-serif bold; color:#FFFFFF; margin:10px 0 0 0; padding:0; } .headtitles { font: 11px Arial, Helvetica, sans-serif; color:#FFFFFF; margin:5px 0 5px 5px; padding:0; } /* Page */ #page { width: 960px; margin: 0 auto; background: #ffffff; } #page-bg { padding: 0px 2px; } #top_block { padding:0px; } #splash_photo { padding:8px 8px 8px 8px; background:#ffffff; border-bottom:1px solid #dadada; } /* Header */ #subscribe { margin: 20px 0 20px 0; padding:8px 4px 8px 8px; background-color:#f2f2f2; border-top:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; border-left:4px solid #b8beb0; } #subscribe p { font-size:14px; word-spacing:-1px; padding:0; margin:0 0 4px 0; } .formstyle { padding:0; margin:0; } INPUT.fieldtext { font-size:11px; line-height:14px; padding:4px; width:125px; color:#b8beb0; border:1px solid #dadada; } INPUT.button { font-size:11px; line-height:14px; padding:2px; width:60px; background-color:#3b4b39; color:#FFFFFF; border-top:1px solid #dadada; border-right:1px solid #222222; border-bottom:1px solid #222222; border-left:1px solid #dadada; } #become { height:64px; background: url('media/become.png') no-repeat top left; background-color: #ffffff; width:956px; margin:0 2px; } #delegate { float:left; } #delegate a { display:block; height:64px; width:478px; background: url('media/become_delegate.png') 0 0 no-repeat; overflow:hidden; } #delegate a:hover { background-position: 0 -64px; } #sponsor { float:left; } #sponsor a { display:block; height:64px; width:478px; background: url('media/become_sponsor.png') 0 0 no-repeat; overflow:hidden; } #sponsor a:hover { background-position: 0 -64px; } /* Content */ #content { float: left; width: 660px; padding: 16px 20px 0px 20px; } #content p { padding:0 0 0 10px; } #content h3 { font-size:16px; padding:0 0 0 10px; margin:0; color:#646464; } #post { padding-bottom: 10px; width:100%; line-height: 120%; } #post li { padding:0 0 10px 0; } #post img { margin:0; padding:0; } .title { margin: 0px; padding: 0px 0px 10px 0px; font-weight: normal; } .title a { border-bottom: none; color: #454545; } .title a:hover {} .parahead { margin: 0px; padding: 0px 0px 5px 0px; font-size: 1.2em; font-weight: normal; background: url('media/img04.gif') repeat-x left bottom; } .emphasis { font-weight:bold; font-size:1.2em; } .tag { padding: 0 15px; } .entry { } .links { padding: 4px 0px; text-align: right; font-weight: bold; } .links a { border: none; } .links a:hover { } #call_for_speakers { } #call_for_speakers a { display:block; height:80px; width:610px; background: url('media/call_for_speakers.png') 0 0 no-repeat; } #call_for_speakers a:hover { background-position: 0 -80px; } /* Summit Listing */ .summit_listing { width:100%; padding:0; margin:0 0 15px 0; font-size:11px; line-height:150%; border-bottom:1px solid #bababa; border-right:1px solid #bababa; border-left:1px solid #dadada; } .summit_listing p { } .summit_logo_blurb { width:98%; padding:4px; margin:0; } .summit_logo_date_loc { float:left; width:32%; padding:0; margin:0; } .summit_logo_date_loc p { padding:0; margin:0; } .summit_logo { padding:4px; margin:0; } .summit_date { padding:8px 4px; margin:0; font-size:14px; } .summit_location { padding:8px 4px; margin:0; font-size:12px; } .summit_blurb { float:left; width:64%; padding:4px; margin:0; font-size:12px; line-height:128%; } .summit_breakdown { padding:0; margin:0 0 8px 9px; width:640px; font-size:12px; border-top:1px solid #bababa; border-bottom:1px solid #dadada; border-right:1px solid #bababa; border-left:1px solid #dadada; background: url('media/col_tops.png') top center no-repeat; -moz-border-radius:8px; -webkit-border-radius: 8px; -xhtml-border-radius: 8px; } .summit_breakdown ul { padding:0 0 0 20px; margin:4px 0 0 0; } .summit_breakdown ul li { margin:0 0 0 4px; } .summit_breakdown_A { float:left; width:33%; padding:8px 4px; margin:0; } .summit_breakdown_B { float:left; width:30%; padding:8px 4px; margin:0; } .summit_breakdown_C { float:right; width:33%; padding:8px 4px; margin:0; } /* Right Col */ #rightcol { float: right; } #rightcol { width: 220px; padding: 0 10px 0 10px; font-size: 12px; border-left:1px solid #b8beb0; } #rightcol ul { margin: 0; padding: 0; list-style: none; } #rightcol li { padding: 0 0 20px 0; } #rightcol li ul { padding: 0; } #rightcol li li { margin: 0 6px 0 0; padding: 2px 0px; background: url('media/img04.gif') repeat-x left bottom; } #rightcol h4 { min-height:20px; margin: 0 0 0 -25px; padding:4px 4px 20px 8px; font-size: 18px; font-weight: bold; background: url('media/ribbon_shadow.png') left bottom no-repeat; color:#f2f2f2; width:265px; vertical-align:middle; } #rightcol a { text-decoration: none; color: #357dce; } #rightcol a:hover { text-decoration: underline; } #rightcol p { padding-top:0; margin-top:0; } #side_box { margin:12px 0 10px 0; border:1px solid #dadada; background:#FFFFFF; width:275px; } #press { padding:10px; } #press_post { margin:0 10px 10px 0; border-bottom:1px dashed #dadada; } #press_post p { padding:0 0 10px 0; } #press_post img { margin:0 10px 10px 0; } #press h2 { margin: 0 0 10px 0; padding: 0; font-size: 18px; font-weight: normal; padding:10px 10px; background:url('media/bg5.jpg') top left repeat-x #500000; color:#ffffff; } #press a:hover { background:#dadada; } #social_media { margin: 10px 4px 0 4px; padding:4px; background-color:#f2f2f2; border:1px solid #dadada; text-align:center; } #social_media img { margin:0 20px 0 0; border:none; } #upcoming_interview { padding:10px; } #video_box { padding:10px; } /* Widebar */ #widebar { margin: 0 1px; padding: 15px 15px 0 15px; } #widebar p { padding:10px; } #widebar #colA { float: left; width: 285px; padding-right:20px; } #widebar #colB { float: left; width: 285px; padding-right:20px; } #widebar #colC { float: left; width: 285px; } /* spotlight */ #spotlight { margin: 0 1px; padding: 50px 15px 0 15px; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; background: url('media/solution_spotlight.png') left top no-repeat #FFFFFF; } #spotlight #colA { float: left; width: 290px; padding-right:25px; border-left:1px solid #dadada; } #spotlight #colB { float: left; width: 290px; padding-right:25px; border-left:1px solid #dadada; } #spotlight #colC { float: left; width: 290px; border-left:1px solid #dadada; } #spotlight p { padding:0 5px 10px 10px; font-size:11px; border-bottom:1px dashed #999999; } #spotlight h3 { padding:10px 10px; font-size:16px; background:url('media/bg5.jpg') top left repeat-x #500000; color:#ffffff; } #spotlight a { color:#434343; } #spotlight a:hover { border-bottom: 1px dotted; } #spotlight img { margin:0 10px 10px 0; } /* misc */ .agenda_table { color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif; } .agenda_table p { color:#000000; line-height:125%; } .agenda_table h3 { color:#ffffff; padding:10px; margin:0; } .agenda_table a { text-decoration:none; border-bottom: dashed 1px #000000; color:#000000; } .agenda_table a:hover { text-decoration:none; border-bottom:solid 1px #434343; color:#434343; } .dayhead { background-image:url(media/h3back.png); background-repeat:repeat-x; } #agenda_width { width: 908px; padding: 10px 25px; background:#FFFFFF; } #photobox { border:1px solid #868686; padding:5px 5px 0 5px; width:85%; background-color:#f1f1f1; margin-left:15px; } .photobox a { text-decoration:none; border-bottom: 0px; } .photobox a:hover { text-decoration:none; border-bottom:0px; } /* feedback/side tab */ img.sponsor_tab { position: fixed; top: 500px; left: 0px; z-index: 1; } * html img.sponsor_tab { /* fixes for ie 6 */ position: absolute; z-index: -1; } /* Footer */ #footer { width: 100%; margin: 0 auto; background: #798e76; border-top:1px solid #868686; } #footer-bg { width: 960px; margin: 0 auto; } #footer p { margin: 0; padding: 8px 0 8px 0; text-align: center; font-size: 11px; } #footer a { color: #e7e7e7; text-decoration:none; } #footer a:hover { color: #e7e7e7; text-decoration:underline; } #footer .link { float: right; } #footer .copyright { float: left; } /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/simple_vertical.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ /* Summit nav CSS */ /* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */ #summitnavContainer {position:relative; width:960px; height:35px; z-index:100; background:url('media/top_mainNav_bg.png') bottom; clear:both;} /* Get rid of the margin, padding and bullets in the unordered lists */ #summitmenu, #summitmenu ul {padding:0; margin:0; list-style-type: none;} /* Set up the link size, color and borders */ #summitmenu a {display:block; color:#434343; padding:5px 14px 5px 14px; font-size:11px; height:25px; line-height:25px; text-decoration:none; border-right:1px solid #b2b2b2; border-left:1px solid #ffffff;} /* Set up the sub level borders */ #summitmenu li ul li a {border-left:1px solid #dadada; font-size:11px;} /* Set up the list items */ #summitmenu li {float:left;} /* Set up the drop list width, borders colors */ #summitmenu li ul li a {margin-left:10px; width:150px; background: #f2f2f2; border-bottom:1px solid #dadada; border-left:1px solid #dadada; } /* For Non-IE browsers and IE7 */ #summitmenu li:hover {position:relative;} /* Make the hovered list color persist */ #summitmenu li:hover > a {background:#d7d7d7; color:#000066;} /* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */ #summitmenu li ul {display:none;} /* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */ #summitmenu li:hover > ul {display:block; position:absolute; top:25px; left:80px; padding:10px 30px 30px 30px; background:transparent url('media/1x1.png'); width:120px;} /* Position the first sub level beneath the top level liinks */ #summitmenu > li:hover > ul {left:-30px; top:25px;} /* get rid of the table */ #summitmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;} /* Set up the pointers for the sub level indication */ #summitmenu li.drop {background:url(media/dropdown.png) no-repeat center bottom;} /* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */ * html #summitmenu li a:hover {position:relative; background:#d7d7d7; color:#000066;} /* For accessibility of the top level menu when tabbing */ #summitmenu li a:active, #menu li a:focus {background:#d7d7d7; color:#000066;} /* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */ * html #summitmenu a {width:100px; widt\h:100px;} * html #summitmenu li ul li a {width:150px; widt\h:150px;} /* change the drop down levels from display:none; to visibility:hidden; */ * html #summitmenu li ul {visibility:hidden; display:block; position:absolute; top:25px; left:80px; padding:10px 30px 30px 30px; background:transparent url('media/1x1.png');} /* make the second level visible when hover on first level link and position it */ #summitmenu li a:hover ul { visibility:visible; left:-30px; top:25px; lef\t:-31px; to\p:25px; } /* Added 1/30/2013 to allow drap and drop sorting of list elements*/ #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; } #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; } #sortable li span { position: absolute; margin-left: -1.3em; }