/* RESET */
html, body, * {margin:0; padding:0;}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}
ul {
	margin:0;
	padding:0;
}
li {
	list-style: none outside none;
}

/* Header Styles */
.header {
	margin: 0 auto;
	position: relative;
	text-align: left;
	height:75px;
	width:1000px;
}

.header h1 a{
	display: block;
	float: left;
	height: 75px;
	position: relative;
	text-indent: -9999px;
	width: 275px;
	z-index: 500;
}

#categories {
	clear: none;
	font-size: 1.4em;
	height: auto;
	position: relative;
	width: 280px;
}
#categories ul li {
	list-style-position: outside;
	list-style-type: none;
	padding: 0 0 3px 15px;
	text-align: left;
	height:28px;
	float:left;
	width:100%;
	font-weight:normal;
}
#categories ul li a.btn {
	width:100%;
	text-align:center;
	float:left;
	margin:0;
	padding:0;
}
#categories ul li a.btn:hover span span, a.browse:hover span {
	background-image: url(gradient-bottom-dark.png);
	background-position: bottom left;
	background-repeat: repeat-x;
}
.container {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	clear: both;
}
div.footer {
	clear: both;
	height: 100px;
	padding: 10px 0;
	border-top:1px solid #999;
}

#chat {
	width:662px;
	height:545px;
	position:relative;
	float:left;
}
#flashContent{
	width:662px;
	height:545px;
	position:relative;
	float:left;
}
#flashContainer {
	position:absolute;
	top:8px;
	left:10px;
}
a.chatClick {
	position:absolute;
	display:block;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	bottom:0px;
	left:10px;
	height:50px;
	line-height:50px;
	width:640px;
	font-size:2.6em;
	text-transform:uppercase;
}
#flashContent a.chatClick:hover, p.start a:hover, #header-container .header .join:hover, #header-container .header .login:hover {
	color:#fff;
	text-shadow:0px 1px 1px #000;
	background: #3d3d3d; /* Old browsers */
background: -moz-linear-gradient(top, #3d3d3d 0%, #474747 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(100%,#474747)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3d3d3d 0%,#474747 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3d3d3d 0%,#474747 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3d3d3d 0%,#474747 100%); /* IE10+ */
background: linear-gradient(top, #3d3d3d 0%,#474747 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#474747',GradientType=0 ); /* IE6-9 */}


#nextprev {
	width:802px;
	margin:0 auto;
	position:relative;
}
#nextprev #chat {
	background:#ccc;
}
#nextprev .player {
	background:#000;
	width:640px;
	height:480px;
	margin:10px;
}
.vid {
	cursor: pointer;
	display: block;
	height: 533px;
	position: relative;
	margin:0 10px;
	width: 50px;
	float:left;
}
.prev {
	background: url(next-prev.png) no-repeat center left;
}
.next {
	background: url(next-prev.png) no-repeat center right;
}
div#categories {
	background:none;
	border-radius:0;
}
/* End Screen */



body a.join, body a.login {border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; display:block; float:right; padding:0 20px 0 20px; height:55px; line-height:55px; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:2.5em; text-transform:uppercase; margin-top:20px;}


