/* Theme Name: Bell Brigham Theme URI: http://bellbrigham.com Author: NextClient.com Author URI: http://www.nextclient.com version: 2.0 */ * {margin:0; padding:0;} html {height:100%;} blockquote, dl, fieldset {margin:.5em 0;} /* Text Styling */ h1 {margin:0; padding:20px 0 15px; font:normal 22px "Times New Roman", Times, serif; color:#df0624; text-transform:uppercase;} h2 {margin:0; padding:10px 0 0; font:bold 18px "Times New Roman", Times, serif; color:#000;} h3 {margin:0; padding:5px 0 0; font:normal 16px "Times New Roman", Times, serif; color:#df0624;} h4, h5, h6 {margin:0; padding:5px 0 0; font:normal 14px "Times New Roman", Times, serif; color:#df0624;} p {line-height:18px; padding:0 0 10px;} strong {font-weight:bold;} hr {border: none; border-top: 1px solid #000; width: 100%; height: 1px;} a {text-decoration:underline; color: #df0624; outline:none;} a:hover {color:#000;} a:active {outline: none;} a:focus {-moz-outline-style: none;} span.requiredText {color:#FF0000;} img {border:none; margin:0; padding:0;} .clear {clear:both;} .left {float:left;} .right {float:right;} .black {color:#000;} /* Layout Styling */ .body {font: 12px Arial, Helvetica, sans-serif; background:#FFF; margin: 0; padding: 0; text-align: center; color: #000000;} #wrap {width:100%; background:#fefeea url(images/bg-body.jpg) repeat-x;} .body.body.subpage #wrap {background:#fefeea url(images/bg-body-sub.jpg) repeat-x;} #container {width: 940px; margin: 0 auto; text-align: left;} #header {padding: 0; height:202px; background: url(images/bg-header.jpg) no-repeat;} #header h1 {margin: 0; padding: 0; text-indent:-99999px;} #header h1 a {display:block; height:159px;} #nav {width:940px; height:41px;} #mainImage {width:940px; height:93px; background:url(images/bg-main-image.jpg) no-repeat top;} #mainImage ul {float:right; display:inline; margin:15px 25px 0 0; width:390px;} #mainImage ul li {background:url(images/square.jpg) no-repeat left; list-style:none; color:#FFF; line-height:16px; float:left; width:195px; text-align:left;} #mainImage ul li a {color:#FFF; text-decoration:none; font:normal 11px Arial, Helvetica, sans-serif; text-transform:uppercase; padding-left:10px;} #mainImage ul li a:hover {text-decoration:underline;} .body.subpage #mainImage2 {width:940px; height:151px; background:url(images/main-image-2.jpg) no-repeat top;} #outerContainer {width:940px; background: url(images/bg-outer-container.jpg) repeat-y;} #contentContainer {width:940px; background: url(images/content-container.jpg) no-repeat top;} #innerContainer {width:940px; background:url(images/bg-inner-container.jpg) no-repeat bottom;} .body.subpage #outerContainer {width:940px; background: url(images/bg-outer-container-sub.jpg) repeat-y;} .body.subpage #contentContainer {width:940px; background: url(images/bg-content-container-sub.jpg) no-repeat top;} .body.subpage #innerContainer {width:940px; background:url(images/bg-inner-container-sub.jpg) no-repeat bottom;} #mainContent {width:555px; padding: 310px 30px 20px 50px; margin: 0; float:left; display:inline;} #mainContent{ height:300px; min-height:300px; } html>body #mainContent{height:auto} #mainContent ul {padding:0 60px 10px 20px;} #mainContent img.logos {margin-top:25px;} .body.subpage #mainContent {width:780px; padding:0 85px 20px 75px;} /* Generic Form Styling */ .leftContact {width:200px; margin-right:40px; display:inline; float:left;} .formContact form#mc-form {width:510px; padding:10px 10px 10px 0; margin:0; text-align:center;} #mc-form form {width:510px;} #mc-form label {display:block; text-align:left; height:15px; padding:0; margin:0; width:100%;} #mc-form label.error {color:#F00; left:74px; *left:40px; position:relative; top:-52px; *top:-54px; width:127px; text-align:right;} #mc-form input {width:194px; margin:0 auto 10px; border:1px solid #bbbdbe; padding:3px; font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;} #mc-form textarea {width:220px; height:50px; margin-bottom:10px; border:1px solid #bbbdbe; overflow:hidden; padding:3px; font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;} #mc-form input.submit-btn {width:75px; height:30px; background:#333; color:#FFF; margin:10px 41px 0 0; float:right; border:1px solid #bbbdbe; cursor:pointer;} #sidebar {width:265px; padding:18px 30px 0 10px; float:left; display:inline; } #sidebar a img {margin:0 auto 10px; display:block;} #sidebar h3 {padding:10px;} address {font-style:normal; text-align:center;} address span {display:block;} address span.topSpan {font:bold 15px Arial, Helvetica, sans-serif;} address span.italicSpan {font:italic 10px Arial, Helvetica, sans-serif; padding-bottom:10px;} address span.middleSpan {padding-bottom:10px;} .body.subpage #ourAddress {width:600px; margin:0 auto;} .body.subpage address {width:200px; margin-top:20px; display:inline; float:left;} .body.subpage address.first {margin-top:30px;} .body.subpage address span {display:block;} .body.subpage address span.topSpan {font:bold 15px Arial, Helvetica, sans-serif;} .body.subpage address span.italicSpan {font:italic 10px Arial, Helvetica, sans-serif; padding-bottom:10px;} .body.subpage address span.middleSpan {padding-bottom:10px;} #articles {margin-top: 25px;} #articles h3 {font:normal 19px "Times New Roman", Times, serif; color:#df0624; text-transform:uppercase; text-align:center; padding:0 0 10px; margin:0;} #articles ul {list-style:none;} #articles ul li {font:italic 11px Arial, Helvetica, sans-serif; color:#010100; padding: 0 0 15px; text-align:center;} #articles ul li.strong {color:#df0624; font:bold 12px Arial, Helvetica, sans-serif; padding:15px 0 10px; background:url(images/bg-articles-red.gif) no-repeat top;} #articles ul li a {color:#df0624;} /* Footer Styling */ #footerContainer {clear:both; padding: 0; margin: 0 auto; background: url(images/bg-footer.jpg) repeat-x top;} #footer {width:700px; height:55px; margin:0 auto; padding: 0 20px;} #footer p { margin: 0; padding: 10px 0;} /* Footer Navigation Styling */ ul.footerNav {text-align:center; padding:10px 0 0; text-align:center;} ul.footerNav li { list-style:none; display:inline;} ul.footerNav li.page-item-23 a {border:none;} ul.footerNav li a {text-decoration:none; color:#000; font-size:10px; padding:0 8px; border-right:1px solid #000; text-transform:uppercase;} ul.footerNav li a:hover {color:#000; text-decoration:underline;} ul.footerNav li a.last-child {border: none;} /*Disclaimer*/ .bottom-line{} /*bottom-line-wrapper*/ .bottom-line-wrapper{padding:0 0 20px; margin:0 auto; width:850px; overflow:hidden; color:#7f7f7f;} .bottom-line-wrapper a img{ float:left; padding-right:15px; border:none;} .bottom-line-wrapper p{ margin:0; padding-top:5px; overflow:hidden; font:10px Arial, Helvetica, sans-serif; color:#7f7f7f; text-shadow: 0 0 0 #FFF; text-align:left;} .bottom-line-wrapper p a, .bottom-line-wrapper p a:visited {font-weight:normal; font-size:10px; color:#7f7f7f; text-shadow: 0 0 0 #FFF; text-decoration:none;} .bottom-line-wrapper p a:hover {text-decoration:underline; color:#7f7f7f;} ul.MenuBarHorizontal { margin: 0 auto; display:table; padding: 0 0 0 2px; background:url(images/bg-nav-divider.jpg) no-repeat left; list-style-type: none; cursor: default; *width: 875px; /*Only change width for IE browsers ONLY!*/ } ul.MenuBarActive { z-index: 1000; } ul.MenuBarHorizontal li /*Do not set a height for 'li' - WILL BREAK in IE6 if you do!*/ { margin: 0; padding: 0 2px 0 0; background:url(images/bg-nav-divider.jpg) no-repeat right; list-style-type: none; position: static; text-align: left; cursor: pointer; float: left; } ul.MenuBarHorizontal ul { margin: 0; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: 225px; position: absolute; left: -1000em; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { left: auto; } /* Menu item containers are same fixed width as parent */ ul.MenuBarHorizontal ul li { width: 225px; background:#9e9ea3; padding-right:0; } /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */ ul.MenuBarHorizontal ul ul { position: absolute; margin: -5% 0 0 95%; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: 0; } /******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************/ /* Submenu containers have borders on all sides */ ul.MenuBarHorizontal ul { } /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarHorizontal a { display: block; cursor: pointer; padding: 13px 16px 12px; font:normal 13px "Times New Roman", Times, serif; text-transform:uppercase; color: #000000; text-decoration: none; } ul.MenuBarHorizontal ul a { display: block; cursor: pointer; background-color: #9e9ea3; padding: 5px 16px; font:normal 13px Arial, Helvetica, sans-serif; text-transform:none; color: #FFF; text-decoration: none; } /* Menu items that have mouse over or focus have a blue background and white text */ ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { background:url(images/bg-nav-hover.jpg) repeat-x; color: #FFF; text-decoration: none; } ul.MenuBarHorizontal ul a:hover, ul.MenuBarHorizontal ul a:focus { background-color: #FFF; background-image:none; color: #000; text-decoration: none; } /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible { background:url(images/bg-nav-hover.jpg) repeat-x; color: #FFF; text-decoration: none; } ul.MenuBarHorizontal ul a.MenuBarItemHover, ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal ul a.MenuBarSubmenuVisible { background-color: #FFF; background-image:none; color: #000; text-decoration: none; } ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010; filter:alpha(opacity:0.1); }*/ /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */ @media screen, projection { ul.MenuBarHorizontal li.MenuBarItemIE { display: inline; f\loat: left; } } /* Directions Page Styles (Google Maps Default) /* Fix for IE6 - prevents text from disappearing when map loads - apply this class to the RTF for content area */ .DirectionsContent { display:block; position:relative;} /* [ Outer div ] -----------> */ #directionsForm { } /* div that wraps form */ #directionsInput { padding:4px 0px;} #fromAddress { width:350px; border:1px solid #c0c0c0; background:#eee; padding:3px 4px; font:11px Tahoma, Verdana, sans-serif; color:#555;} /* address input field */ #directionsLocale { padding:4px 0px;} #directionsLocale select { border:1px solid #c0c0c0; background:#eee; padding:2px; font:11px Tahoma, Verdana, sans-serif; color:#555;} /* language dropmenu */ #locale{ } #directionsSubmit { padding:4px 0px;} #directionsSubmit input { padding:1px 2px; font:bold 12px Tahoma, Verdana, sans-serif; text-transform:uppercase; color:#fff; background:#364a61; border:1px solid #000;} /* GET DIRECTIONS button */ #directionsSubmit input:hover { background:#7b0225;} #map { border:1px solid #c0c0c0; color:#000;} #addressNotFound { } #directions { } /*