/* ======================================================================== OneDoor Stylesheet 03/10/09 ========================================================================*/ /* site-wide styles */ html {min-height: 100%; float: left; width: 100%; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align:top} body {min-height: 100%; margin: auto; background: #000 /*url(../images/main-background.jpg)*/ center no-repeat; color: #f4f4f4; vertical-align:top;} a {text-decoration: none; color: #fff;} .imageLink a {text-decoration: none; color: #cccccc; background:url(/themes/blackcandy/images/read_more_arrow.gif) no-repeat right;} a:hover {text-decoration: underline;} hr {border: 0; border-top: 1px dashed red; height:0;} /*titles background fixes*/ /*h1, h2, h3 {display: inline-block;}*/ h1{ font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px; height:25px; margin:3px 0 0 0; color:#fff;text-align: left; } h2{ font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:22px; height:20px; /*margin:10px 0 5px 0;*/ padding-bottom:0; color: red; } h3{ font-size:20px; height:18px; margin:5px 0 0 0; padding-bottom:0; color:red; } /* fixes */ img, .pngfix {behavior: url(css/iepngfix.htc); vertical-align:top;} .emptydiv {font-size: 1px;} /* MAIN STYLES ================================================================================================================== */ /* main wrapper, wraps the entire viewport */ #mainwrapper {float: left; margin: auto; width: 100%; clear: both;} #mainwrapper_page {float: left; margin: auto; width: 100%; clear:both; background: #000;} .centrebox {width: 896px; margin: auto;} .fullwidthbox {clear: both; float: left; width: 100%;} /* header ========================================================= */ #header_logo {float: left; width: 317px; height: 44px; margin: 45px 0 0 15px;} .link sIFR-replaced, .current sIFR-replaced { cursor: pointer; } #nav {background: url(../images/header_menu_background.png) bottom repeat-x; height: 54px; font-size: 17px; font-weight: 550; text-transform:lowercase;} #nav ul {width: 896px; margin: auto; text-align: center; padding: 27px 0 0 27px; list-style: none;} #nav ul li {float: left; padding-right: 15px; width: auto; z-index: 1; position: relative;} #nav ul li span a {text-decoration: none; } #nav ul li span a {height: 22px; text-decoration: none; } #nav ul li span a:hover {height: 22px; text-decoration: none; padding:0; margin:0} #nav ul li span:hover {border-bottom: solid 4px #fff; width: auto; text-decoration: none; padding:0 0 4px 0; margin:0;} #nav ul li span.current {border-bottom: solid 4px #fff; width: auto; text-decoration: none; padding:0; margin:0;} #nav ul li.last_menu_item{float: right; margin-right:20px} /*#nav {background: url(../images/header_menu_background.png) bottom repeat-x; height: 54px; font-size: 17px; font-weight: 550;} #nav ul {width: 896px; margin: auto; text-align: center; padding: 27px 0 0 27px;} #header_menu ul li {float: left; padding-right: 15px; width: auto; z-index: 1; position: relative;} #header_menu ul li a {height: 22px;} #header_menu ul li a:hover {border-bottom: solid 4px #fff; text-decoration: none;} #header_menu ul li a#menu_tab {float: left;} #header_menu ul li a#menu_tab:hover {float: left;}*/ /* menu hover - working with IE6 ------------------- */ /*#menu_sub_menu_news:hover ul, #menu_sub_menu_programs:hover ul, #menu_sub_menu_partners:hover ul {z-index: 2; position: absolute; float: left; width: auto; visibility: visible; cursor: pointer;} #menu_sub_menu_news ul, #menu_sub_menu_programs ul, #menu_sub_menu_partners ul {z-index: 2; position: absolute; float: left; width: 150px; visibility: hidden;} #menu_sub_menu_news ul li, #menu_sub_menu_programs ul li, #menu_sub_menu_partners ul li {float: left; width: auto; background: #000; margin-left: -35px; padding: 7px 10px 0 10px;} #menu_sub_menu_news ul li a, #menu_sub_menu_programs ul li a, #menu_sub_menu_partners ul li a {float: left; width: 120px; display: block; font-size: 14px;} #menu_sub_menu_news ul li a, #menu_sub_menu_programs ul li a, #menu_sub_menu_partners ul li a {border-bottom: solid 1px #333333; color: #666666;} #menu_sub_menu_news ul li a:hover, #menu_sub_menu_programs ul li a:hover, #menu_sub_menu_partners ul li a:hover {border-bottom: solid 1px #333333; text-decoration: none; color: #ffffff;}*/ .last_item {border: none !important;} /* content ========================================================= */ /*#intro_text {padding: 29px 0 0 3px; float: left; width: 580px; height: 173px; background: url(../images/grass_silhouette1.png) bottom right no-repeat;}*/ #twitter_box {float: right; width: 896px; text-align:right; height: 202px; background: url(../images/introTextImg.png) bottom right no-repeat; /*background: url(../images/twitter-no-flash.png) bottom left no-repeat;*/} #twitter_box a {float: right; width: 202px; padding-left: 60px; height: 202px;margin-top:20px; cursor:pointer } #mainbox1 {height: 329px; background: #000;} #mainbox1_inner {padding: 15px 0 0 17px;} #mainbox2 {height: 283px; background: #000; margin-top: 12px;} #mainbox2_inner {height: 283px; margin-top: 20px;} #quicksearch_box {float: left; height: 33px; width: 870px; background: #0f0f0f; clear: both; margin-bottom: 12px;} #quicksearch_box label { display:none;} #quicksearch_box input {float: left; width: auto; margin-top: 3px;} #quicksearch_box select {float: left; width: 208px; height: 24px; background: #000; border: solid 1px #2e2e2e; border-collapse: collapse; color: #666666; margin: 4px 0 0 5px;} #main_flash_box {float: left; height: 247px; width: 555px; border: solid 1px #0f0f0f; clear: both; margin-right: 15px;} #main_flash_box a {float: left; height: 247px; width: 555px; background: url(../images/main_flash_box_no-flash.jpg) no-repeat;} #tweets_box {float: left; padding: 0 10px 0 16px; width: 281px; height: 248px;} #tweets_box img {margin-bottom: 6px;} #onedoorTweets{padding: 0 0 0 3px; line-height: 1.2em;} #onedoorTweets ul li{margin-bottom: 10px;} .twitterTime span{color: white; background: red; display: inline-block; padding:0;} #mangoTweets {float: left; width: 281px; height: 248px;} #mangoTweets ul {float: left; width: 279px; padding-left: 3px; margin-top: 5px;} #mangoTweets ul li {float: left; width: 279px; border-bottom: solid 1px #1f1f1f; margin-top: 5px;} #mangoTweets ul li .twitterStatus {display: block;} #mangoTweets ul li .twitterTime {background: #ed1c24; color: rgb(237, 28, 36) !important;} #three_column_layout_col_1 {height: 283px; width: 275px; float: left; padding: 0 10px 0 10px;} #three_column_layout_col_1 div { height: 283px; float: left; width: 275px;} #three_column_layout_col_2 {height: 283px; width: 277px; float: left; padding: 0 19px 0 8px;} #three_column_layout_col_2 div {height: 283px; width: 277px; float: left;} #three_column_layout_col_3 {height: 283px; width: 280px; float: left; padding-right: 15px;} #three_column_layout_col_3 div {height: 283px; width: 280px; float: left;} .column_title {display: block; height: 55px;} .column_title h2 {display: inline; background: #ed1c24; font-size: 18px; color: #ffffff; padding: 2px; line-height: 1.2em;} .column_photo {display: block;} .column_text {display: block; margin: 10px 0 10px 0; line-height: 1.2em;} .column_read_more {font-weight: bold;} .readmore_text {display: block; float: left; margin-top: 1px;} .readmore_text:hover {text-decoration: none; color: #ed1c24; width: auto;} .readmore_img {display: block; float: left; width: auto; margin-left: 4px;} #latest_blog_read_more{padding-top: 3px;} /* footer ========================================================= */ #flash_footer {height: 119px; background: #080808;} #flash_footer_inner {/*background: url(../images/flash_footer_no-flash.jpg) no-repeat center;*/ height: 99px; margin-top: 10px;} #main_footer {height: 126px;} #main_footer_logos {height: 73px; text-align: center; margin: auto; width: 698px;} #main_footer_logos ul {height: 58px; width: 698px; float: left;} #main_footer_logos ul li {float: left; width: auto; height: 58px; margin-top: 15px;} #main_footer_links {float: left; clear: both; width: 866px; height: 30px; padding: 15px; line-height: 1.2em; font-size:12px} #main_footer_link1 {display: block; float: left; width: auto;} #main_footer_link2 {display: block; float: right; width: auto;} /* ======================================================================== Shin Part since 10/10/09 ========================================================================*/ sIFR-root { cursor: pointer; } /* BLOG ENTRY & SUMMARY COMMONS ================================================================================================================== */ .tags a { color: #ed1c24;} #BlogContent { width: 450px;} .mainbox { width: 896px; margin: auto;} .west_side, .east_side{ float: left; } .west_side{margin-left: 15px; line-height: 1.25em;} .east_side {margin-left: 25px; line-height: 1.05em; width: 295px;} /* BLOG SUMMARY ================================================================================================================== */ .blogSummary p{padding-bottom: 8px;} #BlogContent div.blogSummary{padding: 0 0 20px 0;} /* BLOG ENTRY ================================================================================================================== */ .blogEntry{margin-bottom: 15px;} .blogEntry h2{padding: 5px 0 0 0;} .blogEntry p{padding: 0 0 5px 0;} .typography{padding: 10px 0 10px 0;} /*#CommentHolder{padding-top: 10px;}*/ /* BLOG SIDEBAR ================================================================================================================== */ .WidgetHolder{padding: 0 0 10px 0;} .tagcould {color: #ed1c24;} #Form_QuickSubscribe fieldset{ border: none; float: left; } #Form_QuickSubscribe div, #Form_QuickSubscribe label, #Form_QuickSubscribe span{ float: left; } #Form_QuickSubscribe p,#Form_QuickSubscribe .clear{ display: none; } #Form_QuickSubscribe #Email .validation{ position: relative; top: 3px;} #Form_QuickSubscribe_Email{width: 290px; font-size: 14px;} /* CONTACT ================================================================================================================== */ #right_side{float: left; padding: 10px 0 0 15px;} #contact_content{float:left; width:395px; } /*#contact_content strong{ color: red;}*/ #contact_content h1{ margin-bottom: 15px; display:inline-block;} #contact_content p{ padding-bottom: 5px;} #google_map{float: right;/* margin-left: 55px;*/ margin-right:20px; padding:10px 0 0 0;} #contact_form{float:left; clear:left;} #contact_form h1{ margin-bottom: 15px; display:inline-block;} #contact_form label{font-weight:normal; font-size: 14px; } /* Antoine Amends 06-04-2010 */ .casetsudy_content {float: left; margin-left: 10px; line-height: 1.25em; padding: 5px 0 5px 0; width: 650px;} .pages_content {float: left; margin-left: 15px; line-height: 1.25em; padding: 10px 0 10px 0;} .pages_content table tbody tr td img, .casetsudy_content table tbody tr td img{vertical-align: top;} .pages_content h1, p, .casetsudy_content h1, .casetsudy_content p{padding: 0 0 5px 0;} /* CaseStudies ================================================================================================================== */ #sidebar_nav { margin: 8px 0 0 5px; padding-bottom: 2px; float:left;} #header { background: #ed1c24; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;} #header h4{text-align: center;} #case-studies-list{padding:15px 2px 10px 2px;} ul#Menu2 li {font-size: 0.9em; list-style: none; padding-bottom: 5px;} ul#Menu2 li a { display: block; width: 196px;} ul#Menu2 li em { padding-left: 8px; display: block;} ul#Menu2 li li em { padding-left: 0;} ul#Menu2 li a:hover, ul#Menu2 li a.current, ul#Menu2 li a.current:hover { background-color: #f6f6f6; color: #000; cursor: pointer; text-decoration: none;} ul#Menu2 li a:hover {background: #f6f6f6; color: #000;} div#bottom { background: #ed1c24;; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;} /* LATEST BLOG POST ================================================================================================================== */ .newsbox{ float: left; width: 274px; padding: 0px 10px 10px 5px; line-height: 1.25em;} .newsbox a{ display:inline-block;} /*.newsbox p{ line-height: 1.25em;}*/ .newsbox_divider/* emptydiv*/ { clear: both;} /* Press ================================================================================================================== */ .mailLink{ background: url(/themes/blackcandy/images/read_more_arrow.gif) no-repeat right; padding: 0 25px 0 0; } /* Teesside page ================================================================================================================== */ .partner ul.outside{list-style-position:outside;} ul.partner_list{list-style-image:url(''); list-style-type: circle; padding:0px; margin:0px;} .partner_list ul li{padding:10px;}