.login {margin-right:10px;}
a.login, a.login:link, a.login:visited {color:#000;}
a.login:hover {text-decoration:none;}
a.login {
	background: #3d3d3d; /* Old browsers */
background: -moz-linear-gradient(top, #3d3d3d 0%, #474747 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(100%,#474747)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3d3d3d 0%,#474747 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3d3d3d 0%,#474747 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3d3d3d 0%,#474747 100%); /* IE10+ */
background: linear-gradient(top, #3d3d3d 0%,#474747 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#474747',GradientType=0 ); /* IE6-9 */}

#middle {border-top:1px solid #626262;
background: #272727; /* Old browsers */
background: -moz-linear-gradient(top, #272727 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272727), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #272727 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #272727 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #272727 0%,#000000 100%); /* IE10+ */
background: linear-gradient(top, #272727 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
#middle .container {padding:10px 0 10px 0;}
ul.cats {list-style:none; float:left; padding-left:10px;}
ul.cats li {padding-bottom:10px;}
ul.cats li a{border:1px solid #393939;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
display:block; width:155px; height:43px; line-height:43px;
color:#ccc;
text-decoration:none;
font-size:1.5em;
text-align:center;
list-style:none;
background: #303030; /* Old browsers */
background: -moz-linear-gradient(top, #303030 0%, #383838 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(100%,#383838)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #303030 0%,#383838 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #303030 0%,#383838 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #303030 0%,#383838 100%); /* IE10+ */
background: linear-gradient(top, #303030 0%,#383838 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#383838',GradientType=0 ); /* IE6-9 */}


#girls {background:#fff; height:160px; overflow:hidden; border-bottom:1px solid #ddd;}
#girls h2 {color:#999; font-size:2.3em;}
.slide ul {padding-left:30px;}
.slide ul li {display:block; list-style:none; padding:10px 20px 10px 15px; float:left;}
.slide ul li a {position:relative; display:inline-block; width:178px; height:134px; float:left;}
.slide ul li a:hover .over {display:block;  width:178px; height:134px; position:absolute; background:#000; z-index:15; top:0; left:0; opacity:0.2; filter:alpha(opacity=20); /* For IE8 and earlier */}
.slide ul li img {width:178px;  height:134px; position:relative; z-index:10;}
.live {position:absolute; top:5px; left:5px; z-index:20; display:block; font-weight:bold; padding:2px 5px 2px 5px; border:1px solid #333; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.credentials {text-align:right;}


/*
	AnythingSlider v1.7+ Default (base) theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/
/* change the ID to match your slider */
#slider {
	width: 900px;
	height: 150px;
	list-style: none;
}
/* Opera width restriction */
.anythingBase { max-width: 32766px; }


/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.anythingSlider {
	display: block;
	margin: 0 auto;
	overflow: visible !important; /* needed for Opera and Safari */
	position: relative;
	padding: 0 45px 0 45px;
}
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
/* all panels inside the slider */
.anythingBase .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
	top: 0%;
	position: absolute;
	display: block;
	z-index:60;
}
div.anythingSlider .arrow a {
	display: block;
	height: 147px;
	width: 60px;
	text-align: center;
}
/* hide text, target the span so IE7 doesn't text-indent the link */
div.anythingSlider .arrow a span { display: block; text-indent: -9999px; }
/* back arrow */
div.anythingSlider .back { left: 0; }
div.anythingSlider .back a { background:url(arrow-left.png) no-repeat 0 5px; }
div.anythingSlider .back a:hover{background:url(arrow-left-over.png) no-repeat 0 5px; }
div.anythingSlider .back.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
/* forward arrow */
div.anythingSlider .forward { right: 0; }
div.anythingSlider .forward a { background:url(arrow-right.png) no-repeat 0 5px; }
div.anythingSlider .forward a:hover {background:url(arrow-right-over.png) no-repeat 0 5px;  }
div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */


/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
div.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}



/* probably not necessary, but added just in case */
div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}


/* End Screen */.callout {font-size:3.4em;text-align:center; padding-top:150px; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:bold;}
.callout  a, .callout  a:link, .callout  a:visited, .callout  a:hover {color:#fff; text-decoration:none;}

.start {font-size:3.2em; font-weight:lighter; text-align:left; font-weight:bold; padding-top:30px; font-family: 'Oswald', sans-serif; text-transform:uppercase; line-height:50px;}
.start  a { text-decoration:none; padding:15px; display:block; width:300px; height:45px; margin:0 auto; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.continue{background:url(sm-arrow.png) no-repeat right; width:34px; height:39px; display:block; float:right; padding-top:5px; margin:0; }
.txt {float:left;}