@charset "utf-8";
/* 

Contents:

1. GENERAL
2. Page
3. Menu
4. Image Rows
5. Main Images
6. Content: Updates
7. Content: Gallery
8. Content: Schedule
9. Content: Join Page
10. Footer
11. MISC

*/

/* GENERAL */

body {
	background:#fff url(images/bg-body.jpg);
	color:#252525;
	font:11px Arial, Helvetica, sans-serif;
	margin:0;
	text-align:center;
}
a {
	color:#252525;
	text-decoration:underline;
}
a:hover {
	color:#000;
	text-decoration:none;
}
a img {
	border:none;
}

/* Page */

#page {
	background:#fff url(images/stripes.jpg) top left no-repeat;
	margin:0 auto;
	overflow:hidden;
	padding:10px 36px 0 169px;
	position:relative;
	text-align:left;
	width:755px;
}
#cutout1, 
#cutout2, 
#cutout3 {
	behavior:url(iepngfix.htc);
	height:862px;
	left:0;
	position:absolute;
	top:70px;
	width:310px;
	z-index:5;
}
#cutout4 {
	behavior:url(iepngfix.htc);
	height:862px;
	left:0;
	position:absolute;
	top:70px;
	width:400px;
	z-index:5;
} 
#cutout5, 
#cutout6, 
#cutout7,
#cutouttest,
#cutout8 {
	behavior:url(iepngfix.htc);
	height:862px;
	left:0;
	position:absolute;
	top:70px;
	width:310px;
	z-index:5;
}

#cutout1 { background:url(images/cutout1.png); }
#cutout2 { background:url(images/cutout2.png); }
#cutout3 { background:url(images/cutout3.png); }
#cutout4 { background:url(images/cutout4.png); }
#cutout5 { background:url(images/cutout5.png); }
#cutout6 { background:url(images/cutout6.png); }
#cutout7 { background:url(images/cutout7.png); }
#cutout8 { background:url(images/cutout8.png); }
#cutouttest { background:url(images/cutouttest.png); }
/* Menu */

ul#menu {
	height:48px;
	list-style:none;
	margin:0;
	padding:0;
	width:775px;
}
ul#menu li {
	float:left;
	height:48px;
	margin:0;
	padding:0;
}
ul#menu li a {
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:48px;
	text-indent:-9999px;
}
ul#menu li a:hover, 
ul#menu li.selected a {
	background-position:bottom left;
}
li#menu-home a { background-image:url(images/menu-home.jpg); width:61px; }
li#menu-photosets a { background-image:url(images/menu-photosets.jpg); width:123px; }
li#menu-candids a { background-image:url(images/menu-candids.jpg); width:103px; }
li#menu-video a { background-image:url(images/menu-video.jpg); width:82px; }
li#menu-webcam a { background-image:url(images/menu-webcam.jpg); width:102px; }
li#menu-girlfriends a { background-image:url(images/menu-girlfriends.jpg); width:129px; }
li#menu-1on1 a { background-image:url(images/menu-1on1.jpg); width:83px; }
li#menu-joinnow a { background-image:url(images/menu-joinnow.jpg); width:92px; }

/* Image Rows */

ul.imgrow {
	height:131px;
	list-style:none;
	margin:20px 0 0 -10px;
	padding:0;
	width:785px;
}
ul.imgrow#two {
	margin:20px 0 15px 0;
}
ul.imgrow li {
	float:left;
	height:131px;
	margin:0;
	padding:0;
	width:155px;
}
ul.imgrow li img {
	display:block;
	float:left;
	height:131px;
	margin:0;
	padding:0 0 0 10px;
	width:145px;
}
ul.imgrow#two li img {
	padding:0 10px 0 0;
}
ul.imgrow li#logo {
	width:165px;
}
ul.imgrow li#logo img {
	width:155px;
}
ul.imgrow li#continue {
	width:465px;
}
ul.imgrow li#continue a {
	background:url(images/link-continue.jpg) top left no-repeat;
	color:#ff449b;
	display:block;
	font-size:72px;
	font-weight:bold;
	height:131px;
	line-height:150px;
	text-indent:10px;
	text-decoration:none;
	width:465px;
}
ul.imgrow li#clickhere {
	width:775px;
}
ul.imgrow li#clickhere a {
	background:url(images/link-clickhere.jpg) top right no-repeat;
	color:#ff449b;
	display:block;
	font-size:72px;
	font-weight:bold;
	height:131px;
	line-height:150px;
	text-indent:153px;
	text-decoration:none;
	width:775px;
}

