@import url(reset.css);
@import url(typo.css);


/*
Designed & developed by: Pablo Boerr 
Description: The official version 1 on ExpressionEngine of MTLRD
Version: 1.0
Author: Pablo Boerr
Author URI: http://www.fliawebdesign.com
==============================================

MONTREAL ROLLER DERBY
VERSION 1.0 BY PABLO FOR  FLIA WEB DESIGN

CONTENTS ----------

1.BODY
2.IMAGES
3.STRUCTURE
4.BRANDING/MASTHEAD
5.NAVIGATION  & SUB NAV
6.SEARCH AND 
=>6.B NO RESULTS
7-POST STYLINGS POST_ROUND STYLINGS
8-COMMENTS

9-COL SEC  
		=> COL SEC VIDEO PLAYER AND THUMBNAIL GALLERY SIDEBAR MODULES
		=>   12-COL SEC =>TWITTER
		=>   13-COL-SEC=> EVENT MODULE
10.SITEINFO/FOOTER
		=>CONTACT
		=>ARCHIVES
12.JFLOW ELEMENTS TEAM SELECTOR
13STYLESWITCHER
14.EVENTS DETAIL PAGE
15.MEDIA PAGE STYLES 
		=>MEDIA TABS
16.ARCHIVES
17.SPONSORS
17.MERCH PRODUCTS
-------------------

COLOURS 

PINK #a52e63
GREY #888888

-------------------

*/


