/* The Quicken Loans Arena */ /* RESET */ /* ----------------------------------------- */ /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ /* * html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } */ html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, blockquote { margin:0; padding:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } /* ol, ul, li { list-style:none } */ caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; margin:0; padding:0 } q:before, q:after { content:''} /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight: bold } em { font-style: italic } a img { border:none } /* Gets rid of IE's blue borders */ * TYPOGRAPHY */ /* ----------------------------------------- */ /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */ h2, h3, h5, h5, h6 { font-weight:bold; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;} h1 {color:#283a5e;font-size: 2.00em; line-height: 1.2em;font-family: "Century Gothic", "Lucida Sans", Arial, Helvetica, sans-serif;margin-bottom:14px;font-weight:bold;letter-spacing: -0.5px} a {color:#b61f38} a:visited {color:#7F007F;} /* List Items */ /* ----------------------------------------- */ ol {margin-left: 5px; padding-left: 0; list-style: none;} ul {margin-left: 5px; padding-left: 0; list-style: none;} li {margin-left: 5px; padding-left: 14px; padding-right: 5px; background-image: url(../../../wp-content/uploads/bullet.gif); background-repeat: no-repeat; background-position: 0px 3px; list-style: none;} ul ul {margin-left: 5px; padding-left: 0; list-style: none;} li li {margin-left: 5px; padding-left: 12px; padding-right: 5px; background-image: url(../../../wp-content/uploads/bullet-2.gif); background-repeat: no-repeat; background-position: 0px 5px; list-style: none;} ul ul ul {margin-left: 5px; padding-left: 0; list-style: none;} li li li {margin-left: 5px; padding-left: 12px; padding-right: 5px; background-image: url(../../../wp-content/uploads/bullet-3.gif); background-repeat: no-repeat; background-position: 0px 5px; list-style: none;} ul.srssfetcher {margin-left: 0; padding-left: 0; list-style: none;} li.srssfetcher-item {padding-left: 10px; padding-right: 5px; background-image: url(../../../wp-content/uploads/bullet.gif); background-repeat: no-repeat; background-position: 0;} - - - - Arial, 'Helvetica Neue', Helvetica, sans-serif - p, t */ /* CLASSES */ /* ----------------------------------------- */ /* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */ .aligncenter { display:block; margin:0 auto } .alignleft { float:left } .alignright { float:right } .clear { clear: both; } .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px } /* You might find the following useful */ br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */ /* div { position:relative } This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */ /* SITE */ /* ----------------------------------------- */ body { font-size: 12px; line-height: 16px; font-family: Verdana, Geneva, sans-serif; color: #333; } #page-wrap { width: 980px; margin: 0px auto; } /* HEADER */ /* ----------------------------------------- */ #top-menu { background-image: url('../../../wp-content/uploads/bkg.png'); color: #F3F3F3; height: 15px; padding: 5px; font-size: 11px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; float: right; z-index: 10000;} #top-menu ul.subNav {margin-left: 0; padding-left: 0; list-style: none;} #top-menu ul.subNav li { display: inline; font-weight: bold; border-left: 1px solid #555555; padding:0 5px 0 10px; color: #F3F3F3; background-image: none;} #top-menu ul.subNav li.first { border-left: none !important; background-image: none;} #top-menu ul.subNav li a { color: #F3F3F3; text-decoration: none;} #top-menu ul.subNav li a:hover { color: #E0A213; text-decoration: underline;} #header-bar { padding: 20px 10px;} /* NAV */ /* ----------------------------------------- */ #menu { height: 21px; width:980px; margin:10px 0px 0px 0px; padding:14px 0px 0px 0px; background-image:url('../../../wp-content/uploads/btn_bkg.png'); background-repeat:repeat-x; font: 14px Helvetica, Serif; font-weight: bold; text-transform:uppercase; text-decoration: none; color:#FFFFFF; } #menu ul.mainNav {margin-left: 5px; padding-left: 0; list-style: none;} #menu ul.mainNav li { margin: -4px 0px 0px -19px; display: inline-block; float: left; height: 25px; background-image: none;} #menu ul.mainNav li a { color:#FFFFFF; text-decoration:none; padding:10px 15px 9px 15px; border-left: 1px solid #505050; border-right: 1px solid #1F1F1F; } #menu ul.mainNav li a.tabactive { padding:10px 15px 9px 15px; color:#333333; position:relative; background-image:url('../../../wp-content/uploads/btn_bkg_hover.png'); background-repeat:repeat-x; border-left: 1px solid #996600; border-right: 1px solid #996600;} #arenamenu_content2, #arenamenu_content3, #arenamenu_content4, #arenamenu_content5, #arenamenu_content6, #arenamenu_content7, #arenamenu_content8, #arenamenu_content9, #arenamenu_content10 {display:none;} #arenamenu_content1 { background-color: #FFF; border-bottom:1px solid #CCCCCC; width:965px; text-align:left; padding: 10px 0px 10px 15px; margin-bottom:0px; font: 12px Helvetica, Serif; font-weight: bold; text-transform:uppercase; text-decoration: none; color:#333; } #arenamenu_content1 a { margin: 0px 5px 0px 5px; padding: 0px 5px 10px 5px; text-decoration:none; color:#000; } #arenamenu_content2 { background-color: #FFF; border-bottom:1px solid #CCCCCC; width:960px; text-align:left; padding: 10px 15px 10px 5px; margin-bottom:0px; font: 12px Helvetica, Serif; font-weight: bold; text-transform:uppercase; color:#333; } #arenamenu_content2 a{ margin: 0px 5px 0px 5px; padding: 0px 5px 5px 5px; text-decoration:none; color:#666; } #arenamenu_content2 a:hover { color:#333; } #arenamenu_content3 { background-color: #FFF; border-bottom:1px solid #CCCCCC; width:960px; text-align:left; padding: 10px 15px 10px 5px; margin-bottom:0px; font: 12px Helvetica, Serif; font-weight: bold; text-transform:uppercase; color:#333; } #arenamenu_content3 a { margin: 0px 5px 0px 5px; padding: 0px 5px 0px 5px; text-decoration:none; color:#666; } #arenamenu_content3 a:hover { color:#333; } #arenamenu_content4 { background-color: #FFF; border-bottom:1px solid #CCCCCC; width:795px; text-align:left; padding: 10px 15px 10px 170px; margin-bottom:0px; font: 12px Helvetica, Serif; font-weight: bold; text-transform:uppercase; color:#333; } #arenamenu_content4 a { margin: 0px 5px 0px 5px; padding: 0px 5px 0px 5px; text-decoration:none; color:#666; } #arenamenu_content4 a:hover { color:#333; } #arenamenu_content5 {background-color: #FFF; border-bottom:1px solid #CCCCCC; width:960px; text-align:left; padding: 10px 15px 10px 5px; margin-bottom:0px; font: 12px Helvetica, Serif; font-weight: bold; text-transform:uppercase; color:#333; } #arenamenu_content5 a { margin: 0px 5px 0px 5px; padding: 0px 5px 0px 5px; text-decoration:none; color:#666; } #arenamenu_content5 a:hover { color:#333; } #arenamenu_content6 {background-color: #FFF; border-bottom:1px solid #CCCCCC; width:600px; text-align:left; padding: 10px 15px 10px 365px; margin-bottom:0px; font: 12px Helvetica, Serif; font-weight: bold; text-transform:uppercase; color:#333; } #arenamenu_content6 a { margin: 0px 5px 0px 5px; padding: 0px 5px 0px 5px; text-decoration:none; color:#666; } #arenamenu_content6 a:hover { color:#333; } #arenamenu_content7 { background-color: #FFF; border-bottom:1px solid #CCCCCC; width:960px; text-align:left; padding: 10px 15px 10px 5px; margin-bottom:0px; font: 12px Helvetica, Serif; font-weight: bold; text-transform:uppercase; color:#333; } #arenamenu_content7 a { margin: 0px 5px 0px 5px; padding: 0px 5px 0px 5px; text-decoration:none; color:#666; } #arenamenu_content7 a:hover { color:#333; } /*INSIDE HEADER AD*/ /* ----------------------------------------- */ #header-ad-wrap {background-color: #5A5A5A; padding: 15px; width: 950px; height: 90px; } #header-ad { position: relative; margin-left: 110px; align: center;} /* HOME PAGE*/ /* ----------------------------------------- */ #homepage { width: 950px; background-color:#F1F1F1; padding: 15px; } /* INTERIOR PAGE*/ /* ----------------------------------------- */ #interior-page-wrap { width: 980px; clear: both; background-color:#F1F1F1; background: url(../../../wp-content/uploads/bg_column.gif) repeat-y 50% 0;} #interior-content-wrap { width: 750px; float: left; margin: 15px 0 15px 15px;} .post h2 { font: 16px Verdana, Geneva, sans-serif; font-weight: bold; color:#b61f38; line-height: 20px; margin-bottom: 10px; } .post h3 { font: 14px Verdana, Geneva, sans-serif; font-weight: bold; color:#555555; line-height: 20px; margin-bottom: 10px; } .post h4 { font: 12px Verdana, Geneva, sans-serif; font-weight: bold; color:#555555; text-transform: uppercase; line-height: 16px; } .post h5 { font: 12px Verdana, Geneva, sans-serif; font-weight: bold; color:#b61f38; text-transform: uppercase; line-height: 16px; } .post p { font: 12px Verdana, Geneva, sans-serif; color: #333; line-height: 16px;} #interior-page-menu a { color:#666666; margin-bottom: 5px; } #interior-page-menu-left { float: left; } #interior-page-menu-right { float: right; } #q-social {margin:0px 0px 0px 5px;} #q-social .rss {float:left; margin-left:10px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:22px;} #q-social .rss a {text-decoration:none; color:#AAAAAA;} #q-social .rss a:hover {text-decoration:underline;} #q-social .rss img {display:block; width:18px; height:18px; padding:1px;} .addthis_toolbox.addthis_pill_combo a {float:left;} .addthis_toolbox.addthis_pill_combo a.addthis_button_tweet, .addthis_toolbox.addthis_pill_combo a.addthis_counter {margin-top:-2px;} .addthis_button_compact .at15t_compact {margin-right:4px; float:left;} /* INTERIOR EVENT PAGE*/ /* ----------------------------------------- */ #interior-event-page-menu {background-color:#666666; margin-bottom: 0px; background: url(../../../wp-content/uploads/event_grey_stripe.gif) repeat-x; width: 760px; height: 27px} #interior-event-page-menu-left { float: left; background-color: transparent; padding-top:5px; padding-left:10px; font: 12px Verdana, Geneva, sans-serif; font-weight: bold; color:#2d2d2d;} #interior-event-page-menu-right { float: right; background-color: transparent; padding-top:5px; padding-right:5px } #interior-event-page-main-box {background-color: #2d2d2d; width: 720px; height: 260px; padding: 20px 20px 20px 20px; font: 16px Verdana, Geneva, sans-serif; color:#ffffff; } #interior-event-page-main-box p {font: 14px Verdana, Geneva, sans-serif; color:#ffffff; padding: 0px 0px 0px 0px } #interior-event-page-main-box div.accessible {width: 302px; float: right; margin: 5px 65px 0px 0px; text-align:center; background: url('../../../wp-content/uploads/accessible_10.png') 75px 2px; background-repeat: no-repeat;} div.accessible a {font: 10px Verdana, Geneva, sans-serif; color:#cacaca } .event-post h1 { font: 30px "Century Gothic", "Lucida Sans", Arial, Helvetica, sans-serif; font-weight: bold; color:#ffffff; margin-bottom: 10px; } .event-post h2 { font: 22px "Century Gothic", "Lucida Sans", Arial, Helvetica, sans-serif; font-weight: bold; color:#000000; margin-bottom: 10px; margin-top: 15px; margin-left: 5px;} .event-post h3 { font: 16px Verdana, Geneva, sans-serif; font-weight: bold; color:#b61f38; line-height: 20px; margin-bottom: 10px; } .event-post h4 { font: 12px Verdana, Geneva, sans-serif; font-weight: bold; color:#555555; text-transform: uppercase; line-height: 16px; } .event-post p { font: 12px Verdana, Geneva, sans-serif; color: #333; line-height: 17px; margin-left: 5px} img.interior-event-page-main-box { float: left; border: 5px solid #FFFFFF; margin-right: 15px} img.interior-event-page-sc { float: right; border: 0px; margin: 3px 0px 3px 3px;} img.event_lightbox_image { float:left;margin-right:10px; margin-bottom: 20px} img.event_lightbox_button { float:right; border:0px; margin-left:5px} .css-panes li {font-size:11px;} /* COMMENTS*/ /* ----------------------------------------- */ /* SIDEBAR*/ /* ----------------------------------------- */ #sidebar-wrap { float: right; width: 160px; padding: 15px; background-color:#E4E3E3; height: 100%; } /* FOOTER*/ /* ----------------------------------------- */ #footer-ad-wrap {background-color: #5A5A5A; padding: 15px; width: 950px; height: 90px; } #footer-ad { position: relative; margin-left: 110px; align: center;} #footer-wrap { width: 960px; background-color: #292929; padding:0 0 20px 20px;} #footer-wrap .column { width: 305px; background-color: #292929; margin: 25px 0 0 15px; float: left;} #footer-wrap .column p { float: left; color: #666666; font-size: 12px; font-weight: bold; width: 80px; margin-top: 3px;} #footer-wrap p.title { width: 305px; } #footer-wrap p.title a { color: #666666; font-size: 12px; font-weight: bold; text-decoration: none;} #footer-wrap p.info { width: 305px; color: #999999; font-size: 11px; text-decoration: none; font-family: Helvetica, Sans-Serif; margin-bottom: 7px; font-weight: normal;} #footer-wrap .column ul { float: left; list-style:none;} #footer-wrap .column ul li { border-bottom: 1px solid #484848; padding: 3px 0 3px 0; width: 200px; font-size: 11px; text-decoration: none; font-family: Helvetica, Sans-Serif; color: #999999; background-image: none;} #footer-wrap .column ul li.last { border-bottom: none; !important } #footer-wrap .column ul a { color: #999999; font-size: 11px; text-decoration: none; font-family: Helvetica, Sans-Serif; } #footer-wrap .column ul a:hover { text-decoration: underline; } #footer-wrap .column #ideas { background-image: url('../../../wp-content/uploads/ideas.jpg'); background-repeat: no-repeat; height: 75px; width: 225px; padding: 73px 0 0 62px; } #footer-wrap #company-tag p { color: #666666; font-size: 12px; margin-left: 15px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; } #footer-wrap .column #powered-by { padding: 0 0 0 90px;} /* FOOTER SEARCH BAR*/ /* ----------------------------------------- */ #search-field { width: 230px; height: 15px; margin-top: 0px; padding: 5px; font-size: 12px; outline: none; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; float: left;} #search { height: 27px; width: 27px; background-color: #FFFFFF; text-indent: -99999px; background-image: url('../../../wp-content/uploads/search_btn.png'); border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; outline: none; float: left; }