/* Main Images */

.img-main {
	background-position:top left;
	background-repeat:no-repeat;
	height:469px;
	margin-top:10px;
	position:relative;
	width:775px;
	z-index:1;
}
#img-home { background-image:url(images/img-home.jpg); }
#img-photosets { background-image:url(images/img-photosets.jpg); }
#img-candids { background-image:url(images/img-candids.jpg); }
#img-video { background-image:url(images/img-video.jpg); }
#img-webcam { background-image:url(images/img-webcam.jpg); }
#img-girlfriends { background-image:url(images/img-girlfriends.jpg); }
#img-1on1 { background-image:url(images/img-1on1.jpg); }
#img-join { background-image:url(images/img-join.jpg); }
.overlay1 { 
	background:url(images/img-overlay1.png) top left no-repeat;
	behavior:url(iepngfix.htc);
	height:450px;
	left:0;
	top:0;
	width:775px;
}
.overlay2 { 
	background:url(images/img-overlay2.png) top left no-repeat;
	behavior:url(iepngfix.htc);
	height:450px;
	left:0;
	top:0;
	width:775px;
}
a#login {
	background:url(images/overlay.png) top left no-repeat;
	behavior:url(iepngfix.htc);
	color:#fda701;
	font-size:13px;
	height:28px;
	position:absolute;
	right:10px;
	text-decoration:none;
	top:0;
	width:130px;
}
a#login img {
	display:block;
	float:left;
	height:16px;
	padding:5px 8px 0;
	width:16px;
}
a#login p {
	cursor:pointer;
	float:left;
	line-height:28px;
	margin:0;
}
a#login:hover {
	color:#fe5ca7;
}
#intro {
	background:url(images/overlay.png) top left no-repeat;
	behavior:url(iepngfix.htc);
	bottom:30px;
	height:170px;
	position:absolute;
	right:10px;
	width:320px;
}
#img-join #intro {
	height:120px;
}
#intro h1 {
	color:#fda701;
	font-size:35px;
	font-weight:bold;
	line-height:36px;
	margin:0;
	padding:10px 10px 0;
}
#intro h2 {
	color:#e0e0e0;
	font-size:20px;
	font-weight:bold;
	margin:0;
	padding:0 10px;
}
#intro p {
	color:#e0e0e0;
	line-height:18px;
	margin:0;
	padding:0 10px 0;
}
a#tag-joinme {
	background:url(images/tag-joinme.jpg) top left no-repeat;
	bottom:0;
	display:block;
	height:60px;
	position:absolute;
	right:20px;
	text-indent:-9999px;
	width:134px;
}
a#tag-clickhere {
	background:url(images/tag-clickhere.jpg) top left no-repeat;
	bottom:0;
	display:block;
	height:60px;
	position:absolute;
	right:20px;
	text-indent:-9999px;
	width:134px;
}

/* Content: Updates */

