/* ============= Global Settings ============= */ * { padding: 0; margin: 0; border: 0; } body { background: url('../images/bg.jpg') top center repeat-y #000; } /* * @group clearfix * @elements: none */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ .clear { clear: both; } .left { float: left; } .right { float: right; } .center { text-align: center; } .small { font-size: 10px; } .hr { height: 1px; margin: 20px 0; background: url('/images/hr-dotted.gif') repeat-x; font-size: 0; line-height: 0; } .bluebold { font-weight: bold; color: #34608B; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #C08041; } h1 { font: 11.5px/normal Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; line-height: 18px; } h2 { } h3 { } h4 { } h5 { } h6 { } /* ============= Links ============= */ a, a:visited { text-decoration: underline; color: #34608B; } a:hover { text-decoration: underline; color: #C08041; } /* ============= Structure ============= */ /* nav */ #content #header #nav { position: absolute; right: 0; bottom: 0; float: right; width: 527px; margin: 17px 6px 19px 0; } #content #header #nav ul { list-style: none; } #content #header #nav ul li { float: left; } #content #header #nav ul li.divider { width: 1px; height: 19px; background: url('/images/nav-divider.gif') no-repeat; } #content #header #nav ul li a.seeus { display: block; width: 61px; height: 19px; background: url('/images/nav-seeus-off.gif') no-repeat; } #content #header #nav ul li a.seeus-on { display: block; width: 61px; height: 19px; background: url('/images/nav-seeus-on.gif') no-repeat; } #content #header #nav ul li a.seeus:hover { background: url('/images/nav-seeus-on.gif') no-repeat; } #content #header #nav ul li a.livewell { display: block; width: 84px; height: 19px; background: url('/images/nav-livewell-off.gif') no-repeat; } #content #header #nav ul li a.livewell-on { display: block; width: 84px; height: 19px; background: url('/images/nav-livewell-on.gif') no-repeat; } #content #header #nav ul li a.livewell:hover { background: url('/images/nav-livewell-on.gif') no-repeat; } #content #header #nav ul li a.beinspired { display: block; width: 93px; height: 19px; background: url('/images/nav-beinspired-off.gif') no-repeat; } #content #header #nav ul li a.beinspired-on { display: block; width: 93px; height: 19px; background: url('/images/nav-beinspired-on.gif') no-repeat; } #content #header #nav ul li a.beinspired:hover { background: url('/images/nav-beinspired-on.gif') no-repeat; } #content #header #nav ul li a.makefriends { display: block; width: 109px; height: 19px; background: url('/images/nav-makefriends-off.gif') no-repeat; } #content #header #nav ul li a.makefriends-on { display: block; width: 109px; height: 19px; background: url('/images/nav-makefriends-on.gif') no-repeat; } #content #header #nav ul li a.makefriends:hover { background: url('/images/nav-makefriends-on.gif') no-repeat; } #content #header #nav ul li a.trainhard { display: block; width: 93px; height: 19px; background: url('/images/nav-trainhard-off.gif') no-repeat; } #content #header #nav ul li a.trainhard-on { display: block; width: 93px; height: 19px; background: url('/images/nav-trainhard-on.gif') no-repeat; } #content #header #nav ul li a.trainhard:hover { background: url('/images/nav-trainhard-on.gif') no-repeat; } #content #header #nav ul li a.showoff { display: block; width: 82px; height: 19px; background: url('/images/nav-showoff-off.gif') no-repeat; } #content #header #nav ul li a.showoff-on { display: block; width: 82px; height: 19px; background: url('/images/nav-showoff-on.gif') no-repeat; } #content #header #nav ul li a.showoff:hover { background: url('/images/nav-showoff-on.gif') no-repeat; } /* homepage */ #main-container { width: 949px; margin: 0 auto; padding: 0 21px; background: url('/images/bg-blue.jpg') repeat-y; } #main-container #inner-container { width: 949px; margin: 0 auto; padding: 0; background: url('/images/bg-blue-endcap-altered.jpg') bottom center no-repeat; } #footer { width: 949px; height: 21px; margin: 0 auto; padding: 21px 21px 0 21px; background: url('/images/endcap.jpg') no-repeat; font: 10px/normal Arial, Helvetica, sans-serif; color: #fff; } #footer a { color: #fff; text-decoration: none; } #footer a:hover { text-decoration: underline; } #content { width: 933px; padding: 0 8px 8px 8px; font: 11px/normal Arial, Helvetica, sans-serif; color: #fff; } #content #header { width: 933px; height: 169px; position: relative; background: url('/images/header.jpg') no-repeat; } #content #header #logo { float: left; display: inline; width: 192px; height: 160px; } #content #header #join { position: absolute; right: 0; width: 146px; height: 114px; margin-right: 23px; } #content #header #join a.join { display: block; width: 146px; height: 114px; background: url('/images/join-off.jpg') no-repeat; } #content #header #join a.join:hover { background: url('/images/join-on.jpg') no-repeat; } #content #home-left { float: left; display: inline; width: 265px; margin: 0; } #content #home-left #make-friends-container { width: 246px; padding: 0 8px 0 11px; background: url('/images/bg-home-leftshadow.jpg') repeat-y; } #content #home-left #make-friends-container #make-friends { width: 224px; min-height: 247px; height: auto !important; height: 247px; padding: 70px 11px 0 11px; background: url('/images/bg-make-friends.jpg') no-repeat; } #content #home-left #make-friends-container #make-friends p { font-size: 10.5px; margin-bottom: 20px; } #content #home-left #make-friends-container #make-friends h1 { font: 11.5px/normal Arial, Helvetica, sans-serif; color: #8EB9DC; font-weight: bold; margin-bottom: 4px; } #content #home-left #make-friends-container #make-friends h1 .date { color: #fff; } #content #home-left #make-friends-container #make-friends a { font-weight: bold; text-decoration: none; color: #fff; } #content #home-left #make-friends-container #make-friends a:hover { color: #C87F34; } #content #home-left #make-friends-container #make-friends a.all-events { display: block; width: 112px; height: 18px; background: url('/images/all-events-off.gif') no-repeat; } #content #home-left #make-friends-container #make-friends a.all-events:hover { background: url('/images/all-events-on.gif') no-repeat; } #content #home-left #buy-tix-container { width: 246px; height: 296px; padding: 0 8px 0 11px; background: url('/images/bg-buy-tix.jpg') no-repeat; } #content #home-left #buy-tix-container a.buy-tix { display: block; width: 246px; height: 285px; background: url('/images/buy-tix-off.jpg') no-repeat; } #content #home-left #buy-tix-container a.buy-tix:hover { background: url('/images/buy-tix-on.jpg') no-repeat; } #content #home-left .hr { width: 265px; height: 18px; margin: 0; background: url('/images/hr-homeleft.jpg') no-repeat; font-size: 0; line-height: 0; } #content #home-vr { float: left; display: inline; width: 1px; height: 573px; background: url('/images/vr.gif') repeat-y; font-size: 0; line-height: 0; } #content #home-right { float: left; display: inline; width: 667px; } #content #home-right #flash-container { width: 653px; height: 319px; padding: 7px 0 0 14px; background: url('/images/bg-home-flash.jpg') no-repeat; } #content #home-right #flash-container #home-swf { width: 635px; height: 302px; background: #ccc; } #content #home-right #bottom-right { width: 667px; } #content #home-right #bottom-right .hr { width: 667px; height: 9px; margin: 0; font-size: 0; line-height: 0; background: url('/images/hr-home-bottomright.jpg') no-repeat; } #content #home-right #bottom-right .hr-short { width: 264px; height: 13px; margin: 0; font-size: 0; line-height: 0; background: url('/images/hr-home-bottomright-short.jpg') no-repeat; } #content #home-right #bottom-right #left-col { float: left; display: inline; width: 402px; height: 245px; padding: 0; background: url('/images/bg-teamofweek.jpg') no-repeat; } #content #home-right #bottom-right #left-col #team-of-week { width: 388px; height: 245px; padding: 0 7px; background: url('/images/bg-teamofweek.jpg') no-repeat; } #content #home-right #bottom-right #left-col #team-of-week a.team-of-week { display: block; width: 388px; height: 238px; background: url('/images/team-of-week-off.jpg') no-repeat; } #content #home-right #bottom-right #left-col #team-of-week a.team-of-week:hover { background: url('/images/team-of-week-on.jpg') no-repeat; } /* OLD #content #home-right #bottom-right #left-col #links { width: 363px; height: 51px; padding-left: 34px; background: url('/images/bg-links.jpg') no-repeat; } #content #home-right #bottom-right #left-col #links a.facebook { float: left; display: block; width: 116px; height: 45px; background: url('/images/facebook-off.jpg') no-repeat; } #content #home-right #bottom-right #left-col #links a.facebook:hover { background: url('/images/facebook-on.jpg') no-repeat; } #content #home-right #bottom-right #left-col #links a.twitter { float: left; display: block; width: 99px; height: 45px; background: url('/images/twitter-off.jpg') no-repeat; } #content #home-right #bottom-right #left-col #links a.twitter:hover { background: url('/images/twitter-on.jpg') no-repeat; } #content #home-right #bottom-right #left-col #links a.linked-in { float: left; display: block; width: 110px; height: 45px; background: url('/images/linked-in-off.jpg') no-repeat; } #content #home-right #bottom-right #left-col #links a.linked-in:hover { background: url('/images/linked-in-on.jpg') no-repeat; } */ #content #home-right #bottom-right #left-col #links { width: 402px; height: 51px; padding-left: 0; background: url('/images/bg-links.jpg') no-repeat; } #content #home-right #bottom-right #left-col #links a.facebook { float: left; display: block; width: 112px; height: 41px; background: url('/images/facebook-home-off.jpg') no-repeat; margin-top: 4px; } #content #home-right #bottom-right #left-col #links a.facebook:hover { background: url('/images/facebook-home-on.jpg') no-repeat; } #content #home-right #bottom-right #left-col #links a.twitter { float: left; display: block; width: 101px; height: 41px; background: url('/images/twitter-home-off.jpg') no-repeat; margin-top: 4px; } #content #home-right #bottom-right #left-col #links a.twitter:hover { background: url('/images/twitter-home-on.jpg') no-repeat; } #content #home-right #bottom-right #left-col #links a.linked-in { float: left; display: block; width: 107px; height: 41px; background: url('/images/linked-in-home-off.jpg') no-repeat; margin-top: 4px; margin-right: 22px; } #content #home-right #bottom-right #left-col #links a.linked-in:hover { background: url('/images/linked-in-home-on.jpg') no-repeat; } #content #home-right #bottom-right #left-col #links a.mystics { float: left; display: block; width: 57px; height: 53px; background: url('/images/mystics-home-off.jpg') no-repeat; margin-top: -4px; margin-right: 0; } #content #home-right #bottom-right #left-col #links a.mystics:hover { background: url('/images/mystics-home-on.jpg') no-repeat; } #content #home-right #bottom-right #bottom-right-vr { float: left; display: inline; width: 1px; height: 238px; background: url('/images/vr.gif') repeat-y; } #content #home-right #bottom-right #right-col { float: left; display: inline; width: 264px; } #content #home-right #bottom-right #right-col #train-hard-container { width: 247px; height: 138px; padding: 0 10px 0 7px; background: url('/images/bg-trainhard.jpg') no-repeat; } #content #home-right #bottom-right #right-col #train-hard-container a.train-hard { display: block; width: 247px; height: 136px; background: url('/images/train-hard-off.jpg') no-repeat; } #content #home-right #bottom-right #right-col #train-hard-container a.train-hard:hover { background: url('/images/train-hard-on.jpg') no-repeat; } #content #home-right #bottom-right #right-col #be-inspired-container { width: 264px; height: 145px; } #content #home-right #bottom-right #right-col #be-inspired-container a.be-inspired { display: block; width: 264px; height: 145px; background: url('/images/be-inspired-off.jpg') no-repeat; } #content #home-right #bottom-right #right-col #be-inspired-container a.be-inspired:hover { background: url('/images/be-inspired-on.jpg') no-repeat; } /* Template */ #main-container #inner-container-template { width: 949px; margin: 0 auto; padding: 0; background: url('/images/bg-blue-endcap.jpg') bottom center no-repeat; } #content #template-left { float: left; display: inline; width: 265px; margin: 0; } #content #template-left .hr { width: 265px; height: 25px; margin: 0; background: url('/images/hr-subnav.jpg') no-repeat; } #content #template-left #subnav-container { width: 246px; padding: 0 9px 0 10px; background: url('/images/bg-subnav-container.jpg') repeat-y; } #content #template-left #subnav-container #subnav { width: 204px; min-height: 172px; height: auto !important; height: 172px; padding: 15px 30px 30px 12px; background: url('/images/bg-subnav.jpg') no-repeat #1F3C54; } #content #template-left #subnav-container #subnav ul { list-style: none; } #content #template-left #subnav-container #subnav ul li { list-style: none; font: 11.5px Arial, Helvetica, sans-serif; font-weight: bold; color: #8CB9DC; } #content #template-left #subnav-container #subnav ul li a { display: block; width: 185px; padding: 13px 0 13px 19px; margin: 0; color: #8CB9DC; text-decoration: none; } #content #template-left #subnav-container #subnav ul li a:hover { color: #fff; background: url('/images/subnav-dot.gif') no-repeat; background-position: 0px 13px; } #content #template-left #subnav-container #subnav ul li.on a { color: #fff; background: url('/images/subnav-dot.gif') no-repeat; background-position: 0px 13px; } #content #template-left #subnav-container #subnav ul li.divider { height: 1px; font-size: 0; line-height: 0; background: url('/images/subnav-divider.gif') repeat-x; margin: 0 0 0 19px; padding: 0; } #content #template-left #subnav-container #subnav ul li ul.tertiary-nav { width: 174px; margin: 0 0 10px 0; padding: 0; } #content #template-left #subnav-container #subnav ul li ul.tertiary-nav li { width: 174px; font-weight: normal; padding: 0 0 4px 30px; margin: 0; } #content #template-left #subnav-container #subnav ul li ul.tertiary-nav li a { width: 174px; padding: 0; margin: 0; background-image: none; } #content #template-left #subnav-container #subnav ul li ul.tertiary-nav li a:hover { width: 174px; padding: 0; margin: 0; background-image: none; } #content #template-left #subnav-container #subnav ul li ul.tertiary-nav li.on a { color: #fff; } #content #template-left #buy-tix-container { width: 246px; height: 301px; padding: 0 9px 0 10px; background: url('/images/template-buy-tix-bg.jpg') no-repeat; } #content #template-left #buy-tix-container a.buy-tix { display: block; width: 246px; height: 285px; background: url('/images/template-buy-tix-off.jpg') no-repeat; } #content #template-left #buy-tix-container a.buy-tix:hover { background: url('/images/template-buy-tix-on.jpg') no-repeat; } #content #template-right { float: left; display: inline; width: 648px; padding: 0 11px 0 9px; margin-bottom: 5px; background: url('/images/vr.gif') top left repeat-y; } #content #template-right #main-content { min-height: 563px; height: auto !important; height: 563px; background: url('/images/bg-main-content.jpg') top right no-repeat #fff; color: #000; } #content #template-right #main-content #header-img { width: 648px; height: 112px; } #content #template-right #main-content #pagecontent { width: 648px; padding: 0 0 30px 0; font: 11px/18px Arial, Helvetica, sans-serif; color: #000; } #content #template-right #main-content #pagecontent p { margin-bottom: 20px; } #content #template-right #main-content #pagecontent #default { padding: 0 30px 0 30px; } #content #template-right #main-content #pagecontent #default ul { margin: 10px 30px; padding: 0 0 0 0; } /* OLD #content #template-right #links { height: 38px; padding: 20px 0 0 32px; } #content #template-right #links a.facebook { float: left; display: block; width: 116px; height: 39px; background: url('/images/facebook-template-off.jpg') no-repeat; } #content #template-right #links a.facebook:hover { background: url('/images/facebook-template-on.jpg') no-repeat; } #content #template-right #links a.twitter { float: left; display: block; width: 99px; height: 39px; background: url('/images/twitter-template-off.jpg') no-repeat; } #content #template-right #links a.twitter:hover { background: url('/images/twitter-template-on.jpg') no-repeat; } #content #template-right #links a.linked-in { float: left; display: block; width: 109px; height: 39px; background: url('/images/linked-in-template-off.jpg') no-repeat; } #content #template-right #links a.linked-in:hover { background: url('/images/linked-in-template-on.jpg') no-repeat; } */ #content #template-right #links { padding: 5px 0 0 0; margin-top: 0; overflow: hidden; } #content #template-right #links a.facebook { float: left; display: block; width: 110px; height: 48px; background: url('/images/facebook-template2-off.jpg') no-repeat; } #content #template-right #links a.facebook:hover { background: url('/images/facebook-template2-on.jpg') no-repeat; } #content #template-right #links a.twitter { float: left; display: block; width: 99px; height: 48px; background: url('/images/twitter-template2-off.jpg') no-repeat; } #content #template-right #links a.twitter:hover { background: url('/images/twitter-template2-on.jpg') no-repeat; } #content #template-right #links a.linked-in { float: left; display: block; width: 108px; height: 48px; background: url('/images/linked-in-template2-off.jpg') no-repeat; } #content #template-right #links a.linked-in:hover { background: url('/images/linked-in-template2-on.jpg') no-repeat; } #content #template-right #links a.mystics { display: block; width: 173px; height: 48px; background: url('/images/mystics-template2-off.jpg') no-repeat; } #content #template-right #links a.mystics:hover { background: url('/images/mystics-template2-on.jpg') no-repeat; } /* ============= Misc ============= */ .hzdg { vertical-align: middle; margin-left: 4px; margin-bottom: 2px; } ul.link-list { list-style: none; margin: 0; } ul.link-list li { background: url('/images/link-list-bullet.gif') top left no-repeat; background-position: 0px 4px; padding: 0 0 0 20px; margin: 2px 0; } ul.link-list li a { font: 11px/normal Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-transform: uppercase; } /* showHide */ .showHide { width: 542px; margin: 0 30px 30px 30px; } .showHide ul { list-style: none; } .showHide ul li { padding: 10px 0; background: url('/images/hr-dotted.gif') repeat-x bottom left; } .showHide ul li .title { width: 542px; background: url('/images/arrow-off.gif') no-repeat top right; color: #000; } .showHide ul li .title a { display: block; font: 12.5px/normal Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-transform: uppercase; } .showHide ul li .title-on { width: 542px; background: url('/images/arrow-on.gif') no-repeat top right; color: #C08041; } .showHide ul li .title-on a { display: block; font: 12.5px/normal Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #C08041; } .showHide ul li .info { display: none; color: #000; margin: 12px 0 0 0; } .showHide ul li .info a { font: 11px/normal Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-transform: none; color: #C08041; } .showHide ul li .info ul { list-style: disc; margin: 10px 20px; padding: 0; } .showHide ul li .info ul li { background-image: none; padding: 0; margin: 0; } /* see us */ .see-us { width: 597px; margin: 2px 21px 2px 31px; } .see-us a.season-tix { float: left; display: block; width: 192px; height: 218px; background: url('/images/season-tix-off.jpg') no-repeat; } .see-us a.season-tix:hover { background: url('/images/season-tix-on.jpg') no-repeat; } .see-us a.mini-plans { float: left; display: block; width: 197px; height: 218px; background: url('/images/mini-plans-off.jpg') no-repeat; } .see-us a.mini-plans:hover { background: url('/images/mini-plans-on.jpg') no-repeat; } .see-us a.specialty-packages { float: left; display: block; width: 208px; height: 218px; background: url('/images/specialty-packages-off.jpg') no-repeat; } .see-us a.specialty-packages:hover { background: url('/images/specialty-packages-on.jpg') no-repeat; } .see-us a.group-tix { float: left; display: block; width: 192px; height: 227px; background: url('/images/group-tix-off.jpg') no-repeat; } .see-us a.group-tix:hover { background: url('/images/group-tix-on.jpg') no-repeat; } .see-us a.single-game-tix { float: left; display: block; width: 197px; height: 227px; background: url('/images/single-game-tix-off.jpg') no-repeat; } .see-us a.single-game-tix:hover { background: url('/images/single-game-tix-on.jpg') no-repeat; } .see-us a.seating-chart { float: left; display: block; width: 208px; height: 227px; background: url('/images/seating-chart-off.jpg') no-repeat; } .see-us a.seating-chart:hover { background: url('/images/seating-chart-on.jpg') no-repeat; } /* player favorites */ #player-favs { width: 617px; margin: 0 16px; } #player-favs .player { width: 571px; padding: 20px; margin-bottom: 14px; border: 3px solid #2F6090; background: #000; color: #fff; } #player-favs .player .player-img { float: left; width: 132px; } #player-favs .player .player-img img { border: 4px solid #fff; } #player-favs .player .player-info { float: left; width: 439px; } #player-favs .player .player-name { float: left; font: 16px/14px Arial, Helvetica, sans-serif; font-weight: bold; color: #CC7D31; } #player-favs .player .stats { float: right; } #player-favs .player .stats a { font-size: 10px; font-weight: bold; color: #fff; text-decoration: none; text-transform: uppercase; } #player-favs .player .stats img { vertical-align: middle; padding-right: 6px; } #player-favs .player .hr { height: 1px; margin: 12px 0; background: url('/images/hr-orange.gif') repeat-x; font-size: 0; line-height: 0; } #player-favs .player .favs { line-height: 25px; font-size: 12px; } #player-favs .player .category { font-weight: bold; color: #295F95; } /* social marketing */ #social-marketing { width: 617px; margin: 0 17px 0 16px; color: #fff; } #social-marketing .type { width: 573px; padding: 13px 18px; margin-bottom: 14px; border: 4px solid #000; background: url('/images/bg-social-marketing.jpg') repeat-y; } #social-marketing .img { float: left; width: 24px; margin: 0 16px 0 0; } #social-marketing .info { float: left; width: 533px; margin: 0 0 10px 0; } #social-marketing .title { float: left; font: 16px/14px Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; } #social-marketing .link { float: right; } #social-marketing .link a { font-size: 10px; font-weight: bold; color: #fff; text-decoration: none; text-transform: uppercase; } #social-marketing .link img { vertical-align: middle; padding-right: 6px; } #social-marketing .hr { height: 1px; margin: 12px 0; background: url('/images/hr-white.gif') repeat-x; font-size: 0; line-height: 0; } #social-marketing .type .follow { background: url('/images/hr-white.gif') top left repeat-x; padding: 5px 0; } #social-marketing .type .follow img { vertical-align: middle; padding-right: 6px; } #social-marketing .type .follow a { font: 11px/normal Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #fff; } #social-marketing .type .follow a:hover { color: #C08041; } /* care */ #care { width: 502px; padding: 0 0 0 30px; } /* sheila johnson */ #sheila-johnson { width: 587px; background: #000; border: 3px solid #3a5d7f; padding: 17px 12px; margin: 0 auto 0 auto; color: #fff; } #sheila-johnson h1 { font: 17px/normal Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #a9825f; } #sheila-johnson .hr { height: 1px; margin: 12px 0; background: url('/images/hr-orange2.gif') repeat-x; font-size: 0; line-height: 0; } #sheila-johnson img { float: left; border: 4px solid #fff; margin: 0 12px 12px 0; } /* community events */ #community-events { padding: 0 30px; } #community-events .date { float: left; width: 150px; } #community-events .event { float: left; width: 300px; } /* women2women */ #women2women { width: 587px; background: #000; border: 3px solid #3a5d7f; padding: 17px 12px; margin: 0 auto 0 auto; color: #fff; } #women2women .text { padding: 0 15px; } #women2women .text a { color: #fff; } #women2women .text a:hover { color: #C08041; } #women2women .person { } #women2women .person .hr { height: 1px; margin: 14px 0; background: url('/images/hr-blue.gif') repeat-x; font-size: 0; line-height: 0; } #women2women .person .img { float: left; border: 4px solid #fff; height: 93px; margin: 0 17px 0 0; padding: 0; } #women2women .person .info { float: left; } #women2women .person .info h1 { margin-bottom: 4px; font: 17px/normal Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #C08041; } #women2women .person .info .title { font-weight: bold; color: #34608B; } #women2women .person .info a { color: #fff; } #women2women .add { float: right; } #women2women .add a { font-size: 10px; font-weight: bold; color: #fff; text-decoration: none; text-transform: uppercase; } #women2women .add img { vertical-align: middle; padding-right: 6px; } /* rising stars */ #rising-stars { width: 573px; padding: 0 45px 0 30px; } #rising-stars #text { float: left; width: 276px; margin-right: 26px; } #rising-stars #text h1 { font: 17px/normal Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-transform: none; color: #000; } #rising-stars #photo { float: left; width: 271px; } #rising-stars #photo #photo-container { width: 247px; height: 302px; padding: 37px 0 0 24px; background: url('/images/rising-star-bg.jpg') no-repeat; } /* strenght conditioning */ #strength { width: 573px; padding: 0 45px 0 30px; } #strength #text { float: left; width: 276px; margin-right: 26px; } #strength #photo { float: left; width: 271px; } #strength #photo #photo-container { width: 247px; height: 302px; padding: 37px 0 0 24px; background: url('/images/rising-star-bg.jpg') no-repeat; } /* contact */ #contact { padding: 0 30px 0 30px; } #contact #contact-container { background: #000; border: 5px solid #B17647; padding: 32px; color: #fff; } #contact #contact-container label { float: left; display: inline; text-align: right; width: 130px; margin: 0 12px 6px 0; font: 11px/normal Arial, Helvetica, sans-serif; color: #fff; } #contact #contact-container input.text { float: left; display: inline; width: 275px; border: 1px solid #b8b8b8; margin: 0 0 6px 0; padding: 1px; } #contact #contact-container select.text { float: left; display: inline; width: 275px; border: 1px solid #b8b8b8; margin: 0 0 6px 0; padding: 1px; } #contact #contact-container textarea.text { float: left; display: inline; width: 275px; height: 100px; border: 1px solid #b8b8b8; margin: 0 0 6px 0; padding: 1px; } #contact #contact-container input.textshort { float: left; display: inline; width: 100px; border: 1px solid #b8b8b8; margin: 0 0 6px 0; padding: 1px; } #contact #contact-container input.submit { float: left; display: inline; width: 100px; background: #be7f40; color: #fff; padding: 5px 10px; margin-top: 10px; border-top: 1px solid #ddbc97; border-right: 1px solid #7d5129; border-bottom: 1px solid #5d3c1f; border-left: 1px solid #c89c71; } .error{ margin: 10px 0px; border: 2px solid #CCC; padding: 10px; text-align: center; background: #BE7F40; font: bold 11px/13px Arial,sans-serif; color: #FFF }