/* #### MASTER CSS SHEET #### @site 2008-2010 Green Egg Media www.greeneggmedia.com */ /* Color Guide */ /* Imports */ @import url("http://www.crossingthegoal.com/index.php/stylesheets/reset_css"); /* Vusion Player for Main Page */ .vusionPlayerStartClass {background-image: url(/images/elements/player_image2.jpg);} /* Slider */ #slider {width: 700px; margin: 0 auto; position: relative; border-top: 1px solid #979797;} .scroll { height: 650px; width: 700px; overflow: auto; position: relative; clear: left;} .scrollContainer div.panel {padding: 20px; width: 700px;} #video_slider {position: relative; border-top: 1px solid #979797; height: 112px; background-image: url(/images/elements/video_slider_bg.jpg); margin-top: 20px; margin-left: 2px; width: 408px; padding-left: 35px;} .scroll2 { height: 112px; width: 442px; overflow: auto; position: relative; clear: left;} .scrollContainer2 div.video_panel {padding: 20px; width: 111px;} .thumb {float: left; width: 130px; padding-top: 3px;} .thumb img {width: 100px; border: 1px solid #fff;} #video_slider .thumb p {font-size: 10pt; margin-left: 0px;} .thumb a:hover img {border: 1px solid #E64040;} p.main_videos_more {float: right; margin-right: 20px; margin-top: 5px;} /* Header */ #header_wrapper {height: 146px; background-image: url(/images/elements/top_grill.jpg); background-repeat: repeat-y; background-position: center; border-bottom: 4px solid #ebd157; margin: 0;} #header {width: 1000px; margin: 0 auto;} #header ul {width: 510px; float: right; margin-top: 40px;} #header ul li {float: right; overflow: hidden; margin-left: 5px; color: #fff;} #header ul li a {color: #fff;} #header_right {float: right; width: 510px;} img.header_logo {float: left; margin-top: 10px; margin-left: -10px;} img.two_logos {float: right; margin-top: 25px;} #head_logo {float: left; margin-left: -75px; height: 146px;} /* Footer */ #footer {width: 100%; height: 107px; background-image: url(/images/elements/footer_bg.gif); background-repeat: no-repeat; background-position: center;} #footer_push {text-align: center; color: #BDBDBD; font-size: 9pt; padding-top: 25px;} #footer_push p {margin-bottom: 4px;} #footer_push a {color: #BDBDBD; text-decoration: underline;} #footer_push a:hover {text-decoration: none;} /* Main Layout */ #content {width: 1015px; margin: 20px auto; overflow: hidden;} #left_col {float: left; width: 223px;} #middle_col {float: left; width: 458px;} #right_col {width: 327px; float: left;} #main_col {width: 783px; float: left;} #main_text_column {margin-left: 30px; width: 400px;} #main_text_column strong {font-weight: bold;} #main_text_column h2 {font-weight: bold; font-size: 14pt;} #main_text_column p {font-size: 12pt; line-height: 18px; color: #363636;} #main_text_column ol {list-style: decimal outside none; font-size: 12pt; line-height: 18px; color: #363636; margin-left: 30px;} /* Navigation Module */ #navigation {width: 209px; height: 439px; background-image: url(/images/elements/nav_bg.gif); padding: 20px 0 0 2px;} #navigation ul li.heading {background-image: url(/images/elements/nav_bg_heading_bg.gif); padding-top: 1px; height: 22px; width: 194px; margin: 5px 0; padding-left: 12px; position: relative;} #navigation ul li {font-size: 10pt; padding-left: 35px; margin-bottom: 5px;} #navigation ul li a {color: #fff; text-decoration: none; margin-bottom: 10px; top: auto;} #navigation ul li a.selected {color: #EDFAD2;} #navigation ul li a.selected img {border-right: 10px solid #ead570; padding-right: 3px;} #navigation ul li a span {color: #e5e500;} #navigation ul li a:hover {text-decoration: underline;} /* Video Module */ #video_main {background-image: url(/images/elements/video_bg.png); background-repeat: no-repeat; height: 560px; margin-bottom: 12px;} #video_main #featured {padding-top: 60px; padding-left: 22px; width: 400px; height: 270px;} #video_border {border: 1px solid #fff; width: 100%; height: 100%;} #slider_controls {float: right; margin-top: 10px; margin-right: 20px;} #video_main h1 {margin-left: 20px; font-size: 15pt; color: #494949; margin-top: 20px; } #video_main p {font-size: 10pt; margin-left: 20px;} #video_main p a {color: #B93B3B; text-decoration: underline;} #video_main p a:hover {text-decoration: none;} #main_iframe {width: 400px; height: 340px;} /* Video Stuff */ .video_400 {width: 400px; height: 300px; border: 1px solid red; padding-top: -20px;} .video_400 div {border: 1px solid blue; width: 400px; height: 300px; margin-top: 10px; } #main_video_player {margin-left: 3px;} /* Meet the Team Module */ #meet_the_team_main {width: 327px; height: 255px; background-image: url(/images/elements/meet_the_team_bg.gif);} #meet_the_team_main a {display: block; width: 100%; height: 100%;} /* Halftime Module */ #halftime_module {width: 327px; height: 202px; background-image: url(/images/halftime/module.gif);} #halftime_module a {display: block; width: 100%; height: 100%;} /* Conferences Module */ #conferences {background-image: url(/images/elements/conferences/module_bg_solid.jpg); width: 214px; height: 399px;} /*#conferences {background-color: #000066; width: 214px; height: 399px;} */ #conferences p#natl_link {font-size: 9pt; padding-top: 76px; padding-left: 14px;} #conferences p#natl_link a {text-decoration: none; color: #A5A5A5;} #conferences p#natl_link a:hover {text-decoration: underline;} #conferences #conference_module_text {width: 180px; padding-left: 20px; padding-top: 16px; font-size: 11pt;} #conferences #conference_module_text strong {font-weight: bold; color: #fff;} #conferences #conference_module_text p {color: #D6DAE7;} #conferences #conference_module_text p p {font-size: 11pt;} #conferences #conference_module_text a {color: #e09142; text-decoration: none;} #conferences #conference_module_text a:hover {text-decoration: underline;} .conf_mod_bump {margin-bottom: 10px;} /* Ask the Team Module */ #ask_the_team_module2 {background-image: url(/images/elements/atm_module/module_bg.gif); width: 447px; height: 80px;} #ask_the_team_module2 h1 {font-size: 18pt; color: #42A4B8; margin-bottom: 10px;} #ask_the_team_module2 p {font-weight: lighter;} #ask_the_team_module2 h2 {color: #333; font-weight: bold; margin-bottom: 2px;} #ask_the_team_module2 h2 span {color: #9ea2a9;} #ask_the_team_module {background-image: url(/images/elements/atm_module/module_bg.gif); width: 447px; height: 532px;} #atm_mod_text {padding: 90px 15px 0 15px; color: #fff; font-size: 10pt; color: #efefef; height: 350px;} #atm_mod_text h1 {font-size: 18pt; color: #42A4B8; margin-bottom: 10px;} #atm_mod_text p {font-weight: lighter;} #atm_mod_text h2 {color: #fff; font-weight: bold; margin-bottom: 2px;} #atm_mod_text h2 span {color: #9ea2a9;} #atm_mod_controlsols {margin-left: 15px; margin-top: 25px;} #atm_mod_controls img {margin-bottom: -4px;} #atm_mod_controls h3 {margin-bottom: 4px;} #atm_mod_controls a {color: #ecb73b; text-decoration: none;} #atm_mod_controls a:hover {color: #F8EFA5;} /* Prudence Module */ #prudence_module {width: 201px; height: 69px; background-image: url(/images/elements/prudence_bg.gif); padding-top: 150px; padding-left: 10px;} #prudence_module p {color: #999999; font-size: 11pt; margin-bottom: 10px; width: 180px;} #prudence_module p.learn_more_link {margin-left: 78px;} #prudence_module p.learn_more_link a {color: #76787a; text-decoration: none;} #prudence_module p.learn_more_link a:hover {text-decoration: underline;} /* Pep Talks Module */ #pep_talks_module {width: 327px; height: 165px; background-image: url(images/elements/pep_talks/module_bg.gif);} #pep_talks_module a {display: block; width: 100%; height: 100%;} /* ATT Layout */ #att_col_top {width: 783px; height: 89px; background-image: url(images/elements/ask_the_team/top.gif);} #att_col_middle {width: 783px; min-height: 934px; background-image: url(images/elements/ask_the_team/middle2.gif); background-repeat: no-repeat; background-position: top center;} #att_col_middle_push {width: 783px; background-image: url(images/elements/ask_the_team/push2.gif); background-repeat: repeat-y;} #att_col_bottom {width: 783px; height: 9px; background-image: url(images/elements/ask_the_team/bottom.gif); background-position: top; background-repeat: no-repeat;} img.atm_title {margin-top: 20px; margin-left: 15px;} /* ATT Logout */ #login_box {width: 500px; padding-top: 30px; margin-left: 210px;} #login_box h1 {font-size: 20pt; color: #ecb73b; margin-bottom: 20px;} form#login_form p {margin-bottom: 10px; color: #C5C5C5;} #login_box p {color: #ecb73b;} #login_box p a {color: #00acec; text-decoration: underline;} #login_box p a:hover {text-decoration: none;} .error {background: #FF3D3D; color: #fff; padding: 3px; font-size: 11pt; margin-bottom: 9px;} /* Register */ #register_box {width: 450px; margin: 0 auto; padding-top: 30px;} #register_box h1 {font-size: 20pt; color: #ecb73b; margin-bottom: 20px;} #register_box p {margin-bottom: 10px; color: #C5C5C5;} #cap_holder {overflow: hidden; margin-bottom: 5px;} #cap_holder p {float: left;} #register_box p.clarification {color: #00acec; font-size: 10pt; margin-top: -6px;} /* Episode Clips */ img.title {margin-left: 30px; float: none; margin-bottom: 20px;} img.title_conf {margin-left: 30px; float: none; margin-bottom: 20px; margin-top: 15px;} img.featured {margin-bottom: 10px; float: none; margin-left: 15px; } img.more {margin: 0;} #main_col_middle #featured_clip {width: 700px; margin: 0 auto; overflow: hidden; padding-bottom: 25px;} #main_clip {width: 400px; height: 350px; float: left; margin-left: 1px;} #featured_info {float: right; width: 270px;} #featured_info h2 {color: #2B3E68; font-size: 23pt; margin-bottom: 14px;} #featured_clip #featured_info p {color: #969696; margin: 0; line-height: 15px; color: #535353;} .ep_syn {margin-top: -15px; margin-bottom: 12px; font-size: 14pt;} #featured_clip #featured_info h4 {font-size: 11pt; margin-top: 15px;} #featured_clip #featured_info h4 a {color: #B63838; text-decoration: underline;} #featured_clip #featured_info h4 a:hover {text-decoration: none;} /* General Main Col */ #main_col p {margin-left: 30px; font-size: 11pt; color: #363636; padding-top: 15px;} /* Schedule */ ul#schedule { margin-left: 30px; padding: 10px 0;} ul#schedule li {padding: 4px; border-bottom: 1px solid #AAAAAA; overflow: hidden; border-top: 1px solid #AAAAAA; background: #C7C7C7; font-size: 11pt; width: 700px; color: #424242; margin-bottom: 3px;} ul#schedule li.odd {background: transparent;} ul#schedule li a {color: #5C8EBD; float: left;} ul#schedule li a:hover {text-decoration: none;} ul#schedule li span {float: right;} ul#schedule li span.tba {float: left; color: #5F5F5F;} #text_column strong {font-weight: 900;} /* Meet the Team */ #bio_nav {width: 650px; margin-left: 90px; height: 40px;} #text_column {width: 700px; margin-left: 30px;} #text_column p {font-size: 10pt; line-height: 20px;} #bio_nav img {float: left; margin-right: 55px;} #bio_nav a.this_dude img {border-bottom: 2px solid #b83f42;} /* Sub Page Photos */ img.main_sub_pic {border: 2px solid #fff;} /* Episodes */ #episode_header {overflow: hidden; height: 30px;} #episode_header h2 {color: #C41E1E; font-weight: bold; margin-bottom: 15px;} #episode_header2 {overflow: hidden; height: 200px;} #episode_header2 h2 {color: #C41E1E; font-weight: bold; margin-bottom: 15px;} #episode_info {overflow: hidden; padding-bottom: 15px; border-bottom: 1px solid #979797;} #episode_info img {float: left; border: 2px solid #fff; width: 200px; margin-right: 10px;} #episode_info h1 {color: #39457b; font-size: 21pt;} #episode_info h3 {color: #39457b;} #text_column #episode_info p {margin: 0; line-height: 0;} #episode_info h4 {margin-top: 20px; color: #535353; font-size: 11pt;} #episode_content p strong {color: #000; font-weight: bold; font-size: 13pt;} #episode_content ul li {color: #5E5E5E; font-size: 11pt; margin-left: 45px; margin-bottom: 3px;} #watch_link {border-bottom: 1px solid #979797; padding-bottom: 15px;} #watch_link a {color: #693803; text-decoration: underline;} #watch_link a:hover {text-decoration: none;} #text_column #archive_link {border-top: 1px solid #979797; margin-top: 10px; text-align: right; font-size: 15pt;} #text_column #archive_link a {color: #C02929; text-decoration: underline;} #text_column #archive_link a:hover {text-decoration: none;} h1.season {font-size: 16pt; margin-bottom: 15px;} .episode_archive {border-bottom: 1px solid #979797; overflow: hidden; padding-bottom: 10px; padding-top: 10px; height: 90px;} .episode_archive img {float: left; border: 2px solid #fff; margin-right: 50px; width: 120px; height: 84px;} .episode_archive h1 {color: #000; font-size: 13pt; font-weight: bold;} .episode_archive p {margin-top: -10px;} .episode_archive a {color: #C02929; text-decoration: underline;} .episode_archive a:hover {text-decoration: none;} h2.more_episodes {color: #C41E1E; font-weight: bold; margin-bottom: 15px;} #more_episodes_row {overflow: hidden; border-top: 1px solid #979797; padding-top: 10px; margin-top: 10px; height: 190px;} #more_episodes_row img.next_four {margin-bottom: 10px; display: block;} #more_episodes_row .episode_mod {width: 145px; float: left; height: 150px; margin-right: 10px; margin-left: 10px; margin-top: 10px;} #more_episodes_row .episode_mod img {width: 125px; border: 2px solid #fff; margin-bottom: 10px;} #more_episodes_row a {color: #4D4D4D; cursor: pointer; cursor: hand; display: block; text-decoration: none;} #more_episodes_row a:hover {text-decoration: none;} #more_episodes_row a:hover img {border: 2px solid #D2D4AB;} /* Social Media */ #social_media {width: 211px; height: 221px; background-image: url(images/elements/social_media/social_media_bg.gif);} #social_media p.header {color: #4f0d10; font-size: 14pt; padding-top: 10px; margin-left: 6px;} img.find_us {position: relative; top: -40px; margin-left: 7px; width: 50px; border: 0px;} #social_media #twitter_div {margin-left: 6px; margin-top: 6px;} #social_media #twit_fb {float: right; position: relative; left: -15px;} #social_media #sm_footer {position: relative; top: 15px;} /* Advertisement */ #advertisement {width: 327px; height: 255px; background-image: url(images/elements/advert/advert.gif);} #advertisement a {display: block; width: 100%; height: 100%;} /* Conferences */ h2.conf_year {font-size: 16pt; margin-bottom: 10px; color: #B43737;} .conference_small {border-bottom: 1px solid #979797; margin: 10px 0;} .conference_small h1 {font-weight: bold;} .conference_small a {color: #000; text-decoration: underline;} .conference_small a:hover {text-decoration: none;} .conference_small h1.main_title {font-size: 22pt;} .conference_small h2 {color: #3B3B3B; font-size: 12pt;} .conference_small h2.main_subtitle {font-size: 19pt;} .conference_small h3 {color: #3B3B3B; font-size: 11pt;} #text_column .conference_small p {line-height: 15px; padding: 0; margin: 0;} #text_column .conference_small p.place {color: #484B6F; margin: 10px 0;} #text_column .conference_small p.more {margin: 10px 0;} p.more a {color: #996330; text-decoration: underline;} #conf_info_box {border: 2px solid #929292; margin: 15px 10px; background: #C5C5C5; padding: 5px;} #text_column #conf_info_box p {margin-bottom: 3px;} #conf_info_box a {color: #555555; text-decoration: underline;} #conf_info_box a:hover {text-decoration: none;} /* Episode Panes */ .panel .video_thumb {width: 170px; margin-left: 40px; float: left; height: 150px;} .panel .video_thumb img {border: 1px solid #fff; width: 150px;} /* Video Single */ #video {margin-left: 32px;} #single_video_info {width: 650px; margin: 10px 0 10px 30px;} #single_video_info h1 {font-size: 25pt; color: #3B3B3B;} #single_video_info p {line-height: 10px; margin: 0;} #single_video_info a {color: #555555; text-decoration: underline;} #single_video_info a:hover {text-decoration: none;} /* Awesome Sites */ #links a {color: #444444; text-decoration: underline;} #links a:hover {text-decoration: none;} /* Halftime Talks */ audioplayer1 {z-index: 98;} img.halftime_title {margin-left: 180px; float: none; margin-bottom: 20px; margin-top: 10px;} .downloadlink {font-size: 50%;} .talk {overflow: hidden; } .talk .bubble {width: 367px; height: 117px; margin-top: 10px; color: #fff; z-index: 0; font-size: 17pt; padding: 15px; font-weight: lighter; background-repeat: no-repeat;} .talk .bubble_left, .bubble_right {width: 77px; height: 47px;} .talk img.play {margin-top: 40px; margin-left: 20px; margin-right: 20px;} #danny .bubble {position: relative; background-image: url(images/elements/halftime/green.gif); float: right;} #peter .bubble {position: relative; background-image: url(images/elements/halftime/grey.gif); float: left;} #curtis .bubble {position: relative; background-image: url(images/elements/halftime/blue.gif); float: left;} #brian .bubble {position: relative; background-image: url(images/elements/halftime/orange.gif); float: right;} #anon .bubble {position: relative; background-image: url(images/elements/halftime/orange.gif); float: left;} #danny img.head {float: right;} #peter img.head {float: left;} #anon img.head {float: left;} #danny .bubble_right {display: none;width: 0; } #danny .bubble_left {background-image: url(images/elements/halftime/green_line.gif); float: right; margin-top: 60px;} #peter .bubble_right {display: none; width: 0; } #peter .bubble_left {background-image: url(images/elements/halftime/grey_line.gif); float: right; margin-top: 60px;} #anon .bubble_right {display: none; width: 0; } #anon .bubble_left {background-image: url(images/elements/halftime/orange_line.gif); float: left; margin-top: 60px;} #peter .bubble_left {float: left; } .play_area {margin-bottom: 15px; bottom: 1px; z-index: 99; position: absolute; left: 10px; display: block;} .play_area a {color: #406D86;} .play_area img {margin-bottom: -12px; margin-left: 270px; margin-right: 15px; } /* Photos */ .bump {overflow: hidden;} .bump img {border: 2px solid #fff;} .photo {width: 270px; float: left; height: 300px; margin-right: 40px; margin-left: 10px;} .photo img {width: 270px;} #text_column .bump .photo p {margin-top: -10px; margin-left: -2px; font-size: 14pt;} /* Books & DVD Media (Store) */ .productRow {position: relative; left: 25px; clear: both; width: 600px;} .descRow {position: relative; left: 25px; clear: both; width: 600px;} .pcol1 {width: 300px;} .pcol2 {position: relative; left: 150px;} .dcol1 {display: inline; width: 300px;} .dcol2 p {display: inline; position: relative; top: -61px; left: 300px;} img.product {width: 150px;} img.productw {display: block; margin-left: auto; margin-right: auto; float: left; width: 275px;} /* Sidelined Forum */ #sidelined {width: 400px; padding-top: 30px; margin-left: 170px; text-align: center;} #sidelined h1 {color: #42A4B8; font-size: 23pt;} #sidelined p {color: #fff; margin-left: 0;} #att_text {width: 500px; padding-top: 20px; margin-left: 100px; padding-bottom: 30px;} #att_text p {margin: 0px; color: #E7E7E7; font-size: 10pt;} span.required {color: #CE3E3E;} #donate {background-image: url(images/elements/donate/donate_box.gif); width: 327px; height: 111px; background-repeat: no-repeat;} #donate input {margin-top: 62px; margin-left: 25px;} form#donate_top {display: inline; } form#donate_top input#dn { margin-top: -3px;} .module {margin-bottom: 15px;} .header-cell { font-weight: bold; font-size:12px; height: 30px; } .schedule-cell { font-size:12px; line-height:1.3em; } .middle_col_middle, .middle_col_middle p {font-size:12px; line-height:1.3em; color: #333;} .middle_col_middle_dark {background-color: #444; font-size:13px; line-height:1.3em; color: #F6F6F6; width:417px; padding:12px; border-left: 3px solid #ccc; border-right: 3px solid #ccc; } .middle_col_middle_dark p {font-size:13px; line-height:1.3em; color: #FFF;}