/********************************************************************************************** CSS on Sails Title: Wordpressed Author: XHTMLized Date: May 2009 *********************************************************************************************** 1. BASE 1.1 Reset 1.2 Accessibility navigation 1.3 Default styles 1.3 Basic styles 2. LAYOUT 2.1 Header 2.2 Content 2.3 Secondary content ***********************************************************************************************/ /* 1. BASE ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 1.1 Reset -----------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: '';content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* 1.2 Accessibility navigation -----------------------------------------------------------------------------------------------*/ #accessibility-nav { position: absolute; left: -1000em; text-align: left; } /* 1.3 Default styles -----------------------------------------------------------------------------------------------*/ body { margin: 0 0 55px 0; background-color: #e5e5e5; font: 62.5% Arial, Helvetica, sans-serif; text-align: center; padding-top: 62px; } hr { display: none; } strong { font-weight: bold; } em { font-style: italic; } abbr, acronym { border: none; cursor: help; } input, textarea, select { font: 1em Arial, Helvetica, sans-serif; } input:focus { outline: none; } a { color: #1b1464; } a:hover, a:active { color: #00f; text-decoration: none; } img { vertical-align: bottom; } /* 1.4 Basic styles -----------------------------------------------------------------------------------------------*/ .hidden { display: none;} .highlight { background-color: #fff8bc; } .link { padding: 0 16px 0 0; background: url(../images/bull/buy_link_arrow.gif) no-repeat 100% 60%; } .text-left, .img-left { float: left; } .text-right, .img-right { float: right; } /* selection list */ ul.selection-list { overflow: hidden; padding: 0 20px 18px 20px; background: #dfdfdf url(../images/bg/selection_list.gif) repeat-x; } ul.selection-list li { float: left; display: inline; margin: 0 2px 0 0; padding: 12px 0 0 0; } ul.selection-list li.ui-state-active { background: url(../images/bull/selection_list.gif) no-repeat 50% 0; } .ui-tabs-hide { display: none; } /* back to top */ .top { margin: 0 24px 0 0; } .top a { padding: 0 16px 0 0; background: url(../images/ico/top.gif) no-repeat 100% 50%; color: #000; text-decoration: none; float: right; } .top a:hover, .top a:active { text-decoration: underline; } /* wordpressized dude */ .wordpressizer { position: absolute;} /* 2. LAYOUT ----------------------------------------------------------------------------------------------- ===============================================================================================*/ .container { width: 988px; margin: 0 auto; text-align: left; font-size: 1.3em; } #header { position: relative; z-index: 10; background: #fff url(../images/bg/header.jpg) no-repeat 50% 0; height: 73px; } #header .container { position: relative; overflow: visible; padding: 34px 0 0 0; } #branding { position: relative; z-index: 1; background: #fff url(../images/bg/branding.gif) repeat-x; } #main .container { background: url(../images/bg/main.jpg) no-repeat; padding: 2px 0 14px 0; position: relative; } #main .container #content { width: 482px; position: relative; float: left; padding: 0px 0px 30px; background-color: #fff; margin-bottom: 24px;} #main .content-container { float: left; } #main .container #secondary-content { width: 488px; float: right; } .candidates #main .container { background: none; padding: 2px 0 14px 0; position: relative; } /* 2.1 Header -----------------------------------------------------------------------------------------------*/ /* logo */ #header h1, #header a.logo{ display: block; overflow: hidden; text-align: center; } #header h1, #header h1 span, #header a.logo{ width: 250px; height: 31px; text-indent: -999em; } #header h1, #header a.logo { float: left; position: relative; background-repeat: no-repeat;background-image: url(../images/logo/qwertyized.png); cursor: pointer; } #header a.logo { float: left; position: relative; background-repeat: no-repeat;background-image: url(../images/logo/qwertyized.png); cursor: pointer; } .candidates #header h1{ text-indent: 0!important;} .candidates #header { overflow: hidden;} .candidates #header .heading { height: 31px; text-align: left; font-size: 2.1em; background-image: none; text-indent: 0!important; cursor: text; width: 500px; color:#1b1464; margin: 0; font-weight: normal; position: absolute; top: 37px; left: 220px; float: left;} /* navigation */ #navigation { position: relative; z-index: 999; float: right; padding: 9px 0 0 36px; } #navigation ul { width: 460px; height: 13px; float: right; position: relative; } #navigation ul li { float: left; display: inline; } #navigation ul li a { color: #0e004d; text-align: center; line-height: 13px; } #navigation ul li a:hover, #navigation ul li a:active { color: #d7d7d7; } #navigation ul li a, #navigation ul li a span { position: relative; overflow: hidden; float: left; height: 13px; text-indent: -999em; cursor: pointer; } #navigation ul li a span { position: absolute; left: 0; top: 0; background: url(../images/nav/qwertyized.png) no-repeat 0 0; } #navigation ul li.nav-why-qwertyized a, #navigation ul li.nav-why-qwertyized a span { width: 137px; } #navigation ul li.nav-why-qwertyized a span { background-position: 0 0; } #navigation ul li.nav-why-qwertyized a:hover span, #navigation ul li.nav-why-qwertyized a.current span { background-position: 0 -13px; } #navigation ul li.nav-writting-styles { margin-left: 5px; } #navigation ul li.nav-writting-styles a, #navigation ul li.nav-writting-styles a span { width: 175px; } #navigation ul li.nav-writting-styles a span { background-position: -172px 0; } #navigation ul li.nav-writting-styles a:hover span, #navigation ul li.nav-writting-styles a.current span { background-position: -172px -13px; } #navigation ul li.start-now { position: absolute; right: 0; top: -13px; } #navigation ul li.start-now a, #navigation ul li.start-now a span { width: 131px; height: 35px; background: url(../images/btn/start_now.gif) no-repeat 0 0; } #navigation ul li.start-now a:hover span, #navigation ul li.start-now a.current span { background-position: 0 -35px; } .wordpressizer { width: 705px; height: 350px; position: absolute; right: -265px; top: 3px; background: url(../images/wordpressizer-big.png) no-repeat 0 0; z-index: 10;} #twitter-feed{ z-index: 999; width: 360px; height: 63px; position: absolute; top: 5px; left: 160px; background: url(../images/bg/twitter_bg.png) no-repeat left top; } #twitter-feed ul{ font-size: 0.866em; margin: 7px 10px 0 63px; color: #007292; line-height: 1.2;} #twitter-feed ul a{ color: #911;} #twitter-feed #follow-button{ display: none;} #twitter-feed:hover #follow-button{position: absolute; bottom: 1px; right: 6px; width: 158px; height: 19px; display: block;background: url(../images/btn/follow.png) no-repeat left top;} #twitter-feed:hover #follow-button span, #follow-button:hover span{position: absolute; top: 0px; left: 0; width: 158px; height: 19px; display: block;background: url(../images/btn/follow.png) no-repeat left top;} #twitter-feed #twitter-timeline{ color: #80CDE3; display: block; text-decoration: none; text-align: right; margin-right: 15px;} /* 2.2 Branding -----------------------------------------------------------------------------------------------*/ #branding .qwerty { background: url(../images/bg/x.jpg) no-repeat 50% 0; } #branding .qwerty .container { height: 303px; padding: 203px 0 0 0; overflow: visible; position: relative; z-index: 9999; } #branding .qwerty .container #carousel{ position: absolute; left: -20px; top: -20px; height: 350px; width: 630px;} #branding .qwerty .container .panel { position: absolute; left: 15px; top: 66px; padding: 30px 170px 0 20px; width: 408px; height: 207px; color: #49c77c; background: url(../images/bg/branding_panel.png) no-repeat; } #branding .qwerty .container .panel h2 { margin: 0 0 22px 0; width: 306px; font-size: 55px; font-weight: normal; color: #49C77C; overflow: hidden; } #branding .qwerty .container .panel p { margin: -5px 0 0 0; line-height: 20px; font-size: 13px; color: #49C77C; } #branding .qwerty .container .panel h2.cufon-replace { width: 310px; line-height: 50px !important; display: block; } #branding .qwerty .container .panel h2.cufon-replace .cufon { vertical-align: top !important; line-height: normal !important; display: block !important; float: left; margin-bottom: -5px !important; } #branding .qwerty .container .panel p.cufon-replace { padding: 0 0 0 5px; line-height: 20px !important; clear: both; } #branding .qwerty .container .panel p.cufon-replace .cufon { vertical-align: top !important; line-height: normal !important; padding-bottom: 6px; } /* flash services */ .qwerty-services { width: 984px; height: 161px; background: #0d004c; border-top: 128px solid #1b1464; border-bottom: 2px solid #0d004c; } .candidates .qwerty-services {border-top: 0; margin-bottom: 10px; } .qwerty-services a { color: #fff; text-decoration: none; } .qwerty-services a:hover, .qwerty-services a:active { color: #eee; } .qwerty-services .scroller { width: 984px; text-align: center; /* temp style - needs jPane */ } .qwerty-services ul { position: relative; z-index: 999; width: 984px; margin: 0 auto; padding: 30px 0 30px 0px; } .qwerty-services ul li { float: left; display: inline; margin: 0; padding: 0 0 18px 21px; background-repeat: no-repeat; font-weight: bold; position: relative; } .qwerty-services ul li a {float: left; font-size: 1em; background: url(../images/ico/services.png) no-repeat left top; width: 100px; text-align: center;} .qwerty-services ul li a strong { display: block; padding-top: 70px;} .qwerty-services ul li.meta-tags a { background-position: 25px 0;} .qwerty-services ul li.meta-tags a:hover { background-position: 25px -161px;} .qwerty-services ul li.blurb-text a { background-position: -94px 0;} .qwerty-services ul li.blurb-text a:hover { background-position: -94px -161px;} .qwerty-services ul li.blog-entry a { background-position: -208px 0;} .qwerty-services ul li.blog-entry a:hover { background-position: -208px -161px;} .qwerty-services ul li.copy-proof a { background-position: -322px 0;} .qwerty-services ul li.copy-proof a:hover { background-position: -322px -161px;} .qwerty-services ul li.copy-writing a { background-position: -436px 0;} .qwerty-services ul li.copy-writing a:hover { background-position: -436px -161px;} .qwerty-services ul li.seo-keyword a { background-position: -550px 0;} .qwerty-services ul li.seo-keyword a:hover { background-position: -550px -161px;} .qwerty-services ul li.seo-polishing a { background-position: -664px 0;} .qwerty-services ul li.seo-polishing a:hover { background-position: -664px -161px;} .qwerty-services ul li.press-releases a { background-position: -778px 0;} .qwerty-services ul li.press-releases a:hover { background-position: -778px -161px;} .qwerty-services ul li.branded-articles a { background-position: -892px 0;} .qwerty-services ul li.branded-articles a:hover { background-position: -892px -161px;} .qwerty-services ul li div.service-description{ position: absolute; left: -1000em; top: 20px; width: 300px; z-index: 10000; text-align: left; padding: 12px; background: #fff; } .qwerty-services ul li div.service-description .pointer{ position: absolute; left: -6px; top: 10px; width: 7px; height: 16px; display: block; z-index: 10000; background: transparent url(../images/bg/pointer.png) 0 0 no-repeat; } .qwerty-services ul li:hover div.service-description{ position: absolute; left: 100px;z-index: 10000; } .qwerty-services ul li.hover div.service-description{ position: absolute; left: 100px;z-index: 10000; } .qwerty-services ul li div.service-description h3{ font-size: 14px;} .qwerty-services ul li div.service-description p{ font-weight: normal; font-size: 11px;} #qwertyizer{ position: absolute; top: 0px; right: -25px; width: 550px; height: 399px; background: url(../images/qwerty.png) no-repeat 0 0; } .candidates #branding .qwerty { background: #e5e5e5 url(../images/bg/main-sub.jpg) no-repeat 50% 0; } .candidates #branding .qwerty .container { padding: 15px 0 0; overflow: visible; position: relative; z-index: 9999; background: none; height: auto; } .candidates #branding .qwerty .container p.intro { text-align: center; word-spacing: 1px; border: 1px solid #f5f5f5; font-size: 1.33em;color: #0d004c; background: transparent url(../images/bg/intro.png); padding: 20px 15px; line-height: 1.5; margin-bottom: 16px;} .candidate-process { padding: 15px 0; background: transparent url(../images/bg/intro.png);border: 1px solid #f5f5f5;color: #0d004c; overflow: hidden; position: relative;} .candidate-process p{ font-size: 1.1em; margin: 0 0 20px 20px; display: inline;} .candidate-process h2{ text-align: center; font-size: 1.5em; margin: 0 0 10px;} .candidate-process ul li { width: 980px; overflow: hidden; line-height: 1.3; clear: both; *zoom: 1;} .candidate-process .clients{ width: 490px; float: left;} .candidate-process .writers{ width: 490px; float: right;} .candidate-process h2.writers{ width: 420px; padding-left: 70px;} .candidate-process h2.clients{ width: 420px; padding-right: 70px;} .candidate-process .writers p { text-align: right;float: right; clear: right; margin: 0 0 18px; display: inline;} .one{ width: 320px; float: left;} .one-side{ width: 320px; padding-right: 15px;} .two{ width: 340px; float: left;} .two-side{ width: 340px;padding-right: 15px;} .three{ width: 380px; float: left;} .three-side{ width: 387px; padding-right: 15px;} .four{ width: 410px; float: left;} .four-side{ width: 410px; padding-right: 15px;} .one-side, .two-side, .three-side, .four-side { float: right; text-align: right;} .award{ width: 360px; height: 428px; position:absolute; top: 0; left: 50%; margin-left: -180px; background: transparent url(../images/bg/award.png); } /* 2.3 Content -----------------------------------------------------------------------------------------------*/ #main .panel { width: 988px; background: #e5e5e5; margin: 15px 0 12px 0; } #main .panel .inner { width: 988px; padding: 0 0 3px 0; background: url(../images/bg/main_panel_bottom.gif) no-repeat 0 100%; } #main .panel .inner .content { width: 986px; padding: 27px 1px 0 1px; background: url(../images/bg/main_panel_top.png) no-repeat; } #content h2 { clear: both; position: relative; z-index: 999; margin: 0 0 8px 10px; font-weight: normal; font-size: 18px; color: #0d004c; } #content h3{ margin: 0 0 5px 10px; font-weight: normal; font-size: 15px; color: #0d004c; } #content p { position: relative; z-index: 999; margin: 0 0 12px 10px; color: #0d004c; } #content p.buy-now { margin-bottom: 30px; } #content h2#blurb-text span{ text-transform: lowercase;} .section{ border-bottom: 1px solid #e6e5ed; padding: 20px 10px;} .section h2 { margin-bottom: 15px;} .section.intro { padding: 20px;border: 1px solid #f5f5f5;background: transparent url(../images/bg/intro.png) ; margin-top: 100px; } .section.intro h2 { color:#0d004c; font-size: 3em;} .section.intro p {color:#0d004c; font-size: 1.1em; line-height: 1.6;} p.notice {color:#0d004c; font-size: 1.33em; line-height: 1.6; text-align: center;} /* featured projects */ #featured-projects { margin: 0 0 14px; overflow: hidden; } #featured-projects h2 { margin: 0 0 15px 20px; font-weight: normal; font-size: 20px; color: #0e004d; } #featured-projects .project-overview { padding: 15px 20px 0px 20px; position: relative; z-index: 999; } #featured-projects .project-overview h3 { margin: 0 0 10px 0; font-weight: normal; font-size: 18px; color: #0e004d; position: absolute; right: 20px; top: -40px;} #featured-projects .project-overview h4 a{text-decoration: none;} #featured-projects .project-overview h4 { margin-bottom: 5px; color: #999;font-size: 18px; overflow: hidden;} #featured-projects .project-overview h4 span{ float: left; padding: 2px 5px; font-style: italic; background: #0e004d;} #featured-projects .project-overview p { margin: 0px 0 20px 0; color: #666; clear: left; } #featured-projects .project-overview.intro p { padding-top: 15px;} #featured-projects .project-overview .section { border: 0; float: left; width: 460px; margin-bottom: 20px;} #featured-projects .project-overview .section.after { background: #fff; margin-right: -20px;width: 475px;color: #0e004d;} #featured-projects .project-overview .section.after h4{ color: #fff;} #featured-projects .project-overview .section.after p {color: #0e004d;} #featured-projects .project-overview .section.before{ padding: 20px 10px 0 0;} #featured-projects ul.selection-list { clear: both; width: 945px; padding-bottom: 14px; } #featured-projects ul.selection-list li { position: relative; z-index: 999; margin-right: 8px; padding-top: 15px;} #featured-projects ul.selection-list li a { display: block; padding: 5px 10px; color: #333;text-decoration: none;} #featured-projects ul.selection-list li a:hover{ color: #00f; } #featured-projects ul.selection-list li a img{border: 2px solid #ccc;} #featured-projects ul.selection-list li.ui-state-active a {background: #fff; } #qwertyized-action { clear: both; margin-bottom: 10px; color: #0e004d; position: relative; z-index: 1000;} #qwertyized-action h2 { margin-bottom: 5px;} /* 2.4 Secondary content -----------------------------------------------------------------------------------------------*/ #secondary-content .panel { width: 487px; background: #dfdfdf url(../images/bg/secondary_content_panel.gif) repeat-y; margin: 0 0 10px 0; } #secondary-content .panel .inner { width: 487px; padding: 0 0 2px 0; background: url(../images/bg/secondary_content_panel_bottom.gif) no-repeat 0 100%; } #secondary-content .panel .inner .content { width: 480px; padding: 24px 2px 0 4px; background: url(../images/bg/secondary_content_panel_top.gif) no-repeat; } #secondary-content .panel .inner .content h2, #secondary-content .panel .inner .content p { margin-left: 20px; margin-right: 20px; } #secondary-content .panel .inner .content li h2, #secondary-content .panel .inner .content li p { margin: 0; } /* why wordpressized */ #why-qwertyized{ margin: 0 0 14px 0; padding: 0; background: #5a5a5a url(../images/bg/why_flashized_gradient.png) no-repeat left top; border-bottom: 1px solid #9b9b9b; } #why-qwertyized h2, p, ol { position: relative; z-index: 999; } #why-qwertyized .highlight { background-color: #8c4f4f; } #why-qwertyized .stronger { margin: -4px 0 10px 0; color: #0e004d; } #why-qwertyized .stronger, #why-qwertyized h2 { margin-left: 28px; } #why-qwertyized h2 { margin: 0 0 8px 28px; font-weight: normal; font-size: 16px; color: #000; } #why-qwertyized ol { width: 488px; padding: 0 0 14px 0; } #why-qwertyized li { width: 350px; overflow: hidden; margin: 0 0 0 50px; padding: 8px 0 6px 8px; border-bottom: 1px solid #6e6e6e; } #why-qwertyized li h3 { margin: 0 0 0 22px; } #why-qwertyized li h3 a { color: #000; text-decoration: none; } #why-qwertyized li p { display: none; } #why-qwertyized li span.item-number { font-weight: bold; color: #b1b0b0; width: 26px; float: left; } #why-qwertyized li.selected { width: 442px; margin: -1px 0 -16px 0; padding: 18px 25px 36px 20px; border-bottom: 0; border-top: 1px solid #6e6e6e; background: #696969 url(../images/bg/why_wordpressized_bottom_shadow.gif) repeat-x 0 100%;} #why-qwertyized li.selected h3, #why-qwertyized li.selected p { margin: 0; float: left; } #why-qwertyized li.selected p { display: block; width: 378px; } #why-qwertyized li.selected span.item-number { padding: 10px 0 0 8px; width: 56px; font-size: 4em; color: #1aad55; display: block; float: left; } /* tools and technologies */ #writing-styles h2 { margin: 0 0 12px 0; font-weight: normal; font-size: 16px; color: #0e004d; } #writing-styles img { position: absolute; left: 0; top: 0; } #writing-styles dl { width: 440px; margin: 0 20px; padding: 0 0 10px 0; color: #0e004d; } #writing-styles dl dt { clear: left; float: left; font-weight: bold; padding: 15px 10px 0 0; margin-right: 5px; background: url(../images/bull/available.png) no-repeat 100% 75%;} #writing-styles dl dd { border-bottom: 1px solid #f5f5f5; padding: 15px 0;} .bottom { border-bottom: none !important; padding-bottom: 0;} /* flash components for sale */ #secondary-content #guarantee.panel{ background: none; position: relative;} #secondary-content #guarantee.panel .inner { padding: 0 0 3px 0; background: none; } #secondary-content #guarantee.panel .inner .content { padding: 27px 1px 0 1px; background: none; position: relative; z-index: 100;color: #0e004d;} #guarantee h2 { margin-bottom: 10px; font-size: 18px; } #glow{ position: absolute; top: -10px; left: -18px; width: 502px; height: 262px; background: url(../images/bg/glow.gif) no-repeat 0 0; z-index: 1; } /* 2.5 Footer -----------------------------------------------------------------------------------------------*/ #company-information h2 { margin: -10px 0 0px 63px; font-size: 11px; color: #7b7b7b; } #company-information { width: 987px; padding: 30px 0 0 0; background: #e5e5e5 url(../images/bg/company_information.gif) no-repeat;overflow: hidden; border-bottom: 2px solid #bbb; } #company-information h2 { margin: 0 0 5px 63px; font-size: 12px; color: #7b7b7b; } #company-information #offices { width: 615px; padding: 0 0px 34px 49px; overflow: hidden; float: left; background: none;} #company-information #offices li { float: left; display: inline; padding-left: 14px; background: url(../images/bull/company_information_arrow.gif) no-repeat 0 4px; } #company-information address { width: 256px; float: left; margin: 0 0 0 25px; padding-left: 14px; font-style: normal; background: url(../images/bull/company_information_arrow.gif) no-repeat 0 4px; } #company-information address, #company-information address a { color: #8f8f8f; } #company-information ul.legal{ width: 256px; float: left; margin: 0 0 0 39px;display: inline; overflow: hidden;} #company-information ul.legal li{float: left; border-left: 1px solid #aaa; margin-left: -2px; padding-right: 7px; display: inline;} #company-information ul.legal a { color: #8f8f8f; margin-left: 6px; float: left;display: inline;} /* 2.6 Update -----------------------------------------------------------------------------------------------*/ #xteam-toolbar .login-panel { margin-right: 23px; } /* toolbar */ /* x-company toolbar */ #x-company-toolbar { padding: 10px 0 12px 0; background-color: #000; color: #fff; } #x-company-toolbar a { color: #fff; } #x-company-toolbar a:hover { color: #aaa; } #x-company-toolbar .container{ width: 960px; margin: 0 auto; min-height: 40px; } /* x-company toolbar > login panel */ #x-company-toolbar .login-panel { float: left; line-height: 29px; } #x-company-toolbar .login-panel a { text-decoration: underline; padding-right: 12px; background: url(../images/bg_login_panel_link.gif) no-repeat 100% 50%; } #x-company-toolbar .login-panel a:hover, #x-company-toolbar .login-panel a:active { color: #fff; text-decoration: none; } /*status*/ #x-company-toolbar .login-panel dl{ margin: 5px 0 0; padding: 0; } #x-company-toolbar .login-panel dt{ position: absolute; left: -1000em; } #x-company-toolbar .login-panel dd{ float: left; } #x-company-toolbar .login-panel dd.signed a{ background: none; font-weight: bold; text-decoration: none; } #x-company-toolbar .login-panel dd.signed a:hover{ text-decoration: underline; color: #ddd; } #x-company-toolbar .login-panel ul{ list-style: none; padding: 0; margin: 0; } #x-company-toolbar .login-panel dd ul li a{ background: none; text-decoration: none; } #x-company-toolbar .login-panel dd ul li a:hover{ color:#ddd; } #x-company-toolbar .login-panel ul li{ float: left; list-style: none; padding: 0; margin: 0; } #x-company-toolbar .login-panel ul li.logout a:hover{ color:#900; } #x-company-toolbar .login-panel ul li.buttons{ padding-left: 15px; } #x-company-toolbar .login-panel ul li.buttons a{ background: url(../images/tabs.png) no-repeat 0 0; height: 29px; padding-left: 10px; float: left; position: relative; } #x-company-toolbar .login-panel ul li.buttons a span{ background: url(../images/tabs.png) no-repeat 100% 0; height: 29px; width: 10px; position: absolute; top: 0; right: 0; } #x-company-toolbar .login-panel ul li.buttons a:hover{ background-position: 0 100%; } #x-company-toolbar .login-panel ul li.buttons a:hover span{ background-position: 100% 100%; } /* x-company toolbar > company network */ #x-company-toolbar .x-company-network{ background: url(../images/tabs.png) no-repeat left top; width: 206px; height: 29px; margin: 5px 15px 0 0; display: inline; float: right; text-align: left; position: relative; z-index: 1000; } #x-company-toolbar .x-company-network .dropdown-figure{ background: url(../images/dropdown_bottom.png) no-repeat left top; width: 250px; height: 6px; margin: 0; display: block; text-align: left; position: absolute; bottom: -6px; left: 0; z-index: 1000; } #x-company-toolbar .x-company-network h2{ font-size: 1em; font-weight: normal; margin: 8px 0 0 20px; width: 150px; background: url(../images/arrow_down.png) no-repeat 100% 3px; cursor: pointer; position: relative; z-index: 1001; } #x-company-toolbar .x-company-network h2.qwertyized{ color:#605ca8; text-decoration: none; } #x-company-toolbar .x-company-network:hover h2, #x-company-toolbar .x-company-network.hover h2, #x-company-toolbar .x-company-network h2:hover, #x-company-toolbar .x-company-network h2.hover{ background: url(../images/arrow_down_h.png) no-repeat 100% 3px; } #x-company-toolbar .x-company-network a.x-logo{ background: url(../images/x-company-small.png) no-repeat 0 0; float: left; width: 36px; height: 37px; text-indent: -1000em; position: absolute; top: -5px; right: -10px; z-index: 1000; } #x-company-toolbar .x-company-network .network-dropdown{ background:#171616 url(../images/dropdown_top.png) no-repeat 0 0; width: 250px; position: absolute; top: 28px; left: -1000em; z-index: 100; } #x-company-toolbar .x-company-network:hover .network-dropdown, #x-company-toolbar .x-company-network.hover .network-dropdown{ left: 0; } #x-company-toolbar .x-company-network .network-dropdown dl{ border-top: 1px solid #222; margin: 0px 10px 0 10px; padding: 10px 0; } #x-company-toolbar .x-company-network .network-dropdown dl.upcoming{ border-top: 1px solid #222; margin: -10px 10px 0 10px; padding-top: 10px; } #x-company-toolbar .x-company-network .network-dropdown dt{ padding-left: 10px; margin: 0; } #x-company-toolbar .x-company-network .network-dropdown dt.status{ left: -1000em; position:absolute; } #x-company-toolbar .x-company-network .network-dropdown dd{ padding: 0 0 15px 10px; margin: 0; color: #bbb; font-size: 0.9em; } #x-company-toolbar .x-company-network .network-dropdown dd.coming-soon{ padding-bottom: 10px; font-size: 1em; } #x-company-toolbar .x-company-network .network-dropdown dt.xhtmlized a{ color:#ff9900; text-decoration: none; } #x-company-toolbar .x-company-network .network-dropdown dt.flashized a{ color:#d60005; text-decoration: none; } #x-company-toolbar .x-company-network .network-dropdown dt.wordpressized a{ color:#1fa400; text-decoration: none; } #x-company-toolbar .x-company-network .network-dropdown dt.qwertyized a{ color:#605ca8; text-decoration: none; } #x-company-toolbar .x-company-network .network-dropdown dt.jsized a{ color:#ccc; text-decoration: none; } #x-company-toolbar .x-company-network .network-dropdown dt.blackbean a{ color:#ad4201; text-decoration: none; } #x-company-toolbar .x-company-network .network-dropdown dt.x-team a{ color:#fff; text-decoration: none; } #x-company-toolbar .x-company-network .network-dropdown dt.fives a{ color:#4264b6; text-decoration: none; } #x-company-toolbar .x-company-network .network-dropdown dt a:hover{ text-decoration: underline; }