/* ------------------------------------------------------------- HAMBO DEVELOPMENT - HTTP://HAMBODEVELOPMENT.COM YOU DESIGN _WE DEVELOP ------------------------------------------------------------- */ body { background: #fff; } html { background: #000; } /* CLASSES -------------------------------------------------------------*/ .column { float: left; } .outer { width: 290px; } .outer .column { margin-right: 20px; width: 125px; } .inner { padding: 0 30px; width: 330px; } #two_column_wrap { float: right; } .two_column_group { clear: both; } .article { clear: both; margin-bottom: 30px; } .title { position: relative; } .entry { clear: both; overflow: hidden; margin-bottom: 20px; padding-top: 5px; } .outer .entry, .inner .entry { margin-bottom: 10px; } .photo { float: left; height: 100px; margin-right: 15px; position: relative; width: 140px; } .post { float: left; width: 380px; } .inner .photo { height: 40px; margin-right: 15px; width: 65px; } .inner .post { width: 250px; } img.left { margin: 0 20px 20px 0; } a.play { background: url(/assets/images/icons/button_play_small.png) center no-repeat; display: block; height: 39px; width: 70px; position: absolute; } .attorney { position: relative; } .attorney img { border: 5px solid #eee; } .attorney a.play { top: 20px; right: 20px; } .attorney ul#videos { padding: 20px 0; } .attorney ul#videos li { background: #f0f0f0 url(/assets/images/icons/button_play_small.png) center no-repeat; display: inline-block; height: 140px; margin-right: 40px; width: 140px; } .attorney ul#videos li:last { margin-right: 0; } a.play_big { background: url(/assets/images/icons/button_play_big.png) no-repeat; display: block; height: 82px; width: 82px; position: absolute; } #attorney_body a.play_big { top: 120px; left: 50px } .video { float: left; margin-right: 20px; position: relative; width: 140px; } .video img { border: 5px solid #eee; } .video a.play, .photo a.play { top: 10px; right: 0; } p.read_more { background: url(/assets/images/icons/bullet_read_more.png) left no-repeat; padding: 0 0 0 8px; } /* LIST STYLING -------------------------------------------------------------*/ #content ul { margin: 5px 0 20px; padding-left: 15px; } #content ul.accordion { list-style-type: none; } #content ul.accordion li { background: url(/assets/images/icons/icon_list.png) left 3px no-repeat; padding: 0 0 5px 20px; } #content ul.accordion ul { list-style-type: none; margin-bottom: 10px; } #content ul.accordion ul li { background: none; list-style-type: none; padding-left: 20px; } ul.assets { list-style-type: none; padding-left: 0; } ul.assets li { border-bottom: 1px dotted #a8bdcf; margin-bottom: 15px; padding: 0 0 15px 50px; } ul.assets li.pdf { background: url(/assets/images/icons/icon_pdf.png) left top no-repeat; } ul.assets li.link { background: url(/assets/images/icons/icon_link.png) left top no-repeat; } /* BUTTONS -------------------------------------------------------------*/ a.button { cursor: pointer; display: block; outline: none; padding: 5px; } /* CALL: THESE ARE THE LINKS TO OTHER PAGES AT THE BOTTOM OF STATIC PAGES */ a.call { background-color: #36647b; margin-top: 10px; width: 200px; } a.call:hover { background-color: #36647b; } a.image { cursor: pointer; display: block; outline: none; text-indent: -9999px; } a.action { background: url(/assets/images/icons/button_action_wide.png) no-repeat; cursor: pointer; display: block; font-size: 11px; font-weight: bold; height: 23px; outline: none; padding: 6px 15px 0; text-transform: uppercase; width: 255px; } /* MASTHEAD -------------------------------------------------------------*/ #tools_wrap { background: #000; border-bottom: 5px solid #ccc; } #tools { height: 35px; margin: 0 auto; position: relative; width: 970px; } #tools p { position: absolute; right: 0; top: 8px; } #masthead { height: 140px; margin: 0 auto; position: relative; width: 970px; } h1 a { background: url(/assets/images/icons/odam_logo.jpg) no-repeat; border-right: 1px solid #eff3f6; display: block; height: 132px; width: 195px; text-indent: -9999px; position: absolute; top: 0; left: 0; } p#partners { position: absolute; top: 20px; left: 240px; } p#contact_number { position: absolute; top: 20px; right: 40px; } /* MAIN NAVIGATION ------------------------*/ ul#nav_main { border-top: 1px solid #eff3f6; position: absolute; top: 70px; left: 194px; width: 780px; } ul#nav_main li { display: block; float: left; height: 59px; list-style-type: none; text-align: center; } ul#nav_main li a { background: url(/assets/images/layout/bg_nav_button.png) top no-repeat; display: block; height: 33px; margin: 0 2px; padding-top: 26px; } ul#nav_main li a:hover { background: url(/assets/images/layout/bg_nav_button.png) left -62px no-repeat; } #ndifference a { width: 150px; } #nattorneys a { width: 150px; } #npractice a { width: 150px; } #nresults a { width: 100px; } #nnews a { width: 100px; } #ncontact a { width: 100px; } #footer_nav { position: absolute; top: 10px; right: 20px; } #footer_nav ul { list-style-type: none; } #footer_nav li { display: inline; margin-right: 10px; } /* BANNER === Acknowledgement goes to http://www.metalabdesign.com for their groovy solution to a centered full frame slider! ------------------------*/ #banner_wrap { background: url(/assets/images/layout/bg_banner.png) bottom repeat-x; } #banner { background: #fff; height: 275px; margin: 0 auto; width: 970px; } /* SITE CONTAINERS -------------------------------------------------------------*/ #container { margin: 0 auto; padding-top: 30px; position: relative; overflow: auto; width: 970px; } /* SUBNAV ------------------------*/ #subnav { float: left; padding-right: 30px; width: 170px; } ul.sub_nav { list-style-type: none; margin-bottom: 20px; } ul.sub_nav li { border-bottom: 1px solid #eee; } ul.sub_nav li a { display: block; padding: 10px 0; } ul.sub_nav li.odam a { background: url(/assets/images/icons/icon_logo_subnav.png) left no-repeat; padding: 15px 0 15px 35px; } /* MAIN CONTENT ------------------------*/ #content { float: left; padding-bottom: 20px; width: 550px; } #sidebar { float: left; padding-left: 30px; width: 190px; } #attorney_body { position: relative; } #map { border: 5px solid #e2e2e2; height: 200px; margin-bottom: 10px; width: 310px; } #comment { border-top: 1px solid #eee; margin-bottom: 20px; padding-top: 20px; } #comments_list { border-top: 1px solid #eee; margin-bottom: 20px; padding-top: 20px; } .comment_post { margin-bottom: 10px; } /* INFORMATION PANEL ------------------------*/ #information_wrap { background: url(/assets/images/layout/bg_information_header.png) repeat-x; clear: both; } #information { margin: 0 auto; overflow: auto; width: 970px; } #video_link { margin-top: 20px; } #information .column h2 { display: block; height: 55px; } .column h2#latest_news { background: url(/assets/images/layout/bg_information_column_news.png) no-repeat; width: 290px; } .column h2#testimonials { background: url(/assets/images/layout/bg_information_column_testimonials.png) no-repeat; width: 330px; } .column h2#evaluation { background: url(/assets/images/layout/bg_information_column_evaluation.png) no-repeat; width: 290px; } #link_banners { border-top: 1px solid #aaa; margin-left: 30px; padding: 20px 0; width: 630px; } #link_banners img { margin-right: 20px; } /* FOOTER -------------------------------------------------------------*/ #footer_wrap { background: #000; border-top: 5px solid #d2d2d6; clear: both; margin-top: 20px; padding-bottom: 20px; overflow: auto; } #footer { margin: 0 auto; position: relative; text-align: left; width: 970px; } #footer .column { padding-top: 20px; } #footer .column .column { padding-top: 0; } #footer .inner { text-align: center; } #footer .column ul { list-style-type: none; } /* FORMS -------------------------------------------------------------*/ /* GENERAL FORM STYLING ------------------------*/ form .form_field { margin-bottom: 10px; } form input[type="text"], form input[type="submit"], form textarea { background-color: #eef3f5; border: 1px solid #d5d5de; padding: 3px; } form input[type="submit"] { border: none; background: #0080ce; color: #fff; margin: 0 auto; text-transform: uppercase; } form input:hover[type="submit"] { background: #0842A1; cursor: pointer; } form input[type="text"]:focus, form textarea:focus { border: 2px solid #0090d3; } form .captcha img { height: 22px; margin-left: 10px; width: 100px; } .form { border-top: 1px dotted #ccc; padding-top: 15px; width: 420px; } .form fieldset { margin-bottom: 10px; padding-bottom: 10px; } .form input[type="text"], .form textarea { width: 400px; } .form input.half { float: left; width: 220px; } .form input[type="text"], .form textarea { border: 2px solid #e8e8e8; } form.mini { margin-top: 20px; } form.mini input[type="text"], form.mini textarea { width: 264px; } form.mini input.half { float: left; width: 150px; } /* SEARCH RESULTS -------------------------------------------------------------*/ #search_results { border-collapse: collapse; margin-top: 20px; width: 100%; } #search_results th { font-weight: bold; text-align: left; padding: 0 0 10px 10px; } #search_results td { padding: 10px 30px 10px 5px; } #search_results td.search_title { padding-left: 10px; width: 70%; } #search_results td.search_channel { padding-left: 10px; width: 25%; } #search_results td.resultRowOne { background-color: #f0f0f0; border-bottom: 1px solid #ccc; } #search_results td.resultRowTwo { border-bottom: 1px solid #eee; } /* * jQuery Nivo Slider v1.6 * http://nivo.dev7studios.com * * Copyright 2010, Gilbert Pellegrom * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * March 2010 */ #banner { position: relative; } #banner img { position: absolute; top: 0px; left: 0px; } .nivoSlider { position: relative; } .nivoSlider img { position: absolute; top: 0; left: 0; } .nivoSlider a.nivo-imageLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 60; display: none; } .nivo-slice { display: block; position: absolute; z-index: 50; height: 100%; } .nivo-caption { position: absolute; left: 0; bottom: 0; background: #000; color: #fff; opacity: 0.8; width: 100%; z-index: 89; } .nivo-caption p { padding: 5px; margin: 0; } .nivo-directionNav a { position: absolute; top: 45%; z-index: 99; cursor: pointer; } .nivo-prevNav { left:0; } .nivo-nextNav { right:0; } .nivo-controlNav { position: absolute; right: 20px; top: 20px; z-index: 10000; } .nivo-controlNav a { display: block; width: 21px; height: 21px; background: url(/assets/images/icons/icon_banner_nav.png) no-repeat; text-indent: -9999px; border: 0; margin-right: 3px; float: left; } .nivo-controlNav a:hover { cursor: pointer; } .nivo-controlNav a.active { background-position: 0 -21px; }