/* Theme Name: JW Training Theme URI: http://www.me.com/ Description: A red style for personal training. Version: 1.0 Author: Leslie Owensby Author URI: http://www.me.com/ */ /* COLOURS: Dark Red: #cf112c */ @import url("960/960.css"); @import url("960/reset.css"); @import url("960/text.css"); body { background: #fff; color: #333; font-size: 11px; padding: 00px 0 40px; } a:link, a:visited, a:hover, a:active { color:#666; text-decoration: underline; } a:hover { text-decoration: underline; } h1 { font-size:2.2em; font-family: Helvetica; font-weight: normal; margin-bottom:10px;} h2 { font-size:1.8em; padding: 0px 0px 12px 0px; margin:0px; color:#444; } h3 { font-size:1.6em; padding: 0px 0px 8px 0px; margin:0px; color:#555; } h4 { font-size:1.3em; padding: 0px 0px 6px 0px; margin:0px; color:#666; } h5 { font-size:1.2em; margin-bottom: 4px; color:#444; } p { padding: 0px 0 5px 0; margin:0px 0px 10px 0px; line-height:1.60em; font-size:.92em; font-family: Verdana,"Lucida Grande",Lucida,sans-serif; } h2.red { color:#cf112c; } /* .container_12 { background: #fff url('images/12_col.gif') repeat-y; margin-bottom: 20px; } .container_16 { background: #fff url('images/16_col.gif') repeat-y; } */ #main_container { margin-top:0px; padding-top:20px; padding-bottom:20px; border:1px solid #efefef; } hr.redbar { margin:0px 0px 4px 0px; padding:0px; border-color:#cf112c; } .sprite {background:url('images/sprite2.png');} .logo { float:left; height:30px; width:585px; background-position:-89px -158px; margin: 0px 0px 20px 0px; } .join_button { float:right; height:54px; width:225px; background-position:-220px 0px; margin-top: 30px; } .join_button:hover { float:right; height:54px; width:225px; background-position:-220px -54px; margin-top: 30px; } .personal_trainer { background:url('images/winning_final_of_the_run_competition_4.jpg') no-repeat; width:338px; height:277px; } .red_bar { float:left; height:8px; width:943px; background-position:0px -192px; } .stumble { float:left; height:18px; width:18px; background-position:0px -173px; } .stumble:hover { float:left; height:18px; width:18px; background-position:0px -156px; } .flickr { float:left; height:18px; width:18px; background-position:-17px -173px; } .flickr:hover { float:left; height:18px; width:18px; background-position:-17px -156px; } .facebook { float:left; height:18px; width:18px; background-position:-34px -173px; } .facebook:hover { float:left; height:18px; width:18px; background-position:-34px -156px; } .twitter { float:left; height:18px; width:18px; background-position:-51px -173px; } .twitter:hover { float:left; height:18px; width:18px; background-position:-51px -156px; } .youtube { float:left; height:18px; width:18px; background-position:-68px -173px; } .youtube:hover { float:left; height:18px; width:18px; background-position:-68px -156px; } #social_media > div { float:left; margin-right:10px;} #stumble, #flickr, #youtube { display:none; } .alignleft {float:left;} /* HOME PAGE ---------------------------- */ #logo_tagline { float:left; margin-top:35px; font-size:1.8em; color: #888; } #main_menu { float:left; height:80px; margin:10px 0px 15px 6px; width:950px; font-size:1.2em; color: #888; border-left:1px solid #fff; border-right:1px solid #fff;} #joe_photo { margin:0px; padding:0px; } #content_container { font-size: 1.15em; float:left; margin:0px; margin-top:0px; padding-top:10px; padding-bottom:0px; width:960px; background:#fff; } #intro_quote { font-size:2.6em; top:20px; } #intro_quote #quote { padding:0px 10px; color:#555; } #intro_quote #phone { margin:30px 0px 0px 0px; font-size:1.4em; position:absolute; } /* home testimonials */ .hm_testimonial { margin:0px 0px 10px 0px; padding-top:12px; border-top:1px solid #cf112c; } .hm_testimonial .photo { margin:0px; } .hm_testimonial .text { margin:10px 0px 0px 0px; font-size:1.3em; } .james_frame_photo { background:url('images/james_frame_hm.jpg') no-repeat; float:left; height:157px; width:182px; background-position:0px 0px; } .carl_frame_photo { background:url('images/carl_frame_hm.jpg') no-repeat; float:left; height:157px; width:182px; background-position:0px 0px; } /* MAIN MENU ---------------------------- */ .menu { height:77px; width:960px; background-position:0px -507px; } #main_menu ul { list-style-type:none; margin:0px; } #main_menu ul li { display:inline; float:left; margin:0px; display:block; font-size:1.1em;} .mm_home, .mm_home_current { height:77px; width:108px; background-position:0px 0px; } .mm_home:hover, .mm_home_current { background-position:0px -77px; } .mm_about, .mm_about_current { height:77px; width:156px; background-position:-109px 0px; } .mm_about:hover, .mm_about_current { background-position:-109px -77px; } .mm_athletes, .mm_athletes_current { height:77px; width:172px; background-position:-264px 0px; } .mm_athletes:hover,.mm_athletes_current { background-position:-264px -77px; } .mm_pt, .mm_pt_current { height:77px; width:252px; background-position:-436px 0px; } .mm_pt:hover, .mm_pt_current { background-position:-436px -77px; } .mm_diet, .mm_diet_current { height:77px; width:160px; background-position:-688px 0px; } .mm_diet:hover, .mm_diet_current { background-position:-688px -77px; } .mm_blog, .mm_blog_current { height:77px; width:96px; background-position:-849px 0px; } .mm_blog:hover, .mm_blog_current { background-position:-849px -77px; } #main { background:transparent; } /* sidebar: home ---------------------------- */ ul.post, ul.post li { float:left; width:100%; list-style:none; margin:0px; padding:0px;} ul.post li { clear:left; margin-bottom:22px;} ul.post .thumbnail { float:left; width: 50px; margin-right: 10px; } ul.post .col_2 { float:left; position:relative; width:80%;} ul.post .title { float:left; position:relative; font-size: 1.30em;} ul.post .title a { text-decoration: none; color:#cf112c;} ul.post .title a:hover { text-decoration:underline;} ul.post .meta { float:left; width:100%; color:#777; font-size:.9em; } ul.post .meta a { font-style:normal; font-family: Helvetica; } /* BLOG ---------------------------- */ #blog { float:left; } #featuredPost { border:1px solid #efefef; padding: 3px; margin: 0px 0px 30px 0px;} #featuredPost h2 { margin:0px; padding:0px; font-size:2.2em;} #featuredPost .entry { font-size:1.4em;} .post { float:left; position:relative; width:100%; margin:0px 0px 6px 0px; padding:0px; } #blog .title { font-size:1.7em; } #blog .title a { text-decoration:none; border-bottom:0px;} #blog .meta_data { float:left; position:relative; margin: 0px 0px 0px 0px; width: 100%; clear:left; color:#777; font-size:1.0em; } #blog .meta_data a { color: #777; } #blog .meta_data a:hover { color: #333; } #blog .post .content { float: left; position:relative; width:100%;} #blog .post .image { float: left; position:relative; width:180px; font-size:1.2em; margin:10px 10px 0px 0px;} #blog .post .entry { float: left; position:relative; width: 320px; font-size:1.2em; margin:10px 0px 0px 0px;} #blog .post .read_more { float:left; position:relative; width:100%; clear:both; margin-top: 10px;} .entry_fullpost img { padding:10px; } .athlete_profile img { padding:0px 10px 10px 0px; } .category-description { font-size:1.3em; margin:0px 0px 20px 0px; } /* sidebar-blog */ #sidebar #content { border-left:0px solid #eee; padding:0px 0px 0px 10px; } #sidebar-blog ul { margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; list-style:none; height:100%;} #sidebar-blog li { margin:0px; padding:0px; } #sidebar-blog h2 { font-size:2.0em; padding:0px; margin:0px; } /* sidebar-athlete */ #sidebar-athlete ul { margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; list-style:none; height:100%;} #sidebar-athlete li { margin:0px; padding:0px 0px 20px 0px; } #sidebar-athlete h2 { font-size:2.0em; padding:0px; margin:0px; } h2.widgettitle { font-weight:normal; color:#999; border-bottom: 1px solid #eee; } .post .entry img { margin: 0px 10px 10px 0px;} /* testimonials ---------------------------- */ #testimonials { float:left; } #testimonials .title { font-size:1.4em; } #testimonials .title a { text-decoration:none; border-bottom:0px;} #testimonials .meta_data { float:left; position:relative; margin: 0px 0px 0px 0px; width: 100%; clear:left; color:#777; font-size:1.0em; } #testimonials .meta_data a { color: #777; } #testimonials .meta_data a:hover { color: #333; } #testimonials .post .content { font-size:.84em; float: left; position:relative; width:100%;} #testimonials .post .image { float: left; position:relative; width:180px; font-size:1.2em; margin:10px 10px 0px 0px;} #testimonials .post .entry { float: left; position:relative; width: 100%; font-size:1.2em; margin:10px 0px 0px 0px;} #testimonials .post .read_more { float:left; position:relative; width:100%; clear:both; margin-top: 10px;} /* sidebar-testimonials */ #sidebar-testimonials ul { margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; list-style:none; height:100%;} #sidebar-testimonials li { margin:0px; padding:0px; } #sidebar-testimonials h2 { font-size:2.0em; padding:0px; margin:0px; } /* SPECIAL CATAGORY ---------------------------- */ #special_cat { float:left; } #special_cat .title { font-size:1.4em; } #special_cat .title a { text-decoration:underline; color:#cf112c;} #special_cat .title a:hover { text-decoration:none; background-color:#cf112c; color:#fff;} #special_cat .meta_data { float:left; position:relative; margin: 0px 0px 0px 0px; width: 100%; clear:left; color:#777; font-size:1.0em; } #special_cat .meta_data a { color: #777; } #special_cat .meta_data a:hover { color: #333; } #special_cat .post .content { font-size:.84em; float: left; position:relative; width:100%;} #special_cat .post .image { float: left; position:relative; width:180px; font-size:1.2em; margin:10px 10px 0px 0px;} #special_cat .post .entry { float: left; position:relative; width: 100%; font-size:1.2em; margin:10px 0px 0px 0px;} #special_cat .post .read_more { float:left; position:relative; width:100%; clear:both; margin-top: 10px;} h2.sidebartitle { font-weight:normal; color:#999; border-bottom: 1px solid #eee; } .post .meta_data { margin-bottom:20px;} /* comments */ #comments-list ol { float:left; width:100%; list-style:none; } #comments-list li { float:left; width:100%; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; } #comments-list li.alt { float:left; width:100%; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; padding:10px 0px; background: #fcfcfc; } #comments-list .comment-author { float:left; } #comments-list .comment-gravatar { float:left; height:70px; width:70px;} #comments-list .comment-name { font-size:1.4em; font-weight:bold; margin-bottom: 2px;} #comments-list .comment-meta { font-size:1.0em; margin-bottom: 10px; color: rgb(165, 175, 184); } #comments-list .comment-content { font-size:1.05em; } #comments-list .comment-content, #comments-list .comment-meta, #comments-list .comment-name { margin-left: 80px;} #commentform .form-section { margin-bottom: 10px; } #commentform input, #commentform textarea { border: 1px solid #999; width: 95%; } #commentform input#submit { width: 120px; } #commentform input:hover, #commentform textarea:hover {border:1px solid #cf112c; } /* full post page */ .entry_fullpost p { margin-bottom:10px; font-size: 1.0em; } /* PAGE -------------------------- */ .page ul { list-style:none; } .page ul li { margin:0px; padding: 2px 0px; } .intro { font-size:1.3em; padding-bottom:2px; margin-bottom:20px; color:#666; border-bottom:1px solid #eee; } /* AUTHOR PAGE -------------------------- */ #author_details, #author_posts { float:left; clear:both; width:100%; } #authorpic { margin: 0px 20px 20px 0px; border: 1px solid #efefef; } /* CONTACT PAGE -------------------------- */ #contactform { margin:20px 0px 10px 0px; border:0px solid #000; } #contactform p { padding:0px 0px 15px 0px; } #contactform p label { float:left; clear:left; } #contactform input, #contactform textarea { clear:left; float:left; border: 1px solid #999; width: 95%; font-size:1.0em;} #contactform input { height:20px; padding:3px 3px; margin:3px 3px 15px 3px; width:60%;} #contactform textarea { height:140px;} #contactform #allow_contact_field {margin:10px 0px 20px 0px; } #contactform #allow_contact_field input { width:22px; border:0px; margin:0px 10px 0px 0px; } #contactform #allow_contact_field label { clear: none; width:85%; } #contactform #submit input { width: 120px; padding:0px; height: 30px; background:#ccc; } #contactform #message input {} #contactform input:hover, #contactform textarea:hover {border:1px solid #cf112c; } /* BUTTONS ---------------------------- */ .awesome, .awesome:visited { background: #222 url(../i/alert-overlay.png) repeat-x; display: inline-block; padding: 4px 10px 5px; color: #fff; text-decoration: none; border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; } .awesome:hover { background-color: #111; color: #fff; text-decoration: none; } .awesome:active { top: 1px; color: #fff; } .small.awesome, .small.awesome:visited { font-size: 11px; color: #fff; } .awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 /* -1px 1px rgba(0,0,0,0.25)*/; } .large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; } .grey.awesome, .grey.awesome:visited { background-color: #cacaca; } .grey.awesome:hover { background-color: #eee; color: #666; } .grey_light.awesome, .grey_light.awesome:visited { background-color: #f3f3f3; color: #bcbcbc; } .grey_light.awesome:hover { background-color: #eee; color: #666; } .brown.awesome, .brown.awesome:visited { background-color: #9F6D48; } .brown.awesome:hover { background-color: #c79774; } .green.awesome, .green.awesome:visited { background-color: #91bd09; } .blue.awesome:hover { background-color: #cf112c; } .blue.awesome, .blue.awesome:visited { background-color: #cf112c; } .green.awesome:hover { background-color: #749a02; } /* Sidebar: BLOG -------------------------- */ ul#contributors li { margin-bottom: 10px; font-size:1.2em; } ul#contributors li a { text-decoration: none; } ul#contributors li a:hover { text-decoration: none; background:#cf112c; color:#fff; } #categories-3 li, #archives-3 li, ul#contributors li, #archives li { /*padding: 5px 0px; border-bottom: 1px solid #eee; font-size: 1.4em;*/ font-size: 1.4em; color: #999; border-bottom:1px solid #efefef; display:block; list-style-image:none; list-style-position:outside; list-style-type:none; margin:5px 0 0; padding:5px 0; width:100%; } #categories-3 li a, #archives-3 li a, ul#contributors li a { text-decoration: none; color:#cf112c; border-bottom:0px; } #categories-3 li a:hover, #archives-3 li a:hover, ul#contributors li a:hover { text-decoration: none; background:#cf112c; color:#fff; } /* Memberships ------------------------- */ #membership_pricing { border:1px solid #000; width: 100%; } #membership_pricing tbody tr.row { float:left; width:100%; padding:4px 0px; margin-bottom:1px; } #membership_pricing tbody td.item_price { width: 120px; border:1px solid #000; } #membership_pricing tbody td.item_name { width:150px; font-size: 1.1em; font-weight:600; } .page_intro { /*background-color:#ECF2F6;*/ border:0px solid #ececec; font-family: georgia, serif; font-size: 2em; letter-spacing: 0pt; line-height: 2; text-align:center; } #membership_prices { border:0px solid #000;} #membership_prices tbody td { padding: 4px 2px; background:#fffadd; border:2px solid #fff; } #membership_prices tbody td.blank { background:#fff; } #membership_prices thead td { font-size:1.6em; margin: 2px 2px 12px 2px; padding-bottom: 20px;} #membership_prices .mem_type { font-size:1.2em; } #membership_prices .header { font-weight:bold; font-size:1.2em; text-align:center; background:#ECF2F6; } #membership_prices .mem_level { font-weight:bold; font-size:1.1em; background:#efefef; padding-left:4px; } #membership_prices .mem_price { text-align:center; } /* Personal Training ------------------------- */ #pt_prices { width:80%; border:0px solid #000;} #pt_prices tbody td { padding: 4px 4px; background:#fffadd; border:2px solid #fff; } #pt_prices tbody .pt_data { background:#ECF2F6; } #pt_prices tbody .name { float:left; clear:both; font-weight:bold; font-size:1.25em;} #pt_prices tbody .details { float:left; clear:both; } #pt_prices tbody td.blank { background:#fff; } #pt_prices thead td { font-size:1.6em; margin: 2px 2px 12px 2px; padding-bottom: 20px;} #pt_prices .mem_type { font-size:1.2em; } #pt_prices .header { font-weight:bold; font-size:1.2em; text-align:center; background:#ECF2F6; } #pt_prices .mem_level { font-weight:bold; font-size:1.1em; background:#efefef; padding-left:4px; } #pt_prices .pt_price { text-align:right; width:80px; font-weight:bold; font-size:1.25em; background:#ececec;} /* LINKS ------------------------- */ .links ul { list-style-type:none; margin:0px; } .links ul li { list-style-type:none; margin:0px; padding:0px 0px 10px 0px; } .links ul li a { font-size: 1.3em; color:#cf112c; } .links ul li a:hover { color:#fff; background:#cf112c; text-decoration:none;} /* FOOTER ---------------------------- */ #footer { background:#fff; margin:20px 10px 10px 10px; padding:10px 0px 0px 0px; width:940px; font-size: .8em; border-top:1px solid #cf112c;} #footer a { padding:2px 6px; } #footer a:hover { background:#cf112c; color:#fff; text-decoration:none;} #footer div { border:0px solid #000; } #footer .title { font-size:1.4em; font-weight:600; margin:0px 0px 6px 0px; padding:6px 0px; border-bottom:1px solid #eee; } #footer ul { list-style-type:none; list-style:none; font-size:1.2em; } #footer li { display:inline; margin:0px; padding:2px 0px; } #footer .phone { font-weight:bold; } #footer #page_list li { padding:0px 6px; border-left:1px solid #ccc; } #footer #page_list li.home { border-left:0px solid #000; } #copyright { color:#ccc; } #copyright a:link, #copyright a:visited, #copyright a:hover, #copyright a:active { border-bottom:0px; color:#333; } #copyright a:hover { color:#fff; } #wp_footer_container { display:none; }