/********************************************************************************************** CSS on Sails Framework Title: Tagged.com About Author: kidBombay (http://www.kidbombay.com/) Date: April 2010 *********************************************************************************************** 1. BASE 1.1 Reset 1.2 Accessibility Navigation & Hide 1.3 Clearfix 1.4 Default Styles 2. COMMON 2.1 Container 2.2 Header 2.3 Content 2.4 Sidebar 2.5 Footer 2.6 Sub Navigation 3. PAGES 3.1 Home page 3.2 Company 3.3 Contact 3.4 Jobs 3.5 Job Detail 3.6 News Landing 3.7 Category - In The News 3.8 Single Blog Post 3.9 Search Results 3.x Error - 404 ***********************************************************************************************/ /* 1. BASE ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 1.1 Reset -----------------------------------------------------------------------------------------------*/ html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, 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; font-size: 100%; vertical-align: baseline; background: transparent; } q { quotes: none; } q:before, q:after { content: ""; content: none; } a, ins, del { text-decoration: none; } table { border-collapse: collapse; border-spacing: 0; } th, td { vertical-align: top; } th { text-align: left; } /* 1.2 Accessibility Navigation & Hide -----------------------------------------------------------------------------------------------*/ #accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; } /* 1.3 Clearfix -----------------------------------------------------------------------------------------------*/ .clearfix:after, #header:after, #wrapper:after, .section:after, #footer .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearer { clear:both; } /* 1.4 Default Styles -----------------------------------------------------------------------------------------------*/ body { background: #f2f2f2; color: #4d4d4d; font: 75%/1.5 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Corbel, "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; } hr { display: none; } strong { font-weight: bold; } em { font-style: italic; } del { text-decoration: line-through; } th { font-weight: normal; } address, cite, dfn { font-style: normal; } abbr, acronym { border-bottom: 1px dotted #999; cursor: help; } input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; } a { color: #B21E00; text-decoration: none; font-weight: bold; } a span { cursor: pointer; } a:visited { color: #B25947; } a:hover { text-decoration: underline; } h1, h2, h3, h4 { line-height: 1em; } h1 { margin: 0 0 18px 0; font-size: 2.5em; font-weight: bold; color: #2492d9; } h2 { margin: 0 0 18px 0; font-size: 2.5em; font-weight: normal; color: #2492d9; } h2.dark { color: #4d4d4d; } h2.light { color: #a67c52; } h3 { margin: 18px 0; font-size: 1.75em; font-weight: normal; color: #4d4d4d; } h4 { margin: 36px 0 18px; font-size: 1.5em; line-height: 1em; font-weight: bold; color: #2492d9; } h5 { font-size: 1.16em; line-height: 1.28em; font-weight: bold; color: #4D4D4D; font-family: 'Lucida Grande', "Lucida Sans Unicode", "Lucida Sans", Corbel, "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; } h6 { font-size: 1em; line-height: 1.5em; font-weight: bold; color: #A67C52; font-family: 'Lucida Grande', "Lucida Sans Unicode", "Lucida Sans", Corbel, "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; } p { margin: 18px 0; } li { list-style: none; } ul { margin: 18px 0; } ul li { padding: 0 0 0 10px; margin: 0 0 10px 0; background-image: url(../../_media/images/ui/bull.png); background-repeat: no-repeat; background-position: 0 8px; } ul.spaced li { padding-left: 18px; margin-bottom: 18px; } ul.close li { padding-left: 18px; margin-bottom: 0; } ul.simple li { padding-left: 0; margin-bottom: 0; background: none; } ul.roles li { padding-left: 0; margin-bottom: 0; background: none; color: #a67c52; font-weight: bold; font-family: 'Lucida Grande', "Lucida Sans Unicode", "Lucida Sans", Corbel, "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;} ol { margin: 18px 0; } ol li { margin-left: 18px; list-style-type: decimal; } dl { margin: 18px 0; } dl dt { float: left; width: 75px; margin: 0 5px 0 0; } dl dd { margin: 0 0 0 80px; } blockquote p { font-size: 1.5em; line-height: 1.5em; font-weight: bold; color: #A67C52; } /* 2. COMMON ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 2.1 Container -----------------------------------------------------------------------------------------------*/ #wrapper { padding-bottom: 18px; -webkit-text-size-adjust: none; } /* 2.2 Header -----------------------------------------------------------------------------------------------*/ #header { height: 54px; padding-top: 18px; margin-bottom: 18px; background: url(../../_media/images/ui/bg-header.gif) no-repeat 50% 18px; } #header .site-name, #header .site-name span { display: block; overflow: hidden; width: 143px; height: 28px; } #header .site-name { position: relative; float: left; margin: 14px 0 0 23px; } #header .site-name span { background: url('../../_media/images/ui/logo.gif') no-repeat; position: absolute; top: 0; left: 0; z-index: 10; } #header a.site-name span { cursor: pointer; } #navigation { float: right; width: 640px; } #navigation ul { margin: 0; } #navigation li { float: left; width: 102px; height: 54px; padding: 0; margin: 0; overflow: hidden; background: none; position: relative; margin-left: -2px; z-index: 1; } #navigation li a { position: relative; display: block; height: 35px; padding-top: 19px; text-align: center; color: #fff; width: 102px; text-transform: uppercase; } #navigation li a span { position: absolute; left: 0; top: 0; width: 100%; height: 54px; background: url(../../_media/images/ui/bg-nav-item.png) no-repeat; } #navigation li a.nav-about span { background-position: 0 0; } #navigation li a.nav-company span { background-position: -102px 0; } #navigation li a.nav-jobs span { background-position: -204px 0; } #navigation li a.nav-blog span { background-position: -306px 0; } #navigation li a.nav-advertising span { background-position: -408px 0; } #navigation li a.nav-contact span { background-position: -510px 0; } #navigation li.active a span { cursor: default; } /* about */ #navigation li a.nav-about:hover span { background-position: 0 -108px; } body.home #navigation li a.nav-about span, #navigation li.active a.nav-about span { background-position: 0 -54px; } /* company */ #navigation li a.nav-company:hover span { background-position: -102px -108px; } #navigation li.active a.nav-company span, body.page-company #navigation li a.nav-company span { background-position: -102px -54px; } /* jobs */ #navigation li a.nav-jobs:hover span { background-position: -204px -108px; } body.page-jobs #navigation li a.nav-jobs span, #navigation li.active a.nav-jobs span { background-position: -204px -54px; } /* blog << NEWS */ #navigation li a.nav-blog:hover span { background-position: -306px -108px; } body.category-blog #navigation li a.nav-blog span, body.category-announcements #navigation li a.nav-blog span, body.category-press-releases #navigation li a.nav-blog span, body.category-in-the-news #navigation li a.nav-blog span, body.page-news #navigation li a.nav-blog span, #navigation li.active a.nav-blog span { background-position: -306px -54px; } /* advertising */ #navigation li a.nav-advertising:hover span { background-position: -408px -108px; } body.page-advertising #navigation li a.nav-advertising span, #navigation li.active a.nav-advertising span { background-position: -408px -54px; } /* contact */ #navigation li a.nav-contact:hover span { background-position: -510px -108px; } body.page-contact #navigation li a.nav-contact span, #navigation li.active a.nav-contact span { background-position: -510px -54px; } #navigation li.active, body.home #navigation li.nav-li-about, body.page-company #navigation li.nav-li-company, body.page-jobs #navigation li.nav-li-jobs, body.page-news #navigation li.nav-li-blog, body.page-contact #navigation li.nav-li-contact, body.category-in-the-news #navigation li.nav-li-blog, body.category-press-releases #navigation li.nav-li-blog, body.category-blog #navigation li.nav-li-blog, body.category-announcements #navigation li.nav-li-blog, body.page-advertising #navigation li.nav-li-advertising{ z-index: 3; } #navigation li:hover { z-index: 2; } /* 2.3 Content -----------------------------------------------------------------------------------------------*/ .section { clear: both; margin: 0 0 36px 0; } #content hr { display: block; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #f7f7f7; border-left: none; border-right: none; margin: 36px 0 36px 0; height: 0; background: transparent; } /* Image replacement */ .ir { position: relative; display: block; overflow: hidden; text-align: center; font-size: 10px; } .ir span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; } .view-open-positions { width: 166px; height: 36px; line-height: 36px; margin-left: -6px; } .view-open-positions span { background-image: url(../../_media/images/ui/btn_view-open-positions.png); background-position: 0 0; } .view-open-positions:hover span { background-position: 0 -36px; } .btn-apply { width: 172px; height: 48px; line-height: 48px; } .btn-apply span { background-image: url(../../_media/images/ui/btn-apply.png); background-position: 0 0; } .btn-apply:hover span { background-position: 0 -48px; } /* Branding */ .branding { margin: 0 0 0 0; padding-bottom: 18px; position: relative; background-repeat: no-repeat; } .branding .label { position: absolute; left: 0; top: 37px; width: 900px; height: 27px; overflow: hidden; padding: 13px 20px 15px; font-size: 1.5em; letter-spacing: 2px; font-weight: bold; color: #fff; text-transform: uppercase; background: #4c555c; } .branding .secondary-text { position: absolute; background-color: #4C555C; color: #fff; padding: 7px 20px 1px; } .branding .secondary-text h4 { margin: 6px 0 9px; font-size: 1.25em; line-height: 1.45em; color: #fff; } .branding .secondary-text h4 a { padding: 0 2px 4px; text-decoration: none; background-color: #b21e00; color: #fff; } .branding .secondary-text h4 strong { padding: 0 2px 4px; text-decoration: none; background-color: #b21e00; color: #fff; } .branding .secondary-text p { margin: 18px 0; font-family: 'Lucida Grande', "Lucida Sans Unicode", "Lucida Sans", Corbel, "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; } .label-image { position: relative; } .label-image .label-wrapper { position: absolute; left: 0; top: 0; padding: 5px 0 8px; width: 100%; background: #4c555c; } .label-image .label { display: block; padding-left: 37px; font-size: 1.5em; line-height: 1.5em; color: #fff; font-weight: bold; } /* Administrative */ .administrative {clear: both; display: block; padding: 18px 0; margin: 0 10px; font-size: 1.16em; } .administrative a {text-decoration: underline; } .administrative a:hover {text-decoration: none; } /* Blog */ .inner-section { overflow: hidden; position: relative; margin: 0 40px 18px 0; } .news-detail h2, .in-the-news-detail h2 { margin: 0; padding: 8px 0 10px 20px; font-size: 1.3em; font-weight: bold; text-transform: uppercase; color: #fff; background-color: #4c555c; } .post-details { overflow: hidden; margin: 20px 0; border-bottom: 1px solid #ddd; } .post-details li { padding: 0; background: none; } .post-details li h4 { margin: 0; } .post-details li h4 a { color: #2492d9; } .post-details li h4 a:hover { color: #ff0000; text-decoration: none; } .post-details li p { margin-top: 0; } .post-details li.post-title { margin-bottom: 18px; } .press-wrapper li.post-title { margin-bottom: 10px; } .press-wrapper li.post-title h5, .press-wrapper li.post-title h5 a { font-size: 1em; font-weight: bold; color: #b21e00; font-family: 'Lucida Grande', "Lucida Sans Unicode", "Lucida Sans", Corbel, "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; } .press-wrapper li.post-title h5 a:hover { text-decoration: none } .post-date { text-align: right; font-size: .9em; font-weight: bold; color: #a67c52; text-transform: uppercase; } /*.post-details li.post-read-more { margin-top: 10px; }*/ .has-read-more .post-excerpt { margin-bottom: 2px; } .post-details span.post-source { display: block; font-weight: bold; } .pagination { margin-bottom: 15px; } .pagination .box { display: inline-block; height: 18px; padding: 0 5px; margin-right: 3px; text-align: center; } .pagination .this-page { font-weight: bold; color: #fff; background-color: #b21e00; border: 1px solid #b21e00; } .pagination a.page-no { border: 1px solid #808080; } .pagination a.page-no:hover { text-decoration: none; color: #fff; background-color: #b21e00; border: 1px solid #b21e00; } .pagination a.next-link { margin-left: 26px; } .pagination a.previous-link { margin-right: 23px; } /* 2.4 Sidebar -----------------------------------------------------------------------------------------------*/ #sidebar { } #sidebar h3 { margin: 0; padding-bottom: 10px; border-bottom: 9px solid #4a555c; color: #a67c52; } #sidebar ul { margin: 15px 10px 53px 10px; } #sidebar ul li { margin: 0; border-bottom: 1px solid #cccccc; background: none; } #sidebar ul.recent-posts { margin-top: 10px; } #sidebar ul.recent-posts li { padding: 8px 10px 10px; } #sidebar ul.categories li { padding: 3px 10px 5px; } #sidebar ul.archives { margin-bottom: 60px; } #sidebar ul.archives li { padding: 3px 10px 5px } #sidebar ul.subscribe li { overflow: hidden; padding: 0 10px 0 0; } #sidebar ul.subscribe li a { display: block; padding: 6px 0 2px 28px; background-position: 0 4px; background-repeat: no-repeat; } #sidebar ul.subscribe li a.rss { background-image: url(../../_media/images/ui/ico/rss.png); } #sidebar ul.subscribe li a.google-reader { background-image: url(../../_media/images/ui/ico/google-reader.png); } #sidebar ul.subscribe li a.my-yahoo { background-image: url(../../_media/images/ui/ico/my-yahoo.png); } #sidebar ul.subscribe li a.netvibes { background-image: url(../../_media/images/ui/ico/netvibes.png); } #sidebar ul.subscribe li a.bloglines { background-image: url(../../_media/images/ui/ico/bloglines.png); } /* Media Contact */ #sidebar .media-contact { margin-bottom: 30px; } #sidebar .media-contact .label-image .label-wrapper { top: 18px; } #sidebar .media-contact .label-image .label { padding: 0px 0 6px 20px; font-size: 1.3em; line-height: 1.4em; } #sidebar .media-contact a { margin-left: -5px; padding: 0px 10px 5px 5px; color: #fff; background: #b21e00; } #sidebar .media-contact a:hover { text-decoration: none; } /* Site Search */ #sidebar .search { margin: 18px 0 50px; padding-top: 0px; } #sidebar .search label { display: none; } #sidebar .search input.text { float: left; width: 214px; height: 16px; padding: 4px 10px; margin: 6px 7px 0 0; border: none; outline: none; color: #999; font-weight: bold; background: url(../../_media/images/ui/bg-site-search.png) no-repeat; } #sidebar .search .btn-go { float: left; width: 59px; height: 32px; padding: 0; margin-top: 2px; border: none; text-indent: -999em; background-image: url(../../_media/images/ui/btn-go.png); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; cursor: pointer; } #sidebar .search .btn-go:hover { background-position: 0 -32px; } /* Fun Facts */ #sidebar ul.fun-facts { margin: 10px 0 35px 0; } #sidebar ul.fun-facts li { position: relative; margin: 0; padding: 10px 5px 9px 10px; border-bottom: 1px solid #ddd; } /* #sidebar ul.fun-facts li span { position: absolute; bottom: 8px; left: 0; width: 80px; font-size: 1.3333em; text-align: right; font-weight: bold; color: #c03100; } */ #sidebar ul.fun-facts li span { font-size: 1.3333em; font-weight: bold; color: #c03100; } /* Testimonials */ #sidebar .testimonials { position: relative; margin-bottom: 50px;} #sidebar .testimonials blockquote p { margin: 12px 0; padding: 0 5px 3px 20px; font-size: 1.2em; line-height: 1.9em; color: #747a80; } #sidebar .testimonials .author { margin-left: 20px; color: #a67c52; } #sidebar .testimonials .author a { color: #a67c52; display: block; position: absolute; bottom: -25px; left: 20px; } #sidebar .testimonials a { display: block; position: absolute; bottom: -50px; right: 20px; } .testimonials-detail h2 { margin: 0; padding: 8px 0 10px 20px; font-size: 1.3em; font-weight: bold; text-transform: uppercase; color: #fff; background-color: #4c555c; } .testimonials-detail .testimonial { padding: 0 0 28px 140px; border: 0 solid #e4e4e4; border-bottom-width: 1px; float: left; clear: left; margin-bottom: 18px; } .testimonials-detail .testimonial img { float: left; margin: 18px 0 0 -140px; } .testimonials-detail .testimonial-left { float: left } .testimonials-detail .testimonial-right { padding: 0 140px 28px 0; } .testimonials-detail .testimonial-right img { float: right; margin-right: -140px; } .testimonials-detail .testimonial blockquote { width: 400px } .testimonials-detail .testimonial blockquote p { color: #747a80; font-size: 1.1em; line-height: 1.8em; } .testimonials-detail .testimonial .author { color: #A67C52 } /* 2.5 Footer -----------------------------------------------------------------------------------------------*/ #footer { width: 100%; clear: both; color: #fff; background: #353b40 url(../../_media/images/ui/bg-footer.gif) repeat-x top; overflow: hidden; } #footer .container { padding-top: 27px; background: #353b40 url(../../_media/images/ui/bg-footer.gif) repeat-x top; } #footer a { color: #fff; } #footer h6.ir { height: 10px; text-align: left; color: #fff; line-height: 1em; text-transform: uppercase; } #footer .txt-explore { width: 56px; } #footer .txt-explore span { background-image: url(../../_media/images/ui/txt-explore.gif); } #footer .txt-support { width: 58px; } #footer .txt-support span { background-image: url(../../_media/images/ui/txt-support.gif); } #footer .txt-search { width: 49px; } #footer .txt-search span { background-image: url(../../_media/images/ui/txt-search.gif); } #footer .search { padding-top: 24px; } #footer .search label { display: none; } #footer .search input.text { float: left; width: 210px; height: 16px; padding: 4px 10px; margin: 4px 5px 0 0; border: none; outline: none; color: #999; font-weight: bold; background: url(../../_media/images/ui/bg-search.png) no-repeat; } #footer .search .btn-search { float: left; width: 88px; height: 36px; padding: 0; margin: 0; border: none; text-indent: -999em; background-image: url(../../_media/images/ui/btn-search.png); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; cursor: pointer; } #footer .search .btn-search:hover { background-position: 0 -36px; } #footer ul { border-top: 1px solid #222629; border-bottom: 1px solid #878c90; margin: 28px 0 24px; } #footer li { margin: 0; padding: 0; background: none; } #footer li a { display: block; font-size: .9167em; line-height: 1em; padding: 6px 0 7px 1px; border-top: 1px solid #878c90; border-bottom: 1px solid #222629; } #footer #copyright-notice { border-top: 1px solid #222629; padding: 0; } #footer #copyright-notice p { border-top: 1px solid #878c90; margin: 0; padding: 10px 1px; font-size: .8333em; font-weight: bold; } /* 2.6 Sub Navigation -----------------------------------------------------------------------------------------------*/ #company-sub-navigation { width: 940px; height: 36px; overflow: hidden; margin-bottom: 36px; background-image: url(../../_media/images/ui/bg-sub-nav.png); } #company-sub-navigation .label { float: left; width: 200px; overflow: hidden; padding: 4px 0px 4px 20px; font-size: 1.5em; letter-spacing: 1px; font-weight: bold; color: #4c555c; text-transform: uppercase; background: transparent; } #company-sub-navigation .label a, #company-sub-navigation .label a:hover { color: #4c555c; text-decoration: none; } #news-sub-navigation { width: 940px; height: 36px; overflow: hidden; margin-bottom: 36px; background-image: url(../../_media/images/ui/bg-sub-nav.png); } #news-sub-navigation .label { float: left; width: 200px; overflow: hidden; padding: 4px 0px 4px 20px; font-size: 1.5em; letter-spacing: 1px; font-weight: bold; color: #4c555c; text-transform: uppercase; background: transparent; } #news-sub-navigation .label a, #news-sub-navigation .label a:hover { color: #4c555c; text-decoration: none; } #advertising-sub-navigation { width: 940px; height: 36px; overflow: hidden; margin-bottom: 36px; background-image: url(../../_media/images/ui/bg-sub-nav.png); } #advertising-sub-navigation .label { float: left; width: 200px; overflow: hidden; padding: 4px 0px 4px 20px; font-size: 1.5em; letter-spacing: 1px; font-weight: bold; color: #4c555c; text-transform: uppercase; background: transparent; } #advertising-sub-navigation .label a, #advertising-sub-navigation .label a:hover { color: #4c555c; text-decoration: none; } #sub-navigation { float: right; width: 718px; } #sub-navigation ul { margin: 0; } #sub-navigation li { float: left; width: 142px; height: 36px; padding: 0; margin: 0; overflow: hidden; background: none; position: relative; margin-left: -2px; z-index: 1; } #sub-navigation li a { position: relative; display: block; height: 26px; padding-top: 10px; font-size: .9167em; text-align: center; letter-spacing: 1px; color: #4d4d4d; width: 142px; text-transform: uppercase; background: url(../../_media/images/ui/bg-sub-nav-item.png) no-repeat; cursor: pointer; } #sub-navigation li.active a { cursor: default; background-position: 0 -36px; color: #fff; } #sub-navigation li a:hover { color: #2492D9 } #sub-navigation li.active a:hover { color: #fff; text-decoration: none; } /* 3. PAGES ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 3.1 Home page -----------------------------------------------------------------------------------------------*/ body.home #wrapper { padding-bottom: 36px; } body.home #content h1.title { display: none; } #branding-home { height: 414px; background-image: url(../../_media/images/ui/branding/about_banner.jpg); } #branding-home .main-tagline { position: absolute; top: 37px; left: 76px; width: 768px; height: 53px; margin: 0; text-indent: -999em; background: url(../../_media/images/ui/branding-home-main.png) 0 0 no-repeat; } #branding-home .secondary-text { position: absolute; top: 270px; right: 0; width: 480px; padding: 2px 10px 1px 10px; } #branding-home .secondary-text h4 { font-size: 1.5em; margin-bottom: 6px; } #about-site h2 { height: 66px; } #about-site img { margin-top: 12px; } .join-the-team .label-wrapper { top: 198px; } /* 3.2 Company -----------------------------------------------------------------------------------------------*/ body.page-company #content h1.title { display: none; } #executive-team { margin-bottom: 18px; } #executive-team ul.roles { height: 4.5em; } #executive-team h3 { margin-top: 12px; } #executive-team h3 a{ font-weight: normal; color: #4d4d4d; } #branding-company {background-image:url(../../_media/images/ui/branding/company_banner.jpg);height:484px;} #branding-company h1 { position: absolute; left: 540px; top: 251px; color: #fff; font-size: 3.0833em; } #branding-company .secondary-text { position: absolute; left: 0; top: 160px; bottom: auto; width: 400px; padding: 15px 35px; background: #4c555c; color: #fff; } #branding-company .secondary-text h4 { margin: 0 0 18px 0; } #content .directors .last-child hr {display:none;} /* 3.3 Contact -----------------------------------------------------------------------------------------------*/ body.page-contact #content h1.title { display: none; } #branding-contact { height: 413px; background-image: url(../../_media/images/ui/branding/contact_banner.jpg); } #branding-contact h1 { position: absolute; top: 180px; left: 456px; margin: 0; color: #fff; font-size: 3.0833em; line-height: 1.22em; } #branding-contact .secondary-text { top: 63px; left: 0; width: 381px; } #branding-contact .secondary-text h4 { font-size: 1.33em; } #hcard-tagged_inc {margin:0 0 18px 0;} .vcard h2 { margin-bottom: -3px; } .vcard h6 { margin-top: 18px; color: #000; } .vcard .email { height: 1.5em; } .vcard .email .type { float: left; clear: left; width: 120px; margin: 0 5px 0 0; } #join-us { } #join-us h2 { margin-bottom: 15px; color: #4d4d4d; ; } #join-us a.join-group { float: left; text-align: left; font-weight: normal; width: 180px; height: 101px; padding: 28px 4px 0 125px; margin: 0 17px 0 0; font-size: 23px; color: #4d4d4d; line-height: 26px; background: url(../../_media/images/ui/txt_join-our-group-on-tagged.png) no-repeat; } #join-us a.join-group:hover { color: #000;} #join-us .social { float: left; width: 212px; padding: 5px 0 0 0; } #join-us .social a { float: left; width: 152px; padding: 18px 0 18px 60px; font-size: 1.08em; line-height: 1.38em; background-position: 0 50%; background-repeat: no-repeat; color: #4d4d4d; } #join-us .social a.follow-twitter { background-image: url(../../_media/images/ui/ico/twitter.png); } #join-us .social a.fan-facebook { background-image: url(../../_media/images/ui/ico/facebook.png); } /* 3.4 Jobs -----------------------------------------------------------------------------------------------*/ body.page-jobs #content h1.title { display: none; } #branding-jobs { width: 100%; height: 322px; overflow: hidden; margin-bottom: 36px; background-image: url(../../_media/images/ui/branding/jobs_banner.jpg); } #branding-jobs .label { top: 24px; } #branding-jobs h1 { position: absolute; left: 80px; top: 185px; color: #fff; font-size: 3.0833em; } #branding-jobs .secondary-text { right: 0; bottom: 35px; width: 360px; height: 200px; } #branding-jobs .secondary-text p { margin-bottom: 30px; } .jobs-benefits { margin-bottom: 18px; } .jobs-benefits p { margin-top: 2px; } .jobs-benefits ul.benefits-list { width: 178px; padding: 15px 11px 2px; background: #d9d9d9; } .jobs-benefits ul.benefits-list li { margin-bottom: 9px; font-size: .9167em; line-height: 17px; color: #1a1a1a; background-position: 0 6px; } .jobs-benefits ul.images { padding-top: 25px; } .jobs-benefits ul.images li { background: none; float: left; padding: 0 15px 0 0; } .live-at-tagged .label-wrapper { top: auto; bottom: 20px; } .live-at-tagged .label { font-size: 1.333em; } .jobs-hiring {margin:0;} .jobs-hiring ul.simple li { padding: 3px 0; } .jobs-hiring-image .label-wrapper { top: 37px; } /* 3.5 Job Detail -----------------------------------------------------------------------------------------------*/ #branding-job-detail { width:100%; height:90px; overflow: hidden; margin-bottom: 18px; background-image: url(../../_media/images/ui/branding/job-detail.jpg); } #branding-job-detail .label { top: 18px; } .apply-job { margin-top: 50px; width: 609px; } .apply-job .label-wrapper { padding: 12px 0 9px; top: 19px; } .apply-job .btn-apply { float: left; margin-left: 10px; } .apply-job .label { float: left; padding-top: 8px; } .job-detail {margin-bottom: 18px;} .apply-job-detail { padding: 13px 0; margin-bottom: 37px; background: #4c555c; } .apply-job-detail .btn-apply { position: relative; left: 13px; } .apply-job-detail ul { padding: 0 19px; } .apply-job-detail ul li { padding: 0; width: 100%; overflow: hidden; color: #b3b3b3; background: none; } .apply-job-detail ul li span { float: left; width: 90px; } .apply-job-detail ul li strong { float: left; width: 150px; color: #fff; font-weight: normal; } .job-benefits { background: #d9d9d9; } .job-benefits .label-wrapper { top: 18px; } .job-benefits .label { font-size: 1.3333em; padding-left: 22px; } .job-benefits ul { margin: 12px 20px 0; padding-bottom: 20px; } .job-check { padding: 5px 80px 0 20px; } .job-check .txt-jobvite { width: 110px; height: 12px; } .job-check .txt-jobvite span { background-image: url(../../_media/images/ui/txt-jobvite.gif); } .job-check .view-open-positions { margin: 20px 0 20px -7px; } .job-description strong { display: block; margin: 36px 0 18px; font-size: 1.5em; line-height: 1em; font-weight: bold; color: #2492d9; } .job-description br { display: none;} /* 3.6 News Landing -----------------------------------------------------------------------------------------------*/ body.page-news #content h1.title { display: none; } .news-detail, .news-detail .blog-wrapper { margin-bottom: 0; } .news-detail a.view-all { display: block; position: absolute; top: 10px; right: 20px; font-size: .85em; color: #fff; } /* 3.7 Category - In The News -----------------------------------------------------------------------------------------------*/ body.category-in-the-news #content h1.title { display: none; } .in-the-news-detail, .in-the-news-detail .inner-section { margin-bottom: 0; } /* 3.8 Single Blog Post -----------------------------------------------------------------------------------------------*/ body.category-blog #content h1.title { display: none; } .single-post-detail { padding-top: 5px; margin-bottom: 0;} .single-post-detail #sidebar { padding-top: 10px;} .single-post { overflow: hidden; } .single-post p { padding-right: 80px; margin-top: 0; } .single-post img { margin: 0 0 6px; } .single-post em { font-style: normal; font-weight: bold; } .single-post blockquote p { padding: 0 140px 0 35px; font: italic 1.25em/2.2em georgia, garamond, serif; color: #2492d9; } .single-post h3 { margin: 0 0 9px; padding-right: 80px; } .single-post h4 { margin: 9px 0; } .single-post h5 { margin: 9px 0; } .single-post h6 { margin: 9px 0; } .single-post .post-sub-categories { display: block; padding-bottom: 8px; font-size: .92em; } #content .single-post hr { margin-right: 60px; margin-bottom: 0;} #content .single-post hr.wide { margin-left: -80px; } .single-post .avatar, .single-post img.entry_author_image { margin: 0 0 6px; } .post-author { display: block; padding-top: 5px; font-size: .9em; font-weight: bold; color: #333333; } .leave-add-wrap { overflow: hidden; } .leave-comment { padding: 10px 0 0px 0; } .leave-comment a { padding: 7px 0 3px 28px; background: url(../../_media/images/ui/ico/leave-comment.png) no-repeat; } .add-this { padding: 7px 35px 0px; } .add-this a img { margin: 0; } .prev-next { overflow: hidden; width: 560px; margin: 36px 0 15px 0; padding: 20px 0 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} .prev {} .next { padding-left: 20px; } .post-comments { overflow: hidden; padding: 20px 0 0 0;} .comment { overflow: hidden; width: 520px; padding: 20px 0 12px 0; border-bottom: 1px solid #ccc; } .comment-auth { display: block; font-size: .8em; font-weight: bold; color: #333333; } img.image-wide { position:relative; left: -80px; } /* comment form */ .respond h5 { margin: 40px 0; color: #2492d9; } .comment-form label, .comment-form input.text, .comment-form textarea { display: block; } .comment-form input.text, .comment-form textarea { border: 1px solid #4d4d4d; } .comment-form label { margin-bottom: 12px; font-weight: bold; } .comment-form input.text { width: 230px; margin-bottom: 20px; padding: 2px 5px;} .comment-form textarea { width: 450px; height: 170px; padding: 5px; } .comment-form label span.required { color: #b21e00; } .comment-form label.required-prompt { float: left; margin: 20px 0 0;} .comment-form .btn-submit { float: right; width: 88px; height: 36px; padding: 0; margin: 10px 0 0; border: none; text-indent: -999em; background-image: url(../../_media/images/ui/btn-submit.png); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; cursor: pointer; } .comment-form .btn-submit:hover { background-position: 0 -36px; } /* 3.9 Search Results -----------------------------------------------------------------------------------------------*/ body.search-results #content h1.title, body.search-no-results #content h1.title { display: none; } #searchresults { min-height: 400px; height: auto !important; height: 400px; } #searchresults h2 { margin: 18px 0 0; padding: 8px 0 10px 20px; font-size: 1.3em; font-weight: bold; text-transform: uppercase; color: #fff; background-color: #4c555c; } #searchresults .inner-section { margin: 0; padding: 20px 0 20px 20px; } #searchresults hr { margin: 0; } #searchresults h4 { margin-top: 0; } #searchresults .results-count { font-weight: bold; float: left; } #searchresults .sort-order { font-weight: bold; float: right; } #searchresults a.adv-search { position: absolute; bottom: 17px; right: 0; background: url(../../_media/images/ui/bg-adv-search.png) 0 0 no-repeat; padding: 0 0 3px 21px; } /* copied WITH CHANGES from: Site Search */ body.search-results .search, body.search-no-results .search { margin: 18px 0 0; padding-top: 0px; } body.search-results .search label, body.search-no-results .search label { display: none; } body.search-results .search input.text, body.search-no-results .search input.text { float: left; width: 214px; height: 16px; padding: 4px 10px; margin: 6px 7px 0 0; border: none; outline: none; color: #999; font-weight: bold; background: url(../../_media/images/ui/bg-site-search.png) no-repeat; } body.search-results .search .btn-search, body.search-no-results .search .btn-search { float: left; width: 59px; height: 32px; padding: 0; margin-top: 2px; border: none; text-indent: -999em; background-image: url(../../_media/images/ui/btn-go.png); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; cursor: pointer; } body.search-results .search .btn-search:hover, body.search-no-results .search .btn-search:hover { background-position: 0 -32px; } /* 3.x Error - 404 -----------------------------------------------------------------------------------------------*/ body.error404 #content h1.title { display: none; } #notfound h2 { margin: 18px 0 0; padding: 8px 0 10px 20px; font-size: 1.3em; font-weight: bold; text-transform: uppercase; color: #fff; background-color: #4c555c; } #notfound .inner-section { margin: 0; padding: 20px 0 20px 20px; } #notfound hr { margin: 0; } #notfound h4 { margin-top: 0; } /* copied from: Site Search */ #notfound .search { margin: 18px 0 50px; padding-top: 0px; } #notfound .search label { display: none; } #notfound .search input.text { float: left; width: 214px; height: 16px; padding: 4px 10px; margin: 6px 7px 0 0; border: none; outline: none; color: #999; font-weight: bold; background: url(../../_media/images/ui/bg-site-search.png) no-repeat; } #notfound .search .btn-search { float: left; width: 59px; height: 32px; padding: 0; margin-top: 2px; border: none; text-indent: -999em; background-image: url(../../_media/images/ui/btn-go.png); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; cursor: pointer; } #notfound .search .btn-search:hover { background-position: 0 -32px; }