/*
Theme Name: JOSH V NEW SITE
Theme URI: http://orthuscreative.com
Description: josh v website 2
Author: nick reinhart
Version: 2.0
*/

body {
	color: #fff;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif
}
* {
	margin:0;
	padding:0;
}
html {
	background-color: #000;
}
img {
	border: none;
}
a {
	text-decoration: none;
	color: #FF0000;
	outline: 0;
}
a:hover {
	color: #fff;
}
h3 {
	font-family: "Arial";
	font-size: 22px;
	font-weight: 100;
	color: #d3dbe6;
	line-height: 32px;
	padding-top:10px;
}
#left-nav {
	position: relative;
	top: -500px;
	float:left;
	display: block;
	height: 100px;
	width: 73px;
}
#left-nav a {
	background: url(images/button-left.jpg) no-repeat;
	display: block;
	height: 100px;
	width: 73px;
	-moz-border-radius: 0 5px 5px 0;
	border-radius:  0 5px 5px 0;
}
#left-nav a:hover {
	background: url(images/button-left.jpg) 0 -100px no-repeat;
}
#right-nav {
	position: relative;
	top: -500px;
	float:right;
	display: block;
	height: 100px;
	width: 72px;
}
#right-nav a {
	background: url(images/button-right.jpg) no-repeat;
	display: block;
	height: 100px;
	width: 72px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
#right-nav a:hover {
	background: url(images/button-right.jpg) 0 -100px no-repeat;
}
#top-logo_wrapper {
	height:50px;
	width: 100%;
	position:absolute;
	top: 30px;
	z-index: 8;
	padding: 0;
}
#top-logo {
	background: url(images/yess-logo_top.png) 50px no-repeat;
	width: 1024px;
	height:50px;
	margin: 0 auto;
}
#top-logo #slideshow-slide-0 {
	display:block;
	height: 50px;
	width: 260px;
}
#cont {
	height: 740px;
	min-width: 950px;
	overflow: hidden;
	width: 100%;
	max-width:1800px;
	margin: 0 auto;
}
#slideshow {
	opacity: 0;
	filter: '';
	background: url(images/skyline.jpg) left top no-repeat;
	height: 740px;
	min-width: 1024px;
	overflow: hidden;
	width: 100%;
	max-width:1800px;
	margin: 0 auto;
}
.dragdealer {
	position: relative;
	width: auto;
}
#slideshow .handle {
	height: 740px;
	width: 16200px;
}
.dragdealer .handle {
	cursor: pointer;
	position: absolute;
}
.slide {
	float: left;
	width:100%;
	min-width: 1024px;
	max-width:1800px;
}
.inside-top-container {
	max-width:1800px;
	min-width: 1024px;
	min-height: 740px;
	margin: 0 auto;
}
#top-1 .slide-back {
	margin: 0 auto;
/*	background:url(images/slide1_bg.png) -1000px 290px no-repeat;*/
	height: 740px;
	width: 1800px;
	position:absolute;
}
#top-1 .slide-normal {
	background:url(images/slide1_normal.png) -1000px no-repeat;
	height: 800px;
	width:1800px;
	position:absolute;
}
#top-1 .slide-front {
	opacity: 0;
	filter: '';
	width:1800px;
	position:absolute;
}
#top-1 #slide-content {
	opacity: 0;
	filter: '';
	width: 900px;
	margin: 0 auto;
}
#top-1 .slide-front .content {
	width: 900px;
	margin: 0 auto;
position: absolute;
top: 200px;
left: 25%;

}
#top-2 .slide-back {
	background:url(images/slide2_bg.png) -1000px no-repeat;
	height: 730px;
	width: 1800px;
	position:absolute;
}
#top-2 .slide-normal {
	background:url(images/slide2_normal.png) -1000px no-repeat;
	height: 740px;
	width: 1800px;
	position:absolute;
}
#top-2 .slide-front .content {
	height: 443px;
	width: 900px;
	position:absolute;
	left:25%;
}
#top-2 .slide-front .content h1 {
	color: #b77308;
	text-transform: uppercase;
	font-size: 42px;
}
#top-2 .slide-front .content p {
	color: #c7d0dc;
	padding-top:20px;
	font-family: Arial;
}
#top-2 .slide-front .content p img {
	float:right;
	z-index: 100;
}
#top-2 .slide-front {
	background:url(images/slide2_front.png) -1000px no-repeat;
	height: 740px;
	width: 1800px;
	position:absolute;
}

