/********************************************************************************************** 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: #d7d7d7; 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: #1aad55; } a:hover, a:active { color: #1aad55; 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: 72px; } #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.gif) no-repeat; padding: 2px 0 14px 0; position: relative; } #main .container #content { width: 432px; position: relative; float: left; padding: 30px 26px 30px 16px; background-color: #fff; } #main .content-container { float: left; } #main .container #secondary-content { width: 488px; float: right; } /* 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: 30px; text-indent: -999em; } #header h1, #header a.logo { float: left; position: relative; background-repeat: no-repeat;background-image: url(../images/logo/wordpressed.png); cursor: pointer; } /* navigation */ #navigation { position: relative; z-index: 999; float: right; padding: 9px 0 0 36px; } #navigation ul { width: 434px; height: 13px; float: right; position: relative; } #navigation ul li { float: left; display: inline; } #navigation ul li a { color: #000; 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/wordpressed.png) no-repeat 0 0; } #navigation ul li.nav-why-wordpressized a, #navigation ul li.nav-why-wordpressized a span { width: 137px; } #navigation ul li.nav-why-wordpressized a span { background-position: 0 0; } #navigation ul li.nav-why-wordpressized a:hover span, #navigation ul li.nav-why-wordpressized a.current span { background-position: 0 -13px; } #navigation ul li.nav-tools-and-technologies { margin-left: 15px; } #navigation ul li.nav-tools-and-technologies a, #navigation ul li.nav-tools-and-technologies a span { width: 132px; } #navigation ul li.nav-tools-and-technologies a span { background-position: -172px 0; } #navigation ul li.nav-tools-and-technologies a:hover span, #navigation ul li.nav-tools-and-technologies a.current span { background-position: -172px -13px; } #navigation ul li.nav-browse-projects { margin-left: 45px; } #navigation ul li.nav-browse-projects a, #navigation ul li.nav-browse-projects a span { width: 101px; } #navigation ul li.nav-browse-projects a span { background-position: -349px 0; } #navigation ul li.nav-browse-projects a:hover span, #navigation ul li.nav-browse-projects a.current span { background-position: -349px -13px; } #navigation ul li.nav-browse-people { margin-left: 45px; } #navigation ul li.nav-browse-people a, #navigation ul li.nav-browse-people a span { width: 94px; } #navigation ul li.nav-browse-people a span { background-position: -495px 0; } #navigation ul li.nav-browse-people a:hover span, #navigation ul li.nav-browse-people a.current span { background-position: -495px -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: 176px; 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 .quick-as-a-flash { background: url(../images/bg/x.jpg) no-repeat 50% 0; } #branding .quick-as-a-flash .container { height: 303px; padding: 205px 0 0 0; overflow: visible; position: relative; z-index: 9999; } #branding .quick-as-a-flash .container #carousel{ position: absolute; left: -10px; top: -20px; height: 350px; width: 630px;} #branding .quick-as-a-flash .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 .quick-as-a-flash .container .panel h2 { margin: 0 0 22px 0; width: 306px; font-size: 55px; font-weight: normal; color: #49C77C; overflow: hidden; } #branding .quick-as-a-flash .container .panel p { margin: -5px 0 0 0; line-height: 20px; font-size: 13px; color: #49C77C; } #branding .quick-as-a-flash .container .panel h2.cufon-replace { width: 310px; line-height: 50px !important; display: block; } #branding .quick-as-a-flash .container .panel h2.cufon-replace .cufon { vertical-align: top !important; line-height: normal !important; display: block !important; float: left; margin-bottom: -5px !important; } #branding .quick-as-a-flash .container .panel p.cufon-replace { padding: 0 0 0 5px; line-height: 20px !important; clear: both; } #branding .quick-as-a-flash .container .panel p.cufon-replace .cufon { vertical-align: top !important; line-height: normal !important; padding-bottom: 6px; } /* flash services */ #branding .quick-as-a-flash .container .wordpress-services { width: 984px; height: 161px; background: #1AAD55; border-top: 128px solid #2FBF69; border-bottom: 2px solid #2FBF69; } #branding .quick-as-a-flash .container .wordpress-services a { color: #fff; text-decoration: none; } #branding .quick-as-a-flash .container .wordpress-services a:hover, .wordpress-services a:active { color: #eee; } #branding .quick-as-a-flash .container .wordpress-services .scroller { width: 984px; text-align: center; /* temp style - needs jPane */ } #branding .quick-as-a-flash .container .wordpress-services ul { position: relative; z-index: 999; width: 865px; margin: 0 auto; padding: 30px 0; } #branding .quick-as-a-flash .container .wordpress-services ul li { float: left; display: inline; margin: 0 25px; padding: 0 0 18px 0; background-repeat: no-repeat; font-weight: bold; position: relative; } #branding .quick-as-a-flash .container .wordpress-services ul li a strong { display: block; padding-top: 10px;} #branding .quick-as-a-flash .container .wordpress-services ul li div.service-description{ position: absolute; left: -1000em; top: 20px; width: 300px; z-index: 10000; text-align: left; padding: 12px; background: #fff; } #branding .quick-as-a-flash .container .wordpress-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; } #branding .quick-as-a-flash .container .wordpress-services ul li:hover div.service-description{ position: absolute; left: 100px;z-index: 10000; } #branding .quick-as-a-flash .container .wordpress-services ul li.hover div.service-description{ position: absolute; left: 100px;z-index: 10000; } #branding .quick-as-a-flash .container .wordpress-services ul li div.service-description h3{ font-size: 14px;} #branding .quick-as-a-flash .container .wordpress-services ul li div.service-description p{ font-weight: normal; font-size: 11px;} /* 2.3 Content -----------------------------------------------------------------------------------------------*/ #main .panel { width: 985px; background: #dfdfdf url(../images/bg/main_panel.gif) repeat-y; margin: 0 0 12px 0; } #main .panel .inner { width: 985px; padding: 0 0 3px 0; background: url(../images/bg/main_panel_bottom.gif) no-repeat 0 100%; } #main .panel .inner .content { width: 982px; padding: 27px 1px 0 3px; background: url(../images/bg/main_panel_top.jpg) no-repeat; } #content h2 { clear: both; position: relative; z-index: 999; margin: 0 0 8px 10px; font-weight: normal; font-size: 18px; color: #000; } #content h3{ margin: 0 0 5px 10px; font-weight: normal; font-size: 15px; color: #333; } #content p { position: relative; z-index: 999; margin: 0 0 12px 10px; } #content p.buy-now { margin-bottom: 30px; } #content div.text-left, #content div.text-right { width: 240px; margin: 20px 0 ; } #content div.text-left h2 { width: 220px; } #content div.text-left p.buy-now, #content div.text-right p.buy-now { margin-bottom: 0; } #content div.text-right h2, #content div.text-right p { margin-left: 0; } #content img.img-left { margin: 10px 10px 0 0; display: inline; } #content img.img-right { margin: 10px 0px 0 10px; display: inline; } /* featured projects */ #featured-projects { margin: 0 0 14px 0; } #featured-projects h2 { margin: 0 0 0 28px; font-weight: normal; font-size: 20px; color: #000; } #featured-projects .project-overview { width: 435px; float: right; padding: 15px 20px 20px 0; position: relative; z-index: 999; min-height: 265px; } #featured-projects .project-overview h3 { margin: 0 0 10px 0; font-weight: normal; font-size: 22px; } #featured-projects .project-overview h4 a{text-decoration: none;} #featured-projects .project-overview h4 { margin-bottom: 5px;} #featured-projects .project-overview p { margin: 0 0 10px 0; } #featured-projects ul.selection-list { clear: both; width: 941px; padding-bottom: 14px; } #featured-projects ul.selection-list li { position: relative; z-index: 999; margin-right: 8px; } #featured-projects ul.selection-list li a { display: block; } #featured-projects ul.selection-list li a img{border: 2px solid #ccc;} #featured-projects ul.selection-list li.ui-state-active a img{border: 2px solid #c00;} .project-example{ position: absolute; left: -500px; top: 20px;border: 3px solid #aaa; width: 450px; height: 244px;overflow: hidden;} .project-example li {float: left; position: relative; } .project-example li a{float: left; position: relative; width: 225px; height: 244px; display: block;} .project-example li a img{float: left; width: 225px; height: 244px; } .project-example li a span{position: absolute; left: -1000em; top: 0; cursor: pointer; } .project-example li a:hover span{position: absolute; left: 0; float: left; width: 450px; height: 244px;} .project-example li.hover span{position: absolute; left: 0; float: left; width: 450px; height: 244px;} .project-example li a span img{position: absolute; top: 0; left: 0; float: left; z-index: 1000; width: 450px; } .project-example li.next a:hover span{left: -225px; } .hide{visibility: hidden;} /* glow effect overlay */ #glow { position: absolute; left: 400px; top: -50px; background: url(../images/bg/glow.png) no-repeat; width: 475px; height: 729px; } #wordpressized-process { clear: both;} #wordpressized-process 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-wordpressized { 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-wordpressized h2, p, ol { position: relative; z-index: 999; } #why-wordpressized .highlight { background-color: #8c4f4f; } #why-wordpressized .stronger { margin: -4px 0 10px 0; color: #d4d4d4; } #why-wordpressized .stronger, #why-wordpressized h2 { margin-left: 28px; } #why-wordpressized h2 { margin: 0 0 8px 28px; font-weight: normal; font-size: 16px; color: #000; } #why-wordpressized ol { width: 488px; padding: 0 0 14px 0; } #why-wordpressized li { width: 350px; overflow: hidden; margin: 0 0 0 50px; padding: 8px 0 6px 8px; border-bottom: 1px solid #6e6e6e; } #why-wordpressized li h3 { margin: 0 0 0 22px; } #why-wordpressized li h3 a { color: #000; text-decoration: none; } #why-wordpressized li p { display: none; } #why-wordpressized li span.item-number { font-weight: bold; color: #b1b0b0; width: 26px; float: left; } #why-wordpressized 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-wordpressized li.selected h3, #why-wordpressized li.selected p { margin: 0; float: left; } #why-wordpressized li.selected p { display: block; width: 378px; } #why-wordpressized li.selected span.item-number { padding: 10px 0 0 8px; width: 56px; font-size: 4em; color: #1aad55; display: block; float: left; } /* tools and technologies */ #tools-and-technologies h2 { margin: 0 0 12px 0; font-weight: normal; font-size: 16px; color: #000; } #tools-and-technologies img { position: absolute; left: 0; top: 0; } #tools-and-technologies ul { width: 440px; margin: 0 20px; padding: 0 0 10px 0; } #tools-and-technologies ul li { width: 388px; padding: 4px 0 12px 52px; position: relative; background: url(../images/ico/plugin.png) no-repeat 0 4px;} #tools-and-technologies ul li.adobe-flash { background-image: url(../images/ico/adobe_flash.gif); } #tools-and-technologies ul li.adobe-flex { background-image: url(../images/ico/adobe_flex.gif); } #tools-and-technologies ul li.adobe-air { background-image: url(../images/ico/adobe_air.gif); } #tools-and-technologies ul li.actionscript { background-image: url(../images/ico/actionscript.gif);} #tools-and-technologies ul li.flash-to-javascript { background-image:url(../images/ico/flash_to_js_communication.gif)} #tools-and-technologies ul li.oop { background-image: url(../images/ico/oop.gif);} #tools-and-technologies ul li.swfobject { background-image: url(../images/ico/swfobject.gif);} #tools-and-technologies ul li.swfaddress { background-image: url(../images/ico/swfaddress.gif);} /* flash components for sale */ #flash-components-for-sale h2 { margin: 0 0 10px 0; padding-left: 24px; background-image: url(../images/ico/cart.gif); background-repeat: no-repeat; } #flash-components-for-sale a.img-left { margin: 10px 0 0 10px; display: inline; } #flash-components-for-sale div.text-left { width: 290px; padding: 0 0 0 6px; } #flash-components-for-sale div.text-left p { margin: 0 0 16px 0; } #flash-components-for-sale ul.selection-list { clear: both; width: 440px; } #flash-components-for-sale h3 { margin: 0 0 5px 20px; } #flash-components-for-sale ul.features{ margin: 0 0 15px 15px; padding-left: 25px; list-style: circle;} #flash-components-for-sale a.img-left strong{clear: left; display: block; margin-top: 5px; text-align: center;} #flash-components-for-sale a.img-left img{border: 1px solid #ccc;} #flash-components-for-sale ul.selection-list li a{margin-right: 5px;} #flash-components-for-sale ul.selection-list li a img{border: 2px solid #ccc;} #flash-components-for-sale ul.selection-list li.ui-state-active a img{border: 2px solid #c00;} /* 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.wordpressized{ color:#1fa400; } #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; }