/* ----------------------------------------------------- Site Name: Tennis Excellence Last Update: 18.02.2009 Author: Steven Hambleton (http://twitter.com/stinhambo) ----------------------------------------------------*/ /* Color palette Borders #dfdfe0 ----------------------------------------------------*/ body { text-align: center; } /* GLOBAL DIVS -------------------------------------------------------------*/ #container { margin: 0 auto; text-align: left; width: 950px; } #top_area { background: url(/assets/images/layout/background.jpg) center top no-repeat; } #main { background: url(/assets/images/layout/banner_sliver.jpg) center top no-repeat; margin-bottom: 20px; overflow: hidden; } #content { float: left; margin-bottom: 20px; overflow: auto; width: 600px; } #enrol_message { border-bottom: 1px solid #dfdfe0; margin-bottom: 10px; overflow: auto; width: 600px; } #owner { float: left; height: 85px; margin: 0 10px 10px 0; width: 85px; } #owner_message { float: left; width: 500px; } #owner_message p:last-child { background: url(/assets/images/content/dans_signature.gif) right no-repeat; padding-right: 140px; } /* MASTHEAD -------------------------------------------------------------*/ #login_panel { background-color: #fafafa; overflow: auto; padding: 10px 20px 20px; width: 910px; } #masthead { height: 90px; overflow: auto; padding: 10px 20px 0; width: 910px; } #navigation { float: left; width: 635px; } #navigation ul { background: url(/assets/images/layout/navigation.gif) no-repeat; height: 55px; list-style-type: none; width: 635px; } #navigation li { display: block; float: left; margin: 0; padding: 0; } #navigation li a { display: block; height: 55px; text-decoration: none; text-indent: -9999px; } li#nhome { width: 55px; } li#ncourses { width: 140px; } li#ncoaches { width: 70px; } li#nnews { width: 100px; } li#nlinks { width: 50px; } li#ncontact { width: 80px; } li#nlocations { width: 75px; } li#ntutorials { width: 65px; } #members { float: right; width: 220px; } /* BANNER -------------------------------------------------------------*/ #banner { height: 220px; overflow: auto; width: 950px; } /* SIDEBAR -------------------------------------------------------------*/ #sidebar { float: left; margin: 0 20px 30px 20px; overflow: auto; width: 290px; } #sidebar ul { list-style-type: none; margin-bottom: 20px; } #sidebar li { background: url(/assets/images/icons/bullet_ball.gif) no-repeat left 10px; padding-left: 20px; } #sidebar ul.list li { padding: 5px 0 5px 20px; } #sidebar li a { display: block; padding: 5px 10px; } #sidebar li a:hover { background-color: #f8f8f8; } #sidebar li a p { margin: 0; } /* ACCORDION STYLING -------------------------------------------------------------*/ #accordion .programs { width: 560px; } #accordion .coach_list { overflow: auto; width: 560px; } #accordion .courses { width: 530px; } .programs, .lessons { margin-left: 30px; } #accordion ul { list-style: none; margin: 0 0 15px 30px; width: 490px; } #accordion ul li { border-bottom: 1px solid #dfdfe0; padding: 5px 0; } /* COACHES -------------------------------------------------------------*/ .coach_list ul { margin-left: 0; width: 560px; } .coach_list ul li { border-bottom: none; display: block; float: left; height: 75px; margin-right: 10px; padding: 5px 0 5px; width: 265px; } .coach_list img { float: left; margin-right: 5px; width: 85px; } .coach_list li a:hover { background-color: #f8f8f8; } #coach_information { overflow: auto; width: 600px; } #coach_image { float: left; margin-right: 20px; width: 160px; } #coach_bio { float: left; width: 420px; } #coach_bio ul { background-color: #f6f6f6; border-bottom: 1px solid #dfdfe0; margin: 10px 0 20px; padding: 10px; } /* LOCATIONS -------------------------------------------------------------*/ .location_information { margin-left: 40px; width: 480px; } .location_information img { border: 6px solid #dfdfe0; margin-bottom: 10px; } /* NEWS -------------------------------------------------------------*/ .news_item { border-bottom: 1px solid #dfdfe0; margin-bottom: 20px; width: 550px; } /* LINKS -------------------------------------------------------------*/ .link_item { border-bottom: 1px solid #dfdfe0; margin-bottom: 20px; width: 550px; } /* ACTION BAR -------------------------------------------------------------*/ #action_bar { background: url(/assets/images/layout/banner_sliver.jpg) center top no-repeat; clear: both; margin-bottom: 20px; overflow: auto; padding: 0 20px; width: 910px; } #action_bar ul { margin: 0; width: 910px; } #action_bar li { display: block; float: left; height: 80px; margin-right: 20px; width: 290px; } #action_bar li.last { margin-right: 0; } #action_bar li a { display: block; height: 80px; text-indent: -9999px; width: 290px; } li#action_discover a { background: url(/assets/images/layout/action_news.png) no-repeat; } /* li#action_discover a { background: url(/assets/images/layout/action_courses.png) no-repeat; }*/ li#action_find a { background: url(/assets/images/layout/action_find.png) no-repeat; } li#action_coaches a { background: url(/assets/images/layout/action_coaches.png) no-repeat; } /* FEATURE BAR -------------------------------------------------------------*/ #feature_bar { padding: 0 20px; width: 910px; } #feature_bar img { float: left; height: 85px; margin: 0 10px 30px 0; width: 85px; } .feature_box { border-right: 1px solid #dfdfe0; border-top: 1px solid #dfdfe0; float: left; padding-top: 10px; width: 290px; } .feature_box.feature_three { border-right: none; } .feature_one { padding-right: 10px; } .feature_two { padding-left: 9px; padding-right: 9px; } .feature_three { padding-left: 10px; } /* FOOTER -------------------------------------------------------------*/ #footer { background-color: #55565a; overflow: auto; padding: 20px 20px 0; text-align: center; width: 910px; } #footer a { color: #fff; font-weight: bold; } /* BUTTONS -------------------------------------------------------------*/ a.button { display: block; height: 40px; text-indent: -9999px; cursor: pointer; } a.button_find { background: url(/assets/images/layout/button_find.gif) no-repeat; margin: 0 auto; width: 260px; } a.button_registration { background: url(/assets/images/layout/button_registration.gif) no-repeat; margin: 0 auto; width: 260px; } a.button_coaches { background: url(/assets/images/layout/button_coaches.gif) no-repeat; width: 300px; } a.button_member { background: url(/assets/images/layout/button_member.png) no-repeat; width: 220px; } a.button_member_logout { background: url(/assets/images/layout/button_member_logout.png) no-repeat; width: 220px; }