/* ---------------------------------------------------------- Client Name CSS Managed by: Blue State Digital TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - LAYOUT 04 - HOMEPAGE 05 - SUBPAGES 06 - FRAMEWORK 07 - UTILITY COLOR GUIDE (Main Site Colors and their Hex Codes) ---------------------------------------------------------- */ /* 01 =GLOBAL BROWSER RESET ---------------------------------------------------------- */ /* YUI Reset version: 2.7.0 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; } del,ins { text-decoration: none; } li { list-style: none; } caption, th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr,acronym { border: 0; font-variant: normal; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } /*because legend doesn't inherit in IE */ legend { color: #000; } input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input,button,textarea,select { *font-size: 100%; } /* 02 =COMMON STYLE ---------------------------------------------------------- */ body { color: #666; font: .8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; background:url("/page/-/2011/img/background-2011.jpg") no-repeat top center;} .base h1 { color: #123d5f; font-size: 2em; margin-bottom: 15px; font-family:Chunk; font-weight:normal; } .base h2 { font-size: 1.65em; margin-bottom: 5px; } .base h3 { font-size: 1.4em; margin-bottom: 10px; font-weight: bold; } .base h4 { font-weight: bold; font-size: 1.1em; margin-bottom: 3px; } .base h5 { font-weight: bold; margin-bottom: 5px; } .base h2 a { text-decoration: none; } .base p { font-size: 1em; margin-bottom: 10px; } a { text-decoration: underline; color: #333; } blockquote { } a:hover { text-decoration: none; } .base ul, ol { padding-left: 35px; margin-top: 15px; margin-bottom: 25px; } .base ul li { list-style-type: circle; } .base ol li { list-style-type: decimal; } .base ul li, .base ol li { list-style-position: outside; margin-bottom: 10px; } .base li ol { } .base li ul { } a.action-button { color: #fff; font-weight: bold; text-transform: uppercase; float: left; width: 290px; text-align: center; margin-bottom: 5px; text-shadow:1px 1px 1px #333333; font-size: 1.65em; background: url(/page/-/2011/img/button-find-nominees.png) no-repeat; height:42px; font-size: 1.5em; padding: 14px 10px; text-decoration: none; text-indent:-9999px; } /* a.action-button:hover { background: url(/page/-/2011/img/btn-bg.png) no-repeat 0 -47px; cursor: pointer; } */ input.vote { background-image: -webkit-gradient(linear, 0% 0%, 20% 100%, from(#E06A3C), to(#CF4510)); background: -moz-linear-gradient(19% 75% 90deg,#E06A3C, #CF4510); -webkit-border-radius: 5px; border: none; padding: 5px; color: #fff; font-weight: bold; text-transform: uppercase; float: left; width: 75px; text-align: center; font-size: 1em; margin-bottom: 5px; -webkit-box-shadow:1px 1px 2px #952f0a; -moz-box-shadow:1px 1px 2px #952f0a; text-shadow:1px 1px 1px #333333; background-color: #CF4510;} input.vote:hover { background: #c74112; cursor: pointer; } a.view { background: #069; background-image: -webkit-gradient(linear, 0% 0%, 20% 100%, from(#006699), to(#004a70)); background: -moz-linear-gradient(19% 75% 90deg,#006699, #004a70); -webkit-border-radius: 5px; border: none; padding: 5px 10px; color: #fff; font-weight: bold; text-transform: uppercase; float: left; width: 94px; text-align: center; font-size: 1em; margin-bottom: 5px; -webkit-box-shadow:1px 1px 2px #333333; -moz-box-shadow:1px 1px 2px #333333; text-shadow:1px 1px 1px #333333; margin-right: 20px; text-decoration: none; } a.view:hover { background: #1e78b2; cursor: pointer; } .blue { color: #005078; } /* 03 =LAYOUT ---------------------------------------------------------- */ html { background: #fff; } #wrapper { width: 975px; margin: 0 auto; position: relative; } #header { height: 195px; padding-left: 20px; padding-right: 20px; float: left; width: 935px; position:relative; } #header ul.social {position:absolute; top:0; right:320px; background:#f5f4e3; background: rgba(245, 244, 227, 0.6); width:190px; height:47px; padding-top:8px; opacity:0.9; margin-top: 0px;} #header li { float: ; display: inline; } #header li a { font-weight: bold; font-size: 1em; float: left; line-height: 20px; text-decoration: none; padding-left: 14px; padding-right: 14px; } #header li.facebook a { background: url(/page/-/2011/img/facebook.png) no-repeat; text-indent: -99999px; width: 33px; padding: 0 3px 0 0; height: 32px; margin-top: 2px; margin-left:10px; } #header li.twitter a { background: url(/page/-/2011/img/twitter.png) no-repeat; text-indent: -99999px; width: 33px; height: 32px; margin-top: 2px; padding: 0 3px 0 0; } #header li.youtube a { background: url(/page/-/2011/img/youtube.png) no-repeat; text-indent: -99999px; width: 33px; padding: 0; height: 32px; margin-top: 2px; } #main { width: 620px; padding: 20px 0 20px 20px; float: left; position: relative;} #main-full { padding: 20px; float: left; position: relative;} .heroes-logo { position:absolute; top:72px; left:27px; } .jfna-logo { position:absolute; top:77px; right:10px; } .vote-count { position:absolute; left:0; top:0; color: #C7BD4E; font-family:Chunk; height: 45px;font-size: 34px; width: 457px; background:#F5F4E3; background: rgba(245, 244, 227, 0.6); padding:10px 0 0 15px; border-radius: 5px 5px 5px 5px; text-shadow: 1px 1px 1px #666; text-transform:uppercase; letter-spacing:2px;} #quick-signup { position:absolute; top:0px; right:0px; width: 322px; font-weight: bold; padding-bottom: 10px; padding-left: 0; padding-right: 15px; background:#F5F4E3; background: rgba(245, 244, 227, 0.6); } #quick-signup form {margin-top:10px;} #quick-signup h4 { color: #069; padding-bottom: 5px; text-decoration: none; font-weight: bold; } #quick-signup input#quick-email { width: 125px; margin-bottom: 5px; } #quick-signup input#quick-zip { margin-right: 3px; width: 80px; } #quick-signup input.text { background: #fff; font-size:11px; border:1px solid #b3b3b3; padding: 0px 6px; color: #484412; float: left; margin-right: 2px; border-radius:3px; height:28px; font-family:Helvetica; } #quick-signup input.submit { background: #d7cd5c; background-image: -webkit-gradient(linear, 0% 0%, 20% 100%, from(#D7CD5C), to(#BCB245)); background: -moz-linear-gradient(19% 75% 90deg,#D7CD5C, #BCB245); border-radius: 3px;border:1px solid #b3b3b3; padding: 5px; color: #5F5A20; font-family:Chunk; letter-spacing:1px; text-transform: uppercase; text-align: center; font-size: 12px; -webkit-box-shadow:1px 1px 1px #A99F38; -moz-box-shadow:1px 1px 2px #A99F38; } #quick-signup input.submit:hover { cursor: pointer; } #site-nav { background: #DAD061; padding:6px 0 0 30px; height: 48px; overflow: hidden; float: left; width: 918px; background:url("/page/-/2011/img/navigation-background.png") no-repeat top center;} #site-nav li { float: left; display: inline; height: 38px; } #site-nav li a { font-family: Chunk; color:#5F5A20; font-size: 1.25em; float: left; padding: 10px 18px; text-shadow:1px 1px 1px #B9AF43; line-height: 20px; text-decoration: none; text-transform:uppercase; } #site-nav li a:hover {text-decoration:underline;} #sidebar { float: right; width: 280px; padding: 20px 20px 20px 18px; border-left: 1px solid #B5AD44; margin-top: 20px; min-height: 1000px} #sidebar .entry { float: left; padding: 10px; width: 200px; } #sidebar .entry .nominee-image { float: left; width: 55px; height: 55px; overflow: hidden; margin-right: 10px; } #sidebar .entry .text { float: right; width: 128px; } #sidebar .entry.odd { background: #005b89; -moz-border-radius: 5px; -webkit-border-radius: 5px } #sidebar .twtr-widget { float: left; margin-top: 10px; } #sidebar .twtr-widget .twtr-tweet-wrap { } #footer { background-color: #52c1ed; padding: 20px 10px; height: 114px; overflow: hidden; float: left; width: 956px; } #footer-nav { background: #52c1ed; height: 25px; overflow: hidden; float: ; width: 600px; text-align: center; margin-left: auto; margin-right: auto; padding-bottom: 10px; border-bottom: 1px solid #7dd1f2; margin-bottom: 15px; padding-left: 100px; padding-right: 100px; } #footer-nav li { float: ; display: inline; } #footer-nav li a { font-weight: bold; font-size: 1em; float: left; line-height: 20px; text-decoration: none; padding-left: 14px; padding-right: 14px; border-right: 2px solid #3eb6e5; } #footer-nav li.partners a { border-right: none; } #footer .logo { float: left; } #footer a.heroes img { border-right: 1px solid #a6dbf0; padding-right: 10px; margin-right: 10px; } .contest-logos { float: left; padding-left: 0; } .sponsors { float: right; padding-left: 0; padding-right: 0; } .sponsors p { float: left; width: 201px; color: #007db2; font-weight: bold; margin-top: 15px; } .sponsors img { float: left; padding-right: 5px; } #sub-footer { width: 975px; margin: 15px auto 0; text-align: center; padding-bottom: 100px; } /* 04 =HOMEPAGE ---------------------------------------------------------- */ #home #main { margin-top:330px; position:relative; background: #F6F8F9; padding: 30px 35px 20px; width: 869px; background:url(/page/-/2011/img/content-background.png) repeat-y top center; display:inherit; } #home #home-cta {width:976px; height:318px; background:url("/page/-/2011/img/cta-background.png") no-repeat top center; position:absolute; top:236px; left:-10px; padding-top:23px;} #home #home-cta h2 {font-size:36px; padding-left:50px; color:#d3c958; text-transform:uppercase; text-shadow: 1px 1px 1px #144a75; font-family: chunk; margin-top:10px;} #home #home-cta h3 {font-size:20px; padding-left:55px; margin-top:10px; text-transform:uppercase; color:#fff;} #home #home-cta p {font-size:14px; padding-left:55px; margin-top:10px; color:#fff; width:530px;} #home #home-cta p.winner {width:470px; padding-left:0;} #home-cta ul {position:absolute; bottom:110px; right:30px;} .top-feature .left { float: left; width: 570px; } .top-feature .left p{ font-size: 1.2em; } .top-feature .right { float: right; width: 5px} .top-feature .left .action-button { margin-top: 32px; } #home #hero {width:150px; height:150px; overflow:hidden; position:relative; background:#cccccc;} #home #homepage-heroes p.winner {width:150px;} #home #career-heroes {width:409px; float:left; margin-left:12px;} #home #career-heroes ul {padding-left:7px;} #home #career-heroes ul li {display:inline; float:left; width:170px;} #home #career-heroes h3 {position:absolute; bottom:0px; left:0; background-color:#5f5a20; opacity:0.9; margin:0; padding:0; width:150px; height:23px; padding-top:7px; text-align:center; font-size:11px; text-transform:uppercase;} #home #career-heroes h3 a {color:#d7cd5c;} #home #career-heroes p.tagline {text-transform:uppercase; font-weight:bold; font-size:13px; color:#c7bd4e; text-align:center; width:340px;} #home #career-heroes p.all {text-align:right; width:360px; padding-top:10px;} #home #career-heroes p.all a {text-transform:uppercase; font-weight:bold; font-size:11px; color:#5F5A20; text-decoration:none; } #home #career-heroes .homepage-heroes { width: 405px; } #home #career-heroes .popup { background: #ccc252; color: #736d2d; position: absolute; display: none; z-index: 50000; border-collapse: collapse; width: 240px; padding-right:20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:1px 1px 2px; -moz-box-shadow:1px 1px 2px #686227;} #home #career-heroes .popup p {margin-left:20px; margin-top:8px;} #home #career-heroes .popup p.city {margin-top:0px;} #home #career-heroes .popup p.desc {font-weight:bold;} #home #career-heroes .popup h5 {font-size:16px; text-transform:uppercase; margin-left:20px; margin-bottom:0; padding-top:10px;} #home #career-heroes .ptop {background:#ede9b9; width:260px; padding-bottom:5px; margin-top:10px; -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px; -webkit-border-top-right-radius:5px; border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius:5px; } #home #career-heroes .arrow { border-color: transparent transparent #ede9b9 transparent; border-style: solid; border-width: 0px 10px 10px 10px; height: 10px; width: 0; margin-top: -30px; margin-bottom: -12px; margin-left:8px; } #home #career-heroes h3 a {color:#d7cd5c;} #home #career-heroes h2.federation { background:url(/page/-/2011/img/federation-hero.png) no-repeat; text-indent:-9999px; height:60px; } #home #career-heroes h2.career { background:url(/page/-/2011/img/career-heroes.png) no-repeat; text-indent:-9999px; height:30px; } #home #career-heroes .homepage-heroes .name-layover h4 { color: #fff; height: 1px; position: relative; background:#848961; padding: 5px; height: 30px; text-align: center; top: 130px; opacity:0.9; } #home #career-heroes input.vote { background:url(/page/-/2011/img/button-vote-yellow.png) no-repeat; border: none; float: left; width: 100px; height:32px; margin-bottom: 5px; background-color:none; text-indent:-9999px; box-shadow:none; margin-top:4px;} #home #career-heroes input.vote:hover { background:url(/page/-/2011/img/button-vote-yellow.png) no-repeat; cursor: pointer; } #home #career-heroes a.view { background:url(/page/-/2011/img/button-profile-yellow.png) no-repeat; border: none; float: left; width: 80px; height:32px; margin-bottom: 5px; margin-right:0; background-color:none; text-indent:-9999px; box-shadow:none; margin-top:4px; margin-left:20px; } #home #career-heroes a.view:hover { cursor: pointer; background:url(/page/-/2011/img/button-profile-yellow.png) no-repeat; } #home #volunteer-heroes {width:425px; float:left; margin-left:20px;} #home #volunteer-heroes ul {padding-left:50px;} #home #volunteer-heroes ul li {display:inline; float:left; width:170px;} #home #volunteer-heroes h3 {position:absolute; bottom:0px; left:0; background-color:#4e758e; opacity:0.9; margin:0; padding:0; width:150px; height:23px; padding-top:7px; text-align:center; font-size:11px; text-transform:uppercase;} #home #volunteer-heroes h3 a {color:#fff;} #home #volunteer-heroes p.tagline {text-transform:uppercase; font-weight:bold; font-size:13px; color:#123d5f; text-align:center; width:420px;} #home #volunteer-heroes p.all {text-align:right; width:370px; width:390px; padding-top:10px;} #home #volunteer-heroes p.all a {text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:11px; color:#123d5f;} #home #volunteer-heroes h2.volunteer { background:url(/page/-/2011/img/volunteer-heroes.png) no-repeat; text-indent:-9999px; height:30px; } #home #volunteer-heroes h2.honor { background:url(/page/-/2011/img/national-honorees.png) no-repeat; text-indent:-9999px; height:60px; } #home #volunteer-heroes .arrow { border-color: transparent transparent #D6E9F9 transparent; border-style: solid; border-width: 0px 10px 10px 10px; height: 10px; width: 0; margin-top: -30px; margin-bottom: -10px; margin-left:8px; } #home #volunteer-heroes .homepage-heroes { width: 405px; margin-left:33px; } #home #volunteer-heroes .popup { background: #154B76; color: #736d2d; position: absolute; display: none; z-index: 50000; border-collapse: collapse; width: 240px; padding-right:20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:1px 1px 2px; -moz-box-shadow:1px 1px 2px #6699C1;} #home #volunteer-heroes .popup p {margin-left:20px; margin-top:8px;} #home #volunteer-heroes .popup p.city {margin-top:0px; color:#005078;} #home #volunteer-heroes .popup p.desc {font-weight:bold; color:#fff;} #home #volunteer-heroes .popup h5 {font-size:16px; text-transform:uppercase; margin-left:20px; margin-bottom:0; padding-top:10px; color:#005078;} #home #volunteer-heroes .ptop {background:#D6E9F9; width:260px; padding-bottom:5px; margin-top:10px; -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px; -webkit-border-top-right-radius:5px; border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius:5px; } #home #volunteer-heroes .homepage-heroes .name-layover h4 { color: #fff; height: 1px; position: relative; opacity:0.8; background:#123e60; padding: 5px; height: 30px; text-align: center; top: 130px; } #home #volunteer-heroes input.vote { background:url(/page/-/2011/img/button-vote-blue.png) no-repeat; border: none; float: left; width: 100px; height:32px; margin-bottom: 5px; background-color:none; text-indent:-9999px; box-shadow:none; margin-top:4px;} #home #volunteer-heroes input.vote:hover { background:url(/page/-/2011/img/button-vote-blue.png) no-repeat; cursor: pointer; } #home #volunteer-heroes a.view { margin-left:20px; background:url(/page/-/2011/img/button-profile-blue.png) no-repeat; border: none; float: left; width: 80px; height:32px; margin-bottom: 5px; margin-right:0; background-color:none; text-indent:-9999px; box-shadow:none; margin-top:4px; } #home #volunteer-heroes a.view:hover { cursor: pointer; background:url(/page/-/2011/img/button-profile-blue.png) no-repeat; } #home #blog-homepage {float:left; width:567px; height:332px; color:#000; margin-top:30px; background: url(/page/-/2011/img/blog-background.png) no-repeat top left; padding:20px 0 0 40px;} #home #blog-homepage h2 {background:url(/page/-/2011/img/blog-header.png) no-repeat; text-indent:-9999px; height:36px; margin-top:12px;} #home #blog-homepage h3 a {font-size:24px; text-transform:uppercase; color:#b4aa3d;} #home #blog-homepage li {margin:10px 0 16px 0;} #home #blog-homepage li span {margin:0; text-transform:uppercase; color:#666; font-size:13px;} #home #blog-homepage li span a {color:#666; text-decoration:none;} #home #blog-homepage li span a:hover {text-decoration:underline;} #home #register-homepage {float:right; width:350px; height:302px; color:#000; margin-top:43px; margin-right:18px; background: url(/page/-/2011/img/register-background.jpg) no-repeat top left; padding:20px 0 0 0px; text-align:center;} #home #register-homepage img{ margin:0 0 15px 0;} .homepage-heroes { width: 935px; margin-left: auto; margin-right: auto; } .homepage-heroes.local .hero8 {background-image: none; } .homepage-heroes.local .hero8 img, .homepage-heroes.local .hero8 .name-layover { display: block; } .homepage-heroes .view-all { font-weight: bold; font-size: 1.1em; float: right; } .homepage-heroes .hero5, .homepage-heroes .hero10, .homepage-heroes .hero15, .homepage-heroes .hero20{ margin-right: 0;} .homepage-heroes .nominee-info { float: left; z-index: 0; position: relative; color: #52c1ed; height: 170px; overflow: hidden; width: 170px; } .homepage-heroes .nominee-image { z-index: 0; position: absolute; } .homepage-heroes .nominee-image img { float: left; position: relative; border: none; z-index: 0; } .homepage-heroes .name-layover h4 { color: #fff; height: 1px; position: relative; background-color: opacity:0.9; background:#4E758E; padding: 5px; height: 30px; text-align: center; top: 130px; } .homepage-heroes .name-layover h4 a { text-decoration: none; } .bubbleInfo {float: left; width: 170px; height: 170px; margin-right: 21px; margin-bottom: 20px;background: ##E0EFF4; position: relative; z-index: 9099; } * html .arrow { display: none; } .hero1 { z-index: 9090; } .hero2 { z-index: 9089; } .hero3 { z-index: 9088; } .hero4 { z-index: 9087; } .hero5 { z-index: 9086; } .hero6 { z-index: 9085; } .hero7 { z-index: 9084; } .hero8 { z-index: 9083; } .hero9 { z-index: 9082; } .hero10 { z-index: 9081; } .hero11 { z-index: 9080; } .hero12 { z-index: 9079; } .hero13 { z-index: 9078; } .hero14 { z-index: 9077; } .hero15 { z-index: 9076; } .hero16 { z-index: 9075; } .hero17 { z-index: 9074; } .hero18 { z-index: 9073; } .hero19 { z-index: 9072; } .hero20 { z-index: 9071; } .homepage-heroes h2 { float: left; border-right: 1px solid #fff; padding-top: 3px; padding-bottom: 3px; padding-right: 10px; margin-right: 10px; margin-bottom: 10px; } .homepage-heroes h2.federation-heroes { width: 914px; border-right: none;} .homepage-heroes .search-cats .labelize form { float: left; width: 285px; margin-top: 15px; padding-left:53px; } .homepage-heroes .search-cats form input.text { background: #f6eeeb; border: 1px solid #B3B3B3; padding: 4px 3px; border-radius: 3px 3px 3px 3px; color: #484412; width: 160px; margin-right: 5px; font-family: Helvetica; height:21px; } .homepage-heroes .search-cats form input.submit { background: #069; background-image: -webkit-gradient(linear, 0% 0%, 20% 100%, from(#006699), to(#004a70)); background: -moz-linear-gradient(19% 75% 90deg,#006699, #004a70); -webkit-border-radius: 5px; border: none; padding: 5px; color: #fff; font-weight: bold; text-transform: uppercase; width: 80px; text-align: center; font-size: 1em; margin-bottom: 5px; -webkit-box-shadow:1px 1px 2px #333333; -moz-box-shadow:1px 1px 2px #333333; text-shadow:1px 1px 1px #333333; } .homepage-heroes .search-cats #organize form input.submit:hover { background: #1e78b2; cursor: pointer; } p.instructions { float: left; width: 935px} .box p{ color: #000; } .box h3 { margin-bottom: 5px; color: #005078; } h3 a { text-decoration: none; } .box a { color: #005078; } .box { background: #fbf6f4; width: 616px; float: left; padding: 20px; } .box.facebook { border-right: none; } .box .entry { padding: 0; width: 271px; margin-bottom: 15px; } .box .twtr-widget .twtr-tweet-wrap { padding: 7px 0; } .box .twtr-hd { display: none; } .box .twtr-ft div { display: none; } /* 05 =SUBPAGES ---------------------------------------------------------- */ #nominate h2 { margin-top: -20px; margin-left: -20px; margin-bottom: 15px; border-bottom: 1px solid} .entry { float: left; padding: 10px; width: 600px; } .entry .nominee-image { float: left; width: 95px; height: 95px; overflow: hidden; margin-right: 10px; } .entry .text { float: right; width: 470px; } .entry.odd { background: #D7CD5C; -moz-border-radius: 5px; -webkit-border-radius: 5px } #nominee-list #organize .labelize form { float: left; width: 263px; } #nominee-list #organize form input.text { background: #f6eeeb; border-left: 1px solid #9c9796; border-top: 1px solid #9c9796; padding: 4px 3px; color: #383838; width: 160px; margin-right: 5px; } #nominee-list #organize form input.submit { background: #069; background-image: -webkit-gradient(linear, 0% 0%, 20% 100%, from(#006699), to(#004a70)); background: -moz-linear-gradient(19% 75% 90deg,#006699, #004a70); -webkit-border-radius: 5px; border: none; padding: 5px; color: #fff; font-weight: bold; text-transform: uppercase; width: 80px; text-align: center; font-size: 1em; margin-bottom: 5px; -webkit-box-shadow:1px 1px 2px #333333; -moz-box-shadow:1px 1px 2px #333333; text-shadow:1px 1px 1px #333333; } #nominee-list #organize form input.submit:hover { background: #1e78b2; cursor: pointer; } #nominee-list .search-cats { float: left; width: 600px; margin-bottom: 10px; background-color: #F6F8F9; padding: 10px; -webkit-border-radius: 5px } #nominee-list #organize .search-cats .categories { float: right; margin-top: 3px; } #nominee-list .sorting { padding: 0; margin: 0 0 10px; width: 225px; float: right } #nominee-list .sorting li { list-style: none; display:inline; padding-left: 15px; font-size: .85em; } h1.category { margin-bottom: 5px; } h4.category { margin-bottom: 15px; } #nominee-list h2.category-count {text-align:right; color:#004A70; margin-bottom:10px; font-family:Chunk; font-size:19px;} #content-top { height:45px; width: 939px; background:url(/page/-/2011/img/content-area-top.png) no-repeat top left; position:absolute; top:-30px; right:0; } #content-bottom { height:45px; width: 939px; background:url(/page/-/2011/img/content-area-bottom.png) no-repeat top left; position:absolute; bottom:-30px; right:0; } #profile .nominee { position:relative; background: #F6F8F9; padding: 30px 30px 20px; margin: 30px 8px 20px; width: 879px; background:url(/page/-/2011/img/content-background.png) repeat-y top center; } #profile .nominee-image { float: left; width: 225px; height: 340px; overflow: hidden; text-align: center } #profile .nominee-image img { border: solid 1px #d9e7ed } #profile .nominee-box { float: left; width: 225px; height: 600px; margin-right: 20px;text-align: center; } #profile .nominee-box h4 {margin-bottom:20px;} #profile .nominee h1 { margin-bottom: 5px; } #profile .nominee-content { float: right; width: 580px; padding: 20px; } #profile .nominee-vote strong { display: none; } #profile .nominee-vote input.vote { background: url(/page/-/2011/img/vote.png); display: block; border: none; width: 240px; height: 56px; text-indent: -9999px; margin-right: 0; margin-bottom: 5px; } /* #profile .nominee-vote input.vote:hover { background: url(/page/-/2011/img/vote.png) 0 -142px; cursor: pointer; } */ .question { margin-bottom: 25px; } #profile input.vote {box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; } .entry-navigation { float: right; height: 14px; } .entry-navigation .browse { float: left; padding-left: 20px; padding-right: 20px; } .entry-navigation .next { float: left; } .entry-navigation .prev { float: left; } .profile-share { float: left; width: 154px; margin-top: 6px; } .profile-share h4 { float: left; width: 84px;text-transform: uppercase; font-size: 1.75em; margin-top: 1px; } .profile-share a { float: left; } .profile-share a.facebook { display: block; overflow: hidden; background: url(/page/-/2010/img/btn-profile-fb.png); text-indent: -9999px; } .socnet-share h6 { color: #123d5f; font-size: 1.4em; margin-bottom: 5px; margin-top: 5px; font-family:Chunk; font-weight:normal; } .socnet { display: inline-block; vertical-align: top; float: left; width:220px; margin-top: 6px; } .socnet .fb-tweet-goog { float:right; vertical-align:top; } .judge-image { float: left; padding-right: 15px; width: 223px; } .judge-content { float: left; width: 380px; } #lb-career { float:left; width: 450px; } #lb-career h2 {font-family:Chunk; color:#C4B442; font-size:28px;} #lb-career table { width: 450px; border:1px solid #D0DAE1; border-radius:5px; box-shadow: 3px 3px 3px #DEDEDE; } #lb-career thead tr.headers .count{font-family:Helvetica; font-size:15px; font-weight:bold; padding-right: 13px; padding-left: 7px; color:#D4C236; } #lb-career thead tr.headers .name{font-family:Helvetica; font-size:15px; font-weight:bold; width: 325px; padding-right: 20px; color:#D4C236;} #lb-career thead tr.headers .votes{font-family:Helvetica; font-size:15px; font-weight:bold; color:#D4C236; } #lb-career tr.headers {height:30px;} #lb-career tr { height: 78px;font-size: 1.25em; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; background:#EDF1F4; } #lb-career tr.top-20 td { border-bottom: 1px dotted #fff; border-top: 1px dotted #fff; margin-bottom: 0; margin-top: 0; background-color: #ccc; height: 42px; font-size:12px; text-align:center; padding-left: 5px; padding-right: 5px; } #lb-career tr.odd { background: #E7E2AA; } #lb-career th { text-transform: uppercase; } #lb-career th.count { padding-right: 13px; padding-left: 7px; } #lb-career tr .name { width: 325px; padding-right: 20px; padding-left:10px; font-size:13px; color:#61591C;} #lb-career th.name { width: 323px; padding-right: 22px; } #lb-career tr.headers { height: 30px; background:#F1F2F4; color:#D1C441; } #lb-career tr .count { padding-left: 23px; width: 25px; padding-right: 15px; font-family: Chunk; font-size:36px; color:#5F5A20; } #lb-career tr .votes { padding-right:20px; text-align:center; font-family: Chunk; font-size:36px; color:#5F5A20; } #lb-career h4 a { text-decoration: none; letter-spacing: 1px; color:#5F5A20; text-transform:uppercase; } #lb-career h4 { font-size: 16px; font-weight:normal; font-family: Chunk; margin-top:10px; } #lb-volunteer { float:right ; width: 450px; } #lb-volunteer table { width: 450px; border:1px solid #D0DAE1; border-radius:5px; box-shadow: 3px 3px 3px #DEDEDE;} #lb-volunteer h2 {font-family:Chunk; color:#00456A; font-size:28px;} #lb-volunteer thead tr.headers .count{font-family:Helvetica; font-size:15px; font-weight:bold; padding-right: 13px; padding-left: 7px; color:#00456A; } #lb-volunteer thead tr.headers .name{font-family:Helvetica; font-size:15px; font-weight:bold; width: 325px; padding-right: 20px; color:#00456A;} #lb-volunteer thead tr.headers .votes{font-family:Helvetica; font-size:15px; font-weight:bold; color:#00456A; } #lb-volunteer tr.headers {height:30px;} #lb-volunteer tr { height: 78px;font-size: 1.25em; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; background:#EDF1F4; } #lb-volunteer tr.top-20 td { border-bottom: 1px dotted #fff; border-top: 1px dotted #fff; margin-bottom: 0; margin-top: 0; background-color: #ccc; height: 42px; font-size:12px; text-align:center; padding-left: 5px; padding-right: 5px; } #lb-volunteer tr.odd { background: #9EB4C2; } #lb-volunteer th { text-transform: uppercase; } #lb-volunteer th.count { padding-right: 13px; padding-left: 7px; } #lb-volunteer tr .name { width: 325px; padding-right: 20px; padding-left: 10px; font-size:13px; color:#00456A;} #lb-volunteer th.name { width: 323px; padding-right: 22px; } #lb-volunteer tr.headers { height: 30px; background:#F1F2F4; color:#00456A; } #lb-volunteer tr .count { padding-left: 23px; width: 25px; padding-right: 15px; font-family: Chunk; font-size:36px; color:#00456A; } #lb-volunteer tr .votes { padding-right:20px; text-align:center; font-family: Chunk; font-size:36px; color:#00456A; } #lb-volunteer h4 a { text-decoration: none; letter-spacing: 1px; color:#00456A; text-transform:uppercase; } #lb-volunteer h4 { font-size: 16px; font-weight:normal; font-family: Chunk; margin-top:10px; } /* 06 =FRAMEWORK ---------------------------------------------------------- */ #nominate form#signup { width: 515px; } #nominate form#signup label { float: left; margin-bottom: 3px; width: 435px; } #nominate form#signup label.checkbox { width: 261px; padding-right: 253px; } #nominate form#signup input.required { font-size: 1em; padding: 2px; color: #000; } #nominate form#signup fieldset { float: left; width: 500px; padding-top: 5px; padding-bottom: 5px; } #nominate form#signup input#email { width: 312px; } #nominate .your-info { background-color: #069; width: 520px; padding: 40px; } #nominate .nominee-info { background-color: #1279aa; width: 520px; padding: 40px; } #nominate form#signup input.submit { background-image: -webkit-gradient(linear, 0% 0%, 20% 100%, from(#E06A3C), to(#CF4510)); background: -moz-linear-gradient(19% 75% 90deg,#E06A3C, #CF4510); -webkit-border-radius: 5px; border: none; padding: 10px 25px; color: #fff; font-weight: bold; text-transform: uppercase; margin-top: 18px; float: left; margin-left: 0; background-color: #E06A3C; } #nominate select { float: left; margin-right: 10px; } #nominate fieldset p.country { float: left; width: 286px; font-size: .85em; } #nominate .left-box { float: left; width: 205px; margin-bottom: 5px; } #nominate form#signup .left-box label { width: 131px; float: left; } #nominate form#signup .left-box input { float: left; margin-right: 7px; } #nominate form#signup .right-box label { width: 131px; float: left; } #nominate form#signup .right-box input { float: left; margin-right: 7px; } #nominate .right-box { float: left; width: 204px; margin-bottom: 5px; } #framework #invitationpage td span.help { color: #fff !important; } .tips { float: left; width: 285px; padding: 20px; } .tips img { margin: 0; padding: 0; float:left; display: inline; } img.green-check, img.big-crop { margin-right: 5px; } .tips p { margin-bottom: 20px; } .tips h3 { margin-bottom: 5px; } /* 07 =UTILITY ---------------------------------------------------------- */ .ui-tabs .ui-tabs-hide { display: none; } .cufon-loading .cufon { visibility: hidden !important; } .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .floatl { float: left; margin: 0; padding: 0 10px 10px 0; } .floatr { float: right; margin: 0; padding: 0 0 10px 10px; } .floatl-nomargin { float: left; margin: 0; padding: 0; } .floatr-nomargin { float: right; margin: 0; padding: 0; } .clear { clear:both; height:0; margin:0; font-size: 1px; line-height: 0; } .required { color: red; } i, em { font-style: italic; } b, strong { font-weight: bold; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} sup { bottom: 1ex; } sub { top: .5ex; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;} /* 08 =IE ---------------------------------------------------------- */ .ie7 #quick-signup input.submit {width:75px;} .ie7 #sub-footer {margin: 25px auto;}