@import url("/App_Resources/Styles/Site/Core.css");
@import url("/App_Resources/Styles/Site/TagCollection.css");

/* Video Gubbinz */
.nav3 img {
	border: 0;
}

#contentMainPlain a {
	outline:none;
	text-decoration:none;
	color: #000;
}


#subNavigation a {
    color: #C00000;
}

#subNavigation a:visited {
    color: #C00000;
}

.nav3 {
	width:950px;
	position:relative;
	background:#fff url('/App_Resources/Images/Site/Video/nav3bg.gif') no-repeat bottom;
	padding:10px 0 0 0;
	/*display:none;*/ 
}

.fhm-originals {
	display:block;
}

.nav3-inner {
	margin-left:50px;
	overflow:hidden;
	position:relative;
}

.nav3 ul {
	position:relative;
	list-style:none;
	height:78px;
	width:10000px;
	padding:0;
	margin:0;
}

.nav3 li {
	float:left;
	display:block;
	width:212px;
	height:78px;
	border-right:1px dotted black;
}

.nav3 .lastitem {
	border:0;
}

.nav3 li a {
	padding:6px;
	display:block;
	height:65px;
	font-size:0.6em;
	font-weight:bold;
	color:black;
	text-decoration:none;
	position:relative; 
	cursor:pointer;
}

.nav3 .even a {
	background:#fff;
	display: block;
}

.nav3 .activeVideo {
	background: transparent url(/App_Resources/Images/Site/Video/nav3activebg.gif) repeat scroll 0%;
}

.nav3 .activeVideo a {
	color:#79be00;
}

.nav3 .activeVideo a:hover
{
	background: transparent url(/App_Resources/Images/Site/Video/nav3activebg.gif) repeat scroll 0%;
}
	
.nav3 li a:hover {
	background:#d7d7d7;
	color:#79be00;
}
.nav3 li span {
	display:block;
	float:left;
}
.nav3 li .imgs {
	width:105px;
	position:relative;	
}

.nav3 li .shine {
	position:absolute;
	top:5px;
	left:6px;
}

.nav3 li .headline {
	position: absolute;
	top: 5px;
	width:97px;
	padding-right: 5px;
	right: 0;
	font: bold 1em Verdana, Arial, Georgia;
}

.nav3 li .vidcount {
	width:82px;
	color:#999;
	position:absolute;
	font-family: Verdana, Arial, Georgia;
	right:0;
	bottom:5px;
	padding:0 0 3px 19px;
	background:url(/App_Resources/Images/Site/Video/vidicon.png) no-repeat;
}

.nav3shower {
	width:950px;
	height:17px;
	background:#fff url('/App_Resources/Images/Site/Video/nav3bg.gif') no-repeat bottom;
	text-align:center;
}

.nav3shower a {
	display:block;
	height:17px;
	width:22px;
	margin:auto;
	background:url('/App_Resources/Images/Site/Video/navshower.gif') 0 2px no-repeat;
}

/* This file skins sliders */
.ui-slider {
	width:830px;
	height:16px;
	position:relative;
	background:url(/App_Resources/Images/Site/Video/nav3sliderbg.gif) no-repeat;
	margin:8px -10px 0 55px;
}

.ui-slider-handle {
	position:absolute;
	z-index:1;
	height:16px;
	width:12px;
	top:0px;
	left:0px;
	background:url(/App_Resources/Images/Site/Video/sliderhandlebg.gif);
	text-align:center;
}

.handle1,.handle2,.handle3 {
	height:16px;
}

.handle1, .handle3 {
	position:absolute;
	top:0;
	width:7px;
}

.handle1 {
	left:-5px;
	background:url(/App_Resources/Images/Site/Video/sliderhandleleft.gif);
}

.handle2 {
	width:36px;
	height:7px;
	margin:auto;
	margin-top:3px;
	background:url(/App_Resources/Images/Site/Video/sliderhandletexture.gif);
}

.handle3 {
	right:-5px;
	background:url(/App_Resources/Images/Site/Video/sliderhandleright.gif);
}

.nav3slideleft,.nav3slideright {
	width:34px;
	height:34px;
	display:block;
	position:absolute;
	top:86px;
}

.nav3slideleft {
	background:url(/App_Resources/Images/Site/Video/nav3left.gif);
	left:5px;
}