html   {  background: url(../img/bg_tile.jpg) repeat;  background-color:#111;  }
body  {  text-align: center;color:#bfbfbf;  font-family: /* 'Gill Sans' , */Helvetica, Arial, Verdana,  sans-serif;  font-size: 12px;  line-height: 18px;  font-size: 12px;  line-height: 20px;  width: 100%;  background: url(../img/glow.jpg) top center no-repeat;   }



/*

2. IMAGES
----------------------------------------------------------------------------------*/

img.align_left { float: left; display: inline; margin: 0 20px 20px 20px; border: 1px solid #252525;   padding: 4px;  background-color: rgb(9,3,0); background-color:rgba(136,136,136,.55); -webkit-transition:background-color 0.4s linear; -moz-box-shadow:2px -2px 7px #000;  -webkit-box-shadow:2px -2px 7px #000;}
.post img		 { margin:0 20px 10px; border: 1px solid #010101; background-color:  rgb(136,136,136);  background-color: rgba(136,136,136, .25); -webkit-transition:background-color 0.4s linear; padding: 5px;}
.mid_round img { margin:0 20px 10px 20px; border:	1px solid #010101;  background-color:rgb(136,136,136);  background-color:	rgba(136,136,136, .25); -webkit-transition:background-color 0.4s linear; padding: 5px;}
img.align_left:hover, .post img:hover{ background:rgba(136,136,136,.15);}
img#team_pic  { background: #111; padding:3px; margin-bottom: 10px;}
#team_photo_wrap  {  background:transparent url(../img/list_bottom_border.gif) repeat-x scroll 0 100%; padding-bottom:20px; margin-bottom: 20px;}
body.team_page_player #gallery  { background:transparent url(../img/list_bottom_border.gif) repeat-x scroll 0 100%; padding-bottom: 20px; margin-bottom: 20px;  width: 470px; margin-left: 26px;} 
body.team_page_player #gallery img { margin-left: 0;}


/*

3. PAGE STRUCTURE
----------------------------------------------------------------------------------*/
#page  {width:1000px; margin:0 auto;  text-align: left; padding-bottom:24px;}
.row     {width: 1000px; text-align:left; }
.row_bar  {width: 1000px; background:transparent url(../img/list_bottom_border.gif) repeat-x scroll 0 100%; padding-bottom:40px; margin-bottom:40px;}
.col_main {width:540px; float:left; }
.col_sec  {width:400px;float: right; }
#footer   {background-image:  url(../img/footer_tile.jpg); background-repeat: repeat; background-color:  rgba(17,17,17, .75) ; min-height:550px; height:620px;width:100%; margin-bottom: 0; display: table;}
#footer_inner {background: url(../img/footer_inner.png) no-repeat bottom center ; min-height:520px; width:1000px; margin: 0 auto;}

/*

4.BRANDING/MASTHEAD

----------------------------------------------------------------------------------*/

#masthead  {height:230px; }
h1#mtlrd_logo { height:200px; float:left; clear:both; background: url(../img/MTLRD_logo_new.png) no-repeat; width: 1000px; text-indent:-9999px;}


/*

5.NAVIGATION & SUB NAV
----------------------------------------------------------------------------------*/

#navigation {float: right; width:900px; margin-top:5px;}
ul#main_nav  li {float: left; width:auto; margin:10px 4px;}
ul#sub_nav{ margin:-20px 0 2px 10px;}
ul#sub_nav  li  {float: left; width:auto; margin:10px;}
ul#sub_nav  li a{color:#a52e63;  text-transform: capitalize; letter-spacing: .5px; -webkit-transition:color 0.12s linear;}
ul#sub_nav  li a:hover{color:#666; text-shadow:1px 1px 2px #000;}
ul#main_nav  li a{text-decoration:none; color:#fff; text-transform: uppercase; font-weight: lighter; letter-spacing: 2px;  padding:0 0 0  16px; display: block; -webkit-transition:color 0.12s linear;}
ul#main_nav li a:hover{color:#666;   background: url(../img/nav_star.png) no-repeat 0 15%; text-shadow:1px 1px 3px #000;}
ul#main_nav{margin-left:80px;}
ul#sub_nav {margin-left:80px;}


body#home_page ul#main_nav li a#home_nav.selected,
body#home_page ul#main_nav li a#home_nav_fr.selected,
body#news_page ul#main_nav li a#news_nav.selected,
body#news_page ul#main_nav li a#news_nav_fr.selected,
body#media_page ul#main_nav li a#media_nav.selected,
body#media_page ul#main_nav li a#media_nav_fr.selected,
body.team_page ul#main_nav li a#teams_nav.selected,
body.team_page ul#main_nav li a#teams_nav_fr.selected,
body.team_page_player ul#main_nav li a#teams_nav.selected,
body.team_page_player ul#main_nav li a#teams_nav_fr.selected,
body#blog_page ul#main_nav li a#blog_nav.selected,
body#blog_page ul#main_nav li a#blog_nav_fr.selected,
body.event_page ul#main_nav li a#event_nav.selected,
body.event_page ul#main_nav li a#event_nav_fr.selected

{color:#666;   background: url(../img/nav_star.png) no-repeat 0 15% ; text-shadow:1px 1px 3px #000;}



/*
6.ATOP PAGE SEARCH AND BG DASH WITH NO RESULT PAGE FORM
-----------------------------------------------------------------------------------------------------------------*/

#top_wrap {position: absolute; top:0; left:0; width:100%;  display: table; border-bottom:1px dashed #fff; border-top:1px dashed #ddd;  height:280px;  background: rgba(17, 17, 17, 0.2); -webkit-box-shadow: rgba(17, 17, 17, 0.2) 2px 10px 2px; }


#search_box {  width:240px;  position:relative;  margin-top:-17px;  margin-left:520px;}
#search_box  input { -moz-border-radius:4px; -moz-border-radius-bottomright:2px;  -moz-border-radius-topleft:2px;   -webkit-border-radius: 4px;    -webkit-border-top-left-radius: 2px;   -webkit-border-bottom-right-radius: 2px; background:rgba(17, 17, 17, 0.5) url(../img/loupe_1.png) no-repeat scroll right center; border:1px solid #000000; color:#bfbfbf; margin-left:10px; padding:8px; width:200px; -webkit-box-shadow: 0px -1px 0px rgba(1,1,1, 0.7); -webkit-transition:background-color 0.25s linear; }

#search_box  input:hover, #search_box  input:focus {border-color: #222;  background-color:rgba(17, 17, 17, 0.85) ; outline: none; }

/*
6.B.NO RESULT FORM
---------------------------------------------------------*/

.post form { margin: 20px 28px;  }
.post form input{-moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:2px; -moz-border-radius-topleft:2px; -moz-border-radius-topright:4px; -webkit-border-radius: 4px;    -webkit-border-top-left-radius: 2px;   -webkit-border-bottom-right-radius: 2px; background:rgba(17, 17, 17, 0.7) url(../img/loupe.gif) no-repeat scroll right center; border:1px solid #000000; color:#bfbfbf; margin-left:0px; padding:8px; width:200px; -webkit-box-shadow: 0px -1px 0px}


/*

7. POST STYLES
----------------------------------------------------------------------------------*/
.post{ background: url(../img/post_bg_long.jpg) no-repeat top left;  width: 520px; min-height:400px; height: auto 400px !important; position: relative;  margin-bottom:40px; padding-top:10px}

span.corner{background:transparent url(../img/../img/post_h2_bg_corner.gif) no-repeat scroll left top;display:block;height:18px;left:-17px;position:relative;}

.post object, .post embed{margin-left:10px;}

.event_details ul {margin-top:40px;}

.post_bottom{ background: url(../img/post_bottom_2.gif) no-repeat; height:102px; position:relative; }


.post_round {background: url(../img/post_pg_520_long_1_top.jpg) no-repeat ; padding-top:10px; min-width: 540px;}
.mid_round {background: url(../img/post_pg_520_long_mid.jpg) repeat-y;  padding-bottom: 30px; }
.round_bottom{background: url(../img/post_pg_520_round_bottom.jpg) no-repeat;  height: 60px;}

.mid_round object { margin-left:28px; }
/*
8. COMMENTS
----------------------------------------------------------------------------------*/

#comment_form { margin-left:0px;}
#comment_form input, #comment_form textarea {  background: rgb(17,17,17); background: rgba(17,17,17,.45); border: 2px solid #111;  padding:10px 6px; color:#ddd; width:385px; margin-top:4px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
#comment_form input:focus, #comment_form textarea:focus { border:2px solid  #222;background: rgb(17,17,17); background: rgba(17,17,17,.65); outline: none;}
#comment_form label {font-weight:bold; letter-spacing:2px; color:#a52e63; text-transform: uppercase }

.odd, .even { width:505px; border:5px solid #111; margin:40px 0;  position: relative; min-height:180px;   height:auto !important;   height:180px; -moz-box-shadow: 0px -3px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px -3px 5px rgba(0, 0, 0, 0.5);}

.even { border:5px solid #101010;}
.odd  { background: rgb(17,17,17);  background: rgba(17,17,17,.60); }

.even {  background: rgb(11,11,11);background: rgba(11,11,11,.20) ; }

.odd  dl, .even dl { margin: 20px 96px 20px 26px}

.gravatar { width: 75px; height: 75px;  position: absolute; top:-25px; right: 5px;  border:5px solid #111; text-indent: -9999px;-moz-box-shadow: 0px -3px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px -3px 5px rgba(0, 0, 0, 0.5); }

span.posted-by {color:#333}

dl dt {color:#b5cacf;}

dl dd {margin-top:10px;}

em#total_comment { width:50px; background:url(../img/comment_bubble_black.png) top left no-repeat; display:inline-block; height:44px;  position: relative; top:-2px; padding: 4px 0px 0 15px; font-weight:700; color:#a52e63; font-family:Georgia, Palatino, 'Palatino Linotype', Times, Times New Roman, serif;}


span.number-comment  {color:#333;color:rgba(33,33,33,.25); font-size:144px; margin-left:180px;font-weight:bold; position:absolute; top:60%; text-shadow:none;}

button#send-comment-button  { background: url(../img/send-comment-button.gif) no-repeat top left; border:none; display:block; height:50px; text-indent:-9999px; width:150px; }
button#send-comment-button:hover  {background-position:bottom left;}

h2#comment_start{ padding: 15px 20px 20px 26px;}
h2.first_to_comment  { margin-left:20px; margin-top:30px;}

ul#get_gravatar li { background:transparent url(../img/list_bottom_border.gif) repeat-x scroll 0 100%; padding-bottom: 20px;}


/*

9. COL SEC VIDEO PLAYER AND THUMBNAIL GALLERY SIDEBAR MODULES
-------------------------------------------------------------------------------------------------------------------------------*/


#video_wrap { background: rgb( 17,17,17);background: rgba( 17,17,17,.90);width:390px; height: 300px; -moz-border-radius: 2px;  -webkit-border-radius:2px;  -webkit-border-bottom-left-radius:4px; -webkit-border-top-right-radius:4px;  position: relative; -moz-border-radius-bottomleft: 4px;  -moz-border-radius-topright: 4px; padding: 5px; -moz-box-shadow:0px -2px 2px #000;
-webkit-box-shadow: 0px -2px 2px #000;}




#video_wrap object, #video_wrap embed {  overflow:hidden; position: absolute; top:4px;}

.media_home { margin-bottom:20px;}

ul.photo_thumb li { position: relative; background:rgba(17, 17, 17, 0.4) none repeat scroll 0 0;border:1px solid #111111;display:inline;float:left; margin:4px 2px;
padding:3px; }
ul.photo_thumb li:hover {  background: rgb( 17,17,17);background: rgba( 17,17,17,.80); }

ul.photo_thumb li + li , ul.photo_thumb li + li + li { margin-left:3px;}

ul.photo_thumb + .col_sec h2 { margin-top: 40px;}


ul.photo_thumb {  margin-top:20px; background:transparent url(../img/list_bottom_border.gif) repeat-x scroll 0 100%; padding-bottom: 40px; overflow:auto;}

a.sidebar_media_link {  background: url(../img/view_media_page_button.gif) no-repeat scroll 0 0;  display:block; font-size:18px; font-weight:bold; height:50px; letter-spacing:2px; margin-top:20px; text-indent:-9999px; text-transform:uppercase; margin-left: 5px;}

span#recent_tag  {  color:red; position:absolute; top:-10px; right:-20px; z-index:5; background:url(../img/recent_tag_1.png) no-repeat; padding:3px; width:100px; text-indent:-9999px;}

a.get_season_tix { background:transparent url(../img/get_season_tix.gif) no-repeat scroll 0 0; display:block; font-size:18px; font-weight:bold; height:140px; letter-spacing:2px; text-indent:-9999px; text-transform:uppercase; margin-left: 5px;}

a.sidebar_media_link:hover,a.get_season_tix:HOVER { background-position: bottom left;}



/*donation */

h3#donation_h3 {background:transparent url(../img/donation.gif) no-repeat scroll 0 0;
text-indent:-9999px; height:50px;}
.donate_box {background:transparent url(../img/list_bottom_border.gif) repeat-x scroll 0 100%; padding-bottom:20px;}
.donate_box p {padding:10px;}

/*

TWITTER STYLES
----------------------------------------------------------------------------------*/


#twitters { background-image: url(../img/twitters_1.png); background-repeat:  no-repeat; height:520px; position: relative; margin-top: 20px;}

#twitters  ul {padding: 124px 40px;}

#twitters  ul li { color: #B5CACF; position:absolute;
z-index:100; margin-right: 30px;  }

#twitters  ul li + li { position:absolute; top: 230px; margin-right: 30px;}

a#twitter-button  { position:absolute; right:20px; bottom: 30px; background: url(../img/twiter_button_hov.gif) no-repeat top left; height:51px; display: block; width: 180px; text-indent: -9999px;}
a#twitter-button:hover {  background-position: bottom left;}



/*

SIDEBAR  EVENTS MODULE
----------------------------------------------------------------------------------*/
.module { background:url(../img/module_bg.jpg) no-repeat; min-height: 300px; width:400px; position:relative; padding-top:40px; }

.module img {  margin:0px 20px; float:left; display:inline;}
.module ul  { position:absolute; left:190px; top:40px}
.module ul li { font-family:  Helvetica, arial, sans-serif;} 
ul li.day  {  text-transform:uppercase;padding-left:3px; letter-spacing:2px; color:#a52e63;}
ul li.month {  font-size:64px;  color:#bfbfbf; text-transform:uppercase;margin-bottom:2px; font-weight:bold; letter-spacing: 2px;}
ul li.price ,  ul li.price p  {  font-size:44px;  text-transform:uppercase;margin:20px 0px 10px  0px; font-weight:bold;  color:#a52e63;}
ul li.price p { display: inline; margin-left: -10px;}
ul li.price span  {  color:#bfbfbf;}
ul li h3 { color:#a52e63; padding:0 20px 10px 5px; letter-spacing:2px; font-weight: bold;}

h3#no_event  { margin-left:30px; background: url(../img/no_events_sign.png) no-repeat top center; height:150px; width: 250px; text-indent:-9999px; position: absolute; bottom: 20px; right: -40px;}
h3#no_event_fr  {  margin-left:30px; background: url(../img/no_events_sign_fr.png) no-repeat top center; height:150px; width: 250px; text-indent:-9999px; position: absolute; bottom: 20px; right:-40px;}

h3.event_title_sidebar {margin-left:0px; }

.module h3 {font-weight: 700;}

/*
10.FOOTER
-------------------------------------------------------------------------------------------------------------------------------*/

#footer .col_sec h2 { background: none; padding-left: 0;}

/*
FOOTER  LOGOS
-------------------------------------------------------------------------------------------------------------------------------*/

#flia  {position:relative; bottom:-10px; left:0px;  width:980px; margin:0 auto;}
#flia ul li  {float:left; width:120px;}
#ee_logo  {text-indent:-9999px; background: url(../img/ee_logo.png) no-repeat top center;  height:50px; display:block;}
#eh_logo  {text-indent:-9999px; background: url(../img/eh_logo.png) no-repeat top center;  height:50px; display:block;}

#flia_logo  {text-indent:-9999px; background: url(../img/flia_logo.png) no-repeat top center; height:50px; display:block;}
#wftda_logo  {text-indent:-9999px; background: url(../img/WFTDA_logo.gif) no-repeat top center; height:60px; display:block; margin-top: -15px;}
#ee_logo:hover, #flia_logo:hover , #eh_logo:hover  { background-position: bottom center;}

a.backtotop {background: url(../img/top.png) no-repeat top left; height: 44px; display: block; text-indent:-8888px; width:200px; }
a.backtotop:hover  { background-position: bottom left;}

/*
MTLRD TABS FOOTER
---------------------------------------------------------------------------*/    


#tabmtlrd h4  { font-weight: bold; letter-spacing: 2px; margin-left:20px;}

.ui-tabs-hide { 		display: none;		}

.widget {   width: 500px;  position: relative; margin-left:20px;   }

#tabmtlrd  { margin-top:100px;}
ul.tabnav   {background: rgb(11,11,11);background: rgba(11,11,11,.55); border-bottom:  5px solid #0e0e0e; border-top:    #000  solid 2px;}
.tabnav li   {	display: inline; 	list-style: none; width:151px;	}

.tabnav li a   {		text-decoration: none; 		text-transform: uppercase; 		color: #444; 		font-weight: bold; 		width:151px;		height:30px;		padding: 18px 6px 10px 6px;		outline: none; text-align:center; letter-spacing:2px; text-shadow: 0px 2px 3px #050505;  display: inline-block;	border-right: 1px solid #111;	background-color: rgba(11,11,11,.10);  -webkit-transition:background-color 0.4s linear; }

.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {  color:#a52e63;background: rgb(11,11,11); background: rgba(11,11,11,.55);border-right: 1px solid #000;	}

.tabdiv   {	margin:-20px 15px  10px 0px;	padding: 5px 0; width:500px; overflow:auto;background: rgb(11,11,11);	background: rgba(11,11,11,.55);  padding:20px 0; }

/*
MTLRD TABS FOOTER ARCHIVES
---------------------------------------------------------------------------*/    



#archive ul li a  { background: url(../img/archive_icon.png) no-repeat left center ; margin: 0px 20px; float:left;   padding:8px 40px  ; border-top:1px solid #000; border-bottom: solid #222 1px; width:380px; overflow: hidden;background-color: rgba(11,11,11,.10);  -webkit-transition:background-color 0.4s linear; }

#archive ul li a:hover  {  background:url(../img/archive_icon.png) no-repeat left center  rgb(11,11,11);	background-color: rgba(11,11,11,.60);}

#latest_comment_tab ul li  a  {   background:url(../img/comment_bubble.png) center  left no-repeat; background-color: rgba(11,11,11,.10);  -webkit-transition:background-color 0.4s linear; margin: 0px 20px; float:left;   padding:8px 28px 8px 40px; border-top:1px solid #000; border-bottom: solid #222 1px;  width:400px;  overflow: hidden;}
#latest_comment_tab ul li  a:hover  {  background-color: rgba(11,11,11,.60);}

#archive ul li span  {  color:#666} 

/*
MTLRD TABS FOOTER FORUM POST FOOTER
---------------------------------------------------------------------------*/    



table#forum_latest  { margin:10px;}

table#forum_latest td  {  border-top:1px solid #222;border-bottom:1px solid #000; padding:4px 8px ; }
table#forum_latest td em { font-style:normal; text-align:center; display:block; font-weight:bold; font-size:28px;color:#a53e62; font-family: Cambria,"Palatino","Book Antiqua",serif;}
table#forum_latest tr + tr + tr  { background-color:rgba(11,11,11,.55);}

table#forum_latest tr#table_headings {  font-weight:normal; color:#555; text-transform:uppercase;}





/*
CONTACT FORM STYLING
----------------------------------------------------------------------------------*/


fieldset#contact_mtlrd  { margin-top: 95px; margin-left: 0px; margin-bottom: 8px; font-weight: bold; font-size: 20px;}
fieldset ul, fieldset li  { border:0; margin:0; padding:0; list-style:none; }

fieldset li  { clear:both; list-style:none; padding-bottom:10px; margin-bottom: 10px; }

fieldset li textarea   {  width:350px; background:rgb(17,17,17); background: rgba(17,17,17,.25); border:1px solid #000; padding:10px   6px; float:left; margin-bottom: 10px; color:#dedede; border-top-width:2px;}

fieldset input  {  float:left; background:rgb(17,17,17); background: rgba(17,17,17,.25);;border:1px solid #000;padding:8px   6px; margin-bottom:5px; color:#dedede;  border-top-width:2px;}

fieldset li textarea:focus, fieldset li input:focus  {  background:rgb(17,17,17); background: rgba(17,17,17,.75); }

fieldset label  { width:140px;  color:#a52e63;  text-transform:capitalize; float:right; letter-spacing: 1px; }

legend  {  font-size:20px; text-transform: uppercase; color:#a52e63;  padding-bottom: 20px; background: url(../img/envelope.gif) no-repeat 2px 0; padding-left: 60px; letter-spacing: 1px;}
legend span {   color:#bfbfbf;}
li button#send-email-button  { background: url(../img/send-button-email-copy.gif) no-repeat top left; border:none; display:block; height:50px; text-indent:-9999px; border: none; margin-bottom: 0;  width: 150px;}
li button#send-email-button:hover  {  background-position:bottom left;}

span.star  {  font-size:24px; color:#fdfdfd; }


/*

JFLOW FEATURTED TEAM STYLES
----------------------------------------------------------------------------------*/
.top_feature {  height:250px;  background: rgb(17,17,17);background:url(../img/slider_bg_1000.png) no-repeat  center rgba(17,17,17,.50);margin: 10px 0 36px 0; padding:18px 0; border:1px solid #111; overflow: hidden;   -moz-box-shadow:0px -2px 5px #000; -webkit-box-shadow: 0px -2px 5px #000; }

#myController span  {  color:#FFF; background:#000; margin-right:10px; cursor:pointer; }

#jFlowSlide div  {  margin:0px ; position: relative; }
#jFlowSlide div  img  {  width:1000px;  border-top:1px solid #151515; border-bottom: 1px solid #171717; }
#myController span.jFlowSelected   { background:#000;}


.jFlowPrev, .jFlowNext  {  cursor:pointer;}


span.jFlowPrev  {  background: url(../img/arrow-prev.png) no-repeat; height:100px; width:50px; display: block; text-indent:-8888px;position:relative;top:-190px; left:40px;}

span.jFlowNext  {  background: url(../img/arrow-next.png) no-repeat; height:100px; width:50px; display: block; text-indent:-8888px;position:relative;top:-290px; left:914px;}


/*

TOP PANEL STYLESWITCHER
----------------------------------------------------------------------------------*/
#style_switch_credit   {width:400px; float:right; clear:none; position: absolute; top:120px; right: 10px; border-top:8px double #050505; padding-top:20px; }
#style_switch_credit h2, #style_switch_credit  h3{font-weight:bold;}





.panel_button   {	margin:-16px 10px; 	position: relative; bottom: 1px; 	width: 173px; 	height: 54px; 	z-index: 20;	filter:alpha(opacity=70); 	-moz-opacity:0.70; 	-khtml-opacity: 0.70; 	opacity: 0.70; 	cursor: pointer;}

.panel_button img   {	position: relative; 	bottom: 10px;	border: none;}

.panel_button a   {	text-decoration: none;	color: #444;	font-size: 20px;	font-weight: bold;	position: relative;	top: 15px;	left: 10px;font-family: Arial, Helvetica, sans-serif;background:transparent url(../img/panel_button.png) no-repeat scroll 0 0; display: block; height: 54px; padding-top:8px; display: block;  text-transform: uppercase; letter-spacing: 2px;}

.panel_button a:hover   {	color: #050505;}

#wrapper   {	margin-left: auto;	margin-right: auto;	width: 1000px;	text-align: center;}

#toppanel  {	position: absolute; 	width: 100%;	left: 0px;  	z-index: 25;	text-align: center; 	}

#panel   {	width: 100%; 	position: relative; 	top: 1px; 	height: 0px; 	margin-left: auto; 	margin-right: auto; 	z-index: 10;	overflow: hidden;	text-align: left;border-bottom:solid 1px #050505}



#panel_contents  {	background: rgba( 17,17,17,.95); height:800px; opacity:0.7; position:absolute; width:100%; z-index:-1; -moz-border-radius-bottomleft:12px;  -moz-border-radius-bottomright:0;  -moz-border-radius-topleft:2px; -moz-border-radius-topright:4px;   border-color:#111111;  border-style:solid;  border-width:1px 1px 12px;  }

#team_select  {margin:0 auto; width:1000px; background: url(../img/mtl-select-team.gif) no-repeat ; height:800px; overflow: auto; margin-top:20px; position: relative; }
ul#style_switcher  { margin-top:110px; width:620px; }
ul#style_switcher li   { -webkit-transition:background-color 0.4s linear; -moz-box-shadow:2px -2px 2px #000;  -webkit-box-shadow:2px -2px 2px #000;  background-color:rgb(17, 17, 17); background-color:rgba(17, 17, 17, 0.7);float:left;  margin:5px 10px; padding: 2.5px 2.5px 0 4px;  width:250px; }



ul#style_switcher li:hover {background-color:rgb(17, 17, 17); background-color:rgba(17, 17, 17, 0.9);}

#content {	margin-left: auto; 	margin-right: auto; 	width: 100%; 	position: relative; 	top: 90px;	text-align: left; 	color: #545454;	font-family: Arial, Helvetica, sans-serif; 	font-size: 12px; 	padding-bottom: 30px;}



/*

EVENTS DETAIL PAGE
----------------------------------------------------------------------------------*/

.event_details ul.follow_icons { position:absolute; bottom:10px; right:160px;}
body.event_page ul.follow_icons { position:absolute; top:10px; right:165px;}
sup small {color:#bfbfbf; border-bottom:2px dotted #bfbfbf; font-size: 30px; letter-spacing: 2px; }
body.event_page ul li.price{margin-top:20px}
body.event_page .mid_round ul li, body.event_page .mid_round ul{background-image:none}

/*
MEDIA TABS MEDIA PAGE
----------------------------------------------------------------------------------*/




.media {background: none; width:1000px; position:relative;}

h3.video_title{position:absolute; width: 100%; top:0px; background: rgb(11,11,11);	background: rgba(11,11,11,.25);  ;padding:10px 20px; font-weight:bold; letter-spacing: 2px; text-align: center;}

.vidselector{width:1000px;  position:relative; margin-top:20px; }

ul.vidselector li{ min-height: 220px;   height:auto !important;  height:220px; float: left;}

ul.vidselector li a{width:175px; height: 140px; float:left; margin:0px 5px 10px 5px;background:rgb(9,3,0); background:rgba(9,3,0, .25); -webkit-transition:background-color 0.4s linear;border:2px solid #111111;display:inline; padding:5px; display: inline;}

span.video-name-thumb{ text-align: center; background:rgb(9,3,0); background:rgba(9,3,0, .25); width:175px; margin: 8px  0 4px -6px; border:2px solid #111111; padding:4px;display: block;  font-weight: bold;}

ul.vidselector li a:hover{ background: #050505; background: rgba(9,3,0,1)}


/*
GALLERY MODULE  MEDIA PAGE STYLES
----------------------------------------------------------------------------------*/

ul.gallery_media_thumb{margin-left: 0; }
ul.gallery_media_thumb li{ float:left; min-height: 290px;   height:auto !important;   height:290px; display: inline;}
ul.gallery_media_thumb li a {   background-color: rgb(16,16,16); background-color: rgba(11,11,11,.30);  -webkit-transition:background-color 0.4s linear; border:2px solid #111111; display:inline; float:left; margin:10px 5px 10px 0px;padding:5px; }
ul.gallery_media_thumb li a:hover{background-color: rgb(11,11,11);background-color: rgba(11,11,11,.50);}


.fvid  {border:2px solid #111 ;  overflow: hidden; position: relative; margin-left:5px; }
.fvid  object{margin-left:0px;;}

table.tableBorder{background:rgb(11,11,11); background:rgba(11,11,11,.35); border:5px solid #111; width:990px; margin-left:5px;}
table.tableBorder th{text-transform:uppercase; letter-spacing:2px;font-weight:bold; color:#444 }
table.tableBorder th,table.tableBorder td{padding:5px 8px} 




/*
ARCHIVE PAGE
----------------------------------------------------------------------------------*/


ul#archive_listing li { width:230px; float:left;  background: rgba(11,11,11,.35)  url(../img/list_bottom_border.gif) repeat-x scroll 0 100%; margin: 5px 5px 5px 0; padding:5px 5px; border-top:thin #050505 solid; display: block;}
ul#archive_listing li p { text-align: right; margin-bottom:0; border-top:1px solid #050505; margin-left:10px; padding-top:5px}
ul#archive_listing li p:hover{color:#333;}
ul#archive_listing li a {display: block;}
ul#archive_listing li:hover {   background: rgba(11,11,11,.75); }

/*
SPONSORS
----------------------------------------------------------------------------------*/

ul#sponsor_links li {  float:left; width:230px; display: inline;  margin:10px ; background:transparent url(../img/list_bottom_border.gif)  repeat-x  0 100%; min-height:350px;  height:auto !important; height:350px; }
ul#sponsor_links li  img { background:rgba(9,3,0, .55); -webkit-transition:background-color 0.4s linear; padding: 4px;}



/*
STORE MERCHANDISE PAGE
----------------------------------------------------------------------------------*/

ul.merch_cat li {  float:left; width:230px; display: inline;  margin:10px; background:transparent url(../img/list_bottom_border.gif)  repeat-x  0 100%; }
ul.merch_cat li  img { background:rgba(9,3,0, .55); -webkit-transition:background-color 0.4s linear; padding: 4px;}
body#merch_page_list ul.merch_cat li {min-height:400px;   height:auto !important;  height:400px; }
body.merch_detail_page ul.photo_thumb li { width:380px; }
body.merch_detail_page ul.photo_thumb li a img {float:left; margin:5px 10px; border:1px solid #050505; }
body#store_list_page ul.merch_cat li{position:relative;}
body#store_list_page ul.merch_cat li p{ background:rgb(11,11,11);background:rgba(11,11,11,.8); position:absolute; width:218px; bottom:0;  left:0;padding:10px 10px; color:#c7276e;  letter-spacing:1px; border-top:double 3px #050505; border-bottom:double 3px #050505; height:15%; margin-bottom:10px; text-transform:capitalize; text-align:right;}
body#store_list_page ul.merch_cat li p:hover{background:rgb(10,10,10);background:rgba(11,11,11,.9);}




body.merch_detail_page ul li h2{margin-left:0;}

body.merch_detail_page ul.photo_thumb li a img + li a img {float:right; border:red 1px solid;}


body.merch_detail_page ul.photo_thumb li p {/*  position:absolute; bottom:-10px; right:0px; font-style:italic;  width: 120px; */  margin-top: 5px;font-family:Georgia,' Hoefler Text', Palatino, 'Palatino Linotype', serif  ; }


.merch_message p{  background:rgba(11,11,11,.25); padding:20px 20px; border:3px double #050505; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;font-size:20px;}

button.buy, input.buy {	width: 430px; padding: 2px 8px 10px  8px; color: #a53e62; text-shadow: 1px 1px 1px #000; border: solid thin #151515; -webkit-border-radius: .6em;	-moz-border-radius: .6em; 	border-radius: .6em; -webkit-box-shadow: 1px 1px 1px #050505;  -moz-box-shadow: 1px 1px 1px #050505; 	box-shadow: 2px 2px 2px #050505; 	background-color: #252525; 	font-size:18px; 	text-transform: uppercase; 	background-image: -webkit-gradient(linear, left top, left bottom, from(#252525), to(#333),color-stop(0.4, #444));  height: 44px;  padding-bottom: 1px;  margin-top: 20px;   }

   button.buy:active,  input.buy:active {    position: relative;   top: 1px;    }

body.merch_detail_page form#pay_form label{text-transform:uppercase;font-weight:bold;margin:20px 0px; letter-spacing:2px; }

body.merch_detail_page form#pay_form select{color:#a52e63; width:100px;font-weight:bold; text-transform:uppercase; letter-spacing:1px; 
margin-bottom:0; margin-top:4px}

body.merch_detail_page p.big_price { background:rgba(11, 11, 11, 0.25) none repeat scroll 0 0;
text-shadow: 1px 1px 1px #000;
clear:both;
display:block;
font-size:42px;
padding:20px ;
text-align:right;-moz-border-radius:4px;-webkit-border-radius:4px;}


body.merch_detail_page form#pay_form{background-color:rgba(11,11,11,.25); clear:both; width:480px; margin-left:20px; padding:20px 0;-moz-border-radius:4px;-webkit-border-radius:4px;}


body.merch_detail_page form#pay_form div{  border-top:1px solid #050505;border-bottom:1px solid #222;  padding-top:10px; }

body.merch_detail_page form#pay_form div p{   padding-bottom:0 }



body.merch_detail_page p small {color:#53ADBF; position: relative; /* required */
			
			-webkit-transition: right 4s linear;
}




body.merch_detail_page p small:hover {right:5px;}

body.merch_detail_page form#pay_form h3.h3_item_4_sale{margin-bottom:20px; background: url(../img/cart.gif) no-repeat 0  0; height:32px; padding-left:40px;}


body.merch_detail_page .post_bottom h3.thanks_support {  margin-top:-10px; padding:0;}

/*
PAGINATIONS
----------------------------------------------------------------------------------*/

a#button_more{ background:url( ../img/more_games_buttom.png) no-repeat top center; height:60px; text-indent: -9999px; display: block; margin-left:-450px;}
a#button_prev{ background:url( ../img/previous_arrow_button.png) no-repeat top center; height:60px; text-indent: -9999px; display: block; margin-left:400px; margin-top:-60px}
a#button_more:hover, a#button_prev:hover{ background-position: bottom center;}


span.next-comment-arrow a { background:transparent url(../img/more_games_buttom.png) no-repeat scroll center top; clear:both; display:block; font-size:22px; height:60px; position:relative; text-indent:-9999px; position: relative; width:100px;}
span.prev-comment-arrow a{background:url( ../img/previous_arrow_button.png) no-repeat top center; height:60px; text-indent: -9999px; display: block; margin-left:400px; }

span.next-comment-arrow a:hover,span.prev-comment-arrow a:hover{ background-position: bottom center;}


/*
TABLE SCORE
----------------------------------------------------------------------------------*/


#score_table {
	width: 510px;
	padding: 0;
	margin: 2px 0 5px 0;
}

caption {
	padding: 0 0 5px 0;
	width: 510px;	 
	font: italic 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
color:#A32C62
}

th {
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	border-top: 1px solid #555;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #efdae5 ;
font-weight:bolder;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #555;
	background: none;

}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #ddd;
	color: #797268;
}

th.spec {
	border-left: 1px solid #555;
	border-top: 0;
	background: #ddd ;
	
}

em.score_dif {color:#A32C62; font-style: normal; }

.sep {background:transparent url(../img/list_bottom_border.gif) repeat-x scroll 0 100%; margin:20px 0; height:3px; width:510px;}






table#front_score_table{width:400px; border:10px solid #222; margin-bottom:20px;}
table#front_score_table p {margin-bottom:0;}
.score_front_box {margin-top:20px;}