/* CSS Reset */
html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, em, font, img, ins,
small, strike, strong, sub, sup,
b, u, i, center,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }/* tables still need 'cellspacing="0"' in the markup */
/* Global Styles */
html { background:#fff url("http://www.swimmingworldmagazine.com/images/body-bg.gif") top repeat-x; }
body { font:12px Arial, Helvetica, sans-serif; background:url("http://www.swimmingworldmagazine.com/images/header-bg1.jpg") top center no-repeat; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h2 { font-size:29px; font-weight:bold; }
a, a:link, a:visited { color:#005ed4; text-decoration:none; outline:none; }
a:hover { text-decoration:underline; }
/* Container */
#container { margin:0 auto; width:1000px; overflow:visible; }
/* #container { margin:0 auto; width:950px; overflow:visible; } */
/* Header */
/* #header { z-index:2; height:156px; position:relative; top:5px; } */
/* #header { z-index:2; height:156px; position:relative; top:5px; } */
/* 6/6/12 changed so that login/total access nav bar links will work in "/common/SWTV-Members-NavBar.aspx" */
#header { z-index:2; height:124px; position:relative; top:5px; margin-top:20px;}
#header h1, #header h2 { text-indent:-2000px; }
/* #header h1 a { display:block; height:50px; width:258px; position:absolute; left:10px; top:20px } */
#header h1 a { display:block; height:50px; width:258px; position:absolute; left:00px; top:20px }
/* Top Navigation */
ul#nav li a { background-image:url("images/nav3.png"); }
/* Sliding doors positioning for the navbar */
ul#nav li#nav-news a, ul#nav li#nav-news a:visited { background-position:0 0; }
ul#nav li#nav-news a:hover, ul#nav li#nav-news a:visited:hover { background-position:0 -28px; }
ul#nav li#nav-news a.nav-current { background-position:0 -56px; }
ul#nav li#nav-mag a, ul#nav li#nav-mag a:visited { background-position:-69px 0; }
ul#nav li#nav-mag a:hover, ul#nav li#nav-mag a:visited:hover { background-position:-69px -28px; }
ul#nav li#nav-mag a.nav-current { background-position:-69px -56px; }
ul#nav li#nav-tv a, ul#nav li#nav-tv a:visited { background-position:-178px 0; }
ul#nav li#nav-tv a:hover, ul#nav li#nav-tv a:visited:hover { background-position:-178px -28px; }
ul#nav li#nav-tv a.nav-current { background-position:-178px -56px; }
ul#nav li#nav-radio a, ul#nav li#nav-radio a:visited { background-position:-221px 0; }
ul#nav li#nav-radio a:hover, ul#nav li#nav-radio a:visited:hover { background-position:-221px -28px; }
ul#nav li#nav-radio a.nav-current { background-position:-221px -56px; }
ul#nav li#nav-shop a, ul#nav li#nav-shop a:visited { background-position:-296px 0; }
ul#nav li#nav-shop a:hover, ul#nav li#nav-shop a:visited:hover { background-position:-296px -28px; }
ul#nav li#nav-shop a.nav-current { background-position:-296px -56px; }
ul#nav li#nav-commentary a, ul#nav li#nav-commentary a:visited { background-position:-367px 0; }
ul#nav li#nav-commentary a:hover, ul#nav li#nav-commentary a:visited:hover { background-position:-367px -28px; }
ul#nav li#nav-commentary a.nav-current { background-position:-367px -56px; }
ul#nav li#nav-fantasy a, ul#nav li#nav-fantasy a:visited { background-position:-500px 0; }
ul#nav li#nav-fantasy a:hover, ul#nav li#nav-fantasy a:visited:hover { background-position:-500px -28px; }
ul#nav li#nav-fantasy a.nav-current { background-position:-500px -56px; }
/* Sets specific width for each nav button */
ul#nav li#nav-news a { width:69px; }
ul#nav li#nav-mag a { width:109px; }
ul#nav li#nav-tv a { width:43px; }
ul#nav li#nav-radio a { width:75px; }
ul#nav li#nav-shop a { width:71px; }
ul#nav li#nav-commentary a { width:133px; }
ul#nav li#nav-fantasy a { width:100px; }
/* ul#nav { width:437px; height:28px; overflow:hidden; position:absolute; left:10px; bottom:32px } */
ul#nav { width:600px; height:28px; overflow:hidden; position:absolute; left:0px; bottom:32px }
ul#nav li { height:28px; float:left; display:inline; }
ul#nav li a, u#nav li a:visited { height:28px; display:block; overflow:hidden; text-indent:-2000px; }
/* Nav Search Form */
#nav-search-box { position:absolute; right:80px; bottom:37px; width:144px; height:16px; font-size:12px; }
#nav-search-btn { position:absolute; right:20px; bottom:38px; }
/* Mega Menu Dropdown */
/* ul#topnav { position:absolute; top:124px; left:10px; float:left; width:100%; font-size:12px; font-weight:bold; background-color:#0083e0; } */
/* ul#topnav { position:absolute; top:124px; left:0px; bottom:0px; float:left; width:100%; height:26px; font-size:12px; font-weight:bold; background-color:#0083e0; } */
ul#topnav { position:absolute; top:92px; left:0px; bottom:0px; float:left; width:100%; height:26px; font-size:12px; font-weight:bold; background-color:#0083e0; }
ul#topnav li { float:left; position:relative; border-right:1px #339ce6 solid; }
ul#topnav li a { float:left; height:21px; padding:5px 15px 0 15px; text-decoration:none; color:#fff; }
ul#topnav li a.has-sub { padding-right:20px; background:url("images/sub-arrow-light.gif") no-repeat right center; }
ul#topnav li:hover a, ul#topnav li a:hover { background-color:#e0e0e0; color:#000; }
ul#topnav li:hover a.has-sub, ul#topnav li a.has-sub:hover { padding-right:20px; background:#e0e0e0 url("images/sub-arrow-dark.gif") no-repeat right center; }
ul#topnav li .sub { position:absolute; top:26px; left:0; background-color:#fff; padding:10px 0 10px 10px; float:left; border:3px #e0e0e0 solid; border-top:0; display:none; }
ul#topnav li .sub-row { clear:both; float:left; width:100%; margin-bottom:10px; }
ul#topnav li .sub ul { width:160px; float:left; }
ul#topnav .sub ul li { width:100%; color:#fff; border-right:0; }
ul#topnav .sub ul li a { float:none; text-indent:0; /*--Reset text indent--*/
height:auto; padding:7px 5px; display:block; color:#666; margin-right:10px; background-color:#fff; border-bottom:1px #dcdcdc solid; }
ul#topnav .sub ul li a span { color:#000; }
ul#topnav .sub ul li a:hover { background-color:#f7f7f7; color:#0083e0; }
/* Content */
#content { z-index:1; height:1%; overflow:hidden; padding:0 20px; background:transparent url("images/content-bg.gif") repeat-y; }
#content h3 { font-size:17px; font-weight:bold; margin:10px 0 0 8px; }
/* Top Banner Ad Section */
#top-ads { padding:8px 0 7px 0; border-bottom:1px #b2b2b2 solid; position:relative; height:1%; overflow:hidden; }
#top-ads span { color:#bbb; text-transform:uppercase; font-size:8px; position:absolute; top:-1px; right:232px; }
#top-ads div { display:inline; float:left; }
#top-ads div#top-banner-left { width:728px; border-right:1px #b2b2b2 solid; padding-right:10px; }
#top-ads div#top-banner-right { width:210px; padding-left:10px; }
/* Content Inline Banner Ad */
.content-section-ad { padding:45px 0 60px 130px; }
/* Video Thumbnail rows */
.row { clear:both; padding:0 0 10px 0; border-bottom:1px #b2b2b2 solid; height:1%; overflow:hidden; position:relative; }
.row div { display:inline; float:left; margin:10px; }
.row div.last { margin-right:0; }
.row div.vid { width:140px; }
.row div.vid div { width:140px; height:80px; overflow:hidden; margin:0 0 5px 0; }
.row a { color:#000; text-decoration:none; }
.row a:hover { text-decoration:underline; }
/* Pagination */
ul.pagination { font-size:11px; position:absolute; right:10px; top:14px; }
ul.pagination li { display:inline; padding-left:3px; }
ul.pagination li input { width:32px; height:12px; border:1px #7a7a7a solid; font-size:11px; text-align:center; }
ul.pagination li a { font-weight:bold; }
/* Home > Top Videos & Headlines */
#featured-videos-headlines { clear:both; padding:10px 0 8px 0; border-bottom:1px #b2b2b2 solid; height:1%; overflow:hidden; }
#featured-videos-headlines div { display:inline; float:left; }
#flash-widget { width:647px; margin-right:10px; border-right:1px #b2b2b2 solid; }
#featured-ads { width:200px; position:relative; }
#featured-ads span { color:#bbb; text-transform:uppercase; font-size:8px; position:absolute; top:-10px; right:-100px; }
#subscription-links { width:300px; padding-left:15px; }
#subscription-links li { display:inline; font-size:10px; font-weight:bold; padding-right:10px; }
#subscription-links li:before { content: "\00BB \0020"; }
#more-news-links li a { color:#005ed4; }
#more-news-links { width:300px; padding-left:15px; }
#more-news-links li { display:inline; font-size:10px; font-weight:bold; padding-right:10px; }
#more-news-links li:before { content: "\00BB \0020"; }
#more-news-links li a { color:#005ed4; }
#more-news-links1 li a { color:#005ed4; }
#more-news-links1 { width:300px; padding-left:15px; }
#more-news-links1 li { display:inline; font-size:10px; font-weight:bold; padding-right:10px; }
#more-news-links1 li:before { content: "\00BB \0020"; }
#more-news-links1 li a { color:#005ed4; }
#more-news-links2 li a { color:#005ed4; }
#more-news-links2 { width:300px; padding-left:15px; }
#more-news-links2 li { display:inline; font-size:10px; font-weight:bold; padding-right:10px; }
#more-news-links2 li:before { content: "\00BB \0020"; }
#more-news-links2 li a { color:#005ed4; }
#more-news-links3 li a { color:#005ed4; }
#more-news-links3 { width:300px; padding-left:15px; }
#more-news-links3 li { display:inline; font-size:10px; font-weight:bold; padding-right:10px; }
#more-news-links3 li:before { content: "\00BB \0020"; }
#more-news-links3 li a { color:#005ed4; }
/* h2#interviews-and-segments { height:38px; background:url("images/interviews-segments.jpg") no-repeat; overflow:hidden; text-indent:-2000px; margin-top:10px; } */
h2#interviews-and-segments { height:38px; background:url("http://www.swimmingworld.com/images/interviews-segments.jpg") no-repeat; overflow:hidden; text-indent:-2000px; margin-top:10px; }
h2#shows-events { height:38px; background:url("images/shows-events.jpg") no-repeat; overflow:hidden; text-indent:-2000px; }
h2#videos-title { height:38px; background:url("images/videos-title.jpg") no-repeat; overflow:hidden; text-indent:-2000px; margin-top:10px; }
/* Home > Shows & Events */
#shows { clear:both; padding:10px 0; height:1%; overflow:hidden; }
#shows div { display:inline; float:left; margin:10px; width:300px; overflow:hidden; padding-top:2px; }
#shows div strong { font-size:17px; }
#shows a { color:#000; text-decoration:none; }
#shows a:hover { color:#00487b; }
/* 2 column layout */
.two-col { clear:both; height:1%; overflow:hidden; position:relative; }
.col-1 { float:left; width:160px; margin-right:10px; margin-top:10px; font-size:11px; font-weight:bold; }
.col-1 a { color:#005ed4; text-decoration:none; }
.col-1 a:hover { text-decoration:underline; }
.col-2 { float:left; margin-top:10px; width:790px; }
/* Events List */
.events { clear:both; padding:10px 0; height:1%; overflow:hidden; width:647px; margin-right:10px; float:left; }
.events div { display:inline; float:left; margin:10px; width:140px; overflow:hidden; padding-top:2px; }
.events div div.event-logo { width:138px; height:138px; display:block; overflow:hidden; margin:0 0 10px 0; padding:0; border:1px #e1e1e1 solid; }
.events h3 { clear:both; width:623px; border-bottom:1px #b2b2b2 solid; }
.events div a { color:#000; }
.events div small { font-size:10px; }
#content ul.events-archive li h3 { margin:5px 0; }
ul.events-archive li { margin-bottom:5px; font-weight:bold; }
/* Events Landing */
.box-top { height:9px; background:url("images/sidebar-box-top.png") no-repeat; }
.box { height:1%; overflow:hidden; background:url("images/sidebar-box-bg.png") repeat-y; }
.box-bottom { height:9px; background:url("images/sidebar-box-bottom.png") no-repeat; margin-bottom:10px; }
.blue { background-color:#ecf4fb; }
div.page-title { padding:10px; position:relative; width:960px; height:53px; background:url("images/view-video-title-bg.gif") no-repeat; margin:10px 0 0 0; }
#jump-to-event { position:absolute; right:30px; top:20px; }
#event-photo { width:140px; overflow:hidden; border:1px #e1e1e1 solid; margin:0 9px; }
#event-photo img { display:block; }
p#event-location { padding:5px 10px; }
.coverage { background-color:#ecf4fb; padding:10px; border:1px #b2b2b2 solid; }
.coverage ul { margin-top:10px; }
.event-nav { margin-left:5px; margin-right:5px; }
#content div.two-col div.event-nav h3 { margin:3px; padding:0; }
.share { padding:0 10px; }
#content div.share h3 { margin:0; }
#content div.share img { margin-top:10px; }
/* Viewing a Video */
div#content h3.title { font-size:25px; }
#other-events { position:absolute; right:30px; top:20px; }
#view-video { height:1%; overflow:hidden; padding-left:10px; }
#view-video div { display:inline; float:left; }
#blip-video { width:460px; padding:10px 10px 10px 0; position:relative; }
#blip-video embed { height:307px; }
#view-video-wide { height:1%; overflow:hidden; padding-left:10px; }
#view-video-wide div { display:inline; float:left; }
#blip-video-wide { width:630px; padding:10px 10px 10px 0; position:relative; }
#blip-video-wide embed { height:396px; }
#video-rating { width:91px; position:absolute; left:0; top:410px; }
#share-addthis { width:150px; position:absolute; left:485px; top:410px; }
.video-meta { clear:both; padding:10px 0; margin-top:10px; font-size:11px; }
.blip_description { clear:both; font-size:14px; }
#embed_code { clear:both; }
.blip_video_url, .blip_embed_code { padding:20px 0; }
.blip_video_url input, .blip_embed_code input { width:215px; height:14px; font-size:11px; }
.blip_video_url input { margin-right:15px; }
#tags a { margin-right:5px; font-size:11px; }
div#featured-ads { margin-top:10px; }
h2#morning-swim-show { height:38px; background:url("images/morning-swim-show.jpg") no-repeat; overflow:hidden; text-indent:-2000px; margin-top:10px; }
h2#videos-from-this-event-title { height:38px; background:url("images/videos-from-this-event.jpg") no-repeat; overflow:hidden; text-indent:-2000px; margin-top:10px; }
/* Footer */
/* #footer-top { clear:both; width:1000px; height:20px; background:url("images/content-bottom-bg.gif") no-repeat; } */
#footer-top { clear:both; width:950px; height:20px; background:url("images/content-bottom-bg.gif") no-repeat; }
/* #footer { clear:both; width:940px; margin:0 10px; background-color:#edf1f6; padding:5px 20px; height:1%; overflow:hidden; line-height:18px; } */
#footer { clear:both; width:950px; margin:0 10px; background-color:#edf1f6; padding:10px 10px; height:1%; overflow:hidden; line-height:18px; }
/* #footer ul { display:inline; float:left; margin:5px 10px 15px 0; width:146px; } */
#footer ul { display:inline; float:left; margin:0px 10px 15px 0; width:170px; }
#footer ul li a { color:#00487b; font-weight:bold; }
#footer ul li a strong { font-size:18px; }
/* Copyright */
#copyright { clear:both; color:#000; font-size:11px; height:44px; margin-bottom:20px; padding:10px 20px; overflow:hidden; position:relative; }
#copyright h4 { text-indent:-2000px; height:44px; width:182px; background:url("images/sports-publications-int.gif") no-repeat; }
#copyright ul, #copyright p { text-align:right; position:absolute; }
#copyright ul { top:15px; right:14px; }
#copyright p { top:35px; right:14px; }
#copyright ul li { display:inline; border-left:1px #000 solid; padding:0 5px; }
#copyright ul li.no-border { border-left:none; }
/* Global Classes */
.clear { clear:left; height:0; width:auto; overflow:hidden; }
a.underline { text-decoration:underline; }
.no-border { border:0; }
.float-left { float:left; }