@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, 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;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
font-family: Trebuchet MS;
	background-color: #000000;
}

a:link {
	color: #3399FF;
	text-decoration: none;
	
}
a:hover {
	color: #85C435;
	text-decoration: none;
}
a:visited {
	color: #3399FF;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color: #3399FF;
}

h1 {
	width: 225px;
	height: 65px;
	background-image:url(http://ontheballmag.com/images/site/logo-magazine.png);
	background-repeat: no-repeat;
	margin-left: 60px;
	margin-top: -95px;
	margin-bottom: 10px;
	}

h2 {
	font-family: Trebuchet MS;
	font-size: 17px;
	font-weight: bold;
	color:#737373;
	padding-top: 6px;
	padding-left: 10px;
	}

p {
	font-family: Trebuchet MS;
	font-size: 13px;
	color: #333333;
	line-height: 18px;
	padding-bottom: 10px;
	}

#box-300 p {
	font-family: Trebuchet MS;
	font-size: 13px;
	color: #676767;
	line-height: 18px;
	padding-bottom: 10px;
	}

#header {
	margin: 0 auto;
	width: 960px;
	height: 100px;
	background-image: url(http://ontheballmag.com/images/site/blue/header-image-blue.png);
	background-position: center;
	}

#wrapper {
	width: 970px;
	height: auto;
	margin: 0 auto;

	}

#ad-full-banner {
	width: 468px;
	height: 60px;
	float: right;
	margin-top: -71px;
	margin-right: 80px;
	}
	
#ad-rectangle {
	width: 300px;
	height: 100px;
	margin-bottom: 6px;
	}

#body-top {
	width: 970px;
	height: 5px;
	background-image: url(http://ontheballmag.com/images/site/box/top-body.png);
	}
	
#body-content {
	background-color: #FFFFFF;
	width: 970px;
	}

#body-bottom {
	width: 970px;
	height: 5px;
	background-image: url(http://ontheballmag.com/images/site/box/bottom-body.png);
	background-position: bottom;
	}

#navbar {
	width: 960px;
	height: 24px;
	background-image: url(http://ontheballmag.com/images/site/navbar.jpg);
	margin-left: 5px;
	margin-bottom: 5px;
	}

#nav-text {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: normal;
	color:#cecece;
	}

ul#nav {
	padding-top: 5px;
	padding-left: 0px;
	list-style: none;
	margin-top: 0px;
	color: #cecece;
	}
	ul#nav li {
		display: block;
		float: left;
		padding-left: 32px;
		}
		ul#nav li a:link {
			color: #cecece;
			text-decoration: none;
			}
		ul#nav li a:visited {
			color: #cecece;
			text-decoration: none;
			}
		ul#nav li a:hover, ul#nav li a:active {
			color: #cecece;
			text-decoration: none;
			}

ul#more-headlines {
	width: 265px;
	font-family: Trebuchet MS;
	font-size: 13px;
	color: #676767;
	line-height: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-top: 2px;
	list-style: inherit;
	text-decoration: none;
	}
ul#more-headlines li {
        padding-top: 6px;
        }
ul#more-headlines li a:link, ul#more-headlines li a:active, ul#more-headlines li a:visited{
        color: #676767;
        text-decoration: none;
        }
ul#more-headlines li a:hover {
        color: #3399ff;
        text-decoration: none;
        }

#leftcol {
	float: left;
	width: 652px;
	height: auto;
	margin-left: 6px;
	}
	
#rightcol {
	float: right;
	width: 300px;
	height: auto;
	margin-right: 6px;
	}

#rss-headlines {
	height: 34px;
	width: 31px;
	float: right;
	margin-top: -26px;
	margin-right: 10px;
	}

#rss-more-headlines {
	height: 34px;
	width: 31px;
	float: right;
	margin-top: -26px;
	margin-right: 8px;
	}
        
.rss {
        height: 34px;
	width: 31px;
	background-image: url(http://ontheballmag.com/images/site/logo-rss.png);
	background-repeat: no-repeat;
	float: right;
  }
	
#article-image {
	float: left;
	padding: 3px 10px 0px 0px;

	}

