@charset "utf-8";
/* Design and CSS by Gimme-Website */

/* Reset */
@import url("reset.css");

/*

Contents:

1. BODY
2. GENERAL STYLES
3. PAGE
4. HEADER
	Logo
	Navigation
5. CONTENT LAYOUT
6. PAGE SPECIFIC STYLES
	Home
	Photos
	Videos
	Join
	Members
7. BOTTOM	
8. FOOTER
 
*/

/* BODY */

html, body {
	background:#0b0b0b url(../images/body-bg.png) top left repeat;
	color:#999;
	font:14px Georgia, "Times New Roman", Times, serif;
	margin:0;
	text-align:center;
}

/* GENERAL STYLES */

a { color:#e84192; text-decoration:none; }
a:hover { color:#f96db1; }
a:visited { color:#e84192; }
a img { border:none; }

p { padding:5px 0; }

strong { font-weight:bold; }
em { font-style:italic; }

.pink { color:#e84192; }
.white { color:#fff; }

.left { float:left; }
.right { float:right; }


/* PAGE */

#page {
	border-left:18px solid #000;
	border-right:18px solid #000;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	text-align:left;
	width:940px;
}

/* HEADER */

#header {
	background:url(../images/header.jpg) top center no-repeat;
	height:431px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
	width:940px;
}

/* HEADER: Logo */
h1#logo {
	height:292px;
	left:0;
	position:absolute;
	text-indent:-9999px;
	top:0;
	width:940px;
}
h1#logo a {
	display:block;
	height:292px;
	width:940px;
}

/* HEADER: Navigation */

ul#site-nav {
	height:139px;
	left:0;
	position:absolute;
	top:292px;
	width:940px;
}
ul#site-nav li {
	display:block;
	float:left;
	height:139px;
}
ul#site-nav li a {
	background-image:url(../images/navigation.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:139px;
	text-indent:-9999px;
}
ul#site-nav li#nav-home a { background-position:0 0; width:202px; }
ul#site-nav li#nav-photos a { background-position:-202px 0; width:179px; }
ul#site-nav li#nav-videos a { background-position:-381px 0; width:180px; }
ul#site-nav li#nav-join a { background-position:-561px 0; width:180px; }
ul#site-nav li#nav-login a { background-position:-741px 0; width:199px; }

ul#site-nav li#nav-home a:hover { background-position:0 -139px; }
ul#site-nav li#nav-photos a:hover { background-position:-202px -139px; }
ul#site-nav li#nav-videos a:hover { background-position:-381px -139px; }
ul#site-nav li#nav-join a:hover { background-position:-561px -139px; }
ul#site-nav li#nav-login a:hover { background-position:-741px -139px; }

/* CONTENT LAYOUT */

#content {
	background:#121212 url(../images/content-bg.png) top center no-repeat;
	border-left:2px solid #000;
	border-right:2px solid #000;
	min-height:92px;
	overflow:hidden;
	position:relative;
	width:936px;
}
#content ul { margin:10px 30px; }
#content li { margin:10px 0; }

#content .box {
	background:#000;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	overflow:hidden;
}
.arrow-down {
	background:#121212 url(../images/arrow-down.png) top center no-repeat;
	height:11px;
	margin:0 auto;
	width:910px;
}

/* PAGE SPECIFIC STYLES: Home */

/* Intro */

.box.intro {
	margin:0 auto;
	padding:15px;
	width:880px;
}
.intro h2 {
	float:left;
	font:normal 40px/42px Arial, Helvetica, sans-serif;
	letter-spacing:-1.5px;
	width:300px;
}
.intro p {
	background:url(../images/divider-vertical.png) top left repeat-y;
	float:left;
	padding-left:15px;
	text-align:justify;
	width:560px;
}

/* Trailer */

.box.trailer {
	margin:10px auto 0;
	padding:10px;
	width:890px;
}
.trailer .player {
	float:left;
	height:375px;
	margin-right:10px;
	width:669px;
}
.trailer .img {
	float:left;
	height:375px;
	width:211px;
}

/* Updates */