.nav3slideleft:hover {
	background:url(/App_Resources/Images/Site/Video/nav3lefton.gif);
}

.nav3slideright {
	background:url(/App_Resources/Images/Site/Video/nav3right.gif);
	right:5px;
}

.nav3slideright:hover {
	background:url(/App_Resources/Images/Site/Video/nav3righton.gif);
}

.nav3hider {
	display:block;
	margin:auto;
	width:22px;
	height:24px;	
	background:url(/App_Resources/Images/Site/Video/navhider.gif) no-repeat bottom;
}

.video {
	background:#fff;
}

.videoinner {
	display:inline;
	text-align:left;
}

.videoinner .videoalpha {
	position:absolute;
	margin-top:10px;
	top:0.4em;
	font-size:0.8em;
	color:#79be00;
	width:100%;
	background:url('/app_resources/Images/Site/Video/60black.png');
}

.videoinner .videoalpha a {
	color:#79be00;
	text-decoration:none;
}



.videoinner .videoalpha .videotitle {
	float:left;
	padding:10px;
}

.videoinner .videoalpha .ugc {
	float:right;
	padding-top:8px;
}

.videoinner .comments {
	background:url('/app_resources/Images/Site/Video/commentbullet.png') no-repeat 0 3px;
	padding:0 7px 0 12px;
	font: Bold 0.7em Verdana, Arial, Georgia;
}

.videoinner .thumbsup {
	background:url('/app_resources/Images/Site/Video/greenthumbsml.png') no-repeat 0 1px;
	padding:0 10px 3px 14px;
	font: Bold 0.7em Verdana, Arial, Georgia;
}

.videoalphaNew {
	font-size:0.8em;
	color:#79be00;
	background:url('/app_resources/Images/Site/Video/60black.png');
	margin: 0 auto;
	zoom: 1;
	overflow: hidden;
}

.videoalphaNew a {
	color:#79be00;
	text-decoration:none;
}

.videoalphaNew .videotitleNew {
	float:left;
	padding:10px;

}

.videoalphaNew .ugcNew {
	float:right;
	padding-top:8px;
}

.gallery-content {
	/*width:950px;*/
	height:452px; 
	padding: 28px 0 0 0; 
	margin:0;
	background:url('/app_resources/Images/Site/Video/vidbg.gif') #373737 repeat-x;
	
	list-style:none;
	
	z-index: 9999;
	text-align:center;
	
	clear: both;
}
.gallery-content li {
	display:none;
}
.gallery-content .firstitem {
	display:block;
}
.gallery-content li .vidinner {
	display:inline;
}

.slider {
	margin:10px 0 0 0;
	padding:0;
	width:950px;
	height:196px;
	background:#fff url('/app_resources/Images/Site/Video/sliderbg.gif') no-repeat;
	position:relative;
}

h1 {
	font-size:1em;
	font-weight:normal;
	position:absolute;
	top:18px;
	left:120px;
}
#videolocation {
	position:absolute;
	top:18px;
	right:130px;
	background:url('/app_resources/Images/Site/Video/videolocationbg.gif') no-repeat;
	width:87px;
	height:25px;
	font-size:0.7em;
	font-weight:bold;
	color:#79be00;
}
#videolocationinner {
	padding:4px 0 0 35px;
}

.slider-inner li
{
	position: relative;
}


.slider-inner {
	width:653px;
	height:134px;
	float:left;
	overflow:hidden;
	position:absolute;
	left:120px;
	top:45px;
	background:url('/app_resources/Images/Site/Video/sliderinnerbg.gif');
	padding:0 22px;
}

.nsfwVideo
{
	position: absolute;
	top: 5px;
	left: 60px;
}

.slider ul {
	position:relative;
	z-index:1;
	top:8px;
	left:0;
	width:10000px;
	height:134px;
	list-style:none;
}
.slider li {
	width:128px;
	height:110px;
	display:inline;
	float:left;
}
.slider img {
	float:left;
	margin:3px 3px 10px 3px;
}
.slider a {
	text-decoration:none;
	font: 0.9em Verdana, Arial, Georgia;
}
.slider ul span {
	font-size:0.7em;
	font-weight:bold;
	color:#999;
	width:100px;
	float:left;
	clear:left;
}
.slider .current img {
	margin:0 0 7px 0;
	border:3px solid #79be00;
}
.slider .current span {
	color:#79be00;
}