#video-placeholder {
	height: 460px;
	width: 652px;
	background-color: #ffffff;
	margin-bottom: 6px;
	}

#scores-placeholder {
	height: 460px;
	width: 300px;
	background-color: #ffffff;
	margin-bottom: 6px;
	}

#box-652 {
	width: 652px;
	height: 502px;
	background-image: url(http://ontheballmag.com/images/site/box/border-main.jpg);
	background-repeat: repeat-y;
	margin-bottom: 6px;
	}

#box-652-top {
	width: 652px;
	height: 4px;
	background-image: url(http://ontheballmag.com/images/site/box/top-main.jpg);
	background-position: bottom;
	}
	
#box-652-middle {
	width: 630px;
	height: 454px;
	margin-left: 1px;
	background-image: url(http://ontheballmag.com/images/site/box/gradient.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	}

#box-652-leftcol {
	float: left;
	width: 315px;
	height: 454px;
	border-right: 1px;
	border-right-color: #bebebe;
	border-right-style: solid;
	}

#box-652-leftcol-text {
	width: 300px;
	height: 165px;
	padding-top: 6px;
	padding-bottom: 6px;
	}
	
#box-652-rightcol {
	float: right;
	width: 300px;
	height: 454px;
	}

#box-652-rightcol-text {
	width: 300px;
	height: 145px;
	padding-top: 6px;
	}
	
#box-652-bottom {
	width: 652px;
	height: 4px;
	background-image: url(http://ontheballmag.com/images/site/box/bottom-main.jpg);
	background-position: bottom;
	}

#header-652 {
	width: 652px;
	height: 28px;
	background-image: url(http://ontheballmag.com/images/site/box/header-main.jpg);
	background-repeat: no-repeat;
	background-position: center;
	}

#header-652-textpos {
	width: 642px;
	height: 28px;
	padding-left: 10px;
	padding-top: 3px;
	}

#box-300 {
	width: 300px;
	height: 396px;
	background-image: url(http://ontheballmag.com/images/site/box/border-secondary.jpg);
	background-repeat: repeat-y;
	margin-bottom: 6px;
	}

#box-300-top {
	width: 300px;
	height: 4px;
	background-image: url(http://ontheballmag.com/images/site/box//top-secondary.jpg);
	background-position: top;
	}
	
#box-300-middle {
	width: 298px;
	height: 388px;
	margin-left: 1px;
	background-image: url(http://ontheballmag.com/images/site/box/gradient.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	}

#header-300 {
	width: 298px;
	height: 28px;
	background-image: url(http://ontheballmag.com/images/site/box/header-secondary.jpg);
	background-repeat: no-repeat;
	background-position: center;
	}

#header-300-texpos {
	width: 298px;
	height: 28px;
	padding-left: 10px;
	padding-top: 3px;
	}

#box-300-content {
	width: 278px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	}
	
#box-300-bottom {
	width: 300px;
	height: 4px;
	background-image: url(http://ontheballmag.com/images/site/box/bottom-secondary.jpg);
	background-position: bottom;
	}

#box-960 {
	clear: both;
	width: 960px;
	background-image: url(http://ontheballmag.com/images/site/box/border-footer.jpg);
	background-repeat: repeat-y;
	margin-left: 5px;
	}
	
#box-960-top {
	width:960px;
	height: 4px;
	background-image: url(http://ontheballmag.com/images/site/box/top-footer.jpg);
	background-position: bottom;
	}
	
#box-960-middle {
	width: 958px;
	margin-left: 1px;
	background-image: url(http://ontheballmag.com/images/site/box/gradient-footer.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	}

#box-960-content {
	width: 948px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	}
	
#box-960-bottom {
	width: 960px;
	height: 4px;
	background-image: url(http://ontheballmag.com/images/site/box/bottom-footer.jpg);
	background-position: bottom;
	}
#fwrap {background-image:url(http://ontheballmag.com/images/site/placeholders/video-placeholder.png);
        background-repeat:no-repeat;
        height:466px;
    }

    #fwrap h3, #fwrap p {color:white;}

    #fwrap a {
        font-size: 16px;
        text-decoration:none;
    }
    #fwrap a:hover {
        color:#3399FF;
        text-decoration:none;
    }
    #fwrap h3 {
        padding: 8px 0 3px;
    }

