/********************* WEBSITE LAUNCH PAD stylesheet ****************************/ * { margin: 0; padding: 0; } body { font: 80%/1.4em Arial, Helvetica, sans-serif; background: #FFFFFF url(images/bg-tile.jpg) repeat-x left top; color: #666666; } h1 { color: #4091D3; font-size: 24px; font-weight: normal; margin-bottom: 20px; } h2 { color: #003366; font-size: 18px; font-weight: normal; margin-bottom: 15px; } h3 { color: #003366; font-size: 14px; font-weight: normal; margin-bottom: 10px; border-bottom: 1px dotted #FFF; padding-bottom: 10px; } h4 { font-size: 100%; margin-bottom: 5px; } p { padding-bottom: 15px; } img { border: none; margin: 0; } a { color: #4091D3; text-decoration: underline; } a:hover { text-decoration: none; } ul { padding-left: 15px; margin-bottom: 15px; } li { list-style: square; } #wrapper { width: 1010px; margin: 0 auto; } #content-sub { float: left; width: 480px; background: url(images/header-left.jpg) no-repeat left top; } #twitter-rss { margin-top: 10px; margin-left: 438px; } #twitter-rss img { float: left; width: 21px; } #submit-your-site { margin-top: 255px; margin-left: 40px; } #content-sub-inside { margin-top: 45px; } #content-sub-inside h3 { color: #FFF; } #content-sub-left { float: left; width: 225px; } #launch-tools { margin-top: 33px; margin-bottom: 13px; } #launch-tools h3 { color: #000033; border-bottom: 1px dotted #000033; margin-bottom: 20px; } .tool-listing { margin-bottom: 10px; } .tool-listing-img { float: left; width: 30px; margin-right: 8px; } .tool-listing-txt { float: left; width: 185px; } .tool-listing-txt h4 { color: #000033; margin-bottom: 0px; line-height: 1.2em; } .tool-listing-txt h4 a { color: #000033; text-decoration: none; } .tool-listing-txt h4 a:hover { text-decoration: underline; } .tool-listing-txt p { color: #003366; padding-bottom: 0px; } #advertising { padding: 10px 0 4px; border-top: 1px dotted #000033; border-bottom: 1px dotted #000033; margin-bottom: 10px; } #advertising img { margin-bottom: 10px; } #advertising img.left { margin-right: 5px; } #favicons { border-bottom: 1px dotted #000033; } #favicons h4 { font-weight: normal; margin-bottom: 5px; } #favicons img { margin-right: 1px; margin-bottom: 5px; } #content-sub-right { float: right; width: 224px; margin-right: 11px; } #award-winner { margin-bottom: 20px; } #winner-image { float: left; width: 170px; } #winner-award { float: right; width: 54px; } #award-winner a { color: #FFF; } #articles { margin-top: 31px; } #categories, #articles, #press-releases { margin-bottom: 30px; } #categories h3, #articles h3, #press-releases h3 { color: #000033; border-bottom: 1px dotted #000033; } #categories ul { margin-top: 20px; } #categories li { list-style: none; background: url(images/bullet.jpg) no-repeat left center; margin-bottom: 1px; padding-left: 20px; } #categories li a { color: #666; text-decoration: none; } #categories li a:hover { text-decoration: underline; } #articles h3 a, #press-releases h3 a { color: #FF0000; } #articles h3 a:hover, #press-releases h3 a:hover { text-decoration: none; } #articles ul, #press-releases ul { padding-left: 0; margin-bottom: 7px; } #articles li, #press-releases li { list-style: none; padding-bottom: 10px; } #articles li a, #press-releases li a { color: #4E4E4E; text-decoration: none; } #articles a:hover, #press-releases a:hover { text-decoration: underline; } #content-main { float: right; width: 530px; background: url(images/header-right.jpg) no-repeat left top; } #menu { padding-top: 10px; font-size: 12px; } #menu ul { list-style: none; margin: 0 0 0 10px; padding: 0; } #menu li { list-style: none; float: left; width: 60px; text-align: center; } #menu li#menu-home { width: 65px; } #menu li#menu-submit { width: 65px; } #menu li#menu-awards { width: 115px; } #menu li#menu-pending { width: 65px; } #menu li#menu-about { width: 60px; } #menu li#menu-advertising { width: 80px; } #menu li#menu-contact { width: 65px; } #menu a { color: #FFF; text-decoration: none; } #menu a:hover { color: #66CCFF; text-decoration: none; } #content-main-inside {} #websites { margin-top: 160px; } #website-award-winners { margin-top: 10px; } ul.site-list, ul.site-list li { margin: 0; padding: 0; list-style: none; } .site-list li { position:relative; margin:0; padding:0; float:left; width:170px; height:100px; background:#71AEDD; color:#FFF; } .site-list li.website { margin:0 10px 10px 0; } .site-list li.website-right { margin: 0 0 10px 0; } .site-list li a { z-index:3; position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 170px; height: 100px; } .site-list li img { z-index:2; position: absolute; margin: 0; padding: 0; top: 0; left: 0; } .site-list li div.ws-desc { z-index:1; width: 170px; height: 100px; } .site-list li div.ws-desc span.title { position: absolute; top: 15px; left: 10px; font-size: 13px; width:150px; line-height: 1.2em; color: #000033; } .site-list li div.ws-desc span.country { position: absolute; top: 50px; left: 10px; font-size: 11px; width:150px; line-height: 1.2em; color: #006699; } .site-list li div.ws-desc span.award { position: absolute; top: 70px; left: 10px; font-size: 12px; width:150px; color: #FFF; } #awards { margin-bottom: 20px; } .award-box { float: left; width: 122px; } .award-box p { font-size: 12px; padding-bottom: 0; text-align: center; } .award-box img { margin-left: 38px; } .article {} .site-pagination { margin-bottom: 20px; } .previous { float: left; width: 170px; margin-right: 15px; } .next { float: right; width: 170px; } .award-column { float: left; width: 170px; margin-right: 10px; } #award-column-last { margin-right: 0; } ul.award-list, ul.award-list li { margin: 0; padding: 0; list-style: none; } .award-list li { position: relative; margin:0; padding:0; width:170px; height:100px; background:#71AEDD; color:#FFF; } .award-list li.website { margin:0 0 10px 0; } .award-list li.website-right { margin: 0 0 10px 0; } .award-list li a { z-index:3; position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 170px; height: 100px; } .award-list li img { z-index:2; position: absolute; margin: 0; padding: 0; top: 0; left: 0; } .award-list li div.ws-desc { z-index:1; width: 170px; height: 100px; } .award-list li div.ws-desc span.title { position: absolute; top: 15px; left: 10px; font-size: 13px; width:150px; line-height: 1.2em; color: #000033; } .award-list li div.ws-desc span.country { position: absolute; top: 50px; left: 10px; font-size: 11px; width:150px; line-height: 1.2em; color: #006699; } .award-list li div.ws-desc span.award { position: absolute; top: 70px; left: 10px; font-size: 12px; width:150px; color: #FFF; } .award-icon { margin-bottom: 10px; } #content-main-other { background: #FFF; padding: 20px; margin-top: 160px; min-height: 450px; } #content-main-other-awards { background: #FFF; padding: 20px; margin-top: 160px; } #content-main-other h1, #content-main-other-awards h1 { border-bottom: 1px dotted #003366; padding-bottom: 10px; } #content-main-other h2, #content-main-other-awards h2 { margin-top: 10px; } #websites-pending { margin-top: 10px; } #website-details {} .website-details-left { float: left; width: 170px; margin-right: 20px; } .website-details-right { float: left; width: 300px; } #website-image img { margin-bottom: 20px; } #website-desc { margin-bottom: 20px; } #site-listing-rating p { font-size: 11px; color: #006699; padding: 2px 0 0 0; } #comments { margin-top: 20px; margin-bottom: 20px; } #comments h3 { padding-bottom: 0; } .comment-listing { padding: 10px; border: 1px solid #EBEBEB; margin-bottom: 10px; } .comment-listing h4 { color: #4091D3; } .comment-listing p.notice { padding-bottom: 5px; } .summary-listing { margin-bottom: 20px; } .summary-listing h2 { margin-bottom: 10px; } .summary-listing h2 a { color: #003366; text-decoration: none; } .summary-listing h2 a:hover { color: #006699; text-decoration: none; } .summary-listing p { padding-bottom: 5px; } #tweetmeme { float: right; } #footer { margin: 0 auto; background: #176FBD; padding: 10px 0; } #footer p { text-align: center; padding-bottom: 0; color: #FFF; } #footer a { text-decoration: none; color: #FFF; } #footer a:hover { text-decoration: underline; } /********************* MISC ****************************/ .clearFloat { clear: both; height: 0; } .separator { padding-top: 10px; border-bottom: 1px dotted #777; margin-bottom: 20px; } .textGold, .textGoldBold { color: #CC9900; } .textBlack, .textBlackBold { color: #000; } .textBlue, .textBlueBold { color: #003366; } .textDarkBlue, .textDarkBlueBold { color: #000033; } .textLightBlue, .textLightBlueBold { color: #006699; } .textGrey, .textGreyBold { color: #666; } .textRed, .textRedBold { color: #FF0000; } .textRedBold, .textBlueBold, .textLightBlueBold, .textBlackBold, .textGreyBold, .textGoldBold { font-weight: bold; } .heading { display: none; } .smallText { font-size: 11px; } .notice { font-size: 11px; font-style: italic; } .formNotice { font-size: 11px; font-style: italic; padding-bottom: 5px; } .italic { font-style: italic; } .warning { color: #990000; font-weight: bold; padding-bottom: 5px; } .hidden { visibility: collapse; } .imageBigFloatedLeft { float: left; width: 225px; margin-right: 15px; margin-bottom: 10px; } .imageSmallFloatedLeft { float: left; width: 110px; margin-right: 15px; margin-bottom: 10px; } .bannerName { padding-top: 10px; padding-bottom: 0; } .press-date { padding-bottom: 10px; color: #916303; } a.see-all { color: #FF0000; text-decoration: none; } a.see-all:hover { text-decoration: underline; } .italic { font-style: italic; } .paging { margin-bottom: 50px; } .paging ul { margin: 0; padding: 0; text-align: center; font-size: 12px; } .paging li { list-style-type: none; display: inline; padding-bottom: 1px; margin-right: 2px; } .paging a, .paging a:visited { padding: 5px 8px; border: 1px solid #003366; text-decoration: none; color: #003366; } .paging a:hover, .paging a:active{ border: 1px solid #003366; color: #000; background-color: #003366; } .paging a.currentpage { background-color: #003366; color: #FFF !important; border-color: #003366; font-weight: bold; cursor: default; } .paging a.disablelink, .paging a.disablelink:hover { background-color: white; cursor: default; color: #003366; border-color: #003366; font-weight: normal !important; } .paging a.prevnext { } /********************* FORMS ****************************/ form br { clear: left; } label { border: none; width: 150px; color: #000; } input, textarea { font: small Arial, Helvetica, sans-serif; color: #000; padding: 2px; font-size: 100%; margin-bottom: 5px; border: 1px solid #999; padding: 2px; width: 185px; margin-right: 2px; } #formSearch { padding-bottom: 10px; border-bottom: 1px dotted #FFF; } #formSearch .searchInput { float: left; width: 183px; border: 1px solid #000; padding: 2px 2px 3px; margin-right: 8px; } #formSearch .submitButton { float: left; width: 26px; height: 22px; cursor: pointer; border: none; background: url(images/go-btn.jpg) no-repeat left top; } #formContact { margin-left: 20px; } #formContact label, #formContact input, #formContact select, #formContact textarea { display: block; width: 240px; margin-bottom: 15px; } #formContact label { font-size: 120%; width: 460px; color: #666; padding-right: 5px; border: none; margin-bottom: 5px; } #formContact input, #formContact select, #formContact textarea { padding: 3px; } #formContact select { width: 247px; } #formContact .inquiryButton, #formContact .submitButton, #formContact .pressButton, #formContact .articleButton, #formContact .bookButton, #formContact .sendButton { width: 248px; height: 41px; cursor: pointer; border: none; } #formContact .inquiryButton { background: url(images/enquiry-btn.jpg) no-repeat left top;} #formContact .submitButton { background: url(images/submit-website-btn2.jpg) no-repeat left top; } #formContact .pressButton { background: url(images/submit-press-release-btn.jpg) no-repeat left top; } #formContact .articleButton { width: 194px; height: 42px; background: url(images/submit-article-btn.jpg) no-repeat left top; } #formContact .bookButton { width: 194px; height: 42px; background: url(images/book-ad-btn.jpg) no-repeat left top; } #formContact .commentButton { width: 194px; height: 42px; background: url(images/submit-comment-btn.jpg) no-repeat left top; } #formContact .sendButton { width: 251px; height: 42px; background: url(images/submit-generic.jpg) no-repeat left top; } #formContact .tinyInput { width: 30px; } #formContact .smallInput { width: 120px; } #formContact .mediumInput { width: 160px; } #formContact .largeInput { width: 240px; } #formContact input.hidden { display: none; } .leftField { float: left; width: 250px; } .leftField input { margin-left: 0px; } /* for ie8 */ .leftField input, #ie8#fix { margin-left: -18px; } /* for all browsers except for ie8 */ html:not([dummy]) .leftField input { margin-left: 0; } /* for safari, opera, firefox */ .rightField { float: right; width: 200px; } .rightField p { padding-bottom: 0; line-height: 1.2em; } /********************* TABLES ****************************/ .listTable { width: 100%; border: none; text-align: left; margin-bottom: 15px; } td { padding: 3px; vertical-align: top; } th { padding: 4px 3px; background: #006699; color: #FFF; }