#slideshow-cursor {
	clear: both;
	padding: 0 50px;
	margin: 0 auto;
	position: relative;
	top: -130px;
	width: 900px;
}
#white-wrapper {
	clear: both;
	padding: 0 50px;
	margin: 0 auto;
	position: relative;
	top: -100px;
	width: 900px;
}
#nav-white {
	height: 20px;
	background-color: #fff;
	margin: 0 auto;
	width: 850px;
	opacity: 0;
	filter: '';
}
#slideshow-menu-wrapper {
	clear: both;
	padding: 0 50px;
	margin: 0 auto;
	position: relative;
	top: -130px;
	width: 900px;
}
#slideshow-cursor .cursor {
	height: 71px;
	position: absolute;
	top: -8px;
	width: 100px;
	padding: 0 50px;
	background:url(images/youarehere.png) center top no-repeat;
}
#slideshow-menu-cursor {
	left: -1000px;
}
ul#slideshow-menu {
	margin: 0 auto;
	width: 900px;
}
ul#slideshow-menu li {
	display: inline;
	text-align: center;
	width: 100px;
	color:#fff;
}
ul#slideshow-menu li a {
	padding-top: 10px;
	padding-bottom: 0;
	display: inline-block;
	height: 29px;
	text-decoration: none;
	width: 100px;
	color:#fff;
}
ul#slideshow-menu li a#slideshow-slide-1 {
	background:url(images/buttons.png) top left no-repeat;
}
ul#slideshow-menu li a#slideshow-slide-1:hover {
	background: #FF0000 url(images/buttons.png) top left no-repeat;
}
ul#slideshow-menu li a#slideshow-slide-2 {
	background:url(images/buttons.png) -100px 0 no-repeat;
}
ul#slideshow-menu li a#slideshow-slide-2:hover {
	background:#FF0000 url(images/buttons.png) -100px 0 no-repeat;
}
ul#slideshow-menu li a#slideshow-slide-3 {
	background:url(images/buttons.png) -200px 0 no-repeat;
}
ul#slideshow-menu li a#slideshow-slide-3:hover {
	background:#FF0000 url(images/buttons.png) -200px 0 no-repeat;
}
ul#slideshow-menu li a#slideshow-slide-4 {
	background:url(images/buttons.png) -300px 0 no-repeat;
}
ul#slideshow-menu li a#slideshow-slide-4:hover {
	background:#FF0000 url(images/buttons.png) -300px 0 no-repeat;
}
ul#slideshow-menu li a#slideshow-slide-5 {
	background:url(images/buttons.png) -400px 0 no-repeat;
}
ul#slideshow-menu li a#slideshow-slide-5:hover {
	background:#FF0000 url(images/buttons.png) -400px 0 no-repeat;
}
ul#slideshow-menu li a#slideshow-slide-6 {
	background:url(images/buttons.png) -500px 0 no-repeat;
}
ul#slideshow-menu li a#slideshow-slide-6:hover {
	background:#FF0000 url(images/buttons.png) -500px 0 no-repeat;
}
ul#slideshow-menu li a#slideshow-slide-7 {
	background:url(images/buttons.png) -600px 0 no-repeat;
}
ul#slideshow-menu li a#slideshow-slide-7:hover {
	background:#FF0000 url(images/buttons.png) -600px 0 no-repeat;
}
ul#slideshow-menu li a#slideshow-slide-8 {
	background:url(images/buttons.png) -700px 0 no-repeat;
}
ul#slideshow-menu li a#slideshow-slide-8:hover {
	background:#FF0000 url(images/buttons.png) -700px 0 no-repeat;
}
ul#slideshow-menu li a#slideshow-slide-9 {
	background:url(images/buttons.png) -800px 0 no-repeat;
}
ul#slideshow-menu li a#slideshow-slide-9:hover {
	background:#FF0000 url(images/buttons.png) -800px 0 no-repeat;
}
ul#slideshow-menu li a.first {
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
ul#slideshow-menu li a.last {
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}
#footer {
	background: url(images/yess-bottom_crest.jpg) center top no-repeat;
	width: 900px;
	margin: 0 auto;
	margin-top: -70px;
	padding: 35px 50px;
	height: 120px;
}
#footer #logo-cont {
	position: relative;
	top: -20px;
	background: url(images/yess-logo_bottom.gif) left top no-repeat;
	font-family: "Arial";
	letter-spacing: 1.1px;
	line-height: 15px;
	color:#55585e;
	font-size: 11px;
	float:left;
	width: 250px;
	padding-top: 50px;
}
#footer #chimp-cont {
	width: 280px;
	position: relative;
	top: -25px;
	height: auto;
	float:right;
	background-color: #1b1b1b;
	padding: 8px 5px 6px 10px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#footer #mc_signup_form .mc_input {
	font-family: "KlavikaRegular";
	font-size: 16px;
	line-height: 17px;
	text-transform: lowercase;
	margin-top: 10px;
	color:#92989b;
	background: none;
	border: none;
	position: absolute;
	top: -5px;
}
#footer #mc_signup {
	position: relative;
}
#footer .mc_merge_var {
	width:50%;
}
#footer .mc_error_msg {
	font-family: "KlavikaRegular";
	font-size: 12px;
	color: #FF0000;
	position:absolute;
	top: 50px;
}
#footer .mc_signup_submit .button {
	position:absolute;
	background: url(images/yess-signupbutton.png) no-repeat scroll 0 0 transparent;
	border: medium none;
	cursor: pointer;
	float: right;
	height: 33px;
	padding: 0 3px;
	position: relative;
	right: 5px;
	text-decoration: none;
	text-indent: -2000px;
	width: 78px;
}
#footer .mc_signup_submit .button:hover {
	background: url(images/yess-signupbutton.png) no-repeat scroll 0 -33px transparent;
}
#footer #fbbox {
	clear:right;
	float:right;
	margin-top: 30px;
	margin-right: 16px;
}
#likebox-frame {
	border:2px solid #000;
	width:280px;
	z-index:10;
	height: 60px;
	overflow: hidden;
	position:relative;
	top:-25px;
	left:-2px;
	margin-bottom: 50px;
}
#likebox-frame iframe {
	left:-5px;
	overflow:hidden;
	position:relative;
	top:-1px;
}
#mc_signup_form .mc_var_label {
	display:none;
}
.twtr-doc {
	float: right;
	margin-right: -25px;
}
.yd_rp_widget {
	width: 250px !important;
	height: 273px !important;
}
.bio_author, .bio_fighter, .bio_organization {
	background-color: #000;
	background-image: url('img/w/bk_black_left.jpg');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: bottom;
	background-position: bottom center;
	/*background:#000 url(img/w/bk_black_left.jpg)no-repeat center bottom;*/

	padding: 0 0 30px;
	background-size: auto;
	color:#FFF;
	overflow:hidden;
	width: 665px;
}
.bio_author .content, .bio_fighter .content, .bio_organization .content {
	background:none
}
.bio_author .content .profile_image, .bio_author .content .data, .bio_fighter .content .profile_image {
	float:left;
	margin:5px;
}
.bio_organization .content .data {
	line-height: 1.2em;
	margin:5px;
	float:left;
}
.bio_fighter .content .data {
	margin:5px 0 0;
	float:left
}
.bio_author .content .data {
	width: 565px;
	line-height: 1.2em;
}
.bio_author .content a {
	color:#FF6700
}
.bio_author .socialmedia {
	padding:5px 0 0;
	margin:5px 0 0;
	border-top: dotted 1px #444;
}
.socialmedia a {
	float:left;
	display:block;
	margin:0 10px 0 0
}
.bio_author .twitter a, .bio_fighter .twitter a {
	font-weight:bold;
	height:35px;
	line-height:35px;
	color:#FFF;
}
.twitter a span, .twitter a img {
	float:left
}
.bio_fighter .data {
	width:455px;
	text-transform:uppercase
}
.bio_fighter h1 {
	background: black url(img/w/title_left.gif) no-repeat right bottom;
	font-family: "fgHeavyItalic", "iefgHeavyItalic", sans-serif;
	font-size: 40px;
	text-transform: uppercase;
	color: white;
	line-height: 24px;
	padding: 6px 5px 12px;
	overflow:hidden;
	margin: 0;
}
.bio_fighter h1 .nickname {
	font-size:28px
}
.nickname em {
	color:#FF6700
}
.bio {
	background:#000 url(img/w/power_grey.png) no-repeat right bottom;
	padding:0 0 10px;
	display:block;
	overflow:hidden;
	font-family: "fgDemi", "iefgDemi", sans-serif
}
.bio_fighter .item {
	float:left;
	display: block
}
.bio .birth_info, .bio .size_info {
	display:block;
	overflow:hidden;
	color:#CCC
}
.bio .item {
	margin:0 10px 5px 0
}
.item strong {
	font-family: "fgHeavyItalic", "iefgHeavyItalic", sans-serif;
	font-size: 18px;
	color:#fff
}
.item.birthday {
	width:140px
}
.item.birthplace {
	width:285px;
	text-align:right
}
.item.association {
	margin:0 10px 0 0
}
.item.association strong, .item.wclass strong {
	font-size:14px
}
.birthplace .big_flag {
	float:right;
	margin:0 0 0 5px
}
.count_history {
	display:block;
	overflow:hidden
}
.count_history .left_side {
	width:399px !important;
	border:none !important;
	margin:5px 0 !important;
	height:auto !important;
	min-height:inherit !important
}
.count_history .right_side {
	width: 45px !important;
	border-left: solid 1px #333 !important;
	padding:0 0 0 5px !important;
	height:auto !important;
	margin: 5px 0 !important;
	min-height:inherit !important;
	overflow: visible !important
}
.card {
	min-width: 40px;
	background: #333;
	display: block;
	text-align: center;
	font-family: "fgDemi", "iefgDemi", sans-serif;
	font-size: 12px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	float: left;
	margin: 0 3px 0 0;
	padding: 4px 2px 10px;
	height: 35px;
}
.taller {
	padding: 13px 2px 15px;
}
.card .counter {
	font-size:30px;
	font-family: "fgHeavyItalic", "iefgHeavyItalic", sans-serif;
	background:none !important;
	line-height:0
}
.data .socialmedia .share_buttons {
	margin:20px 0 0
}
/*end bios*/