/* SCORES BOX */
#score-box {background-image:url(http://ontheballmag.com/images/site/scores-placeholder.png);
    height:454px;
    margin-bottom:0.33em;
    padding:0.25em 0.2em;
    font-family:Trebuchet MS;
    font-size:14px;
    font-weight: bold;
    color: #555555;
    background-repeat:no-repeat;
}

#score-box h2 {background-image:url(http://ontheballmag.com/images/site/box/header-secondary.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
    display:block;
    height:22px;
    width:285px;
    text-transform:uppercase;
    margin-bottom:0.2em;
}

#score-box #rotator {
    height:418px;
    overflow:hidden;
    line-height:1.2;
}


#score-box li {
    height:17px;
    display:block;
    margin:0 0.1em;
    padding:0 1em;
}

#score-box ul {

}

#score-box span {
    float:right;
    *:margin-top:-1.2em;
}

#score-box .grey {background-color:#EEEEEE;}

#score-box .white {background-color:white;}

#score-box .top {
    margin-top:0.3em;
    padding-top:0.5em;
}

#score-box .bottom {
    margin-bottom: .3em;
    padding-bottom: .5em;
}

/* ad fix till recode */
#ad-rectangle {height:250px;}

#box-652-leftcol {height:604px;}
#box-652-middle {height:604px;}
#box-652 {height:652px;}
	

body {
	background-image: url(http://ontheballmag.com/images/site/blue/background-gradient-blue.png);
	background-repeat: repeat-x;
	}
#drop {
                position:absolute;
                top:0px;
                left: 0px;
                z-index:-1;
                height:20px;
                display:none;
                /*border:2px solid blue;*/
            }

            .lm-wrapper { margin:0; padding:0; }
            .lm-wrapper .lm-letters {overflow:hidden;}
            * html .lm-wrapper .lm-letters {zoom:1;} /* for IE6 so that menu appears under letters */
            .lm-wrapper .lm-letters a { font-size:0.9em; display:block; float:left; padding:5px 11px; border:1px solid #ccc; border-right:none; text-decoration:none;
                background-color:#ffffff;}
            .lm-wrapper .lm-letters a:hover {  }
            .lm-wrapper .lm-letters a:hover,
            .lm-wrapper .lm-letters a.lm-selected { background-color:#999999; color:#eeeeee; }
            .lm-wrapper .lm-letters a.lm-disabled {color:#ccc;}
            .lm-wrapper .lm-letters a.lm-last { border-right:1px solid #ccc; }
            .lm-wrapper .lm-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; }

            .lm-wrapper .lm-menu { border:1px solid #ccc; border-top:1px solid #ccc; padding:10px; z-index:10; position:absolute; margin-top:-1px; background-color:#efefef; display:none; }
            .lm-wrapper .lm-menu ul li { list-style-type:none; margin-bottom:5px; font-size:0.9em }
            .lm-wrapper .lm-menu ol li {margin-left:15px;}
            .lm-wrapper .lm-menu .lm-no-match {color:green;}
            .lm-wrapper .lm-menu a {text-decoration:none;}
            .lm-wrapper .lm-menu a:hover {text-decoration:underline;}
            .lm-wrapper .lm-menu .lm-submenu {overflow:hidden;}
/*

	GalleryView Stylesheet
	
	Use the CSS rules below to modify the look of your gallery.
	
	To create additional rules, use the markup below as a guide to GalleryView's architecture.
	
	<div class="gallery">
		<div class="panel">
			<img src="path/to/image.jpg" />
			<div class="panel-overlay">
				...overlay content...
			</div>
			<div class="overlay-background"></div>
		</div>
		<ul class="filmstrip">
			<li class="frame current">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
			<li class="frame">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
		</ul>
	</div>
		

*/

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#features { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { padding: 5px;}

/* LOADING BOX */
.loader { background: url(http://ontheballmag.com/images/site/loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}