/************************************************************************ Triple W Forum, Default CSS ************************************************************************/ /************************************************************************ Global ************************************************************************/ * { margin:0; padding:0; } html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,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; vertical-align:baseline; } /* remember to define focus styles! */ :focus { outline:0; } body { line-height:1; color:#666; } ol,ul { list-style:none; } a {text-decoration: none; color: #803A66;} /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse:collapse; border-spacing:0; } caption,th,td { text-align:left; font-weight:normal; } blockquote:before,blockquote:after,q:before,q:after { content:""; } blockquote,q { quotes:; } .clearer { clear:both; margin:0; line-height:0; padding:0; } .clearerLarge { clear:both; margin:0; line-height:0; padding:0; height:30px; } .clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .clearfix { display:inline-block; } html[xmlns] .clearfix { display:block; } * html .clearfix { height:1%; } .float_right { float:right; } .float_left { float:left; } body { background:url(../img/bg_body.gif) top repeat-x; font-weight:normal; font-family:Arial, sans-serif; } #content_wrapper { width:912px; min-height: 920px; margin:0 auto; background: url(../img/bg_main_content.jpg) 0 0 no-repeat; } sup {vertical-align: super; font-size: 7px;} /************************************************************************ Global - Typography ************************************************************************/ /* San-Serif */ .jqueryslidemenu { font-family:Arial, Helvetica, sans-serif; } /* Serif */ #global_header_bottom { font-family:Georgia, Times, serif; } /************************************************************************ Global - Header ************************************************************************/ #global_header {widows: 912px; height: 212px; position: relative;} #global_logo {width: 714px; height: 212px; margin: 0 auto; font-size: 1px;} #social_icons {position: absolute; right: 32px; top: 155px;} #social_icons ul li {float: left; display: block; width: 21px; height: 21px;} #social_icons ul li a.twitter {display: block; width: 21px; height: 21px; background: url(../img/icon_twitter.gif) 0 0 no-repeat;} #social_icons ul li a.twitter:hover {display: block; width: 21px; height: 21px; background: url(../img/icon_twitter.gif) 0 100% no-repeat;} #social_icons ul li a.facebook {display: block; width: 21px; height: 21px; background: url(../img/icon_facebook.gif) 0 0 no-repeat; margin: 0 0 0 3px;} #social_icons ul li a.facebook:hover {display: block; width: 21px; height: 21px; background: url(../img/icon_facebook.gif) 0 100% no-repeat; margin: 0 0 0 3px;} #social_icons ul li a.pinterest {display: block; width: 21px; height: 21px; background: url(../img/icon_pinterest.gif) 0 0 no-repeat; margin: 0 0 0 6px;} #social_icons ul li a.pinterest:hover {display: block; width: 21px; height: 21px; background: url(../img/icon_pinterest.gif) 0 100% no-repeat; margin: 0 0 0 6px;} #social_icons ul li a.flickr {display: block; width: 21px; height: 21px; background: url(../img/icon_flickr.gif) 0 0 no-repeat; margin: 0 0 0 10px;} #social_icons ul li a.flickr:hover {display: block; width: 21px; height: 21px; background: url(../img/icon_flickr.gif) 0 100% no-repeat; margin: 0 0 0 10px;} #social_icons ul li a.linkedin {display: block; width: 21px; height: 21px; background: url(../img/icon_linkedin.gif) 0 0 no-repeat; margin: 0 0 0 14px;} #social_icons ul li a.linkedin:hover {display: block; width: 21px; height: 21px; background: url(../img/icon_linkedin.gif) 0 100% no-repeat; margin: 0 0 0 14px;} /* IE Hacks */ /************************************************************************ Global - Navigation ************************************************************************/ #global_navigation {width: 810px; height: 40px; border-top: 1px solid #e8d6e1; border-bottom: 1px solid #e8d6e1; margin: 6px 0 0 51px; } #global_navigation li.home{width: 124px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) 0 0 no-repeat; text-indent: -9999em;} #global_navigation li.about{width: 138px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) -124px 0 no-repeat; text-indent: -9999em;} #global_navigation li.event{width: 124px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) -262px 0 no-repeat; text-indent: -9999em;} #global_navigation li.register{width: 138px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) -386px 0 no-repeat; text-indent: -9999em;} #global_navigation li.contact{width: 133px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) -524px 0 no-repeat; text-indent: -9999em;} #global_navigation li.resources{width: 153px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) -657px 0 no-repeat; text-indent: -9999em;} #global_navigation li.home a.home{width: 124px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) 0 0 no-repeat; text-indent: -9999em;} #global_navigation li.about a.about{width: 138px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) -124px 0 no-repeat; text-indent: -9999em;} #global_navigation li.event a.event{width: 124px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) -262px 0 no-repeat; text-indent: -9999em;} #global_navigation li.register a.register{width: 138px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) -386px 0 no-repeat; text-indent: -9999em;} #global_navigation li.contact a.contact{width: 133px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) -524px 0 no-repeat; text-indent: -9999em;} #global_navigation li.resources a.resources{width: 153px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) -657px 0 no-repeat; text-indent: -9999em;} #global_navigation li.home a.home:hover{width: 124px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) 0 -38px no-repeat; text-indent: -9999em;} #global_navigation li.about a.about:hover{width: 138px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) -124px -38px no-repeat; text-indent: -9999em;} #global_navigation li.event a.event:hover{width: 124px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) -262px -38px no-repeat; text-indent: -9999em;} #global_navigation li.register a.register:hover{width: 138px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) -386px -38px no-repeat; text-indent: -9999em;} #global_navigation li.contact a.contact:hover{width: 133px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) -524px -38px no-repeat; text-indent: -9999em;} #global_navigation li.resources a.resources:hover{width: 153px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) -657px -38px no-repeat; text-indent: -9999em;} #global_navigation li.home a.homeactive{width: 124px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) 0 -76px no-repeat; text-indent: -9999em;} #global_navigation li.about a.aboutactive{width: 138px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) -124px -76px no-repeat; text-indent: -9999em;} #global_navigation li.event a.eventactive{width: 124px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) -262px -76px no-repeat; text-indent: -9999em;} #global_navigation li.register a.registeractive{width: 138px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) -386px -76px no-repeat; text-indent: -9999em;} #global_navigation li.contact a.contactactive{width: 133px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) -524px -76px no-repeat; text-indent: -9999em;} #global_navigation li.resources a.resourcesactive{width: 153px; height: 38px; float: left; background: url(../img/bg_nav_matrix.gif) -657px -76px no-repeat; text-indent: -9999em;} /************************************************************************ Content ************************************************************************/ #main_content {width: 480px; margin: 40px 37px 0 71px; float: left;} #main_content p {font-size: 12px; color: #666; line-height: 16px; margin: 15px 10px;} #main_content_contact p {font-size: 12px; color: #666; line-height: 16px; margin: 15px 10px;} #main_content p a {text-decoration: underline;} #main_content p span { color: #803a66; clear: both; display: block; width: 100%; font-weight: bold; margin: 0 0 5px 0; } #main_content p span.quote { color: #803a66; clear: none; width: none; display: inline; font-weight: bold; font-size: 20px; font-family: Georgia, serif; vertical-align: middle; } a:hover {text-decoration:underline;} #main_content_contact {width: 780px; margin: 40px 37px 0 71px; float: left;} #event_content {width: 780px; margin: 40px 37px 0 66px;} #event_content p.body_copy span { color: #803a66; display: block; font-weight: bold; } #event_content h2.title {font-size: 14px; color: #803A66;} #event_content p.body_copy {font-size: 12px; color: #666; line-height: 16px; margin: 15px 10px;} #event_content p.body_copy a {font-size: 12px; color: #803a66;} #sidebarabout p img {border: 1px solid #E8D6E1; float: left; margin: 0 20px 20px 0; padding: 5px;} .borderimage {border: 1px solid #E8D6E1; float: left; margin: 0 20px 0 0; padding: 5px;} #disclaimer_content { margin: 40px 37px 0 66px; width: 780px;} #disclaimer_content p { color: #666666;font-size: 12px; line-height: 16px; margin: 15px 10px;} .date_header {color: #803a66; font-size: 14px; margin: 20px 0 0 10px;} #sidebar {float: left; width: 273px; margin: 80px 0 0 0;} #sidebarabout {float: left; width: 273px; margin: 40px 0 0 0;} #sidebarHome {float: left; width: 273px; margin: 0px 0 0 0;} #sidebar p span { color: #803a66; clear: both; display: block; width: 100%; font-weight: bold; margin: 0 0 5px 0; } #sidebar p {font-size: 12px; color: #666; border-bottom: 1px dashed #ccc; width: 250px; margin: 0 auto; display: block; padding: 10px 0 10px 0; line-height: 14px;} #sidebarabout p {font-size: 12px; color: #666; width: 250px; margin: 0 auto; display: block; padding: 10px 0 10px 0; line-height: 14px;} #sidebar p span { color: #803a66; clear: both; display: block; width: 100%; font-weight: bold; margin: 0 0 5px 0; } #sidebarabout p span { color: #803a66; clear: both; display: block; width: 100%; font-weight: bold; margin: 0 0 5px 0; } #sidebar p {font-size: 12px; color: #666; border-bottom: 1px dashed #ccc; width: 250px; margin: 0 auto; display: block; padding: 10px 0 10px 0; line-height: 14px;} #sidebarabout p span {font-size: 12px; color: #803a66; border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; width: 250px; margin: 0 auto; display: block; padding: 10px 0 10px 0; line-height: 14px;} #sidebarHome p a, #main_content p a, #main_content ul li a {text-decoration: underline;} #sidebarHome p a:hover, #main_content p a:hover, #main_content ul li a:hover {text-decoration: none} #sidebarHome p span { color: #803a66; clear: both; display: block; width: 100%; font-weight: bold; margin: 0 0 5px 0; } #sidebarHome p {font-size: 12px; color: #666; border-bottom: 1px dashed #ccc; width: 250px; margin: 0 auto; display: block; padding: 10px 0 10px 0; line-height: 14px;} #registertoday {width: 273px; height: 54px; background: url(../img/button_registertoday.gif) 0 0 no-repeat; text-indent: -9999em; display: block; margin: 0 0 20px 0;} #registertoday:hover {width: 273px; height: 54px; background: url(../img/button_registertoday.gif) 0 100% no-repeat; text-indent: -9999em; display: block; margin: 0 0 20px 0;} #register {width: 182px; height: 54px; background: url(../img/button_register.gif) 0 0 no-repeat; text-indent: -9999em; display: block; margin: -80px 0 0 0; float: right;} #register:hover {width: 182px; height: 54px; background: url(../img/button_register.gif) 0 100% no-repeat; text-indent: -9999em; display: block; margin: -80px 0 0 0; float: right;} /* Home Page */ #home_promo_area {width: 810px; margin: 0 0 30px 51px;text-align: center; padding: 25px 0 0 0; } /*a.new_york {width: 398px; height: 263px; float: left; background: url(../img/img_home_newyork.jpg) 0 0 no-repeat; display: block;} a.new_york:hover {width: 398px; height: 263px; float: left; background: url(../img/img_home_newyork.jpg) 0 100% no-repeat; display: block;}*/ a.chicago {width: 810px; height: 263px; float: left; background: url(../img/img_home_chicago2012.jpg) 0 0 no-repeat; display: block;} #date_text { margin: 0 0 11px 0;} #home_text { margin: 0 0 11px 0;} #register_button_home {width: 451px; height: 58px; background: url(../img/button_register_home.gif) 0 0 no-repeat; text-indent: -9999em; display: block; clear: both; margin: 0 auto;} #register_button_home:hover {width: 451px; height: 58px; background: url(../img/button_register_home.gif) 0 100% no-repeat; text-indent: -9999em; display: block; clear: both; margin: 0 auto;} #news_updates {width: 463px; float: left; margin: 0 37px 0 51px;} #news_updates p span { color: #803a66; clear: both; display: block; width: 100%; font-weight: bold; margin: 0 0 5px 0; } #news_updates p {font-size: 14px; color: #666; width: 427px; margin: 0 auto; display: block; padding: 10px 0 10px 0; line-height: 20px;} #news_updates p a {font-size: 12px; display: block; margin: 10px 0 0 0; font-weight: bold;} #featured_speakers {width: 310px; float: left;} #featured_speakers p img {float: left; border: 1px solid #e8d6e1; padding: 5px; margin: 0 20px 50px 11px; width: 72px; height: 88px; } #featured_speakers p span { color: #803a66; font-weight: bold; margin: 0 0 5px 0; display: block; } #featured_speakers p { color: #666; font-size: 12px; line-height: 14px; padding: 10px 0 10px 0; border-bottom: 1px dashed #ccc; } #featured_speakers p a {display: block; float: right; margin: 20px 0 0 0; font-weight: bold;} /* Headers */ .replace { display:block; height:0; overflow:hidden; font-size:0; letter-spacing:-1em; text-indent:-9999em; } /*h3.head_news { background:url(../img/sm_header_newsupdates.gif) 13px 16px no-repeat; }*/ h1.head_whatis { background:url(../img/sm_header_whatis.gif) 13px 16px no-repeat; } h3.head_featuredspeakers { background:url(../img/sm_header_featspeakers.gif) 13px 16px no-repeat; } h3.head_aboutfounder { background:url(../img/sm_header_aboutfounder.gif) 13px 16px no-repeat; margin: 40px 0 0 0; } h2.head_experience { background:url(../img/sm_header_experience.gif) 13px 16px no-repeat; margin: 40px 0 0 0; } h3.head_wherebegan { background:url(../img/sm_header_wherebegan.gif) 13px 16px no-repeat; margin: 40px 0 0 0; } h2.head_speakers { background:url(../img/sm_header_speakers.gif) 13px 16px no-repeat; margin: 40px 0 0 0; } h3.head_eventreg { background:url(../img/sm_header_eventreg.gif) 13px 16px no-repeat; margin: 40px 0 0 0; } h2.head_social { background:url(../img/sm_header_social.gif) 13px 16px no-repeat; margin: 40px 0 0 0; } h2.head_wellness { background:url(../img/sm_header_wellness.gif) 13px 16px no-repeat; margin: 40px 0 0 0; } h3.head_leadership { background:url(../img/sm_header_leadership.gif) 13px 16px no-repeat; margin: 40px 0 0 0; } h3.head_communication { background:url(../img/sm_header_communication.gif) 13px 16px no-repeat; margin: 40px 0 0 0; } h3.head_business { background:url(../img/sm_header_business.gif) 13px 16px no-repeat; margin: 40px 0 0 0; } h3.head_technology { background:url(../img/sm_header_technology.gif) 13px 16px no-repeat; margin: 40px 0 0 0; } h3.head_organization { background:url(../img/sm_header_organization.gif) 13px 16px no-repeat; margin: 40px 0 0 0; } h3.head_planning { background:url(../img/sm_header_planning.gif) 13px 16px no-repeat; margin: 40px 0 0 0; } h3.head_involved { background:url(../img/sm_header_involved.gif) 13px 16px no-repeat; margin: 40px 0 0 0; } h3.head_sponsors { background:url(../img/sm_header_sponsors.gif) 13px 16px no-repeat; margin: 40px 0 0 0; } h3.head_eventdetails { background:url(../img/sm_header_eventdetails.gif) 13px 16px no-repeat; margin: 40px 0 0 0; } h3.head_thanks { background:url(../img/sm_header_thanks.gif) 13px 16px no-repeat; margin: 40px 0 0 0; } h3.head_enews { background:url(../img/sm_header_enews.gif) 13px 16px no-repeat; margin: 40px 0 0 0; } h3.head_share { background:url(../img/sm_header_sharestatus.gif) 13px 16px no-repeat; margin: 40px 0 0 0; } h4.head_featuredguests { background:url(../img/sm_header_featguests.gif) 13px 16px no-repeat; margin: 40px 0 0 0; } h5.head_eventspeakers { background:url(../img/sm_header_speakers.gif) 13px 16px no-repeat; margin: 40px 0 0 0; } h5.head_insightpanel { background:url(../img/sm_header_panelmembers.gif) 13px 16px no-repeat; margin: 40px 0 0 0; } h3.head_chicago2010 { background:url(../img/sm_header_chicago2010.gif) 13px 16px no-repeat; margin: 40px 0 0 0; } h3 {font-family: Gotham; font-weight: bold; font-size:14px; margin: 40px 0 0 20px; border-bottom: 1px solid #E8D6E1; border-top: 1px solid #E8D6E1; clear: both; height: 28px; padding: 12px 0 0 10px;} h3.head_news, h3.head_featuredspeakers, h3.head_aboutfounder, h2.head_experience, h3.head_wherebegan, h2.head_speakers, h3.head_eventreg, h2.head_social, h2.head_wellness, h3.head_leadership, h3.head_communication, h3.head_business, h3.head_technology, h3.head_organization, h3.head_planning, h3.head_involved, h3.head_sponsors, h3.head_eventdetails, h3.head_thanks, h3.head_enews, h3.head_share, h5.head_eventspeakers, h4.head_featuredguests, h1.head_whatis, h3.head_chicago2010, h5.head_insightpanel { border-top:1px solid #e8d6e1; border-bottom:1px solid #e8d6e1; height:40px; clear:both; } #sidebarHome h3.head_news {font-family: Gotham font-size: 14px; margin: 0 0 0 10px; border-bottom: 1px solid #E8D6E1; border-top: 1px solid #E8D6E1; clear: both; height: 28px; padding: 14px 0 0 0px;} h3.featured_speakers {font-family: Gotham font-size: 14px; margin: 0 0 0 10px; border-bottom: 1px solid #E8D6E1; border-top: 1px solid #E8D6E1; clear: both; height: 28px; padding: 14px 0 0 0px; margin: 0, 0, 0, 20px; } h3.featured_speakers {background:url(../img/sm_header_featuredspeakers.gif) 13px 16px no-repeat; } h3.head_fromfounder { background:url(../img/sm_header_founder.gif) 13px 16px no-repeat; margin: 40px 0 0 0; height: 40px;} .nobottomborder { border-bottom: 0 !important; } #sidebar h3.head_news {font-family: Gotham; font-weight: bold; font-size:14px; margin: 40px 0 0 10px; border-bottom: 1px solid #E8D6E1; border-top: 1px solid #E8D6E1; clear: both; height: 28px; padding: 14px 0 0 10px;} h1.head_about {background:url(../img/lg_header_about.gif) 0 0 no-repeat;} h1.head_register {background:url(../img/lg_header_registration.gif) 0 0 no-repeat; margin: 0 0 20px 0;} h1.head_contact {background:url(../img/lg_header_contact.gif) 0 0 no-repeat;} h1.head_resources {background:url(../img/lg_header_resources.gif) 0 0 no-repeat;} h1.head_event {background:url(../img/lg_header_upcomingevents.gif) 0 0 no-repeat; margin: 0 0 20px 0;} h1.head_terms {background:url(../img/lg_header_terms.gif) 0 0 no-repeat; margin: 0 0 20px 0;} h1.head_privacy {background:url(../img/lg_header_privacy.gif) 0 0 no-repeat; margin: 0 0 20px 0;} h1.head_sitemap {background:url(../img/lg_header_sitemap.gif) 0 0 no-repeat; margin: 0 0 20px 0;} h1.head_eventarchive {background:url(../img/lg_header_archive.gif) 0 0 no-repeat; margin: 0 0 20px 0;} h1.head_about, h1.head_register, h1.head_contact, h1.head_resources, h1.head_event, h1.head_terms, h1.head_privacy, h1.head_sitemap, h1.head_eventarchive { border-bottom:1px solid #e8d6e1; clear:both; height: 42px; } /* Sub Pages */ #main_content ul.resources {margin: 20px} #main_content ul.resources li {font-size: 12px; color: #666; margin: 0 0 10px 0;} #main_content ul.social {margin: 20px;} #main_content ul.social li {display: block; clear: both; font-size: 12px;} #main_content ul.social li a { margin: 20px 0 0 20px; float: left; display: block;} #main_content ul.social li img {float: left;} #CatalystLogo {float: left; margin: 0 20px 100px 0;} #speakers_left {float: left; width: 472px;} #speakers_left p img {float: left; border: 1px solid #e8d6e1; padding: 5px; margin: 0 20px 0 11px; width: 72px; height: 88px; } #speakers_left p span.name { color: #803a66; font-weight: bold; display: block; margin: 0 0 0 70px; } #speakers_left p span.module { color: #ad6291; font-weight: bold; display: block; } #speakers_left p span.title { font-weight: bold; margin: 0 0 5px 0; display: block; } #speakers_left p span.bodytext { margin: 0 0 5px 0; display: block; margin: 0 0 0 115px; } #speakers_left p { color: #666; font-size: 12px; line-height: 14px; padding: 10px 0 10px 10px; border-bottom: 1px dashed #ccc; } #panel p { color: #666; font-size: 12px; line-height: 14px; padding: 10px 0 10px 10px; border-bottom: none;} #speakers_left p#eventdetails { border-bottom: none; } #speakers_left p a { display: inline; margin: 20px 0 0 0; } #agenda_sidebar {width: 288px; float: left; margin: 40px 0 0 20px; background: #f4ecf1; padding: 0 0 20px 0;} #agenda_sidebar h4 {background-color: #803a66; color: #fff; font-size: 14px; height: 25px; padding: 17px 0 0 10px;} #agenda_sidebar p { color: #803a66; font-size: 13px; font-weight: bold; margin: 20px;} #agenda_sidebar p.disclaimer { color: #666; font-size: 13px; font-weight: normal; font-style: italic; margin: 20px;} #agenda_sidebar ul {margin: 0 auto; display: block; width: 280px;} #agenda_sidebar ul li {color: #666; margin: 0 0 10px 30px; font-size: 12px; list-style-type: disc; } #testimonial_sidebar {width: 288px; float: left; margin: 40px 0 0 20px; background: #f4ecf1; padding: 0 0 20px 0;} #testimonial_sidebar h4 {background-color: #803a66; color: #fff; font-size: 14px; height: 25px; padding: 17px 0 0 10px;} #testimonial_sidebar p { color: #666; font-size: 12px; margin: 20px; line-height: 16px;} #testimonial_sidebar p span.quote { color: #803a66; clear: none; width: none; display: inline; font-weight: bold; font-size: 18px; font-family: Georgia, serif; vertical-align: middle; } hr {margin:15px 15px; border:0; border-top:1px solid #803a66; clear:both; } #download_button {width: 252px; height: 55px; background: url(../img/button_download.gif) 0 0 no-repeat; text-indent: -9999em; display: block; clear: both; margin: 0 auto;} #download_button:hover {width: 252px; height: 55px; background: url(../img/button_download.gif) 0 100% no-repeat; text-indent: -9999em; display: block; clear: both; margin: 0 auto;} .EventIntro { float:left; width:462px; } .EventDetails { float:right; width:288px; } /* Email Form */ #email_form {margin: 20px 0 0 20px; height: 23px; padding: 10px 0 0 0; font-size: 12px;} * html #email_form {margin: 0 auto; width: 320px; height: 23px; padding: 10px 0 0 0;} #email_text {float: left; margin: 5px 15px 0 0; display: inline;} #email_input {font-size:10pt; border:1px solid #d6d6d6; float: left; width: 173px; height: 15px; color: #803a66; font-size: 11px; display: inline; padding: 5px 5px 0 5px } #enews_go {background: url(../img/but_enews.gif) 0 0 no-repeat; display: block; cursor: pointer; border: none; width: 60px; height: 16px; float: left; margin: 0 0 0 25px; display: inline;} #enews_go:hover {background: url(../img/but_enews.gif) 0 -16px no-repeat; display: block; cursor: pointer; border: none; width: 60px; height: 16px; float: left; margin: 0 0 0 25px;} .headshot {float: left; border: 1px solid #e8d6e1; padding: 5px; margin: 0 15px 10px 0; width: 72px; height: 88px; } .architects_photo {border: 1px solid #e8d6e1; padding: 5px; margin: 0 auto; width: 430px; height: 261px; display: block; } .side_image_right {float: right; margin: 15px 0 15px 15px;} .side_image_left {float: left; margin: 5px 15px 15px 0;} .side_image_left_thumb {float: left; margin: 10px 10px 0 15px;} .side_image_left_thumb_event {float: left; margin: 0 10px 0 0;} .collage {margin: 25px 0 0 0;} .new_york_event {width: 380px; min-height: 750px; float: left; margin: 0 20px 0 0; background: #f4ecf1; position: relative; } .chicago_event {width: 720px; min-height: 750px; float: left; background: #f4ecf1; position: relative; } .registerblock {padding: 0 0 20px 0;} .new_york_event h2, .chicago_event h2 {background-color: #803a66; color: #fff; font-size: 14px; height: 25px; padding: 15px 0 0 10px; margin: 0 0 10px 0;} p.event_body {padding: 5px 15px 0 15px; font-size: 12px; color: #666; line-height: 16px; display: block;} p.event_title { color: #803a66; font-size: 13px; font-weight: bold; padding: 5px 0 0 15px;} p.event_body a.details {display: block; float: right; margin: 20px 0 10px 0; font-weight: bold;} a.event_info {width: 350px; height: 54px; background: url(../img/Button_EventInfo.gif) 0 0 no-repeat; text-indent: -9999em; display: block; clear: both; margin: 20px 15px; cursor: pointer;} a.event_info:hover {width: 350px; height: 54px; background: url(../img/Button_EventInfo.gif) 0 100% no-repeat; text-indent: -9999em; display: block; clear: both; margin: 20px 15px; cursor: pointer;} #event_archive {display: block; margin: -40px 0 0 0; float: right; font-size: 12px;} .collage {margin: 25px 0 0 -30px;} /************************************************************************ Global - Footer ************************************************************************/ #global_footer { width:812px; height:36px; margin: 0 auto; padding:50px 50px; color: #cdb1c2; font-size: 11px; } #global_footer p {float: left; width: 40%;} #global_footer ul {float: right;} #global_footer ul li {float: left; border-right: 1px solid #cdb1c2; padding: 0 3px} #global_footer ul li:last-child {border:none;} #global_footer ul li a { color: #cdb1c2;} #global_footer ul li a:hover { text-decoration: underline;} /************************************************************************ Color Box ************************************************************************/ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background: url(../img/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(../img/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(../img/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(../img/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(../img/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(../img/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../img/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../img/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../img/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; font-size: 12px; font-weight: bold; color:#803A66; border-top: 1px dashed #ccc; padding: 10px 0 0 0; } #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../img/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../img/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(../img/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(../img/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;}