.updates {
	float:left;
	padding:10px 0 0 13px;
	width:327px;
}
.updates1 {
    padding-bottom: 0;
    padding-right: 0;
    width: 300px;

}
.updates1 h2 {
	background:url(../images/img-02.jpg) top center no-repeat;
	height:100px;
	margin-bottom:10px;
	text-indent:-9999px;
	width:327px;
}
.updates h2 {
	background:url(../images/img-02.jpg) top center no-repeat;
	height:100px;
	margin-bottom:10px;
	text-indent:-9999px;
	width:327px;
}
.updates h3 {
	background:url(../images/img-02mem.jpg) top center no-repeat;
	height:100px;
	margin-bottom:10px;
	text-indent:-9999px;
	width:327px;
}
iframe#updates-frame {
	height:545px;
	width:327px;
}
.box.update-links {
	height:100px;
	margin-top:13px;
	overflow:hidden;
	padding:0 10px;
}
.update-links p {
	color:#fff;
	font-size:30px;
	letter-spacing:-1.5px;
	line-height:48px;
	text-align:center;
}
.update-links a {
	background-image:url(../images/updates-links.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	height:30px;
	width:149px;
}
.update-links a#more-photos { background-position:0 0; float:left; }
.update-links a#more-videos { background-position:-149px 0; float:right; }
.update-links a#more-photos:hover { background-position:0 -30px; }
.update-links a#more-videos:hover { background-position:-149px -30px; }

/* Site Info */

#site-info {
	background:url(../images/site-info-bg.png) top left no-repeat;
	float:right;
	height:100px;
	margin:10px 0 10px 0;
	overflow:hidden;
	padding-right:13px;
	width:573px;
}
#site-info .col {
	float:left;
	height:55px;
	text-align:center;
	padding-top:45px;
	width:191px;
}
#site-info p.title {
	color:#fff;
	font:24px/30px Arial, Helvetica, sans-serif;
	letter-spacing:-1.25px;
	padding:0;
}
#site-info p.description {
	font-size:13px;
	letter-spacing:-0.25px;
	padding:0;
}

/* Bonus Cams + Image Column */

#bonus-cams {
	float:right;
	padding-right:13px;
	overflow:hidden;
	width:573px;
}
#bonus-cams .img {
	float:left;
	width:189px;
}
#bonus-cams .img img {
	background:#000;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	display:block;
	margin-bottom:3px;
	padding:10px;
	width:169px;
}
#ydc {
	float:right;
	height:545px;
	width:374px;
}
#bonus-cams h2 {
	background:url(../images/img-06.jpg) top center no-repeat;
	height:100px;
	margin-bottom:10px;
	text-indent:-9999px;
	width:374px;
}
.box.ydc-widget {
	padding-bottom:27px;
}

/* Site Stats */

#site-stats {
	background:url(../images/site-stats-bg2.png) top left no-repeat;
	float:right;
	height:100px;
	margin:10px 0 10px 0;
	overflow:hidden;
	padding-right:13px;
	width:573px;
}
#site-stats .col {
	color:#000;
	font:bold 40px/40px Arial, Helvetica, sans-serif;
	height:55px;
	letter-spacing:-1.25px;
	padding-top:45px;
	text-align:center;
	text-shadow:0 1px #fff;
	width:189px;
}

/* Bonus Cams + Image Column */

.img-row {
	clear:both;
	margin-left:13px;
	overflow:hidden;
}
.img-row a {
	background:#000;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	display:block;
	float:left;
	height:390px;
	margin-right:3px;
	padding:4px;
	position:relative;
	width:293px;
}
.img-row .overlay {
	background:url(../images/img-row-overlay.png) top center no-repeat;
	behavior:url(iepngfix.htc);
	bottom:14px;
	color:#fff;
	font:24px/53px Arial, Helvetica, sans-serif;
	height:45px;
	left:4px;
	letter-spacing:-1px;
	position:absolute;
	text-indent:18px;
	width:293px;
	z-index:10;
}

/* Continue Bar */

.continue-bar.home a {
	background:url(../images/continue-bar-home.png) top center no-repeat;
	display:block;
	height:80px;
	margin:5px auto;
	text-indent:-9999px;
	width:910px;
}

/* PAGE SPECIFIC STYLES: Photos + Videos */

/* Page Title */

.box.page-title {
	margin:0 auto;
	padding:15px;
	width:880px;
}
.page-title h2 {
	font:normal 40px/42px Arial, Helvetica, sans-serif;
	letter-spacing:-1.5px;
	text-align:center;
}

