/* Browser Reset
---------------------------- */
body,div,ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
fieldset,img { border: 0; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }


/* Default
---------------------------- */
body { background: #000 url('/media/images/fbnyc-bg.jpg') fixed 190% 0 no-repeat; }
body, td, textarea { font: 12px Helvetica, Arial, sans-serif; color: #FFF; }
p { margin: 0 0 20px 0; line-height: 1.35em; }
a { color: #FF8D4F; }
a:hover, a:active { text-decoration: none; }
a img.border,
img.border { border: 1px solid #252525; } 
a:hover img.border { border-color: #373737; } 
label { font-weight: bold; cursor: pointer; }
h1, h2, h3, h4, h5, h6 {  }
h1 { font-size: 26px; margin: 0 0 20px 0; color: #FFF; font-weight: normal; }
h2 { font-size: 22px; margin: 0 0 15px 0; color: #FFF; font-weight: normal; }
h3 { font-size: 12px; margin: 0 0 10px 0;  }
h4,h5,h6 { font-size: 12px; font-weight: bold; margin: 0 0 2px 0; }
hr { border: none; border-top: 1px solid #525252; height: 1px; padding: 0; margin: 0 0 15px 0; }
ul, ol { list-style: disc; margin: 0 0 20px 30px; padding: 0; }
ol { list-style: decimal; margin: 0 0 30px 45px; padding: 0; }
li { margin: 0 0 5px 0; }
object, embed { margin: 0 0 15px 0; }

@font-face { font-family: Made in China; src: url('/media/fonts/MADEC.ttf'); }
@font-face { font-family: SynthetiqueOT; src: url('/media/fonts/Synthetique.otf'); }


/* Clearing
---------------------------- */
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* Template
---------------------------- */
#container { background-color: #000; margin: 0 auto; width: 1020px; }
#logo { text-indent: -9999px; }
#logo a { background: transparent url('/media/images/logo.png') no-repeat; display: block; height: 158px; width:260px; }
header { height: 100%; margin-bottom: 25px; width: 300px; }
nav ul { list-style-type: none; margin: 0; text-align: right; width: 255px; }
nav ul li { line-height: 32px; }
nav ul li a { color: #565656; font-family: 'Bowlby One SC', sans-serif; font-size: 32px; text-decoration: none; }
nav ul li a:hover { color: #FFF; }
nav ul li.sign-up a { color: #BF693B; }
nav ul li.sign-up a:hover { color: #FF8D4F; }

#col-1 { float: left; width: 290px; }
#col-2 { float: right; position: relative; width: 730px; }
h1.hdr-choose { color: #3f3f3f; font-family: 'Bangers'; font-size: 34px; margin-top: 150px; text-align: center; }


footer { margin: 75px 0 0; }
footer #follow-us { float: left; width: 290px; }
footer #follow-us p { color: #565656; font-family: 'Bowlby One SC', sans-serif; font-size: 12px; margin-bottom: 5px; }
footer ul { float: right; list-style-type: none; margin: 0; text-align: right; width: 730px; }
footer ul li { color: #565656; display: inline-block; line-height: 55px; margin: 0; }
footer ul li a { margin: 0 15px; text-decoration: none; }
footer ul li a:hover { text-decoration: underline; }


/* Home
---------------------------- */
#video-wrapper { padding: 25px; }
.box-score { height: 175px; }
.social-box { background: transparent url('/media/images/twitter-bird.png') no-repeat 50px 25px; float: left; margin-bottom: 25px; width: 720px; }
.tweets-wrapper { float: right; }
#ad-container { height: 250px; float: left; margin: 250px 0 0 15px; overflow: hidden; width: 300px; }
.flickr-wrapper { float: right; margin: 25px 0 0 -5px; position: relative; width: 375px; }
.facebook-wrapper {  }

.box { background-color: #232421; margin-bottom: 25px; padding: 20px; text-align: right; width: 232px;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 1px 1px 1px #0F0F0F;
}


/* League Landing Links
---------------------------- */
ul.sdt_menu { font-family: Made in China, Myriad Pro, Trebuchet MS, sans-serif; font-size: 14px; margin: 0; padding: 0; list-style: none; }
ul.sdt_menu a { outline: none; text-decoration: none; }
ul.sdt_menu li { cursor: pointer; float: left; height: 85px; margin-right: 3px; position: relative; width: 180px; }
ul.sdt_menu li.enter-white-2 { margin-right: 0; }
ul.sdt_menu li > a { background: transparent url('/media/images/overlay.png') no-repeat bottom right; height: 85px; left: 0px; position: absolute; top: 0px; width: 180px; z-index: 12;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow:0px 0px 2px #000 inset;
	-moz-box-shadow:0px 0px 2px #000 inset;
	-webkit-box-shadow:0px 0px 2px #000 inset;
}
ul.sdt_menu li a img { border: none; bottom: 0px; height: 0px; left: 85px; position: absolute; width: 0px; z-index: 100;
	box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	-webkit-box-shadow: 0px 0px 4px #000;
}
ul.sdt_menu li span.sdt_wrap { height: 60px; left: 0px; position: absolute; top: 25px; width: 180px; z-index: 15; }
ul.sdt_menu li span.sdt_active { background: #111; height: 0px; left: 0px; position: absolute; top: 85px; width: 180px; z-index: 14;
	border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	-webkit-border-radius: 6px 0 0 6px;
	box-shadow: 0px 0px 4px #000 inset;
	-moz-box-shadow: 0px 0px 4px #000 inset;
	-webkit-box-shadow: 0px 0px 4px #000 inset;
}

ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li .sdt_box a { text-align: center; text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
}
ul.sdt_menu li .sdt_box {
	border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	-webkit-border-radius: 0 6px 6px 0;
}

ul.sdt_menu li span span.sdt_link { clear: both; color: #FFF; float: left; font-size: 32px; text-align: center; width: 180px; }
ul.sdt_menu li span span.sdt_descr{ color: #FFF; clear: both; float: left; font-family: SynthetiqueOT; font-size: 14px; letter-spacing: 1px; width: 180px; /*For IE7*/ }

ul.sdt_menu li.enter-blue span span.sdt_link { color: #3c5197; }
ul.sdt_menu li.enter-red span span.sdt_link { color: #a24545; }
ul.sdt_menu li.enter-white span span.sdt_link,
ul.sdt_menu li.enter-white-2 span span.sdt_link { color: #a2a2a2; }
ul.sdt_menu li.enter-white-2 span.sdt_active { 
	border-radius: 0 8px 8px 0;
	-moz-border-radius: 0 8px 8px 0;
	-webkit-border-radius: 0 8px 8px 0;
}
ul.sdt_menu li.enter-white-2 .sdt_box {
	border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
	-webkit-border-radius: 8px 0 0 8px;
}

ul.sdt_menu li .sdt_box { background: #000; display: block; display: none; font-family: arial; font-size: 12px; height: 85px; left: 0px; overflow: hidden; padding: 15px; position: absolute; top: 85px; width: 160px; }
ul.sdt_menu li .sdt_box a { color: #0B75AF; clear: both; float: left; line-height: 30px; }
ul.sdt_menu li .sdt_box a:first-child { margin-top: 15px; }
ul.sdt_menu li .sdt_box a:hover { color: #fff; }

span.reference { bottom: 10px; font-size: 12px; left: 10px; position: fixed; }
span.reference a { color: #aaa; margin-right: 30px; text-transform: uppercase; text-decoration: none; text-shadow: 1px 1px 1px #000; }
span.reference a:hover { color: #ddd; }


/* Video Panel
---------------------------- */
.panel_button { background-color: #9B9B9B; cursor: pointer; float: right; height: 54px; margin-left: auto; margin-right: auto;position: relative; top: 1px; width: 173px; z-index: 20;
	border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
}
.panel_button img { border: none; position: relative; top: 10px; }
.panel_button a { color: #000; font-family: Myriad Pro, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; left: 5px; position: relative; text-decoration: none; top: 5px; }
.panel_button a:hover { color: #FFF; }

#toppanel { position: fixed; text-align: center; top: 0; width: 720px; z-index: 25; }
#panel { background-color: transparent; height: 0px; margin: 0 auto; overflow: hidden; position: relative; text-align: left; top: 1px; width: 720px; z-index: 10;
	border-radius: 0 0 0 8px;
	-moz-border-radius: 0 0 0 8px;
	-webkit-border-radius: 0 0 0 8px;
}
#panel_contents { background: #9B9B9B; height: 100%; position: absolute; width: 720px; z-index: -1;
	border-radius: 0 0 0 8px;
	-moz-border-radius: 0 0 0 8px;
	-webkit-border-radius: 0 0 0 8px;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
}


/* Twitter Plugin
---------------------------- */
#tweets { background: #000 url('/media/images/interface_dark.png') repeat; margin: 0; padding: 20px; width: 347px; 
	border-radius: 8px; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-webkit-box-shadow:  1px 1px 1px #0f0f0f;
	-moz-box-shadow: 1px 1px 1px #0f0f0f;
	box-shadow: 1px 1px 1px #0f0f0f; 	
}
#tweets ul { list-style-type: none; margin: 0; }
#tweets li { color: #FFFFFF; border-bottom: 1px solid #000000; border-top: 1px solid #353434; line-height: 150%; padding: 5px; }
#tweets li.tweet_content_0 { border-top: 0px none; }
#tweets li:last-child { border-bottom: 0px none; }
#tweets li small { font-style: italic; }
#tweets .hash { color: #FFF; } 
#tweets .reply { color: #FFF; } 


/* Flickr Widget
---------------------------- */
.thumbs { margin: 0; overflow: hidden; padding: 0; }
.thumbs li { list-style: none; float: left; margin: 5px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; }
.thumbs li a { }
.thumbs li img { display: block; }
.thumbs li a img { border: none; }


/* Color Box
---------------------------- */
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: auto; }
#cboxLoadedContent iframe { display: block; width: 100%; height: 100%; border: 0; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

#cboxOverlay { background: #000; }
#colorbox {  }
#cboxContent { margin-top: 20px; }
#cboxLoadedContent { background: #000; padding: 5px; }
#cboxTitle { position: absolute; top: -20px; left: 0; color: #ccc; }
#cboxCurrent { position: absolute; top: -20px; right: 0px; color: #ccc; }
#cboxSlideshow { position: absolute; top: -20px; right: 90px; color: #fff; }
#cboxPrevious { position: absolute; top: 50%; left: 5px; margin-top: -32px; background: url('/media/images/controls.png') top left no-repeat; width: 28px; height: 65px; text-indent: -9999px; }
#cboxPrevious.hover { background-position: bottom left; }
#cboxNext { position: absolute; top: 50%; right: 5px; margin-top: -32px; background: url('/media/images/controls.png') top right no-repeat; width: 28px; height: 65px; text-indent: -9999px; }
#cboxNext.hover { background-position: bottom right; }
#cboxLoadingOverlay { background: #000; }
#cboxLoadingGraphic { background: url('/media/images/loading.gif') center center no-repeat; }
#cboxClose { position: absolute; top: 5px; right: 5px; display: block; background: url('/media/images/controls.png') top center no-repeat; width: 38px; height: 19px; text-indent: -9999px; }
#cboxClose.hover { background-position: bottom center; }