/*FIGHT HISTORY*/

.fight_history {
	margin:0 0 20px
}
.fight_history table {
	width:100%;
	font-size:13px
}
.fight_history td.col_one {
	width:12% !important
}
.fight_history td.col_two {
	width:20%
}
.fight_history td.col_three {
	width:25%
}
.fight_history td.col_four {
	width:30%
}
.fight_history td.col_five {
	width:10% !important
}
.fight_history td.col_six {
	width:5%
}
/*end fight history*/

/*EVENT*/

.event .date_location {
	color:#666;
	font-size:13px;
	font-weight:bold;
	padding:10px
}
.event .date_location span {
	padding:5px;
	color:#000;
	text-transform:uppercase;
	font-size:11px
}
.fight {
	padding:5px;
	position:relative;
	overflow:hidden
}
.fight .versus {
	position:absolute;
	left:309px;
	top:20px
}
.fighter {
	width:50%;
	display:block;
	float:left;
	overflow:hidden
}
.fighter a {
	color: #000
}
.fighter.left_side {
	text-align:right
}
.fighter.left_side img {
	float:right;
	padding: 0 25px 0 5px
}
.fighter.right_side img {
	float:left;
	padding: 0 5px 0 25px
}
.fighter h3 {
	font-family: "fgHeavy", "iefgHeavy", sans-serif;
	text-transform:uppercase;
	font-size:20px;
	margin:0
}
.fighter .record, .event_match .record {
	color:#000;
	display:block
}
.fighter em, .event_match .record em {
	color:#999;
	font-size:11px
}
.single_button {
	text-transform: uppercase;
	color:#000;
	background:#c2c2c2;
	padding: 5px 15px;
	font-size:12px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin: 5px auto 15px;
	box-shadow: 0 1px 1px #666;
	-webkit-box-shadow: 0 1px 1px #666;
	-moz-box-shadow: 0 1px 1px #666;
	width: 210px;
	display: block;
	text-align: center
}
/*GRAPH*/

