/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ /* Global styles */ .custom a:active {outline: none;} .custom a:focus {-moz-outline-style: none;} .custom a:link, .custom a:visited { color: #FF4E00; } .custom a:hover { color: white; background-color: #FF4E00; } .custom h1 { font-family: "Arial Black", Arial, sans-serif; font-size: 1.4em; } .custom .headline_area h1 { font-family: "Arial Black", Arial, sans-serif; font-size: 1.8em; text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px solid #DCD3BC; } .custom h2.headline { font-size: 2.4em; color: #78ACBD; line-height: 0.9em; margin-top: 10px; } .custom h2.headline a, .custom h2.headline a:link, .custom h2.headline a:visited { font-size: 0.45em; vertical-align: middle; } .custom h2.headline a:hover, .custom h2.headline a:active { color: #78ACBD; background-color: transparent; } .custom h3 { font-family: "Arial Black", Arial, sans-serif; font-size: 1.4em; } .custom h3 a, .custom h3 a:link, .custom h3 a:visited { color: #104057; text-decoration: none; } .custom h3 a:hover { color: #fff; text-decoration: none; } .custom h4 { font-family: "Arial Black", Arial, sans-serif; font-size: 1.1em; color: #104057; padding: 10px 0px; } .custom h4 a, .custom h4 a:link, .custom h4 a:visited { color: #104057; text-decoration: none; } .custom h4 a:hover { color: #fff; text-decoration: none; } .custom h5 { font-weight: bold; font-size: 0.9em; } .custom .page { background-image: url(images/background_glow.jpg); background-repeat: no-repeat; } .custom #header_area a:hover { background-color: transparent; } .custom .clearboth { clear: both; } /* Top navigation menu styling and placement */ .custom #sitelogo { float: left; display: inline; width: 319px; } .custom #topnav { float: left; width: 560px; max-width: 560px; padding-top: 33px; padding-left: 90px; background-color: transparent; } .custom #topnav li { padding: 5px 16px 5px 16px; margin-left: -3px; list-style: none; display: inline; font-size: 14px; font-weight: bold; border-left: 1px solid #DCD3BC; border-top: 1px solid #DCD3BC; border-bottom: 1px solid #DCD3BC; background-color: #F7F4EB; } .custom #topnav li.topnavfirst { border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; } .custom #topnav li.topnavlast { border-right: 1px solid #DCD3BC; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; } .custom #topnav li:hover { background: #E8EBA2 url(images/topnav_hover.jpg) repeat-x top left; } .custom #topnav li a, .custom #topnav li a:link, .custom #topnav li a:visited { color: #6692A0; margin: 0; } .custom #topnav li a:hover, .custom #topnav li a:focus { color: #6692A0; } .custom #header { display: none; } .custom #breadcrumbs { margin-top: 15px; } .custom #breadcrumbs a, .custom #breadcrumbs a:link, .custom #breadcrumbs a:visited { font-size: 1.1em; color: #78ACBD; text-decoration: underline; } .custom #breadcrumbs a:hover, .custom #breadcrumbs a:active { color: #FF4E00; } .custom #breadcrumbs strong { font-size: 1.1em; color: #78ACBD; text-decoration: none; } .custom #nobreadcrumbs { margin-top: 15px; } /* Homepage styling */ .custom #hometop { margin-left: 10px; margin-right: 10px; } .custom #homegallery, .custom #homegallery li, .custom #homegallery img { float: left; list-style-type:none; margin:0; padding:0; } .custom #homegallery li { float:none; } .custom #slideshownav { z-index: 50; position: relative; top: 228px; left: -613px; font-size: 0.5em; } .custom #slideshownav a { margin: 0 2px; padding: 5px 7px; background: transparent url("images/slideshownav_default.gif") 0 0 no-repeat; color: #fff; text-decoration: none } .custom #slideshownav a.activeSlide { background: transparent url("images/slideshownav_active.gif") 0 0 no-repeat; color: #D4E36F; } .custom #slideshownav a:focus { outline: none; } .custom .slideshow li { width: 610px; height: 243px; } .custom .slideshow a, .custom .slideshow a:link, .custom .slideshow a:visited { position: relative; top: 42px; left: 18px; padding: 2px 12px 6px 8px; font-size: 12px; color: #fff; text-decoration: none; background: transparent url(images/slideshow_learnmore.gif) 0 0 no-repeat; } .custom .slideshow a:hover, .custom .slideshow a:active { background-position: -84px 0; } .custom #homeintro { float: left; margin-top: -15px; margin-left: 30px; width: 285px; } .custom #homeintro h1 { font-family: "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 21px; line-height: 1.1em; color: #104057; padding-bottom: 20px; } .custom #homeintro p { font-size: 14px; line-height: 1.5em; color: #363636; } .custom #homecontent2 { clear: both; } .custom #homecontent2 h3 { font-family: "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 1em; color: #104057; } .custom #homecontent2 p { font-family: Arial, sans-serif; font-weight: normal; font-size: 1.1em; color: #363636; line-height: 1.5em; } .custom #homewhatwedo { float: left; width: 680px; margin-left: 10px; } .custom #whatwedoservices { border-top: 1px solid #DCD3BC; } .custom #whatwedoservices a, .custom #whatwedoservices a:link, .custom #whatwedoservices a:visited { padding-right: 25px; font-size: 2.2em; color: #78ACBD; text-decoration: none; background: transparent url('images/arrow_default.gif') right center no-repeat; } .custom #whatwedoservices a:hover, .custom #whatwedoservices a:active { font-size: 2.2em; color: #FF4E00; background: transparent url('images/arrow_active.gif') right center no-repeat; } .custom #whatwedoservices h3 { margin-top: 20px; } .custom #whatwedoservices h3 img { vertical-align: middle; } .custom #whatwedoservices p { font-size: 1em; } .custom #service1 { float: left; width: 290px; padding-right: 25px; } .custom #service2 { float: left; width: 170px; padding-right: 25px; } .custom #service3 { float: left; width: 170px; } .custom #homeevents { float: left; margin-left: 30px; margin-right: 10px; width: 210px; padding-bottom: 30px; } .custom #homeevents h4 { font-family: "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 0.8em; padding-top: 10px; } .custom #homeevents a { font-family: Arial, sans-serif; font-weight: normal; font-size: 1em; color: #FF4E00; } .custom #homeevents a:hover { color: white; background-color: #FF4E00; } .custom #eventfeed { border-top: 1px solid #DCD3BC; } .custom #eventfeed p { margin-bottom: 0px; } .custom #eventfeed a { font-size: 0.9em; text-decoration: none; } .custom #eventfeed h4 { padding-bottom: 0px; } /* Home page banner styling - blue is 6692A0 and green is b4cd67 */ .custom #homebanner { background:#b4cd67; } .custom #homebanner img { display: block; margin: 0 auto; } /* Sidebar styling */ .custom #sidebars h3 { font-size: 1em; letter-spacing: normal; text-transform: uppercase; margin-left: 10px; } .custom #sidebars h4 { font-family: "Arial Black", Arial, sans-serif; font-size: 0.9em; font-weight: normal; color: #104057; } .custom #sidebars p { font-family: Arial, sans-serif; font-size: 1em; font-weight: normal; color: #104057; } .custom .sidebar_3 { margin-top: 20px; margin-left: 10px; width: 300px; list-style: none; } .custom .downloadpdf { width: 130px; height: 32px; background: url(images/downloadpdf_button.gif) 0 0 no-repeat; } .custom .downloadpdf a, .custom .downloadpdf a:link, .custom .downloadpdf a:visited { font-family: Arial, sans-serif; font-weight: bold; font-size: 14px; position: relative; top: 8px; left: 16px; color: #fff; text-decoration: none; } .custom .downloadpdf:hover, .custom .downloadpdf:active { background-position: -130px 0; color: #fff; text-decoration: none; } .custom .downloadpdf a:hover, .custom .downloadpdf a:active { background-color: transparent; } .custom .sidebarbluebox { width: 170px; padding: 20px; background-color: #EBF1F1; border: 1px solid #DCD3BC; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .custom .sidebarwhitebox { width: 260px; padding: 20px; background-color: #fff; border: 1px solid #DCD3BC; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .custom .sidebarcasestudy { display: block; width: 280px; height: 150px; margin-bottom: -120px; } .custom a.sidebarcasestudy, .custom a.sidebarcasestudy:link, .custom a.sidebarcasestudy:visited { color: #fff; padding-top: 130px; padding-left: 10px; background-repeat: no-repeat; background-color: transparent; } .custom a.sidebarcasestudy:hover { color: #104057; text-decoration: none; background-position: -290px 0; background-color: transparent; } .custom #smith_abe { background-image: url(images/sidebar-casestudy/smithsonian_abe.gif); } /* Sidebar vertical menu styling */ .custom .Suckerfish_41 { background-color: #fff; padding: 20px 20px 13px 20px; border: 1px solid #DCD3BC; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .custom .Suckerfish_41 .selected { display: block; } .custom .Suckerfish_41 ul, .custom .Suckerfish_41 li { margin-top: 2px; margin-bottom: 2px; } .custom .Suckerfish_41 li.menusection.selected > ul { margin-top: 7px; margin-bottom: 7px; } .custom .menusection { padding-bottom: 7px; } .custom .menusection a, .custom .menusection a:link, .custom .menusection a:visited, .custom .menusection a:hover, .custom .menusection a:active { font-family: Arial, sans-serif; font-weight: bold; font-size: 1em; color: #104057; background:url(images/menu_indicators.gif) no-repeat 0 -60px; padding: 0 0 0 15px; outline:none; } .custom .selectedHasChildern a, .custom .selectedHasChildern a:link, .custom .selectedHasChildern a:visited, .custom .selectedHasChildern a:hover, .custom .selectedHasChildern a:active { background-position:0 -30px; } .custom .menusection a:hover, .custom .menusection a:active { background-color: transparent; text-decoration: underline; } .custom .hasChildren a, .custom .hasChildren a:link, .custom .hasChildren a:visited, .custom .hasChildren a:hover, .custom .hasChildren a:active { padding-left:0; background:none; } .custom .menusection a.menuindicator, .custom .menusection a.menuindicator:link, .custom .menusection a.menuindicator:visited { background:url(images/menu_indicators.gif) no-repeat 0 0; float:left; display:block; height:15px; padding:0; text-indent:-9999px; width:15px; } .custom .menusection a.menuopen, .custom .menusection a.menuopen:link, .custom .menusection a.menuopen:visited { background-position:0 -30px; } .custom .menusection a.menuindicator:hover, .custom .menusection a.menuindicator:active { background-position:0 -15px; } .custom .menusection a.menuopen:hover, .custom .menusection a.menuopen:active { background-position:0 -45px; } .custom .menuheading a, .custom .menuheading a:link, .custom .menuheading a:visited, .custom .menuheading a:hover, .custom .menuheading a:active { font-family: Arial, sans-serif; font-weight: normal; font-size:0.9em; color: #FF4E00; background:url("images/menu_bullet.gif") no-repeat 0 0; padding:0 0 0 15px; text-decoration: none; } .custom .menulink a, .custom .menulink a:link, .custom .menulink a:visited, .custom .menulink a:hover, .custom .menulink a:active { color: #FF4E00; font-family: Arial, sans-serif; font-weight: normal; font-size: 0.9em; background:url("images/menu_bullet.gif") no-repeat 0 0; padding-left:15px; } .custom .menulink.selected { background-color: #EBF2F3; } .custom .menulink a:hover, .custom .menulink a:active { text-decoration: underline; } /* Page styling */ .custom .fullwidthtop { padding-bottom: 20px; } .custom .indentmaintext { padding-left: 80px; padding-bottom: 90px; } .custom .indentintro { font-family: Arial, sans-serif; font-size: 1.3em; font-weight: normal; padding-top: 25px; } .custom .lefthangintro { padding-bottom: 20px; } .custom .lefthangintro img { float: left; width: 350px; } .custom .lefthangtext { float: left; margin-left: 30px; width: 240px; font-family: Arial, sans-serif; font-weight: normal; font-size: 1.3em; } .custom lefthangtext a, .custom lefthangtext a:link, .custom lefthangtext a:visited { font-family: "Arial Black", Arial, sans-serif; font-size: 1.4em; color: #104057; padding: 10px 0px; text-decoration: none; } .custom lefthangtext a:hover { color: #fff; text-decoration: none; } .custom .extrapaddingtop { padding-top: 16px; } .custom .halfwidthleft { float: left; width: 290px; padding-bottom: 30px; } .custom .halfwidthleft a img { border-bottom: 10px solid transparent; } .custom .halfwidthleft a img:hover { border-bottom: 10px solid #FF4E00; } .custom .halfwidthright a img { border-bottom: 10px solid transparent; } .custom .halfwidthright a img:hover { border-bottom: 10px solid #FF4E00; } .custom .halfwidthright { float: right; width: 290px; padding-bottom: 30px; } .custom .halfwidthleft a:hover, .custom .halfwidthleft a:active, .custom .halfwidthright a:hover, .custom .halfwidthright a:active { background-color: transparent; } .custom .lightborderbottom { border-bottom: 1px solid #DCD3BC; padding-bottom: 1em; } .custom .lightbordertop { border-top: 1px solid #DCD3BC; padding-top: 1em; } .custom .threecolumns { float: left; width: 160px; padding-top: 20px; padding-bottom: 30px; } .custom .threecolumns ul { list-style: none; } .custom .threecolumns li { line-height: normal; padding-bottom: 1.1em; } .custom #column1, .custom #column2 { margin-right: 30px; } .custom .arrowlink a, .custom .arrowlink a:link, .custom .arrowlink a:visited { padding-right: 25px; background: transparent url('images/arrow_default_small.gif') right bottom no-repeat; } .custom .arrowlink a:hover, .custom .arrowlink a:active { color: #FF4E00; background: transparent url('images/arrow_active_small.gif') right bottom no-repeat; } .custom a.clientlink, .custom a.clientlink:link, .custom a.clientlink:visited { display: block; position: relative; left: -25px; padding-left: 25px; color: #363636; text-decoration: none; background: transparent url('images/arrow_default_small.gif') left center no-repeat; } .custom a.clientlink:hover, .custom a.clientlink:active { color: #FF4E00; text-decoration: underline; background: transparent url('images/arrow_active_small.gif') left center no-repeat; } .custom .clientpagelogo { float: left; display: block; width: 150px; height: 72px; padding-bottom: 1px; margin-right: 30px; margin-bottom: 20px; background-repeat: no-repeat; border-bottom: 10px solid #D2E167; } .custom .clientpagelogo:hover { background-position: -150px 0; border-bottom: 10px solid #FF4E00; } .custom .statbox { float: right; width: 210px; padding: 5px 0px 25px 20px; margin: 0px 0px 30px 30px; border: 1px solid #DCD3BC; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .custom .statbox p { font-family: Arial, sans-serif; font-weight: normal; font-size: 1em; color: #6C6A65; margin-bottom: -5px; } .custom .statbox h4 { font-family: "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 0.8em; color: #363636; margin-top: 1em; margin-bottom: -5px; line-height: .8em; } .custom p.formnote { width: 110px; margin-top: 55px; margin-right: 55px; padding: 15px; text-align: center; font-family: Arial, sans-serif; font-weight: bold; font-size: 0.9em; color: #104057; background-color: #EBF1F1; border: 1px solid #DCD3BC; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .custom .quickcontact { font-family: Arial, sans-serif; font-weight: bold; font-size: 1.1em; color: #104057; } .custom a.quickcontactbutton, .custom a.quickcontactbutton:link, .custom a.quickcontactbutton:visited { background: url(images/getstarted_button.gif) 0 0 no-repeat; height: 32px; width: 230px; display:-moz-inline-stack; display: inline-block; vertical-align: middle; margin: 0 10px 0 10px; text-decoration: none; } .custom a.quickcontactbutton span { display: none; } .custom a.quickcontactbutton:hover, .custom a.quickcontactbutton:active { background-position: 0 -52px; } .custom .ddsg-wrapper { padding-left: 80px; padding-bottom: 90px; } .custom .fourblocks { width: 132px; float: left; margin-right: 30px; padding-bottom: 30px; } .custom .lastblock { width: 132px; float: left; margin-right: 0; padding-bottom: 30px; } .custom .fourblocks h4, .custom .lastblock h4 { font-size: 1.05em; } .custom #fourblocks1, .custom #fourblocks2, .custom #fourblocks3, .custom #fourblocks4 { background-repeat: no-repeat; display: block; text-indent:-9999px; width: 132px; height: 110px; } .custom #fourblocks1:hover, .custom #fourblocks2:hover, .custom #fourblocks3:hover, .custom #fourblocks4:hover { background-position: -132px 0; background-color: transparent; } .custom #fourblocks4 { margin-right: 0px; } .custom .fiveblocks { width: 90px; float: left; margin-right: 40px; padding-bottom: 30px; } .custom .lastfiveblock { width: 90px; float: left; margin-right: 0; padding-bottom: 30px; } .custom .fiveblocks h4, .custom .lastfiveblock h4 { font-size: 1.05em; } .custom #fiveblocks1, .custom #fiveblocks2, .custom #fiveblocks3, .custom #fiveblocks4, .custom #fiveblocks5 { background-repeat: no-repeat; display: block; text-indent:-9999px; width: 90px; height: 90px; } .custom #fiveblocks1:hover, .custom #fiveblocks2:hover, .custom #fiveblocks3:hover, .custom #fiveblocks4:hover, .custom #fiveblocks5:hover { background-position: -90px 0; background-color: transparent; } .custom #fiveblocks5 { margin-right: 0px; } .custom .contactform { position: relative; left: -100px; } /* Footer styling */ .custom #footer_area { background-color:#104057; background-image: url(images/footer_bg_secondary.gif); background-repeat: no-repeat; background-position: bottom center; padding:0.5em 0 0 0; height: 28em; overflow: hidden; } body.home #footer_area { background-color:#104057; background-image: url(images/footer_bg_home.gif); background-repeat: no-repeat; background-position: bottom center; padding:0.5em 0 0 0; height: 42em; overflow: hidden; } .custom #footer_area .page { background:transparent; } .custom #footerlogos { text-align:left; margin-bottom: 40px; } .custom #clientlogowall { margin-top: 8px; padding-top: 8px; border-top: 1px solid #78ACBD; } .custom .clientlogo { float: left; display: block; width: 150px; height: 72px; padding-bottom: 1px; margin-right: 9.75px; background-repeat: no-repeat; } .custom .clientlogo:hover { background-position: -150px 0; background-color: transparent; } .custom #logo1, .custom #logo2, .custom #logo3, .custom #logo4, .custom #logo5 { border-bottom: 10px solid #D2E167; } .custom #logo1:hover, .custom #logo2:hover, .custom #logo3:hover, .custom #logo4:hover, .custom #logo5:hover { border-bottom: 10px solid #FF4E00; } .custom #logo6 { margin-right: 0; border-bottom: 10px solid #D2E167; } .custom #logo6:hover { border-bottom: 10px solid #FF4E00; } .custom #footer_area h3 { font-family: "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 1em; color: #fff; margin-bottom: 3px; } .custom #footer_1 { text-align:left; color:#fff; } .custom #footer_1 ul.sidebar_list li.widget { float:left; } .custom #footer_1 ul.sidebar_list li.widget p { font-family: Arial, sans-serif; font-weight: normal; font-size: 0.9em; } .custom #footer_1 ul.sidebar_list li.widget a, .custom #footer_1 ul.sidebar_list li.widget a:link, .custom #footer_1 ul.sidebar_list li.widget a:visited { font-family: "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 0.9em; color: #D2E167; background-color: transparent; border-bottom:0; } .custom #footer_1 ul.sidebar_list li.widget a:hover { color:#D2E167; text-decoration: underline; background-color: transparent; } .custom #footer_1 ul.sidebar_list li.widget .whitelink a, .custom #footer_1 ul.sidebar_list li.widget .whitelink a:link, .custom #footer_1 ul.sidebar_list li.widget .whitelink a:visited { font-family: Arial, sans-serif; font-weight: normal; font-size: 0.9em; color: #fff; text-decoration: none; } .custom #footer_1 ul.sidebar_list li.widget .whitelink a:hover { color:#D2E167; text-decoration: underline; background-color: transparent; } .custom .unobtrusive { color: #78ACBD; } .custom #footercolumn1 { width: 180px; margin-right: 35px; } .custom #footercolumn2, .custom #footercolumn3, .custom #footercolumn4 { width: 135px; margin-right: 30px; } .custom #footercolumn5 { width: 170px; margin-right: 0px; } /* Search box styling */ .custom fieldset.search { border: none; width: 243px; margin: 0 auto; background: transparent; } .custom .search_form input, .search_form button { border: none; float: left; } .custom .search_form .text_input { font-size: 1em; width: 165px; margin-right: 5px; color: #000; background-color: #90B7C3; border: 1px solid black; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .custom .search_form button#searchsubmit { font-family: Arial, sans-serif; font-weight: bold; font-size: 1.2em; color: #fff; width: 40px; padding: 1px; background: url(images/search_submit_button.gif) 0 0 no-repeat; border: 1px solid black; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .custom .search_form button#searchsubmit:hover { background-position: -40px 0; } /* Search Results Styling */ .custom #search_engine_Area { background-color: transparent; } /* Form styling */ .custom .frm_pos_top { border-top: 1px solid #DCD3BC; padding-top: 16px; } .custom .frm_pos_top h2 { font-family: "Arial Black", sans-serif; font-weight: normal; font-size: 1.6em; color: #104057; } .custom .with_frm_style .submit input[type="submit"] { float:right; margin-top:40px; margin-right:100px; margin-bottom: 30px; } /* Search Results page styling */ .custom .hfeed .page { background-image: none; } .custom .hfeed .page h2 { font-size: 1.4em; } .custom .hfeed .page h2 a, .custom .hfeed .page h2 a:link, .custom .hfeed .page h2 a:visited { color: #104057; } .custom .hfeed .page h2 a:hover, .custom .hfeed .page h2 a:active { color: #FF4E00; background-color: transparent; } /* Team Slider styling */ .custom #jcarousel-skin-lttango { margin-left:80px; } .custom .jcarousel-container { margin-left: 40px; } .custom #teamContainer { width:530px; margin:22px 0 80px 80px; } .custom .panel { position:relative; width:530px; } .custom .panel p, .panel ul, .panel ol, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 { width:450px; } .custom .panel h2, .panel h3 { color:#104057; font:bold 16px/1.125 'Arial Black', Arial, Helvetica, sans-serif; margin:30px 0 2px 0; } .custom .panel h3 { font-size: 1.2em; margin:0 0 20px 0; text-transform:uppercase; } .js .panel h3.moreAboutMe { background:url(images/team-slider/moreIcon.png) no-repeat 0 0; cursor:pointer; font-size:0.8em; height:53px; margin:0; padding:0; position:absolute; top:26px; left:270px; text-indent:-9999px; width:54px; z-index:20; } .js .moreAboutMe:hover { /*CSS3 Progressive Enhancement - ZF */ -moz-box-shadow:2px 2px 2px rgba(255,77,0,0.35); -webkit-box-shadow:2px 2px 2px rgba(255,77,0,0.35); box-shadow:2px 2px 2px rgba(255,77,0,0.35); -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; } .js .panel blockquote { /*new bg image*/ background:url(images/team-slider/aboutBubble-bottom.png) no-repeat right bottom; border:none; display:none; margin:0; position:absolute; right:0; top:0; width:265px; z-index:10; } /*Expandible bubble stuff*/ .js .panel .aboutMeQuote { background:url(images/team-slider/aboutBubble-top.png) no-repeat 0 0; padding:5px 0 0 75px; } .closeQuote { background:url(images/team-slider/closeIcon.png) no-repeat 0 0; display:block; height:21px; outline:none; position:absolute; top:-10px; right:9px; text-indent:-9999px; width:21px; } .closeQuote:hover { background-position:0 -21px; } .js #teamContainer .panel blockquote p, .js #teamContainer .panel blockquote ul, .js #teamContainer .panel blockquote ol { color:#6c6a65; font:12px/1.5 Arial, Helvetica, sans-serif; width:174px; } /*End new Expandible bubble stuff ZF*/ .custom .panel blockquote h2, .panel blockquote h3, .panel blockquote h4, .panel h5, .panel blockquote h6 { font:bold 8px 'Arial Black', Arial, sans-serif; margin:0; padding:0; width:174px; } .panel blockquote h4 { color: #000; margin-top: 10px; padding-bottom: 5px; } /* Team Slider [=IE6 Only] -------------------------------*/ .ie6 .panel h3.moreAboutMe { background-image:url(images/team-slider/moreIcon_ie6.gif); } .ie6 .panel .aboutMeQuote { background-image:url(images/team-slider/aboutBubble-top_ie6.gif); } /* Events pages */ .custom .eventlist { padding-top: 2em; padding-bottom: 1em; } .custom .eventlistthumb { float: left; margin-right: 30px; padding-top: 2em; width: 130px; height: 130px; } .custom .eventlistinfo { overflow: auto; border-bottom: 1px solid #DCD3BC; padding-bottom: 2em; } .custom .eventlistinfo h3 { margin-top: 0; } .custom .eventlistexcerpt { float: left; width: 165px; margin-right: 20px; } .custom .eventlistexcerpt p { margin-bottom: 0.5em; } .custom .eventlistexcerpt .arrowlink a { display: block; float: left; } .custom .eventlistmeta { float: left; width: 270px; } .custom .eventlistmeta td { padding-left: 5px; vertical-align: top; } .custom .eventlistmeta h4, .custom .eventdetailsmeta h4 { font-family: "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 0.8em; text-transform: uppercase; color: #363636; line-height: 0.8em; padding-top: 6px; } .custom .eventdetails { padding-bottom: 1.5em; border-bottom: 1px solid #DCD3BC; } .custom .eventdetailsthumb { float: left; margin-right: 30px; } .custom .eventdetailsinfo { overflow: auto; padding-bottom: 2em; } .custom .eventdetailsexcerpt { float: left; font-size: 1.3em; padding-bottom: 1em; } .custom .eventdetailsmeta { float: left; } .custom .eventdetailsmeta td { padding-right: 10px; vertical-align: top; } .custom .eventdetailsdesc { padding-bottom: 30px; border-bottom: 1px solid #DCD3BC; } .custom .eventdetailsdesc li { list-style:disc; } /* News pages */ .custom .newslist { padding-top: 2em; padding-bottom: 1em; } .custom .newslistthumb { float: left; margin-right: 30px; padding-top: 0.5em; width: 130px; height: 130px; } .custom .newslistinfo { overflow: auto; border-bottom: 1px solid #DCD3BC; padding-bottom: 2em; } .custom .newslistinfo h3 { margin-top: 0; margin-bottom: 0; } .custom p.newslistmeta { font-size: 0.9em; margin-bottom: 1em; } .custom .newslistexcerpt { margin-right: 20px; } .custom .newslistexcerpt p { margin-bottom: 0.5em; } .custom .newslistexcerpt .arrowlink a { display: block; float: left; } .custom .newsdetails { padding-bottom: 1.5em; } .custom .newsdetailsthumb { float: left; margin-right: 30px; } .custom .newsdetailsinfo { overflow: auto; padding-bottom: 2em; } .custom .newsdetailsexcerpt { float: left; font-size: 1.3em; padding-bottom: 1em; } .custom .newsdetailsmeta { border-bottom: 1px solid #DCD3BC; padding-bottom: 2em; } .custom .newsdetailsdesc li { list-style:disc; } .custom .eventnavprev { display: inline-block; width: 130px; height: 32px; background: url(images/prev_event.gif) 0 0 no-repeat; } .custom .eventnavnext { display: inline-block; width: 130px; height: 32px; background: url(images/next_event.gif) 0 0 no-repeat; } .custom .newsnavprev { display: inline-block; width: 130px; height: 32px; background: url(images/prev_item.gif) 0 0 no-repeat; } .custom .newsnavnext { display: inline-block; width: 130px; height: 32px; background: url(images/next_item.gif) 0 0 no-repeat; } .custom .eventnavprev:hover, .custom .eventnavprev:active, .custom .eventnavnext:hover, .custom .eventnavnext:active, .custom .newsnavprev:hover, .custom .newsnavprev:active, .custom .newsnavnext:hover, .custom .newsnavnext:active { background-position: -130px 0; background-color: transparent; text-decoration: none; } .custom a.eventnavprev span, .custom a.eventnavnext span, .custom a.newsnavprev span, .custom a.newsnavnext span { display: none; } .custom .registernow { font-family: Arial, sans-serif; font-weight: bold; font-size: 1.1em; color: #104057; } .custom a.registernowbutton, .custom a.registernowbutton:link, .custom a.registernowbutton:visited { background: url(http://www.learningtimes.com/wp-content/uploads/2010/07/registernow_button.gif) 0 0 no-repeat; height: 32px; width: 230px; display:-moz-inline-stack; display: inline-block; vertical-align: middle; margin: 0 10px 0 10px; text-decoration: none; } .custom a.registernowbutton span { display: none; } .custom a.registernowbutton:hover, .custom a.registernowbutton:active { background-position: 0 -52px; } .custom .contactusnow { font-family: Arial, sans-serif; font-weight: bold; font-size: 1.1em; color: #104057; } .custom a.contactusnowbutton, .custom a.contactusnowbutton:link, .custom a.contactusnowbutton:visited { background: url(http://www.learningtimes.com/wp-content/uploads/2010/07/contactus_button.gif) 0 0 no-repeat; height: 32px; width: 230px; display:-moz-inline-stack; display: inline-block; vertical-align: middle; margin: 0 10px 0 10px; text-decoration: none; } .custom a.contactusnowbutton span { display: none; } .custom a.contactusnowbutton:hover, .custom a.contactusnowbutton:active { background-position: 0 -52px; } .custom .visitthesite { font-family: Arial, sans-serif; font-weight: bold; font-size: 1.1em; color: #104057; } .custom a.visitthesitebutton, .custom a.visitthesitebutton:link, .custom a.visitthesitebutton:visited { background: url(http://www.learningtimes.com/wp-content/uploads/2010/08/gotosite_button.gif) 0 0 no-repeat; height: 32px; width: 230px; display:-moz-inline-stack; display: inline-block; vertical-align: middle; margin: 0 10px 0 10px; text-decoration: none; } .custom a.visitthesitebutton span { display: none; } .custom a.visitthesitebutton:hover, .custom a.visitthesitebutton:active { background-position: 0 -52px; }