.slider .previous, .slider .next {
	width:34px;
	height:34px;
	display:block;
	position:absolute;
	top:100px;
}
.slider .previous {
	background:url('/app_resources/Images/Site/Video/nav3left.gif');
	left:45px;
}
.slider .previous:hover {
	background:url('/app_resources/Images/Site/Video/nav3lefton.gif');
}
.slider .next {
	background:url('/app_resources/Images/Site/Video/nav3right.gif');
	right:45px;
}
.slider .next:hover {
	background:url('/app_resources/Images/Site/Video/nav3righton.gif');
}

#nowplaying {
	margin-top:10px;
	background:url('/app_resources/Images/Site/Video/nowplayingbg.gif') no-repeat;
	width: 340px;
	float: left;
	margin-right: 10px;
}

#nowplaying h1
{
	position: static;
	padding:8px 0 0 20px;
	font: Bold 0.8em Verdana, Arial, Georgia;
}

#nowplaying h2 {
	width:157px;
	height:38px;
	font-size:1.1em;
	padding:8px 0 0 20px;
}
#nowplaying .videotitle {

	font: Bold 0.8em Verdana, Arial, Georgia;
}

#nowplaying p {
	margin:25px 0 20px 20px;
	width:330px;
	font: 0.8em Verdana, Arial, Georgia;
	line-height: 19px;
}

#topvideos {
	width:300px;
	padding-bottom:20px;
	background:url('/app_resources/Images/Site/Video/topvideobg.gif') 0 100% no-repeat;
}

#topvideos h2 {
	font-size:1.1em;
	font-weight:normal;
	padding:10px 0;
	background: url(/App_Resources/Images/Site/framework/line.gif) bottom repeat-x;
}

#topvideos .morelikethis, #topvideos .fhmoriginals {
	margin:10px 0;
	font-size:0.7em;
	font-weight:bold;
	height: 30px;
}

#topvideos .morelikethis li, #topvideos .fhmoriginals li {
	width:130px;
	float:left;
	position: relative;
	margin:4px 0 0 6px;
	text-align: center;
}
#topvideos .morelikethis .firstitem, #topvideos .fhmoriginals .firstitem {
	width:148px;
}
#topvideos .morelikethis a, #topvideos .fhmoriginals a {
	text-decoration:none;
	font: Bold 0.85em Verdana, Arial, Georgia;
	color: #000;
	text-align: center;
}

#topvideos .morelikethis {
	background:url('/app_resources/Images/Site/Video/topvideosmorelikethis.gif');
}
#topvideos .fhmoriginals {
	background:url('/app_resources/Images/Site/Video/topvideosfhmoriginals.gif');
}
#topvideos h3 {
	display:none
}
#topvideos ul {
	zoom:1;
	overflow:hidden;
}
#topvideos div li {
	float:left;
	clear:left;
	margin-bottom:18px;
	padding-top:18px;
	border-top:1px dotted black;

	width: 300px;
}
#topvideos div .firstitem {
	border-top:0;
	padding-top:0;
}
#topvideos img {
	float:left;
	margin-right:10px;
}
#topvideos .ugc {
	float:left;
	width:180px;
}
#topvideos .rating {
	float:left;
	width:70px;
	background:url('/app_resources/Images/Site/Video/greenthumb.gif') no-repeat;
	padding:3px 0 3px 20px;
	color:#666;
}
#topvideos .comments {
	float:left;
	width:90px;
	padding-top:5px;
	font-size:0.7em;
}
#topvideos a {
	font: 0.75em Verdana, Arial, Georgia;
	color: #231f20;
}

#topvideos a:visited {
	
	color: #231f20;
}

#fhmoriginals {
	display:none;
}

.videoTitle
{
		font: Bold 0.8em Verdana, Arial, Georgia;
}

#videoLeft
{
	width: 650px;
	float: left;
	margin: 0 0 0 0;
	overflow: hidden;
}

#videoRight
{
	width: 300px;
	float: left;
}

/* Lander */
#lander {
	height:315px;
	padding: 10px 0 0 0;

}
#lander ul {
	float: left;
}

