/******************************************************************************/ /* */ /******************************************************************************/ @import url("reset.css"); /*** standard classes ***********************************************************************************************/ .separator1{height: 1px;font-size: 1px;display: block;} .separator2{height: 2px;font-size: 1px;display: block;} .separator3{height: 3px;font-size: 1px;display: block;} .separator5{height: 5px;font-size: 1px;display: block;} .separator10{height: 10px;font-size: 1px;display: block;} .separator20{height: 20px;font-size: 1px;display: block;} .separator50{height: 50px;font-size: 1px;display: block;} .clear{clear:both;display: block;} strong{ font-weight:bold;} em{ font-style:italic;} strong em{ font-weight:bold; font-style:italic;} em strong{ font-weight:bold; font-style:italic;} a{ text-decoration:none; outline:none;} a:hover{ text-decoration:underline;} .left{ float:left;} .right{ float:right;} /*** follow sections can edit *****************************************************************************/ HTML, BODY, .basis{ height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } BODY{ background: url(../images/theme/header_bg.png) top center repeat-x #f4f4f4; behavior: url("../js/csshover.htc"); } .basis{ margin: auto; width: 965px; } /*** header **************************************************************/ .header{ height:109px; margin:0 4px; position:relative; border-bottom:8px solid #292929;} .header a.logo{ position:absolute; top:19px; left:2px;} .header .description{ position:absolute; top:59px; left:211px; width:430px; font-family:Georgia; font-size:16px; font-style:italic; line-height:19px;} .header_search{ position:absolute; right:0; top:20px;} .header_search input{ height:18px; width:180px; padding:0px 7px 2px; line-height:16px; border:1px solid #939598; color:#939598; font-size:12px; vertical-align:top;} .header_search a.btn_search{ display:inline-block; height:22px; padding:0 20px; margin-left:5px; color:#ffffff; font-weight:bold; font-size:12px; line-height:22px; background:url(../images/theme/btn_search_bg.png) repeat-x #c5171e; } .header_nav{ position:absolute; bottom:0; right:0;} .header_nav a{ display:inline-block; height:24px; line-height:24px; color:#292929; text-transform:uppercase; font-size:10px; cursor:pointer;} .header_nav a span{ display:inline-block; height:24px; line-height:24px; padding:0 9px; cursor:pointer;} .header_nav a:hover{ text-decoration:none;} .header_nav a.active, .header_nav a.active:hover{ background:url(../images/theme/topnav_bg_left_act.png) left no-repeat #292929; color:#ffffff;} .header_nav a.active span, .header_nav a.active:hover span{ background:url(../images/theme/topnav_bg_right_act.png) right no-repeat;} .header_nav a:hover{ background:url(../images/theme/topnav_bg_left_hov.png) left no-repeat #d6d6d6; color:#000000;} .header_nav a:hover span{ background:url(../images/theme/topnav_bg_right_hov.png) right no-repeat;} /*** content **************************************************************/ .content{ padding-bottom:20px;} .curdate{ float:left; padding-left:4px; color:#000000; font-size:14px; font-family:Georgia; font-style:italic; line-height:24px; padding-bottom:7px;} .curdate .tagline { padding-right: 20px;} .curdate .tagline a { color:#000; text-decoration: underline;} .curdate .tagline a:hover { color:#CC0000; text-decoration: underline;} .sociallinks{ float:right; padding-right:4px; padding-top:6px;} .sociallinks a{ margin-left:4px;} .column{ position:relative; overflow:hidden; margin-bottom:10px;} .column .corner{ width:10px; height:10px; background:no-repeat; position:absolute;} .column .border_hor{ width:100%; height:10px; background:repeat-x;} .column .col_top, .column .col_btm{ padding:0 10px; height:10px; position:relative;} .column .tl{ top:0px; left:0px; background:url(../images/theme/column_border_tl.png) top left;} .column .tr{ top:0px; right:0px; background:url(../images/theme/column_border_tr.png) top right;} .column .t{ background:url(../images/theme/column_border_t.png) top center;} .column .bl{ bottom:0px; left:0px; background:url(../images/theme/column_border_bl.png) bottom left;} .column .br{ bottom:0px; right:0px; background:url(../images/theme/column_border_br.png) bottom right;} .column .b{ background:url(../images/theme/column_border_b.png) bottom center;} .column .border_l{ background:url(../images/theme/column_border_l.png) left center repeat-y; padding-left:4px;} .column .border_r{ background:url(../images/theme/column_border_r.png) right center repeat-y; padding-right:4px;} .column .col_content{ background:url(../images/theme/column_content_bg.png) bottom center repeat-x #ffffff; padding:6px 12px;} .singlecol{ width: 187px;} .singlecol .border_l{ width:183px;} .singlecol .border_r{ width:179px;} .singlecol .col_content{ width:155px;} .doublecol{ width: 382px;} .doublecol .border_l{ width:378px;} .doublecol .border_r{ width:374px;} .doublecol .col_content{ width:350px;} .triplecol{ width: 577px;} .triplecol .border_l{ width:573px;} .triplecol .border_r{ width:569px;} .triplecol .col_content{ width:545px;} .col_sep{ margin-right:7px;} .column_x2{ width:382px; overflow:hidden;} .column_x3{ width:576px; overflow:hidden;} .subcol{ width:160px;} .subcol_sep{ margin-right:32px;} .subcol_x2{ background:url(../images/theme/subcol_sep.png) repeat-y center top;} .subcol_x3{ background:url(../images/theme/subcol_sep_x3.png) repeat-y center top;} /* widgets */ .widget{ margin-bottom:15px;} .widget h3.title{ font-size:12px; color:#ffffff; font-weight:bold; text-transform:uppercase; padding:0 7px; line-height:22px; height:22px; margin-bottom:5px; background:#ff0000; } .widget .content{ padding:0 7px;} .widget.widget_text .content{ padding:0; text-align:center;} .widget .content li{ border-bottom:1px dotted #292929; padding:5px 0; line-height:16px; color:#000000; font-size:12px;} .widget .content li a{ display:block; line-height:16px; color:#000000; font-size:12px;} .widget .content li a:hover{ color:#c5171e; text-decoration:none;} .widget_categories{ margin-bottom:20px;} .widget_categories h3.title{ background:#292929;} .widget .content ul.leftmenu li a{ line-height:21px;} .widget_categories .content li a{ line-height:21px;} .widget_categories .content li.current-cat{ background:url(../images/theme/leftmenu_act_bg.png) bottom repeat-x;} .widget_categories .content li.current-cat a{ padding-left:7px;} /* .widget_categories .content li{ border-bottom:1px dotted #292929; padding:0; color:#000000; font-size:12px;} .widget_categories .content li a{ line-height:21px; padding:5px 7px 5px 0px;} .widget_categories .content li a:hover{ color:#000000; padding:5px 0px 5px 7px; background:url(../images/theme/leftmenu_act_bg.png) bottom repeat-x;} */ .widget_rrm_recent_comments li a{ display:inline; color:#c5171e;} .widget_rrm_recent_comments li a:hover{ text-decoration:underline;} .widget.banner{ text-align:center; padding:20px 0; margin-bottom:20px;} /* .widget.newsletter{ font-weight:bold; font-size:12px; line-height:15px; margin-bottom:20px;} .widget.newsletter h3.title{ background:#292929; margin-bottom:10px;} .widget.newsletter small{ display:block; line-height:13px; font-size:9px; text-align:center; font-weight:normal;} .widget.newsletter form{ font-weight:normal; padding-top:10px;} .widget.newsletter form label{ line-height:22px;} .widget.newsletter form input{ border:1px inset #999999; height:15px; width:125px; padding:0px 7px 3px; color:#646464; font-size:12px;} .widget.newsletter form a{ display:block; width:77px; margin:12px auto 4px;} */ .widget .newsletter{ font-weight:bold; font-size:12px; line-height:15px; margin-bottom:20px; padding:5px 7px 0; text-align:left;} .widget .newsletter h3.title{ background:#292929; margin-bottom:10px;} .widget .newsletter small{ display:block; line-height:13px; font-size:9px; text-align:center; font-weight:normal;} .widget .newsletter form{ font-weight:normal; padding-top:10px;} .widget .newsletter form label{ line-height:22px;} .widget .newsletter form input.text{ border:1px inset #999999; height:15px; width:125px; padding:0px 7px 3px; color:#646464; font-size:12px;} .widget .newsletter form a{ display:block; width:77px; margin:12px auto 4px;} .widget .newsletter form input.submit{ display:block; /*width:70px; height:20px; padding:0px 7px 3px;*/ margin:16px auto 8px; color:#000000; /*font-size:12px; cursor:pointer;*/} /* .widget.nevermiss{ background:#f8c900; font-family:Georgia; font-size:15px; font-style:italic; text-align:center; padding:10px 0;} .widget.nevermiss a{ display:inline-block; margin-top:9px;} */ .widget .nevermiss{ background:#f8c900; font-family:Georgia; font-size:15px; font-style:italic; text-align:center; padding:10px 0;} .widget .nevermiss a{ display:inline-block; margin-top:9px;} .widget.top_stories h3.title{ background:#737373;} .widget.coach_news_now h3.title{ background:#737373;} .widget_links h3.title{ background:#737373;} .widget_rrm_recent_comments h3.title{ background:#737373;} .widget_upcoming h3.title{ background:#737373;} .widget_upcoming .content li{ color:#646464;} #sidebar_left .widget h3.title{ background:#292929;} #sidebar_right .widget h3.title{ background:#737373;} /* /widgets */ /* center column */ .column a{ color:#ec1c24;} .category_title{ font-size:24px; font-weight:normal; color:#ffffff; line-height:42px; text-transform:uppercase; padding:0 15px; margin-bottom:10px;} .category_title{ background:#005b7f;} .category_description{ padding:0px 15px 20px; line-height:20px; font-size:12px; overflow:hidden;} .category_description img.category_img{ float:left; margin:5px 15px 5px 0;} .category_description p{ margin-bottom:10px;} /* posts */ .posts{ } .posts .nav{ margin-top:20px; overflow:hidden;} .posts .nav a{ color:#ec1c24; font-size:10px;} .post{ padding:12px 12px; background:#ffffff; overflow:hidden; position:relative; width:521px;} .post-even{ background:#f3f3f3;} .post .image_holder{ float:right; margin-left:12px; z-index:1; width:160px; height:146px; overflow:hidden; position:relative;} .post .image_holder td{ width:160px; height:146px; text-align:center; background:#e7e7e7; vertical-align:middle; /*border: 1px solid #bbbbbb;*/ } .post .post-thum{} .post h2.post_title{ font-family:Georgia; font-size:16px; font-weight:normal; line-height:19px; margin-bottom:6px;} .post h2.post_title a{ font-family:Georgia; font-size:16px; font-weight:normal; line-height:19px; color:#000000;} .post .post_description{ line-height:16px; position:relative; padding-bottom:20px;} .post .post_description a.more{ font-size:11px;} .post .post_description p{ margin-bottom:10px;} .post .post_info{ position:static; color:#828282; font-size:11px;} .post .post_info a{ font-size:11px;} /* post_detailed */ .post_detailed{ padding:7px 10px 0;} .post_detailed h1{ font-family:Georgia; font-size:28px; line-height:32px; color:#000000; font-weight:normal; margin-bottom:5px; } .post_detailed p.by_author{ font-family:Georgia; font-size:15px; font-style:italic; margin-bottom:17px;} .post_detailed p.by_author a{ font-family:Georgia; font-size:15px; font-style:italic; color:#000000;} .post_detailed .info{ border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding:0 7px; margin-bottom:10px; } .post_detailed .info a{ color:#ec1c24; font-size:14px; float:right; line-height:18px;} .post_detailed .info a#open_info{ float:left;} .post_detailed .full_info{ font-size:11px; line-height:14px; color:#828282; margin:5px 0 10px;} .post_detailed .full_info a{ float:none; font-size:11px; line-height:14px;} .post_detailed .full_info span.pub_date{ color:#000000;} .post_detailed .post_content{ line-height:20px;} .post_detailed .post_content .image_holder { float:right; margin:5px 0 5px 10px; width:350px; height:320px; overflow:hidden;} .post_detailed .post_content .image_holder td{ width:350px; height:320px; background:#bbbbbb; text-align:center; vertical-align:middle;} .post_detailed .post_content img.feature-photo{} .post_detailed .post_content p{ margin-bottom:10px;} .post_detailed .post_content ul{ margin-bottom:10px; margin-left:20px;} .post_detailed .post_content li{ background:url(../images/theme/arrow.png) 0px 7px no-repeat; padding-left:10px;} .widget_video{ margin-bottom:15px;} .about_author{ background:#ebebeb; margin-bottom:15px;} .about_author h3{ color:#ffffff; font-size:12px; font-weight:bold; line-height:22px; padding:0 7px; background:#292929; text-transform:uppercase;} .about_author .container{ padding:13px 15px 6px; overflow:hidden; line-height:18px;} .about_author .container .avatar{ float:right; margin-left:10px;} .about_author .container p{ margin-bottom:5px;} .enjoy_article{ background:#fbe47f; margin-bottom:15px;} .enjoy_article h3{ color:#000000; font-size:12px; font-weight:bold; line-height:22px; padding:0 7px; background:#f8c900; text-transform:uppercase;} .enjoy_article .container{ padding:13px 15px 6px; overflow:hidden; line-height:16px;} .enjoy_article .container p{ margin-bottom:6px;} .enjoy_article .container p label{ display:inline-block; width:175px;} .enjoy_article .container p a.share{ vertical-align:top;} .comments{ margin-bottom:15px; overflow:hidden;} .comments h3{ color:#ffffff; font-size:12px; font-weight:bold; line-height:22px; padding:0 7px; background:#005b7f; text-transform:uppercase; margin-bottom:12px;} .comment{ overflow:hidden; margin-bottom:27px;} .comment .avatar{ float:left; overflow:hidden; padding-top:3px;} .comment .comment_content{ float:right; width:465px; overflow:hidden;} .comment .comment_info{ font-weight:bold; color:#828282;} .comment .comment_info .response_author{ color:#ec1c24; font-weight:bold;} .comment .comment_text{ line-height:17px; margin-bottom:5px;} .add_comment{ margin-bottom:15px;} .add_comment h3{ color:#ffffff; font-size:12px; font-weight:bold; line-height:22px; padding:0 7px; background:#005b7f; text-transform:uppercase; margin-bottom:15px;} #commentform p{ line-height:22px; margin-bottom:15px;} #commentform label{ padding-left:5px; font-size:11px;} #commentform input.frm{ width:165px; height:20px; border:1px solid #929292; vertical-align:middle;} #commentform textarea{ width:523px; height:168px; border:1px solid #929292;} #commentform input.checkbox{ } /* /center column */ /*** footer **************************************************************/ .footer{ height: 205px; /* height of footer */ border-top:8px solid #292929; background: #d6d6d6; margin:0 4px; padding:18px 20px; font-size:12px; color:#000000; line-height:18px; overflow:hidden; } .footer .col_f1{ float:left; width:540px; padding-right:20px;} .footer .col_f2{ float:left; width:180px;} .footer .col_f3{ float:right; width:160px;} .footer p.col_title{ font-family:Georgia; font-size:20px; line-height:22px; color:#000000; margin-bottom:14px;} .sociallinks_footer a{ margin-right:10px;} .share{ margin:15px 0 10px;} .share a{ margin-right:10px;} .footer_nav{ line-height:16px;} .footer_nav li{ display:inline; font-size:9px; color:#828282;} .footer_nav li a{ font-size:9px; color:#828282; text-transform:uppercase;} .footer p.copyright{ font-size:9px; color:#828282; line-height:16px;} #news_subcribe{ margin-top:6px;} #news_subcribe input.text{ width:146px; height:20px; border:1px solid #939598; padding:3px 6px; font-size:16px; color:#828282; margin-bottom:9px;} #news_subcribe a.btn_subscribe{ display:block; width:160px; height:25px; line-height:25px; text-align:center; color:#ffffff; font-size:12px; font-weight:bold; background:url(../images/theme/btn_subscribe_bg.png) repeat-x #cb181f; } #news_subcribe input.fottersubmit{ display:block; width:160px; height:25px; padding:3px 0 5px; border:none; line-height:25px; font-family:Arial; text-align:center; color:#ffffff; font-size:12px; font-weight:bold; background:url(../images/theme/btn_subscribe_bg.png) repeat-x #cb181f; } /***********************************************************/ /* for homepage */ .top_sidebar{ overflow:hidden; width:100%; margin-bottom:10px;} .top_sidebar .border{ background:#939598; height:8px; margin:0px 4px; overflow:hidden; clear:both; float:none;} .top_sidebar .widget h3.title{ background:#005b7f;} .top_sidebar .col_content{ height:437px; overflow:hidden;} .top_sidebar .widget.coach_news_now{ font-size:11px; line-height:14px; margin-bottom:0px;} .top_sidebar .widget.coach_news_now h3.title{ background:#005b7f;} .top_sidebar .widget.coach_news_now h3.title a{ color:#ffffff;} .top_sidebar .widget.coach_news_now .content{ padding:0} .top_sidebar .widget.coach_news_now ul{ margin-bottom:6px; height:379px; overflow:hidden;} .top_sidebar .widget.coach_news_now li{ border-bottom:none; padding:0 0 0 7px; line-height:14px; color:#000000; font-size:11px; background:url(../images/theme/arrow.png) 0px 7px no-repeat;} .top_sidebar .widget.coach_news_now li a{ display:block; width:146px; line-height:14px; color:#000000; font-size:11px; border-bottom:1px dotted #292929; padding:4px 2px 4px 0;} .top_sidebar .widget.coach_news_now li.last a{ border-bottom:none;} .top_sidebar .widget.coach_news_now li a:hover{ color:#c5171e; text-decoration:none;} a.btm_btn{ display:inline-block; height:25px; line-height:25px; font-size:12px; text-align:center; color:#ffffff; font-weight:bold; background:url(../images/theme/btn_subscribe_bg.png) repeat-x #cb181f;} a.btn0{ width:100%;} a.btn1{ width:100px; margin-right:2px;} a.btn2{ width:39px;} a.btn3{ width:117px; margin-right:2px;} a.btn4{ width:36px;} #topstory{ margin:0;} #topstory h3.title{ margin-bottom:0;} #topstory .content{ padding:0;} #topstory .image_holder{ margin-bottom:6px; width:350px; height:275px; overflow:hidden;} #topstory .story_image{} #topstory .story_image td{ text-align:center; height:275px; width:350px; background:#bbbbbb; vertical-align:middle;} #topstory .story_image img{ /*display:block;*/ /*height:275px; width:350px;*/} #topstory .story_title{ font-style:normal;} #topstory .story_title a{ display:inline-block; font-family:Georgia; font-size:18px; line-height:19px; margin-bottom:4px; padding:0 10px; color:#000000; font-weight:normal;} #topstory img.label_must_read{ display:block; position:absolute; top:4px; right:4px; z-index:10;} #topstory .story_content{ line-height:16px; margin-bottom:4px; padding:0 10px;} #topstory .story_content a{ font-size:10px; color:#da1a21;} #topstory .story_info{ font-size:10px; color:#828282; line-height:12px; padding:0 10px;} #topstory .story_info a{ font-size:10px; color:#ec1c24;} #topstory .controls{ position:absolute; bottom:16px; right:16px; border:1px solid #808080; overflow:hidden;} #topstory .controls a{ display:block; width:17px; height:17px; line-height:17px; color:#292929; text-align:center; font-size:10px; float:left;} #topstory .controls a.active, #topstory .controls a:hover{ background:#ababab; color:#ffffff;} #readcom{ margin:0;} #readcom h3.title{ margin-bottom:10px;} #readcom .content{ padding:0;} #readcom .comment{ height:75px; overflow:hidden; margin-bottom:15px;} #readcom .comment .comment_avatar{ float:left; width:50px;} #readcom .comment .comment_avatar img.avatar{ display:block; padding:0;} #readcom .comment .comment_content{ float:right; width:290px;} #readcom .comment .comment_text{ margin-bottom:3px; line-height:17px;} #readcom .comment .comment_post{ font-size:10px; line-height:12px; color:#828282;} #readcom .comment .comment_post a, #readcom .comment .comment_text a{ font-size:10px; line-height:12px; color:#ec1c24;} #readcom .comment.first{ height:100px; overflow:hidden; background:#fdf3c4;} #readcom .comment.first .comment_avatar{ float:left; width:100px;} #readcom .comment.first .comment_content{ float:right; width:233px; padding:8px 7px 8px 0;} #readcom .comment.first .comment_author{ font-size:14px; font-weight:bold; line-height:15px; margin-bottom:2px;} #readcom .comment.first .comment_author a{ color:#000000;} #readcom .comment.first .comment_text{ font-size:13px; font-weight:normal; line-height:15px; height:30px; overflow:hidden;} #readcom .comment .comment_post{ font-size:10px; line-height:12px; color:#828282;} #readcom .comment .comment_post{ font-size:10px; line-height:12px; color:#828282;} #readcom .gravatar{ position:absolute; bottom:16px; right:16px;} #readcom .gravatar a{ font-size:9px; color:#ec1c24; line-height:12px;} #readcom .gravatar a img{ vertical-align:middle; padding-right:5px;} .btm_sidebar .column_x3 h3.title{ background:#005952; margin-bottom:0;} .btm_sidebar .subcol_x3 h3.title{ background:#292929;} .btm_sidebar .subcol_x3 .widget .content{ padding:0; height:270px; overflow:hidden; margin-bottom:17px;} .btm_sidebar .subcol_x3 .widget{ margin-bottom:0;} .btm_sidebar .widget .image_holder{ margin-bottom:4px; width:160px; height:146px; overflow:hidden;} .btm_sidebar .widget .widget_image{} .btm_sidebar .widget .widget_image td{ width:160px; height:146px; vertical-align:middle; text-align:center; background:#bbbbbb;} #researchupd .image_holder{ width:155px; height:141px; overflow:hidden;} #researchupd .widget_image td{ width:155px; height:141px;} .btm_sidebar .widget .widget_title{ font-weight:bold; line-height:14px; margin-bottom:8px;} .btm_sidebar .widget .widget_title a{ font-weight:bold; line-height:14px; color:#000000;} .btm_sidebar .widget .widget_content{ line-height:16px;} #researchupd{ margin-bottom:0;} #researchupd .content{ padding:0; overflow:hidden; margin-bottom:17px;} #historycoach{ margin-bottom:0;} #historycoach h3.title{ margin-bottom:10px;} #historycoach .historycoach_title{ margin-bottom:2px; font: normal 18px/21px Georgia; } #historycoach .historycoach_title a{ color:#000000; font: normal 18px/21px Georgia; } #historycoach .historycoach_info{ color:#828282; font-size:10px; line-height:12px; margin-bottom:10px;} #historycoach .historycoach_info a{ color:#e31b23;} #historycoach .historycoach_content{ font-size:12px; line-height:16px; margin-bottom:17px;} #historycoach .historycoach_content .image_holder{ float:right; margin:3px 0 5px 10px; width:155px; height:141px; overflow:hidden;} #historycoach .historycoach_content .widget_image td{ width:155px; height:141px; vertical-align:middle; text-align:center; background:#bbbbbb;} #historycoach .historycoach_content p{ margin-bottom:16px;} /* /for homepage */ /* -------------------[ Features ]------------------- */ #my-glider { width:350px; } #my-glider .scroller { width:350px; height: 390px; overflow: hidden; } #my-glider .scroller .section { width:350px; height: 390px; overflow: hidden; padding: 0; } #my-glider .scroller .content { width: 10000px; }