.bio_graph {
	padding:3px 0 !important;
	border:none !important;
	font-size:11px;
	letter-spacing:.01em;
	font-family: "fgDemi", "iefgDemi", sans-serif;
	float:left;
}
.bio_graph span.graphics {
	background: url(img/w/power_graph.png) no-repeat left center;
	display: inline-block;
	width: 178px;
	float: left;
	margin: 0 3px 2px 0;
	padding: 0;
	height: 15px;
}
.bio_graph .graph {
	background:url(img/w/power_graph.png) no-repeat left top;
	display:inline-block;
	height:15px;
}
.loser {
	color:#999
}
.loser .graph {
	background:url(img/w/power_graph.png) no-repeat left bottom;
}
.bio_graph .graph_tag {
	line-height: 15px;
	height: 15px;
	display: inline;
	float: left;
}
.graph_tag em {
	color:#FFF;
	font-family:"fgHeavyitalic", "iefgHeavyitalic", sans-serif;
	font-size:12px
}
span._100 {
	width:100%
}
span._50 {
	width:50%
}
span._25 {
	width:25%
}
.percentage {
	font-family: "fgHeavy", "iefgHeavy", sans-serif;
	font-size:17px;
	color:#666;
	padding:15px 0
}
.percentage .style_one, .percentage .style_two {
	font-family: "fgHeavyitalic", "iefgHeavyitalic", sans-serif;
}
.style_one {
	color:#FC0
}
.style_two {
	color:#F90
}
.percentage .blocks {
	width:345px;
	margin: -3px 0 0 105px
}
.percentage .blocks .block_one, .percentage .blocks .block_two {
	display:block;
	float:left;
	height:4px;
	text-indent:999px
}
.block_one {
	background:#FC0
}
.block_two {
	background:#F90
}
.blocks ._60 {
	width:60%;
}
.blocks ._40 {
	width:40%
}
/*end graph*/