#lander li a {
    	font-family: Georgia;
	font-weight: normal;
}

#lander li {
	float:left;
	width: 307px;

}

#lander .main
{
	margin: 0 17px 0 0;
	position: relative;
}

#lander .main .subject {
	font-size:1.2em;
	
}

#lander .main span {
	position:relative;
	display:block;
	width:307px;
	height:200px;
}

#lander .main img {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
 
#lander .overlay  {
	position:absolute;
	left:0;
	bottom:0;
	background:#79be00;
	color:#fff;
	margin:0;
	z-index:2;
	display:inline;
	padding:5px;
}

#lander .sectionlink {
	font: 0.7em Verdana, Arial, Georgia;	
	margin-top:5px;
	padding-top:5px;
}

#lander .story {	
	position: relative;
	width: 300px;
	clear: both;
	margin: 0 13px 22px 0;
}

.lineVideo {
	background: url(/App_Resources/Images/Site/framework/line.gif) bottom repeat-x;
	height: 3px;
	width: 190px;
	position: absolute;
	bottom: 18px;
	right: 0;
}

.positionShift {
	bottom: 38px;
}

#lander .story img {
	float:left;
	margin-right:10px;
}

#lander .lastitem {
	margin-bottom:0;
}

#lander .story a.subject:hover {
	background-color: #79be00;
	color: #fff;	
}

a.subject:hover {
	background-color: #79be00;
	color: #fff;
}

#lander .story .sectionlink {
	float:left;
	clear:left;
	margin-top:-1px;
	border: 0;	
}

a.fontChange {
	font: 1em Georgia, Verdana, Arial;
}

a.fontChange:visited {
	color: #231f20;
}

a.fontChange:hover {
	background-color: #79be00;
	color: #fff;
}

a.bylineRight {
	margin: 0;
	font: Bold 0.7em Verdana, Arial, Georgia;
	float: left;
	width: 180px;
}

#lander li.storyRight {
	clear: both;
	margin: 0 0 12px 0;
	width: 270px;
	padding: 0 15px;
	position: relative;
}

#featuredVideoList {
	width: 305px; 
	margin: 0; 
	padding: 32px 0 0 0; 
	background: url(/App_Resources/Images/Site/video/shadow.gif) no-repeat bottom left #fff; 
	height: 238px; 
	position: relative;
}

#featuredHeader {
	background: url(/App_Resources/Images/Site/video/featuresHeader.gif) no-repeat top #fff;
	width: 285px;
	left: 0;
	position: absolute;
	top: -45px;
	padding: 10px;
}

#featuredHeader .line {
	background: url(/App_Resources/Images/Site/video/lineGreen.gif) repeat-x bottom;
	height: 10px;
	clear: both;
}

#featuredHeader img {
	float: left;
	margin: 0 10px 0 0;
}

#featuredHeader h2 {
	font: 1em Georgia, Verdana, Arial;
	color: #79be01;
	float: left;
	width: 130px;
}

#lander li.storyRight img {
	float: left;
	margin: 0 10px 0 0;
}

.sponsor {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

#proposition h1 {
	font: 1em Georgia, Verdana, Arial;
	color: #000;
	position: static;
}

#bottomSellVideo p {
	font: 0.8em Verdana, Arial, Georgia;
}

#nowplaying a {
	border-bottom: 1px dotted #000;
}

#nowplaying a:hover {
	background-color: #79be00;
	color: #fff;
}

#nowplaying ul {
	margin: 0 0 20px 20px;
}

#nowplaying li {
	font: 0.8em Verdana, Arial, Georgia;
	margin: 0 0 5px 0;
}

#videoHeader {
	height: 46px;
	background: url(/app_resources/images/site/homepage/headers/videoHeader.gif) repeat-x;
	padding: 5px;

}

#videoHeader h2 {
	font: 1.3em Georgia, Arial, Verdana;
	color: #fff; 
}

#videoHeader li {
	float: left;
	margin-right: 5px;
	color: #fff;
	font-size: 0.7em Verdana, Arial, Georgia;
}

#videoHeader li a {
	font: 0.7em verdana;
	color: #fff;
	padding: 2px;
}

#videoHeader li a:hover {
	background-color: #fff;
	color: #86c200;
}