/* Theme Name: BlackBird v3 Theme URI: http://www.blackbirdnest.com/ Description: BlackBird website design, version 3. Designed by Nicole Wilke. Version: 1.0 Author: HONBLUE Tags: blackbird */ * { margin:0; padding:0; } body { background:#d7dbdf url(header_bg.jpg) center top repeat-x; font:62.5% Arial; color:#343434; } img { border:0; } a, a:active, a:visited, abbr { color:#4a5067; font-weight:bold; text-decoration:none; } a:hover { text-decoration:underline; } a.hkl { color:#d7dbdf; } a.hkl:visited { color:#f00; } abbr { cursor:default; font-size:0.9em; text-decoration:none; border-bottom:dotted 1px; } #content_left p { margin-bottom:19px; } #content_right p { margin-bottom:10px; } .left { float:left; } .right { float:right; } .clear { clear:both; font-size:1px; } img#wpstats { display:none; } /*-------------------------------------------------------- Header --------------------------------------------------------*/ #header { width:960px; height:197px; margin:0 auto; } .header_left { float:left; width:600px; height:174px; } .header_right { float:right; width:300px; height:174px; background:url(header_bg_logo.png) 2px 0 no-repeat; } .header_img { display:block; width:600px; height:174px; background-repeat:no-repeat; background-position:1px top; text-indent:-2999px; outline:none; } #header_techsupport { width:244px; height:25px; position:relative; left:30px; background:url(header_techsupport.png) no-repeat; } #header_techsupport { width:244px; height:25px; display:block; float:left; text-indent:-2999px; outline:none; } #header_techsupport:hover { background-position:0 -25px; } #headerID_blackbird { background-image:url(header_title_blackbird.png); } #headerID_onit { background-image:url(header_title_onit.png); } #headerID_bca { background-image:url(header_title_bca.png); } #headerID_prefix { background-image:url(header_title_prefix.png); } #headerID_sharepoint { background-image:url(header_title_sharepoint.png); } #headerID_hex { background-image:url(header_title_hex.png); } #headerID_blog { background-image:url(header_title_blog.png); } /*-------------------------------------------------------- Navigation Menu --------------------------------------------------------*/ #menu { width:908px; height:23px; margin-left:29px; } #menu li { float:left; display:inline; list-style:none; } #menu a { display:block; position:relative; height:23px; background-image:url(header_menu.png); text-indent:-2999px; outline:none; } #menu_home a.top { width:193px; height:23px; background-color:#fff; background-position:0 0; } #menu_home a.top:hover { background-position:0 -23px; } #selected_home #menu_home a.top { background:url(header_menu_selected.png) 0 0; } #menu_services a.top { width:177px; height:23px; background-color:#ddd; background-position:-193px 0; } #menu_services a.top:hover { background-position:-193px -23px; } #selected_services #menu_home a.top { width:173px; } #selected_services #menu_services a.top { width:197px; background:url(header_menu_selected.png) -193px 0; } #menu_why a.top { width:181px; height:23px; background-color:#bbb; background-position:-370px 0; } #menu_why a.top:hover { background-position:-370px -23px; } #selected_why #menu_services a.top { width:168px; } #selected_why #menu_why a.top { width:190px; background:url(header_menu_selected.png) -398px 0; } #menu_faqs a.top { width:182px; height:23px; background-color:#000; background-position:-551px 0; } #menu_faqs a.top:hover { background-position:-551px -23px; } #selected_faqs #menu_why a.top { width:163px; } #selected_faqs #menu_faqs a.top { width:200px; background:url(header_menu_selected.png) -589px 0; } #menu_contact a.top { width:175px; height:23px; background-color:#888; background-position:-733px 0; } #menu_contact a.top:hover { background-position:-733px -23px; } #selected_contact #menu_faqs a.top { width:159px; } #selected_contact #menu_contact a.top { width:198px; background:url(header_menu_selected.png) -789px 0; } /* sub-menus */ #menu ul { width:178px; position:absolute; left:-2999px; overflow:hidden; margin-left:-6px; } #menu ul li { display:block; float:none; } #menu ul li a, #menu ul li a:visited, #menu ul li a:active { width:178px; height:13px; font:bold 1.1em Arial; text-indent:0; text-decoration:none; background-image:none; padding:6px 0 6px 10px; background-color:#a1a8ad; border-top:solid 1px #a1a8ad; border-right:solid 1px #8d9498; border-bottom:solid 1px #8d9498; border-left:solid 1px #8d9498; } #menu ul li a:hover { color:#ced5d8; border-top:solid 1px #ced5d8; } /* sub-menus selected */ #selected_services #menu ul { width:192px; overflow:hidden; margin-left:0; } #selected_services #menu_services ul li { margin-left:3px; } #selected_services #menu_services ul li a, #selected_services #menu_services ul li a:visited, #selected_services #menu_services ul li a:active { width:177px; height:13px; font:bold 1.1em Arial; text-indent:0; text-transform:uppercase; text-decoration:none; background-image:none; padding:6px 0 6px 10px; background-color:#ced5d8; border-top:0; border-right:solid 1px #8d9498; border-bottom:solid 1px #8d9498; border-left:solid 1px #8d9498; } #selected_services #menu_services ul li a:hover { color:#000; } #selected_why #menu_services ul li a { width:162px; } #menu li:hover ul, #menu li.sfhover ul { left:auto; } /*-------------------------------------------------------- Body and Content Template --------------------------------------------------------*/ #content { display:block; width:960px; margin:15px auto; padding-left:5px; } #body_header { width:960px; height:5px; background:url(body_top.png) no-repeat; font-size:0; } #body_middle { width:960px; background:url(body_middle.png) repeat-y; } .homepage { background-image:url(body_middle_home.png); } .errorpage { background-image:url(body_middle_home.png); } #body_footer { width:960px; height:4px; background:url(body_bottom.png) no-repeat; font-size:0; } #footer { width:960px; height:44px; margin:8px auto; font:1.2em Arial; background:url(footer_bg.png) no-repeat; } #footer div { display:inline; float:left; margin-top:15px; } #footer_part1 { margin-left:120px; } #footer_part2 { margin-left:53px; } #footer_part3 { margin-left:27px; } #footer_part4 { margin-left:27px; } #footer a, #footer a:active, #footer a:visited { color:#343434; text-decoration:underline; } #footer a:hover { text-decoration:none; } /*-------------------------------------------------------- Home Page Template --------------------------------------------------------*/ #content_home_box { width:900px; margin:0 auto; padding:12px; font:1.4em Arial; line-height:1.35; } #carousel_box { width:881px; height:236px; margin:0 auto; background:url(home_carousel_box.png) no-repeat; padding:2px; } #services_box { width:879px; height:142px; margin:10px auto; background:url(home_services_box.png) no-repeat; } #content_home_text { width:879px; margin:0 auto; } #content_home_left { float:left; width:610px; padding:10px; } #content_home_right { float:left; padding:10px; width:215px; margin-left:10px; } #content_error_box { width:900px; margin:0 auto; padding:12px; font:1.4em Arial; line-height:1.35; } #content_error { height:300px; padding-top:50px; text-align:center; } .content_header_home { text-indent:-2999px; margin-bottom:4px; background-repeat:no-repeat; } #content_header_home_1 { width:607px; height:14px; background-image:url(content_header_home_1.png); } #content_header_home_2 { width:126px; height:14px; background-image:url(content_header_home_2.png); } #services_menu { width:879px; height:142px; } #services_menu li { float:left; display:inline; list-style:none; } #services_menu a { display:block; position:relative; height:142px; background-image:url(home_services_items.png); text-indent:-2999px; outline:none; } #menu_services_onit a { width:120px; background-position:-9px 0; margin-left:30px; } #menu_services_onit a:hover { background-position:-9px -142px; } #menu_services_bca a { width:100px; background-position:-195px 0; margin-left:65px; } #menu_services_bca a:hover { background-position:-195px -142px; } #menu_services_prefix a { width:120px; background-position:-362px 0; margin-left:64px; } #menu_services_prefix a:hover { background-position:-362px -142px; } #menu_services_sharepoint a { width:105px; background-position:-547px 0; margin-left:63px; } #menu_services_sharepoint a:hover { background-position:-547px -142px; } #menu_services_hex a { width:95px; background-position:-726px 0; margin-left:76px; } #menu_services_hex a:hover { background-position:-726px -142px; } /*-------------------------------------------------------- Content Page Template --------------------------------------------------------*/ #content_box { width:905px; margin:0 auto; font:1.4em Arial; line-height:1.35; } #content_left { float:left; width:600px; padding:65px 20px 55px 30px; } #content_right { float:left; width:252px; padding:73px 0 55px; margin-left:3px; } .content_header { text-indent:-2999px; margin-bottom:6px; background-repeat:no-repeat; } .content_subheader { text-indent:-2999px; margin:5px 0 2px 1px; background-repeat:no-repeat; } #content_header_onit { width:600px; height:69px; background-image:url(content_header_onit.png); } #content_header_onit_1 { width:509px; height:14px; background-image:url(content_header_onit_1.png); } #content_header_onit_2 { width:517px; height:14px; background-image:url(content_header_onit_2.png); } #content_header_onit_3 { width:236px; height:14px; background-image:url(content_header_onit_3.png); } #content_header_onit_4 { width:264px; height:14px; background-image:url(content_header_onit_4.png); } #content_resource_onit_viewchart { width:350px; height:50px; margin:10px auto 25px; background-image:url(content_resource_onit_viewchart.png); } #content_resource_onit_healthreport { width:193px; height:173px; display:inline; margin-left:-6px; background-image:url(content_resource_onit_healthreport.png); } #content_resource_onit_healthreport_text { width:390px; margin-left:10px; } #content_header_bca { width:600px; height:69px; background-image:url(content_header_bca.png); } #content_header_bca_1 { width:186px; height:14px; background-image:url(content_header_bca_1.png); } #content_header_bca_2 { width:190px; height:14px; background-image:url(content_header_bca_2.png); } #content_header_bca_3 { width:305px; height:14px; background-image:url(content_header_bca_3.png); } #content_resource_bca_serverbanner { width:578px; background-image:url(content_resource_bca_serverbanner.png); font-size:0.83em; color:#15161b; padding:105px 5px 1px 15px; margin-bottom:15px; border:solid 1px #000; } #content_resource_bca_serverbanner p { margin-bottom:10px; } #content_resource_bca_serverbanner_box { width:190px; height:145px; clear:left; float:left; padding:0; } #content_resource_bca_comparison { width:588px; height:190px; margin-bottom:5px; background-image:url(content_resource_bca_comparison.png); } #content_header_prefix { width:600px; height:70px; background-image:url(content_header_prefix.png); } #content_header_prefix_1 { width:218px; height:14px; background-image:url(content_header_prefix_1.png); } #content_header_prefix_2 { width:190px; height:14px; background-image:url(content_header_prefix_2.png); } #content_header_prefix_3 { width:237px; height:14px; background-image:url(content_header_prefix_3.png); } #content_resource_prefix_diagram { display:block; width:592px; height:560px; margin:15px auto; } #content_header_sharepoint { width:600px; height:69px; background-image:url(content_header_sharepoint.png); } #content_header_sharepoint_1 { width:161px; height:14px; background-image:url(content_header_sharepoint_1.png); } #content_header_sharepoint_2 { width:293px; height:14px; background-image:url(content_header_sharepoint_2.png); } #content_header_sharepoint_3 { width:324px; height:14px; background-image:url(content_header_sharepoint_3.png); } #content_header_hex { width:600px; height:69px; background-image:url(content_header_hex.png); } #content_header_hex_1 { width:447px; height:14px; background-image:url(content_header_hex_1.png); } #content_header_hex_2 { width:526px; height:14px; background-image:url(content_header_hex_2.png); } #content_header_hex_3 { width:228px; height:14px; background-image:url(content_header_hex_3.png); } #content_header_why { width:600px; height:25px; background-image:url(content_header_why.png); } #content_header_faqs { width:600px; height:25px; background-image:url(content_header_faqs.png); } #content_header_faqs_1 { width:100%; height:14px; background-image:url(content_header_faqs_1.png); margin:20px 0 10px; border-bottom:solid 1px #aaa; } #content_header_faqs_2 { width:100%; height:14px; background-image:url(content_header_faqs_2.png); margin:20px 0 10px; border-bottom:solid 1px #aaa; } #content_header_faqs_3 { width:100%; height:14px; background-image:url(content_header_faqs_3.png); margin:20px 0 10px; border-bottom:solid 1px #aaa; } #content_header_faqs_4 { width:100%; height:14px; background-image:url(content_header_faqs_4.png); margin:20px 0 10px; border-bottom:solid 1px #aaa; } #content_header_faqs_5 { width:100%; height:14px; background-image:url(content_header_faqs_5.png); margin:20px 0 10px; border-bottom:solid 1px #aaa; } #content_header_faqs_6 { width:100%; height:14px; background-image:url(content_header_faqs_6.png); margin:20px 0 10px; border-bottom:solid 1px #aaa; } #content_header_contact { width:600px; height:25px; background-image:url(content_header_contact.png); } #content_header_legal { width:600px; height:25px; background-image:url(content_header_legal.png); } #content_header_updates_1 { width:600px; height:25px; background-image:url(content_header_updates_1.png); } #content_header_whitepaper_bca_1 { width:600px; height:25px; background-image:url(content_header_whitepaper_bca_1.png); } #content_header_whitepaper_desc { width:420px; padding-top:50px; margin-right:25px; } #content_resource_whitepapers_bca_1 { width:150px; height:189px; background-image:url(content_resource_whitepapers_bca_1.png); } .content_side { width:252px; height:33px; text-indent:-2999px; margin-bottom:5px; background-repeat:no-repeat; } #content_side_onit_1 { background-image:url(content_side_onit_1.png); } #content_side_onit_2 { background-image:url(content_side_onit_2.png); } #content_side_bca_1 { background-image:url(content_side_bca_1.png); } #content_side_bca_2 { background-image:url(content_side_bca_2.png); } #content_side_prefix_1 { background-image:url(content_side_prefix_1.png); } #content_side_prefix_2 { background-image:url(content_side_prefix_2.png); } #content_side_sharepoint_1 { background-image:url(content_side_sharepoint_1.png); } #content_side_hex_1 { background-image:url(content_side_hex_1.png); } #content_side_hex_2 { background-image:url(content_side_hex_2.png); } #content_side_why_1 { background-image:url(content_side_why_1.png); } #content_side_faqs_1 { background-image:url(content_side_faqs_1.png); } #content_side_faqs_2 { background-image:url(content_side_faqs_2.png); } #content_side_contact_1 { background-image:url(content_side_contact_1.png); } #content_side_legal_1 { background-image:url(content_side_legal_1.png); } #content_side_blog_1 { background-image:url(content_side_blog_1.png); } #content_side_blog_2 { background-image:url(content_side_blog_2.png); } .content_side_text { width:215px; margin-left:21px; margin-bottom:30px; line-height:1.2; } .content_side_text li { margin-left:1.1em; margin-bottom:10px; } ul.short li { margin-bottom:5px; font-size:0.95em; } small.side_small { font-size:0.8em; } /*-------------------------------------------------------- BCA Page Table --------------------------------------------------------*/ #content_resouce_bca_table { display:block; width:592px; margin:3px 0; } #content_resouce_bca_table th { text-align:center; font-size:0.85em; line-height:1.05; padding:8px 3px; text-transform:uppercase; background-color:#ffcd33; } #content_resouce_bca_table th.lend { border-left:solid 1px #d9dbdd; } #content_resouce_bca_table th.rend { border-right:solid 1px #d9dbdd; } #content_resouce_bca_table th.lth { border-top:solid 1px #d9dbdd; border-bottom:solid 1px #d9dbdd; border-left:solid 1px #ffbf27; } #content_resouce_bca_table th.rth { border-top:solid 1px #d9dbdd; border-bottom:solid 1px #d9dbdd; border-right:solid 1px #ffe956; } #content_resouce_bca_table tr.row1 { background-color:#f6f7f8; } #content_resouce_bca_table tr.row2 { background-color:#fff; } #content_resouce_bca_table tr.bold { font-weight:bold; } #content_resouce_bca_table td { text-align:center; font-size:0.85em; padding:5px 8px; } #content_resouce_bca_table td.lth { border-left:solid 1px #fff; } #content_resouce_bca_table td.rth { border-right:solid 1px #d8dce0; } #content_resouce_bca_table td.formatleft { text-align:left; } #content_resouce_bca_table td ul { margin-left:15px; } #content_resouce_bca_table td ul li { } #content_resouce_bca_table_key { font-size:0.8em; margin:3px 2px 20px; line-height:1.25; } /*-------------------------------------------------------- Forms Page --------------------------------------------------------*/ #updates_form_box, #whitepaper_form_box, #contact_form_box { width:500px; border:solid 2px #e3e5e8; background-color:#f9fafa; margin:0 auto; padding:15px; } .label { float:left; width:180px; font-weight:bold; line-height:1.1; } .sublabel { font:11px Arial; color:#666; } .field { float:left; } .form_row { display:block; border-top:solid 1px #f9fafa; margin-bottom:15px; } input, select, textarea { background-color:#fff; color:#343434; border:2px solid #e3e5e8; font:15px Arial; padding:5px; } input.error, select.error, textarea.error { color:#f00; border-color:#f00; } .form_option { border:0; padding-bottom:2px; } #firstname, #lastname, #company, #email, #phone, #title { width:300px; } #comments { width:300px; height:88px; } #question { width:20px; } #contact_submit_box { text-align:right; margin:10px 12px; } #contact_submit_btn { width:71px; height:25px; background:url(submit.png) center center no-repeat; border:0; cursor:pointer; } #contact_success { display:block; margin-bottom:15px; } #updates_submit_box, #whitepaper_submit_box { text-align:center; } #updates_submit_btn { width:350px; height:50px; background:url(content_resource_updates_get.png) center center no-repeat; border:0; cursor:pointer; } #whitepaper_submit_btn { width:350px; height:50px; background:url(content_resource_whitepapers_get.png) center center no-repeat; border:0; cursor:pointer; } #updates_success, #whitepaper_success { display:block; margin-bottom:15px; } #thankyou_frame { width:0; height:0; border:0; } .maintenanceNotice, .messageNotice, .successNotice, .errorNotice { display:none; width:auto; padding:4px 7px; font-size:14px; line-height:18px; text-align:center; border:2px solid; } .maintenanceNotice { border-color:#114f78; background-color:#e3e3e3; color:#114f78; } .messageNotice { border-color:#114f78; background-color:#e3e3e3; color:#114f78; } .successNotice { border-color:#61b557; background-color:#f0fff0; color:#61b557; } .errorNotice { border-color:#f00; background-color:#ffc; color:#f00; } #updates_error_box, #whitepaper_error_box { width:532px; margin:5px auto; } /*-------------------------------------------------------- Email Updates Page --------------------------------------------------------*/ #updates_separator { color:#e3e5e8; margin:20px 0; border:solid 1px #aaa; } #eu_firstname, #eu_lastname, #eu_company, #eu_email, #eu_phone, #eu_title { width:300px; } #eu_computers, #eu_servers, #eu_backup { width:300px; } #eu_contact { width:314px; } /*-------------------------------------------------------- Blog --------------------------------------------------------*/ .hentry { width:590px; } .blog_separator { margin-bottom:40px; } .blog_title { font:bold 1.6em Arial; color:#282835; margin-bottom:3px; } .blog_title a, .blog_title:visited, .blog_title:active { color:#282835; text-decoration:none; } .blog_title a:hover { color:#4a5067; } .blog_info { height:20px; font:0.85em Arial; border:solid 1px #e2e4e6; background-color:#fff; text-transform:uppercase; } .blog_info div { float:left; } .blog_date { padding:3px; } .blog_comment_link { margin-left:15px; background:url(content_blog_comment.gif) 0 2px no-repeat; padding:3px 0 3px 22px; } .blog_sm_links { margin-left:15px; padding-top:3px; } .blog_sm_links li { display:inline; list-style:none; margin-right:3px; } .blog_entry { font:1em Arial; line-height:1.4em; } .blog_entry p { margin:0 !important; padding:3px; } .blog_entry p img { max-width:100%; background-color:#fff; margin:7px; padding:7px; border:solid 1px #e2e4e6; } .blog_entry img.centered { display:block; margin-left:auto; margin-right:auto; } .blog_entry img.alignleft { display:inline; margin-left:0; margin-right:10px; } .blog_entry img.alignright { display:inline; margin-left:10px; margin-right:0; } .blog_entry .alignright { float:right; } .blog_entry .alignleft { float:left; } #blog_comment_title, #blog_post_comment { font:bold 1.3em Arial; margin:40px 0 20px; } .blog_navigation { margin:20px 0; padding:5px; height:14px; font:0.8em Arial; border:solid 1px #e2e4e6; background-color:#fff; } #blog_comment_list li { list-style:none; } #blog_comment_list li p { font-size:0.9em; line-height:1.4em; padding:5px; } .comment-author-admin p { background-color:#ccc; } .comment-author-admin div.blog_comment_info { border-color:#ccc; background-color:#dedede; } .blog_comment_info { padding:3px; font:0.85em Arial; border:solid 1px #e2e4e6; background-color:#fff; text-transform:uppercase; } #blog_comment_form { width:500px; border:solid 2px #e3e5e8; background-color:#f9fafa; margin:0 auto; padding:15px; } #blog_author, #blog_email, #blog_url, #blog_comment { width:300px; } #blog_list_sm li { list-style:none; margin:0 0 7px 18px; padding-left:20px; font-size:0.9em; } #blog_list_sm li.sm_rss { background:url(content_resource_blog_rss.png) no-repeat; } #blog_list_sm li.sm_twitter { background:url(content_resource_blog_twitter.png) no-repeat; } #blog_list_sm li.sm_facebook { background:url(content_resource_blog_facebook.png) no-repeat; } /*#blog_list_recent li, #blog_list_categories li { list-style:none; }*/ /*-------------------------------------------------------- Cluetip Customizations --------------------------------------------------------*/ .cluetip-default { background-color:#fce126; border:solid 1px #42434d; } .cluetip-default #cluetip-outer { position:relative; margin:0; background-color:#fff4af; } .cluetip-default h3#cluetip-title { margin:0 0 5px; padding:5px 10px 4px; font-size:1.5em; font-weight:bold; background-color:#42434d; color:#fff; } .cluetip-default #cluetip-title a { color:#d9d9c2; font-size:0.95em; } .cluetip-default #cluetip-inner { font-size:1.3em; padding:0 10px 10px; }