/*TABLES*/



table, tr, td {
	border: 0;
}
.table a {
	font-weight: bold;
}
.table table {
	width:100%
}
.table_head {
	background: url(img/w/bk_grey.gif) repeat-x left bottom;
	border-top: solid 1px #fff;
	width:100%;
	color:#FF0000;
	font-family: "fgDemi", "iefgDemi", sans-serif;
	text-transform:uppercase;
	font-size:15px;
	height:33px;
	vertical-align: bottom
}
table td {
	padding:5px;
	padding-bottom: 20px;
	vertical-align:middle
}
.odd {
	background: rgba(0,0,0,0.7);
	border-bottom: solid 1px #f2f2f2;
 width:100% text-shadow: 0px 0px 5px white;
}
.even {
	background: rgba(0,0,0,0.7);
	border-top: solid 1px #fff;
 width:100% text-shadow: 0px 0px 5px white;
}
/*end tables*/

/*RESULTS*/

.final_result {
	background:#CCC;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#fff;
	font-size:14px;
	font-family: "fgHeavyitalic", "iefgHeavyitalic", sans-serif;
	text-transform:uppercase;
	padding: 3px;
	margin:3px 0;
	min-width: 50px;
	display: inline-block;
	text-align: center;
}
.final_result.win {
	background:#090;
}
.final_result.loss {
	background:#C00;
}
.final_result.draw {
	background:#666;
}
.final_result.yet_to_come {
	background:#FFA200;
}
.final_result.no_contest {
	background:#000;
}
/*FIGHT HISTORY*/