/* PAGE SPECIFIC STYLES: Photos */

/* Updates */

.photo-updates {
    margin-bottom: 0;
    margin-left: 4px;
    margin-right: 0;
    margin-top: 10px;
    overflow-x: hidden;
    overflow-y: hidden;
}
.photo-updates a {
	background:#000;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	color:#999;
	display:block;
	float:left;
	font:18px Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	margin:0 12px 12px 0;
	padding:5px;
	text-align:center;
	width:162px;
}
.photo-updates a .white {
	font:14px Georgia, "Times New Roman", Times, serif;
	letter-spacing:-0.25px;
	padding-bottom:5px;
}
.photo-updates a:hover {
	color:#fff;
}
.photo-updates a img {
	display:block;
	height:225px;
	margin-bottom:5px;
	width:162px;
}

/* Large Middle Text */

h3 {
	color:#fff;
	font-size:40px;
	letter-spacing:-2px;
	line-height:80px;
	text-align:center;
}

/* Continue Bar */

.continue-bar.photos a {
	background:url(../images/continue-bar-photos.png) top center no-repeat;
	display:block;
	height:80px;
	margin:5px auto;
	text-indent:-9999px;
	width:910px;
}

/* PAGE SPECIFIC STYLES: Videos */

/* Updates */

.video-updates {
	margin:10px 0 0 13px;
	overflow:hidden;
}
.video-updates a {
	background:#000;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	color:#999;
	display:block;
	float:left;
	font:18px Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	margin:0 12px 12px 0;
	padding:5px;
	text-align:center;
	width:280px;
}
.video-updates a .white {
	font:14px Georgia, "Times New Roman", Times, serif;
	letter-spacing:-0.25px;
	padding-bottom:5px;
}
.video-updates a:hover {
	color:#fff;
}
.video-updates a img {
	display:block;
	height:180px;
	margin-bottom:5px;
	width:280px;
}
.video-updates1 {
	margin:10px 0 0 0;
	overflow:hidden;
}
.video-updates1 a {
	background:#000;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	color:#999;
	display:block;
	float:left;
	font:18px Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	margin:0 12px 12px 0;
	padding:5px;
	text-align:center;
	width:280px;
}
.video-updates1 a .white {
	font:14px Georgia, "Times New Roman", Times, serif;
	letter-spacing:-0.25px;
	padding-bottom:5px;
}
.video-updates1 a:hover {
	color:#fff;
}
.video-updates1 a img {
	display:block;
	height:180px;
	margin-bottom:5px;
	width:280px;
}

/* Large Middle Text */

h3 {
	color:#fff;
	font-size:40px;
	letter-spacing:-2px;
	line-height:80px;
	text-align:center;
}

/* Continue Bar */

.continue-bar.videos a {
	background:url(../images/continue-bar-videos.png) top center no-repeat;
	display:block;
	height:80px;
	margin:5px auto;
	text-indent:-9999px;
	width:910px;
}

/* PAGE SPECIFIC STYLES: Join */

#join {
	margin:0 auto;
	min-height:413px;
	overflow:hidden;
	position:relative;
	width:910px;
}
#join .col .box.page-title {
	width:420px;
}
#join .col .arrow-down {
	width:430px;
}
#join .img {
	background:#000;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	height:288px;
	left:324px;
	padding:10px;
	position:absolute;
	top:90px;
	width:243px;
	z-index:10;
}

/* Members' Benefits */

#join .col.left {
	float:left;
	width:450px;
}
#join .col.left ul li {
	background:url(../images/icon-heart.png) top left no-repeat;
	font-size:18px;
	line-height:18px;
	margin-top:25px;
	padding-left:24px;
	width:230px;
}

/* How To Join */

#join .col.right {
	float:right;
	text-align:right;
	width:450px;
}
#join-buttons p {
	font-size:16px;
	line-height:16px;
	margin-top:25px;
	padding:0 0 10px;
}
#join-buttons form {
	margin-bottom:40px;
}
#join-buttons button {
	background:#ececec url(../images/button-bg.png) bottom center no-repeat;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	border:none;
	color:#000;
	cursor:pointer;
	font:bold 18px/30px Arial, Helvetica, sans-serif;
	height:30px;
	letter-spacing:-0.5px;
	padding:0 5px;
	text-align:center;
	text-shadow:0 1px #fff;
}