#updates {
	width:775px;
}
#updates h2 {
	background:url(images/home-updates.jpg) top left no-repeat;
	height:49px;
	margin:0;
	text-indent:-9999px;
	width:775px;
}
#updates #picture-sets {
	background:url(images/home-picturesets.jpg) top left no-repeat;
	margin:10px 0;
}
#updates #videos {
	background:url(images/home-videos.jpg) top left no-repeat;
	margin:10px 0;
}
#updates ul {
	float:left;
	list-style:none;
	margin:0;
	width:235px;
}
#updates #picture-sets ul {
	padding:135px 0 0 85px;
}
#updates #videos ul {
	padding:75px 0 0 85px;
}
#updates ul li {
	background:url(images/icon-folder.jpg) top left no-repeat;
	line-height:22px;
	list-style:none;
	padding-left:25px;
	width:215px;
}
#updates ul li.link {
	background:none;
	padding-left:0;
	padding-top:5px;
}
#updates ul li.link a {
	background:#e0e0e0 url(images/icon-cursor.jpg) top left no-repeat;
	border:1px solid #c2c2c2;
	line-height:24px;
	padding:2px 4px 4px 25px;
	text-decoration:none;
}
#updates ul li.link a:hover {
	border-color:#999;
}
#updates .thumbs {
	float:right;
	width:450px;
}
#updates .update {
	background:#e0e0e0;
	border:1px solid #c2c2c2;
	float:right;
	margin-left:10px;
	padding:5px;
}
#updates #photo-sets .update {
	width:125px;
}
#updates #videos .update {
	width:200px;
}
#updates .update p {
	background:#fda701;
	margin:3px 0 0 0;
	padding:1px 0;
	text-align:center;
}

/* Content: Gallery */

.gallery {
	margin:20px 0 20px 25px;
	width:750px;
}
.gallery .update {
	background:#e0e0e0;
	border:1px solid #c2c2c2;
	float:right;
	margin:0 0 7px 7px;
	padding:5px;
}
.gallery#photosets .update { width:125px; }
.gallery#photosets .update img { height:186px; width:125px; }
.gallery#candids .update { width:100px; }
.gallery#candids .update img {  height:150px; width:100px; }
.gallery#videos .update { width:200px; }
.gallery#videos .update img {  height:123px; width:200px; }
.gallery#webcam .update { width:185px; }
.gallery#webcam .update img {  height:150px; width:185px; }
.gallery#girlfriends .update { width:200px; }
.gallery#girlfriends .update img {  height:300px; width:200px; }
.gallery .update p {
	background:#fda701;
	margin:3px 0 0 0;
	padding:1px 0;
	text-align:center;
}
.pagination {
	margin:10px 0;
	height:24px;
	padding:2px 4px 4px 25px;
	text-align:right;
	width:727px;
}
.pagination a {
	background:#e0e0e0;
	border:1px solid #c2c2c2;
	line-height:24px;
	margin:0 2px;
	padding:3px 6px;
	text-decoration:none;
}
.pagination a:hover, 
.pagination a.selected {
	border-color:#999;
}

/* Content: Schedule */

.schedule {
	margin:20px auto;
	width:480px;
}
.schedule h3 {
	color:#ff449b;
	font-size:18px;
	font-weight:bold;
	margin:5px auto;
	text-align:center;
	width:480px;
}
.schedule p {
	background:#e0e0e0;
	border:1px solid #c2c2c2;
	padding:30px;
}
.schedule .thumb {
	height:75px;
	width:100px;
}

/* Content: Join Page */

ul.benefits {
	margin:20px auto;
	width:480px;
}
ul.benefits li {
	color:#ff449b;
	font-size:18px;
	font-weight:bold;
	margin:5px auto;
	padding:0;
}

/* Footer */

#footer {
	background:url(images/bg-footer.jpg) top left repeat-x;
	line-height:25px;
	min-height:107px;
	margin:0 auto;
	position:relative;
	padding:0 0 0 185px;
	text-align:left;
	width:775px;
}
* html #footer {
	height:107px;
}
#footer_logo {
	background:url(images/logo-footer.jpg) top left no-repeat;
	height:107px;
	left:180px;
	position:absolute;
	top:0;
	width:100px;
}
#footer #col1 {
	height:107px;
	left:280px;
	margin:0;
	position:absolute;
	top:10px;
	width:450px;
}
#footer #col2 {
	height:107px;
	left:730px;
	margin:0;
	position:absolute;
	top:10px;
	width:210px;
}
a#myspace {
	background:url(images/icon-myspace.jpg) top left no-repeat;
	padding-bottom:2px;
	padding-left:25px;
}
a#twitter {
	background:url(images/icon-twitter.jpg) top left no-repeat;
	padding-bottom:2px;
	padding-left:25px;
}

/* MISC */

.clear { clear:both; }
.hr { background-color:#c2c2c2; height:1px; overflow:hidden; width:775px; }