.fight_history {
	margin:0 0 20px
}
.fight_history table {
	width:100%;
	font-size:13px
}
.fight_history td.col_one {
	width:10%
}
.fight_history td.col_two {
	width:20%
}
.fight_history td.col_three {
	width:25%
}
.fight_history td.col_four {
	width:30%
}
.fight_history td.col_five {
	width:5%
}
.fight_history td.col_six {
	width:5%
}
/*end fight history*/

/*EVENT*/

.event .date_location {
	color:#666;
	font-size:13px;
	font-weight:bold;
	padding:10px
}
.event .date_location span {
	padding:5px;
	color:#000;
	text-transform:uppercase;
	font-size:11px
}
.fight {
	padding:5px;
	position:relative;
	overflow:hidden
}
.fight .versus {
	position:absolute;
	left:309px;
	top:20px
}
.fighter {
	width:50%;
	display:block;
	float:left;
	overflow:hidden
}
.fighter a {
	color: #000
}
.fighter.left_side {
	text-align:right
}
.fighter.left_side img {
	float:right;
	padding: 0 25px 0 5px
}
.fighter.right_side img {
	float:left;
	padding: 0 5px 0 25px
}
.fighter h3 {
	font-family: "fgHeavy", "iefgHeavy", sans-serif;
	text-transform:uppercase;
	font-size:20px;
	margin:0
}
.fighter .record, .event_match .record {
	color:#000;
	display:block
}
.fighter em, .event_match .record em {
	color:#999;
	font-size:11px
}
.single_button {
	text-transform: uppercase;
	color:#000;
	background:#c2c2c2;
	padding: 5px 15px;
	font-size:12px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin: 5px auto 15px;
	box-shadow: 0 1px 1px #666;
	-webkit-box-shadow: 0 1px 1px #666;
	-moz-box-shadow: 0 1px 1px #666;
	width: 210px;
	display: block;
	text-align: center
}


.main {padding-left: 50px; margin-top: 25px; padding-right: 50px;}
.main h1 {font-size: 40px;}
.main p {margin-bottom: 10px;}

#top-2 .slide-front .content {
	height: 443px;
	width: 900px;
	position:absolute;
	left:25%;
}

#top-3 .slide-front .content {
	height: 443px;
	width: 900px;
	position:absolute;
	left:25%;
}

#top-4 .slide-front .content {
	height: 443px;
	width: 900px;
	position:absolute;
	left:55%;
}

#top-5 .slide-front .content {
	height: 443px;
	width: 900px;
	position:absolute;
	left:65%;
}

#top-6 .slide-front .content {
	height: 443px;
	width: 900px;
	position:absolute;
	left:75%;
}

#top-7 .slide-front .content {
	height: 443px;
	width: 900px;
	position:absolute;
	left:25%;
}

#top-8 .slide-front .content {
	height: 443px;
	width: 900px;
	position:absolute;
	left:25%;
}

#top-9 .slide-front .content {
	height: 443px;
	width: 900px;
	position:absolute;
	left:25%;
}

@media handheld, only screen and (max-device-width: 480px) {

#cont {margin-left: 20px; padding-right: 20px}

#right-nav {margin-right: -20px;}

#top-1 .slide-front .content {
	width: 900px;
	margin: 0 auto;
position: absolute;
top: 200px;
left: 42%;

}

.news1 {
margin-left: 200px !important;
}

.bio1 {
margin-left: -50px !important;
}

.bands1 {
margin-left: -130px !important;
}

.videos1 {
margin-left: -80px !important;
}

.events1 {
margin-left: -160px !important;
}

.music1 {
margin-left: -200px !important;
}


.main {margin-top: 0px; padding-left: 0px; width: 480px;}
}