/* Member Links + Images */

#member-links {
	overflow:hidden;
	margin:0 auto;
	width:910px;
}
#member-links .img {
	float:left;
	margin:0 auto;
	overflow:hidden;
	width:582px;
}
#member-links .img img {
	background:#000;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	float:left;
	height:114px;
	margin-right:5px;
	padding:10px;
	width:169px;
}
#member-links .box {
	float:right;
	height:148px;
	margin:-15px auto 5px;
	overflow:hidden;
	width:328px;
}
#member-links ul {
	margin:30px 20px 0 20px;
	padding:0;
}
#member-links ul li {
	background:url(../images/icon-arrow-white.png) top left no-repeat;
	font-size:16px;
	letter-spacing:-0.25px;
	padding-left:24px;
}

/* PAGE SPECIFIC STYLES: Members */


/* Page */

#page {
	border-left:20px solid #000;
	border-right:20px solid #000;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	text-align:left;
	width:936px;
}

body#members #header {
	background:url(../images/header-members.jpg) top center no-repeat;
	height:271px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
	width:936px;
}

/* Logo */
h1#logo {
	height:189px;
	left:0;
	position:absolute;
	text-indent:-9999px;
	top:0;
	width:936px;
}
h1#logo a {
	display:block;
	height:189px;
	width:936px;
}

/* Navigation */

ul#members-nav {
	background:#999 url(../images/nav-members-bg.png) top left repeat-x;
	height:82px;
	left:0;
	overflow:hidden;
	position:absolute;
	top:189px;
	width:936px;
}
ul#members-nav li {
	display:block;
	float:left;
	height:82px;
	width:132px;
}
ul#members-nav li a {
	background:url(../images/nav-members-divider.png) top right no-repeat;
	color:#333;
	display:block;
	float:left;
	font:bold 32px/82px Arial, Helvetica, sans-serif;
	height:82px;
	letter-spacing:-2px;
	text-align:center;
	text-shadow:0 1px #ccc;
	width:132px;
}
ul#members-nav li.last a {
	background-image:none;
}
ul#members-nav li a:hover {
	color:#000;
}

/* Page Title */

body#members h2.page-title {
	background:url(../images/divider-horizontal.png) bottom left repeat-x;
	font-size:36px;
	letter-spacing:-2px;
	margin:0 20px;
	padding:15px 0;
}

/* Content */

body#members .box {
	overflow:hidden;
	margin:10px 13px;
}
body#members .content {
	overflow:hidden;
	padding:15px 20px;
}

/* BOTTOM */

#bottom {
	background:url(../images/bottom-bg.png) top center no-repeat;
	clear:both;
	height:200px;
	margin:0 auto;
	overflow:hidden;
	width:910px;
}
#bottom a { color:#999; }
#bottom a:hover { color:#fff; }

#bottom ul.col.left {
	margin:0;
	padding:55px 0 0 28px;
	width:125px;
}
#bottom ul.col.left li {
	font-size:18px;
	margin:0;
	letter-spacing:-0.5px;
	line-height:24px;
}
body#members #bottom ul.col.left li {
	font-size:15px;
	margin:0;
	letter-spacing:-0.5px;
	line-height:19px;
}
#bottom ul.col.right {
	margin:0;
	padding:55px 10px 0 0;
	width:280px;
}
#bottom ul.col.right li {
	font-size:13px;
	margin:0;
	line-height:20px;
}
#bottom ul.col.right li.twitter a {
	background:url(../images/icon-twitter.png) left no-repeat;
	padding-left:22px;
}
#bottom ul.col.right li.facebook a {
	background:url(../images/icon-facebook.png) left no-repeat;
	padding-left:22px;
}
#bottom ul.col.right li.myspace a {
	background:url(../images/icon-myspace.png) left no-repeat;
	padding-left:22px;
}
#bottom ul.col.right li.innerdeviant a {
	background:url(../images/icon-innerdeviant.png) left no-repeat;
	padding-left:22px;
}
#bottom ul.col.right li a:hover span.white {
	color:#f96db1;
}

/* FOOTER */

#footer {
	background:#121212;
	border-left:2px solid #000;
	border-right:2px solid #000;
	overflow:hidden;
	padding:10px 13px;
	position:relative;
	margin:0 auto;
	width:910px;
}

