/*
Theme Name: Flytonic Theme
Theme URI: http://www.flytonic.com
Description: Flytonic Theme Framework For Wordpress!
Version: 2.7
Author: Thomas Calkins
Author URI: http://www.flytonic.com
*/

/**************** Links and Main *****************/

a, a:visited {color:#1668C2; text-decoration: none;}
	
a:hover {color: #999; text-decoration: none;	}

body {margin:0px 0px 0px 0px; background: url('images/background.jpg') top center no-repeat #000; color:#222; font-family: Arial, Tahoma, Sans-Serif; font-size:13px; line-height:1.5em; }

#main{width:979px; margin:0px auto 0px auto; }

#content{ margin:0px auto 0px auto; clear:both; padding-top:0px; padding-left: 10px; padding-right: 10px; background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }

#content p{padding: 13px 0px 0px 0px; margin: 0px; }
	 
img {border:0;}

/****************** HEADER ***************************/

#headerout{ width:100%;  background:none;}

#header {height:118px; text-align: center; width:979px; margin:0px auto 0px auto; }

#header h2{ line-height:.9em; font-size:22px; margin:0px 0px 0px 0px; color:#006699; }

#header h3 { margin:0px 0px 0px 15px; color:#888; font-size:12px; }

#header img { margin: 9px auto 12px; }
			  
/****************** Navbar ***************************/

#navbar{width: 100%; color:#000; background: url('images/menu_bg.gif') no-repeat #000; height:34px;  clear:both;  border-bottom:2px solid #737373;  } 

#nav{display: block; height:34px; width:100%; margin:0; }

#nav, #nav ul {line-height: 20px; margin:0; padding:0; list-style: none; }

#nav li {float: left; font-size:12px; text-transform:none; font-weight:bold;}

#nav li a,#nav li a:visited {color:#fff; display:block; padding:8px 16px 5px 16px; text-transform:uppercase; }

#nav li a:hover, #nav li a:active { text-decoration: underline; color: #A4A4A4; }	

#nav li ul { display: none; position: absolute; z-index: 10; width: 200px; }

#nav li ul li { display: block; width: 200px; background: #000; border-bottom: 1px dotted #555; }

#nav li:hover ul li a:hover { color: #A4A4A4; }

#nav li:hover ul { display: block; }

#nav li:hover ul li a { font-weight: normal; color: #fff; }

#nav li.current_page_item a:hover, #nav li.current_page_parent a:hover { text-decoration: underline; }	


/************************ Search *******************************************/

.topsearchform { margin:0px; }

.topsearchinput{width:125px; color:#999; background:#f5f5f5; border:1px solid #DDD;  padding:4px 5px 4px 10px;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-right:5px;  }

.topsearchsubmit{width:30px; color:#FFF; background:#006699; border:none;  padding:4px 0px 4px 0px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;    }
						   
.topsearchsubmit:hover{background:#000033; color: #FFF;}

#searchinput{ border:1px solid #CCC; background:#F1F1F1; padding:3px 2px 2px 2px; font-size:10px; font-family: Verdana;}

#searchsubmit{margin: 0; width:34px; background:#444444; border:1px solid #666; color:#fff; font-weight:bold; font-size:12px; font-family:Verdana; padding-bottom:1px;  }

#searchsubmit:hover{ background:#A4A4A4; border:1px solid #666; }

/******************** Main Layout ***************************/

#topcontent{ width:960px; margin:0px auto 15px auto; padding:0px 0px 10px 0px; border-bottom:1px solid #DDD;}

#middlecontent{float:left; padding:10px 0px; line-height:1.5em; margin: 0px 9px 0px 0px; width:690px;   }
			  	  
#middlecontent h1, #middlecontent h2, #middlecontent h3, #middlecontent h4{ line-height:.9em; color:#333; }

#middlecontent h1{ font-size:24px; margin:0px 0px 20px 0px;}

#middlecontent h2{ font-size:20px; margin:24px 0px 6px 0px;}

#middlecontent h3{ font-size:16px; margin:20px 0px 6px 0px;}

#middlecontent h4{ font-size:14px; margin:12px 0px 6px 0px;}
				  
.sidebar{float:left; padding: 0px; margin: 10px 0px 10px; line-height:1.1em; width:260px; font-size:12px; }

.sidebar h2 {margin:0px 0px 4px 0px;  font-size:13px;  padding:6px 6px 9px 6px;  color:#111; background:#f5f5f5;  border-top:2px solid #e5e5e5;  }

.sidebar ul {margin: 0;  padding: 5px 0px 15px 30px;  }

.sidebar li {padding: 0; margin: 0px 0px 8px 0px; list-style:square outside; color:#ccc;   }

/****************** Sidebar ***************************/

.box { background: url('images/back_bg.jpg') top right no-repeat #f1f1f1; border: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.box h2 { font-size: 18px !important; color: #e20100 !important; border-top: 0px; background: none; border-bottom: 1px dotted #a4a4a4; margin: 10px 10px !important; padding: 5px 0px !important; }
.sidebar .box p { margin: 0px 10px 10px !important; padding-top: 0px !important; }
.sidebar .box .youtube_big { margin: 0px 0px 10px 10px !important; }
.sidebar .box .youtube_big div { width: 230px; position: absolute; z-index: 100; text-align: center !important; background: #000; color: #fff; font-weight: bold; font-size: 12px; border-bottom: 1px dotted #fff; opacity:0.5;
filter:alpha(opacity=50); padding: 4px; }
.sidebar .box .youtube_small { float: left; width: 114px; margin: 0px 0px 0px 10px !important; }
.sidebar .box .youtube_small div { width: 110px; position: absolute; z-index: 100; text-align: center !important; background: #000; color: #fff; font-weight: bold; font-size: 10px; padding: 2px; border-bottom: 1px dotted #fff; opacity:0.7; filter:alpha(opacity=70); }
.sidebar .box .youtube_big:hover div { color: #e20100; }
.sidebar .box .youtube_small:hover div { color: #e20100; }

/****************** SideBar Odds Ticker *************************/
.odds_ticker { height: 120px; background: url('images/mma_odds_sidebar.gif') no-repeat #121212; padding: 40px 0px 0px !important;  margin: 0px 0px 10px !important; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; min-height: 120px;}
.odds_ticker h2 { background: none; text-align: center; border: 0px; }
.odds_ticker h2 span { background: #d20014; color: #fff; padding: 2px 4px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.odds_ticker .left { width: 110px; float: left; padding-left: 5px; }
.odds_ticker .right { width: 110px; float: right; padding-right: 5px;}
.odds_ticker .middle { padding-top: 15px; float: left; width: 30px; text-align: center;}
.odds_ticker .middle span { background: #ffd200; padding: 1px 2px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #000; font-weight: bold; font-size: 11px; }
.odds_ticker .left, .odds_ticker .right { text-align: center; font-size: 11px; }
.odds_ticker .left strong, .odds_ticker .right strong { color: #fff; display: block; }
.odds_ticker .left span, .odds_ticker .right span { color: #fff; display: block; }
.odds_ticker .left a, .odds_ticker .right a { text-decoration: underline; color: #ffd200; display: block; font-weight: bold; margin-bottom: 10px; }
.odds_ticker .ticker_item { display: none; }
.odds_ticker #ticker1 { display: block; }
.odds_ticker .all_odds { text-align: center; margin-bottom: 8px;  }
.odds_ticker .all_odds a { color: #fff; text-decoration: underline; }

/****************** SideBar Betting Table ***********************/
.mma_betting { background: url('images/mma_betting_table.gif') no-repeat #121212; padding: 40px 0px 0px !important; margin: 0px 0px 10px !important; }
.mma_item { border-bottom: 1px dotted #4a4a4a; padding: 6px 0px !important; }
.mma_img { width: 30px; float: left; text-align: right; margin-top: 5px !important; }
.mma_title { width: 140px; float: left; margin: 3px 0px 0px 6px !important; }
.mma_title a { color: #fff; font-weight: bold; }
.mma_title a.mma_review { display: block; color: #ccc; font-weight: normal; font-size: 11px; margin-top: 4px !important; }
.mma_title span { display: block; color: #ccc; font-size: 11px; margin: 3px 0px 0px 0px !important;  }
.mma_buttons { float: right; width: 70px;  padding: 5px 5px 0px 0px !important; text-align: center; }
.mma_bet { background: url(images/button_bg.gif) repeat-x #a60201; padding: 3px 6px; border: 1px solid #2f2f2f; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff !important; font-weight: bold; font-size: 11px; }
.mma_bet:hover { background: #dd0403; border-color: #990000; } 
.mma_buttons a.mma_review { display: block; font-size: 11px; padding-top: 4px !important; color: #ffea00; }
.mma_footer { height: 39px; background: url(images/footer.jpg); }
.mma_footer p { color: #fff; float: left; width: 190px; padding: 5px !important; margin-top: 0px !important; }
.mma_footer .mma_flag { float: right; margin: 7px 0px 0px !important; width: 60px; text-align: center; }
.mma_footer p a { color: #ffea00; font-weight: bold; }
.mma_footer p strong { color: #fff; }
.mma_footer .mma_more { display: block; margin: 6px 10px 0px !important; text-align: right; }
.mma_footer .mma_more a { color: #fff; }

/****************** Sidebar Calendar ***************************/

.sidebar div.events {  margin: 0px 10px !important; }
.sidebar div.events div.item { margin: 0px 0px 5px !important; }
.sidebar div.events .cal_date { border-bottom: 1px solid #000; text-align: center; padding: 0px; line-height: 20px; float: left; width: 40px; background: #333; font-size: 14px !important; font-weight: bold; color: #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.sidebar div.events .cal_date span { border-top: 1px solid #c10505; border-bottom: 2px solid #000; display: block; background: #e20100; color: #fff; font-size: 11px; line-height: 11px; padding: 2px; }
.sidebar div.events .cal_title { float: right; width: 190px; text-align: left; margin: 6px 0px; font-weight: bold; }
.sidebar div.events .cal_title span { font-size: 11px; color: #888; font-weight: normal; }

.sidebar div.events .cal_title a { color: #000; }
.sidebar div.events .cal_title a:hover { text-decoration: underline; }

/****************** Version 2.7 ***************************/

.sidebar ol {margin: 0;  padding: 5px 0px 15px 25px;  }

.sidebar ol li{ list-style:decimal outside; margin: 0px 0px 10px 0px;}

/*************************** Misc Styles ********************************/
    
.bannerwidget{display: block; margin:5px auto 20px auto; float:none; text-align:center;	}

.fwidget{margin:5px 0px 20px 0px;}

.tablewidget, #searchform{margin-bottom:30px;}

.textwidget{margin-bottom:-10px;}

.articleimg{ float:left; padding:4px; border:1px solid #DDD; margin: 0px 15px 0px 0px;}

.bylines{ margin:0px 0px 10px 0px;  font-size:11px; text-transform:uppercase; color:#777;  }

.moreinfo{margin-bottom: 30px; border-top: 2px solid #DDD; padding-top:5px; font-size:11px; text-transform:uppercase; color:#777;}

.breadcrumb{ width: 665px; float: left; margin:0px 0px 10px 0px; height: 22px; font-size:11px; border: 1px solid #ddd; border-left: 0px; background: #f1f1f1; border-top-right-radius:3px; -moz-border-top-right-radius:3px; -webkit-border-top-right-radius:3px; border-bottom-right-radius:3px; -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; }

.breadcrumb_img  { width: 24px; height: 24px; float: left; }

.breadcrumb p { padding: 2px 0px 2px 5px !important; }

.breadcrumb a { color: #000; font-weight: bold; }

.current_crumb{ color: #e20100; font-weight: bold; }

.breadcrumb a, .current_crumb { padding: 0px 4px; }

#middlecontent h1.title, #middlecontent h3.title{margin-bottom:2px;}

.articleexcerpt { margin-bottom:25px; clear:both;}

#middlecontent .boxed_content { margin: 0px 0px 10px 0px; background: #f1f1f1; border: 1px solid #ddd; border-top: 0px; border-bottom-right-radius:5px; -moz-border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -moz-border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; padding: 10px; }

#middlecontent .boxed_h1 { height: 33px; font-size: 18px; line-height: 33px; background: url('images/h1_bg.gif') repeat-x #000; padding-left: 6px; color: #fff; border-top-right-radius:5px; -moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; margin-bottom: 0px; font-style: italic; }

.newsletter p { margin: 0px 10px !important; padding-top: 0px !important; }
.newsletter input.email { border: 1px solid #a4a4a4; padding: 4px; background: #fff; width: 200px; }

/******************* Articles **********************************/

div.article { border-bottom: 1px dotted #a4a4a4; margin: 0px 0px 5px !important; }
div.lastarticle { border-bottom: 0px !important; margin: 0px !important; }
div.article .art_left { padding: 0px 0px 5px !important; width: 210px; text-align: center; float: left; }
div.article .art_left img { border: 1px solid #000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.article .art_right { padding: 0px 0px 5px !important; width: 445px; color: #fff; float: right; }
div.article .art_right h2 { width: 320px; margin: 0px !important; padding-top: 5px !important; color: #dd0403 !important; font-size: 24px !important; }
div.article .art_right h2 a { color: #dd0403 !important; }
div.article .art_right h2 a:hover { text-decoration: underline; }
div.article .art_right p { color: #000 !important; }
div.article .art_right p.author { margin-top: 0px !important; padding-top: 0px !important; font-size: 11px !important; font-weight: bold !important; color: #000 !important; }
div.article .art_right a.button { float: right; }
.prevnext { text-align: center; font-weight: bold; }
.prevnext a:hover { text-decoration: underline; }

/******************* Home Page Custom ****************/

div.home_buttons { margin-bottom: 10px !important; }
div.home_buttons img { margin-right: 10px; display: block; width: 223px; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.guides { margin-bottom: 0px !important; }
.guides .guides_left { float: left; width: 340px; margin-bottom: 0px !important; }
.guides .guides_right { float: right; width: 340px; margin-bottom: 0px !important; }

.small_article { margin: 0px 10px 10px !important; }
.small_article .small_left { float: left; width: 44px; }
.small_article .small_left img {  border: 1px solid #000; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.small_article .small_right { float: right; width: 270px; }
.small_article .small_right p { margin-top: 0px !important; padding-top: 0px !important; }
.small_article .small_right p a { color: #000; text-decoration: underline; }

/******************* Review Box ******************************************/

.reviewbox { border: 1px solid #e3e3e3; padding: 10px; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.reviewbox div.left { float: left; width: 179px; text-align: left; }
.reviewbox div.right { float: right; width: 450px; padding-left: 13px; border-left: 1px dotted #a4a4a4; }
.reviewbox .left img { background:#f1f1f1; border: 1px solid #b4b4b4; padding: 3px; display: inline; }
.reviewbox h2 {  margin-top: 0px !important; }
.reviewbox h2 a { color: #dd0403 !important; font-size: 24px; }
.reviewbox p.rating { font-weight: bold; margin-top: 0px !important; padding-top: 0px !important;	 }
.reviewbox p.rating a { color: #006ed4; font-size: 14px; text-decoration: underline; }
span.star { width: 19px; height: 19px; display: inline-block; background: url(images/star_red.gif) no-repeat 0 0; margin-right: 1px; }
span.stargray { width: 19px; height: 19px; display: inline-block; background: url(images/star_gray.gif) no-repeat 0 0; margin-right: 1px; }
.reviewbox .features { width: 200px; list-style-position: inside; padding-left: 0px; list-style-image: url(images/list_bullet.gif); font-weight: bold; }
.reviewbox ul.left { float: left; }
.reviewbox ul.right { float: right; }
.reviewbox .left p { text-align: center; margin: 10px 0px !important; }
.reviewbox p.usplayers { padding: 0px 0px 0px 18px !important; background: url('images/flag.gif') no-repeat; font-weight: bold; }
.button { background: url(images/button_bg.gif) repeat-x #a60201; padding: 6px 12px; border: 1px solid #2f2f2f; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff !important; font-weight: bold; font-size: 14px; }
.button:hover { background: #dd0403; border-color: #990000; } 
.banner { text-align: center; }


/******************* Image format ****************************************/

p img {padding: 0; max-width: 100%;	}

img.centered, .aligncenter, div.aligncenter {display: block; margin:10px auto 10px auto; float:none; text-align:center; padding:2px;	}

img.alignright {float: right; margin: 0px 0px 5px 10px; border:1px solid #DDD; padding:4px;}

img.alignleft {float: left; margin: 0px 10px 5px 0px; border:1px solid #DDD; padding:4px;	}

.alignright {float: right; }

.alignleft {float: left; }

/****************** Captions *****************************/

.wp-caption {border: 1px solid #ddd; text-align: center; background: #EEE; padding-top: 4px; margin: 10px;
-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

.wp-caption img {margin: 0; padding: 0; border: 0 none; }

.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/******************* Comments ****************************************/

blockquote { margin:10px 100px 10px 30px; padding: 10px 10px 0px 10px; border-left: 4px solid #E1F7FF;  font-family:Georgia, "Times New Roman", Times, serif; color:#555; font-size:14px; background:#f5f5f5; font-style:italic; }
blockquote p {	margin: 0; }

#middlecontent h3.commentsh3  { margin-top:40px; }

#commentform input {width: 250px; padding: 2px; margin: 5px 5px 1px 0;	border-top:1px solid #DDD; border-right:1px solid #DDD;
border-bottom:1px solid #CCC; border-left:1px solid #CCC; color:#666;	}

#commentform {margin: 5px 10px 0 0;	}

#commentform textarea {	padding: 2px; width: 330px;	border-top:1px solid #DDD; border-right:1px solid #DDD; border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;color:#666; }
	
#respond{margin-top:40px;}
			 
#respond:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden;	}

#commentform #submit {margin: 0; width:100px; background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center;  text-transform:uppercase;	}

#commentform #submit:hover { background:#000033; border:1px solid #000033; }

.alt {margin: 0;padding: 10px;}

.commentlist {padding: 0;margin:0px 40px 0px 20px;text-align: justify;}

.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;border:1px solid #ddd;	}
	
.commentlist li ul li { margin-right: -5px;	margin-left: 10px;}

.commentlist p {margin: 10px 5px 10px 0;}

.children { padding: 0; }

#commentform p {margin: 5px 0;	}

.nocomments {text-align: center; margin: 0; padding: 0;	}

.commentmetadata {font-size:10px;}

ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }

ol.commentlist li div.reply:hover { background:#000033; border:1px solid #000033; }

ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }

.fn{font-size:14px; font-style:normal; font-weight:bold;}

.avatar {float:right; padding:5px;}

/************************** Footer************************/

#topfooter{ padding:20px 10px 0px 20px; background:#000000; border-top: 0px solid #000000; overflow:hidden; }

#topfooter h2{margin:0px 0px 14px 0px; line-height:.9em; font-size:16px; border-bottom: 1px dotted #A4A4A4; color: #E20100;}

#footerwidget1{ float:left; width:300px; margin-right:70px;}

#footerwidget2{ float:left; width:300px; margin-right:70px;}

#footerwidget3{ float:left; width:170px;}

#footer {width:980px; margin: 0px auto; padding:5px 0px 20px; color:#A4A4A4; font-size:11px; text-align: center; }

#footer a{color:#ffffff; text-decoration:none; }

#footer a:hover{color:#A4A4A4; text-decoration:underline; }

#topfooter a{color:#ffffff; text-decoration:none; }

#topfooter a:hover{color:#A4A4A4; text-decoration:underline; }


/************************** Sidebar Widget ***********************/

.toprooms { margin:0px 0px 20px 0px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;  }

.toprow1{background:#0066CC; color:#FFF; font-weight:bold; }

.toprow2{ border-bottom:1px solid #DDD;}

.rank{ font-size:9px; font-weight:bold;}

.bonustable{ margin-bottom:20px;}

/************************** Featured Table ***********************/

.featured { margin:0px 16px 25px 16px; padding:10px; border:1px solid #DDD; line-height:1.2em; background:#f9f9f9;}

.featleft{ float:left; width:33%; }

.featright{ float:right; margin:0px 0px 15px 10px; width:62%;}

.feattitle{ font-weight:bold; font-size:16px;}

.featrow2{ font-weight:bold; border-bottom:2px solid #EEE;}

.featrate{ color:#009933;}

.featurebottom{ background:#eee; padding:5px; clear:both;}

/************************** Middle Bonus Table ***********************/

.middlesites{margin-bottom:20px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; width: 650px; }

.middlesites thead td{ background:url(images/button_bg.gif) repeat-x #a60201; color: #fff; border-top: 2px solid #990000;  }

.middlesites tbody td{border-bottom:1px solid #DDD; background: #fff;  }
.middlesites tbody td a { color: #777; }

/************************** Review Table ***********************/

.reviewheading { margin:0px 0px 2px 0px !important; padding:6px; background:#0066CC; color:#FFF !important; font-size:14px !important;}

.topreview { margin-bottom:25px; padding:10px; border:1px solid #DDD; line-height:1.2em; font-size:14px; font-weight:bold;}

.revtitle{ font-weight:bold; font-size:20px;}

.reviewleft{ float:left; border:1px solid #EEE; width:28%; padding:5px; margin-left:15px;}

.reviewright{ float:right; margin-left:20px; width:55%;}

.reviewinfoleft { float:left; margin-bottom:25px; width:47%; border:1px solid #DDD;}

.reviewinforight{ float:left; margin:0px 0px 25px 4%; width:48%; border:1px solid #DDD;}

.siteinfo1 { font-weight:bold; color:#999; border-bottom:1px solid #EEE;}

.siteinfo2 { font-weight:bold; border-bottom:1px solid #EEE;}

li.features, .reviewinfoleft li , .reviewinforight li { list-style:square;}

/***************************** LIVELINES **********************/

.bettype { text-align: center; margin-top: 15px; }
.bettype ul { list-style-type: none; margin: 0px; padding: 0px; }
.bettype ul li { display: inline; }
.bettype ul li a { cursor: pointer; background: #ccc; color: #333; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 3px 6px; margin: 0 5px; }
.bettype ul li a.active { background: #222; padding-top: 5px; padding-top: 5px; color: #fff; font-weight: bold; }
.bettype ul li a span { font-size: 10px; padding-left: 4px; }
.liveodds { margin: 0px auto 10px auto; border: 1px solid #a60201; border-bottom: 0px;}
.liveodds tr.switch_bettype td { text-align: center; padding: 0px; background: #f1f1f1; } 
.liveodds td { padding: 4px; text-align: left; background: #fff; }
.liveodds tr.event td { background: url('images/button_bg.gif') repeat-x #a60201; color: #fff; font-size: 18px; font-weight: bold;   }
.liveodds tr.event td span { float: right; font-size: 11px; font-weight: normal; margin-top: 4px; color: #ffea00; }
.liveodds tr.titles td { font-size: 11px; color: #fff; background: #222; font-weight: bold; text-align: center; }
.liveodds tr.titles td.td_usa { font-size: 11px; color: #000; background: url('images/td_usa.gif') no-repeat 0% 0% #222; font-weight: bold; text-align: center; }
.liveodds tr.titles td a { color: #fff; text-decoration: none; }
.liveodds tr.titles td a:hover { color: #ccc; }
.liveodds tr.fight1 td { border-bottom: 1px dotted #a60201; font-size: 11px; text-align: center; }
.liveodds tr.fight2 td { border-bottom: 2px solid #a60201; font-size: 11px; text-align: center; }
.liveodds tr.fight1 td a, .liveodds tr.fight2 td a { color: #000; text-decoration: none; }
.liveodds tr.fight1 td span, .liveodds tr.fight2 td span { background: #77ff77; padding: 2px 4px; font-weight: bold !important; }
.liveodds tr.fight1 td span b, .liveodds tr.fight2 td span b { font-weight: bold; }
.liveodds tr.fight1 td span i, .liveodds tr.fight1 td span i { font-weight: bold; }
.liveodds tr.fight1 td b, .liveodds tr.fight2 td b { display: none; font-weight: normal; }
.liveodds tr.fight1 td i, .liveodds tr.fight2 td i { font-style: normal; }
.liveodds td.fighter { text-align: right !important; font-size: 12px; font-weight: bold; }
.liveodds tr.fighters td { color: #ffd200; background: #222; border-bottom: 1px solid #fff; text-align: center; }
.liveodds tr.fighters td strong { color: #fff; }
.liveodds tr td.props { width: 60px; text-align: center; }
.liveodds tr td.props span { display: block; width: 40px; text-align: center; }
.liveodds tr.hidden { display:none; }
.liveodds tr.showmore td { border-bottom: 2px solid #a60201; background: #fff; font-size: 11px; color: #0000ff; text-decoration: underline; text-align: center; }
.liveodds tr.showmore td span { cursor: pointer; }

/* on mobile */
.mobileodds { margin: 10px auto; border: 1px solid #a60201; border-bottom: 0px; }
.mobileodds td { padding: 4px; text-align: left; background: #fff; }
.mobileodds tr.event td { background: url('images/button_bg.gif') repeat-x #a60201; color: #fff; font-size: 18px; font-weight: bold; text-align: center;   }
.mobileodds tr.event td span { display: block; text-align: center; font-size: 12px; font-weight: normal; margin-top: 4px; color: #ffea00; }
.mobileodds .fighter { padding-top: 6px !important; }
.mobileodds tr.fight1 td { border-bottom: 1px dotted #a60201; font-size: 12px; text-align: right; padding: 5px; }
.mobileodds tr.fight2 td { border-bottom: 2px solid #a60201; font-size: 12px; text-align: right; padding: 5px; }
.mobileodds tr.fight1 td img, .mobileodds tr.fight2 td img { width: 16px; height: 16px; margin-top: 4px; margin-right: 10px; } 
.mobileodds tr.fight1 td a, .mobileodds tr.fight2 td a { float: right; color: #fff; font-weight: bold; background: #cc0000; padding: 3px 6px; border-radius: 3px; margin: 4px 10px 5 0px; } 
.mobileodds tr.fight1 td span, .mobileodds tr.fight2 td span { padding-top: 4px; }
.mobileodds tr.fight1 td b, .mobileodds tr.fight2 td b { display: none; font-weight: normal; }
.mobileodds tr.fight1 td i, .mobileodds tr.fight2 td i { font-style: normal; }

/***************************** ODDS CALCULATOR **************************/

.odds_calc { text-align: center; margin: 10px 0px; }
.odds_calc h2 { color: #dd0403 !important; }
.odds_calc .form { background: #1a1a1a; width: 265px; margin: 0 auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 10px 10px; }
.odds_calc .form p { margin: 0px 0px 10px; color: #fff; }
.odds_calc .form .formfield { background: #282828; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 10px 0px 0px; padding: 5px 0px; }
.odds_calc .form .odds_button { text-align: center; display: block; border: 0px; width: 100%; cursor: pointer; background: url(images/button_bg.gif) repeat-x #a60201; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 10px 0px 0px; padding: 8px 0px; font-size: 14px; color: #fff; font-weight: bold; }
.odds_calc .form .odds_button:hover { background: #dd0403; color: #000; }

.odds_calc .form .left { font-weight: bold; padding-top: 5px; color: #ffd200; float: left; width: 170px; text-align: right; }
.odds_calc .form .right { float: right; width: 80px; text-align: left; }
.odds_calc .form .right span { cursor: pointer; color: #666; font-size: 11px; text-decoration: underline; line-height: 12px; }
.odds_calc .form .right input { border: 1px solid #000; background: #fff; padding: 3px; font-weight: bold; width: 50px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

#mobile-menu-btn{
display: none;
margin: 3px 3px 0;
  position: absolute;
  right: 5px;
  top:85px;
  z-index:100;
}

#mobile-menu{
		display: none;
}

#mobile-menu .menu-item-has-children .arrow{
	display: none;
}

@media screen and (min-width:1px) and (max-width:978px) {


#middlecontent .boxed_h1 {
  height: inherit;
  line-height: 29px;
  padding: 0 6px;
}

.rating1 {
	display:none;
}

.mma_bet {
  display: block;
}

.liveodds td {
  padding: 4px 2px;
}


}

@media screen and (min-width:768px) and (max-width:978px) {

#header, #main, #footer{
  width: 768px;
}

#navbar {
  background-size: 768px 34px;
}

#middlecontent {
  width: 478px;
}

.breadcrumb {
  width: 453px;
}

.small_article .small_right {
  width: 160px;
}

.guides .guides_left, .guides .guides_right  {
  width: 234px;
}

div.article .art_left {
  width: 160px;
}

div.article .art_right {
  width: 285px;
}

div.article .art_left img {
  width: 150px;
}

div.home_buttons img {
  width: 151px;
  height: auto;
}

#footerwidget1, #footerwidget2 {
  width: 220px;
  margin-right: 45px;
}

.boxed_content iframe {
	max-width:455px;
}

.reviewbox img, #middlecontent .boxed_content img  {
	max-width:435px;
	height:auto;
}

.reviewbox div.left {
  width: 172px;
}

.reviewbox div.right {
  width: 250px;
  padding-left: 8px;
}

#footer {
	width:738px;
	padding:20px 15px;
}

.liveodds td {
  padding: 4px 2px;
}

.middlesites {
  width: 453px;
}


}

@media screen and (min-width:1px) and (max-width:767px) {


#mobile-menu-btn{
		display: block;
		background: #000;
		border: none;
		cursor: pointer;
	}
	#mobile-menu-btn:focus{
		outline: none;
	}
	#mobile-menu-btn i{
		display: block;
		width: 22px;
		height:3px;
		background: #fff;
		margin: 4px 0;
		padding:0 3px;
	}
	#mobile-menu{
		display: none;
		position: absolute;
		top:0;
		left:0;
		z-index:9999;
		width: 70%;
		background: #43494c;
		box-shadow: 0px 0px 12px 0px #333;
	}
	#mobile-menu .logo{
		color: #fff;
		font-size: 26px;
		font-weight: 900;
		font-family: 'Arial',sans-serif;
		padding: 5px 5px 15px 20px
	}
	#mobile-menu ul{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#mobile-menu ul li{
		border-top: 1px solid #3d3e3e;
		position: relative;
	}

	#mobile-menu .menu-item-has-children .arrow{
		content: "\25bc ";
		position: absolute;
		display: block;
		border-left: 1px solid #3d3e3e;
		top: 0;
		right:0;
		color: #fff;
		padding: 10px;
		cursor: pointer;
	}
	#mobile-menu .menu-item-has-children .arrow.up{
		display: none;
	}
	#mobile-menu .menu-icon-up > .arrow.down{
		display: none !important;
	}
	#mobile-menu .menu-icon-up > .arrow.up{
		display: block !important;
		background-color: #3c3c3c;
	}
	#mobile-menu ul li a{
		position: relative;
		color: #fff;
		text-decoration: none;
		padding: 10px;
		font-family: 'Arial',sans-serif;
		font-size: 14px;
		font-weight: bold;
		line-height: 30px;
		z-index:99999;
	}
	#mobile-menu ul ul{
		display: none;
		padding-left: 15px;
	}
	#mobile-menu ul ul a{
		padding-left: 30px;
	}
	#mobile-menu .open{
		display: block;
	}
	
#middlecontent {
	float:none;
}
	
.sidebar {
  float: none;
  margin: 10px auto;
  width: 260px;
}



}

@media screen and (min-width:480px) and (max-width:767px) {


#header, #main, #footer{
  width: 480px;
}

#header img {
  width: 460px;
}

#navbar {
  background-size: 480px 34px;
}

#middlecontent {
  width: 460px;
}

.breadcrumb {
  width: 435px;
}

.small_article .small_right {
  width: 150px;
}

.guides .guides_left, .guides .guides_right  {
  width: 224px;
}

div.article .art_left {
  width: 160px;
}

div.article .art_right {
  width: 265px;
}

div.article .art_left img {
  width: 150px;
}

div.home_buttons img {
  width: 145px;
  height: auto;
}

#footerwidget1{
  width: 440px;
  margin-right: 0;
}

#footerwidget2 {
  width: 220px;
  margin-right: 45px;
}

.boxed_content iframe {
	max-width:435px;
}

.reviewbox img, #middlecontent .boxed_content img  {
	max-width:415px;
	height:auto;
}

.reviewbox div.left {
  width: 162px;
}

.reviewbox div.right {
  width: 230px;
  padding-left: 8px;
}

#footer {
	width:450px;
	padding:20px 15px;
}


.middlesites {
  width: 435px;
}



}

@media screen and (min-width: 1px) and (max-width:479px){


#header, #main, #footer{
  width: 320px;
}

#header img {
  width: 300px;
}

#navbar {
  background-size: 320px 34px;
}

#middlecontent {
  width: 300px;
}

.breadcrumb {
  width: 275px;
  height:auto;
}

.small_article .small_right {
  width: 225px;
}

.guides .guides_left, .guides .guides_right  {
  width: 300px;
  float:none;
}

div.article .art_left {
  float:none;
  margin:0 auto 10px auto;
}

div.article .art_right {
   float:none;
  margin:0 auto;
  width:280px;
}

div.home_buttons img {
  display:block;
  margin:0 auto 10px auto !important;
  float:none;
}

#footerwidget1, #footerwidget2{
  width: 280px;
  margin: 0 0 10px 0;
  float:none;
}


.boxed_content iframe {
	max-width:275px;
}

.reviewbox img, #middlecontent .boxed_content img  {
	max-width:250px;
	height:auto;
}

.reviewbox div.left , .reviewbox div.right {
  width:260px;
  float:none;
  margin:0 auto 10px auto;
  padding:0;
  border:none;
}

.reviewbox div.left .img img {
	display:block;
	margin:0 auto;
}

.reviewbox ul.right, .reviewbox ul.left {
	float:none;
}

#footer {
	width:290px;
	padding:20px 15px;
}


.middlesites {
  width: 275px;
}

.usa1 {
	display:none;
}


}