@charset "utf-8";


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

/*

Contents:

1. BODY
2. GENERAL STYLES
3. PAGE
4. HEADER
	Logo
	Navigation
5. CONTENT LAYOUT
6. PAGE SPECIFIC STYLES
7. FOOTER
 
*/

/* BODY */

html, body {
	background:#7f002b url(../images/body-bg.png) top center no-repeat;
	color:#333;
	font:12px Arial, Helvetica, sans-serif;
	margin:0;
	text-align:center;
}

/* GENERAL STYLES */

a { color:#e63f85; text-decoration:none; }
a:hover { color:#5f8e0c; }
a:visited { color:#e63f85; }
a img { border:none; }

h1 { font-size:60px; font-weight:bold; }
h2 { font-size:48px; font-weight:bold; }
h3 { font-size:36px; font-weight:bold; }
h4 { font-size:30px; font-weight:bold; }
h5 { font-size:24px; font-weight:bold; }
h6 { font-size:18px; font-weight:bold; }

p { padding:0 0 10px; }

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

/* PAGE */

#page {
	background:#fff;
	margin:0 auto;
	overflow:hidden;
	padding:15px;
	position:relative;
	text-align:left;
	width:950px;
}

/* HEADER */

#header {
	background-position:bottom center;
	background-repeat:no-repeat;
	height:475px;
	overflow:hidden;
	position:relative;
	width:950px;
}
body#page-home #header {background-image:url(../images/header-bg-home.jpg);}
body#page-photos #header {background-image:url(../images/header-bg-photos.jpg);}
body#page-candids #header {background-image:url(../images/header-bg-candids.jpg);}
body#page-video #header {background-image:url(../images/header-bg-video.jpg);}
body#page-webcam #header {background-image:url(../images/header-bg-webcam.jpg);}
body#page-diary #header {background-image:url(../images/header-bg-diary.jpg);}
body#page-join #header {background-image:url(../images/header-bg-join.jpg);}
body#page-login #header {background-image:url(../images/header-bg-login.jpg);}

body#page-template #header {
	height:200px;
	margin-bottom:10px;
	width:950px;
}

/* HEADER: Logo */

h1#logo {
	background:url(../images/logo-header.png) top center no-repeat;
	behavior:url(iepngfix.htc);
	height:170px;
	left:0;
	position:absolute;
	text-indent:-9999px;
	top:0;
	width:950px;
	z-index:10;
}

/* HEADER: Intro */

#intro {
	background:url(../images/intro-bg.png) top left no-repeat;
	behavior:url(iepngfix.htc);
	height:285px;
	position:absolute;
	right:10px;
	top:105px;
	width:310px;
	z-index:20;
}
body#page-join #intro {
	background:url(../images/intro-bg-join.png) top left no-repeat;
	width:450px;
}
#intro h2 {
	background:#eee;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	color:#ed70a6;
	font-size:48px;
	font-weight:bold;
	height:60px;
	letter-spacing:-2px;
	line-height:60px;
	margin:10px 10px 10px 20px;
	text-indent:10px;
}
#intro p {
	line-height:18px;
	margin:10px 10px 0 20px;
}

/* HEADER: Navigation */

ul#site-nav {
	background:url(../images/site-nav.png) top center no-repeat;
	height:110px;
	margin:10px 0;
	overflow:hidden;
	width:950px;
}
ul#site-nav li {
	float:left;
	height:110px;
	margin-right:10px;
	width:110px;
}
ul#site-nav li#nav-login {
	margin-right:0;
}
ul#site-nav li a {
	background-image:url(../images/site-nav.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:110px;
	text-indent:-9999px;
	width:110px;
}
ul#site-nav li#nav-home a {background-position:0 0;}
ul#site-nav li#nav-photos a {background-position:-120px 0;}
ul#site-nav li#nav-candids a {background-position:-240px 0;}
ul#site-nav li#nav-video a {background-position:-360px 0;}
ul#site-nav li#nav-webcam a {background-position:-480px 0;}
ul#site-nav li#nav-diary a {background-position:-600px 0;}
ul#site-nav li#nav-join a {background-position:-720px 0;}
ul#site-nav li#nav-login a {background-position:-840px 0;}

ul#site-nav li#nav-home a.selected {background-position:0 -220px;}
ul#site-nav li#nav-photos a.selected {background-position:-120px -220px;}
ul#site-nav li#nav-candids a.selected {background-position:-240px -220px;}
ul#site-nav li#nav-video a.selected {background-position:-360px -220px;}
ul#site-nav li#nav-webcam a.selected {background-position:-480px -220px;}
ul#site-nav li#nav-diary a.selected {background-position:-600px -220px;}
ul#site-nav li#nav-join a.selected {background-position:-720px -220px;}
ul#site-nav li#nav-login a.selected {background-position:-840px -220px;}

ul#site-nav li#nav-home a:hover, 
ul#site-nav li#nav-home a.selected:hover {background-position:0 -110px;}
ul#site-nav li#nav-photos a:hover, 
ul#site-nav li#nav-photos a.selected:hover {background-position:-120px -110px;}
ul#site-nav li#nav-candids a:hover, 
ul#site-nav li#nav-candids a.selected:hover {background-position:-240px -110px;}
ul#site-nav li#nav-video a:hover, 
ul#site-nav li#nav-video a.selected:hover {background-position:-360px -110px;}
ul#site-nav li#nav-webcam a:hover, 
ul#site-nav li#nav-webcam a.selected:hover {background-position:-480px -110px;}
ul#site-nav li#nav-diary a:hover, 
ul#site-nav li#nav-diary a.selected:hover {background-position:-600px -110px;}
ul#site-nav li#nav-join a:hover, 
ul#site-nav li#nav-join a.selected:hover {background-position:-720px -110px;}
ul#site-nav li#nav-login a:hover, 
ul#site-nav li#nav-login a.selected:hover {background-position:-840px -110px;}

/* HEADER: Members Navigation */

ul#members-nav {
	background:url(../images/members-nav-bg.png) top center no-repeat;
	height:20px;
	margin-bottom:10px;
	padding:10px 0;
	width:950px;
}
ul#members-nav li {
	background:url(../images/divider-small.png) right repeat-y;
	display:inline;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	padding:0 20px;
}
ul#members-nav li a {
	color:#ed70a6;
}
ul#members-nav li a:hover {
	color:#e63f85;
}

/* CONTENT: Layout */

#content {
	overflow:hidden;
	position:relative;
	width:950px;
}
.container {
	margin-bottom:10px;
}
.container .head {
	background:url(../images/container-head.png) top center no-repeat;
	height:20px;
	width:950px;
}
.container .mid {
	background:url(../images/container-mid.png) top center repeat-y;
	min-height:400px;
	padding:10px;
	width:930px;
}
.container .foot {
	background:url(../images/container-foot.png) top center no-repeat;
	height:20px;
	width:950px;
}
body#page-home .container {
	margin-bottom:0;
}
body#page-home .container .head {
	background:url(../images/container-head-small.png) top center no-repeat;
	height:20px;
	width:630px;
}
body#page-home .container .mid {
	background:url(../images/container-mid-small.png) top center repeat-y;
	height:270px;
	padding:0;
	width:630px;
}
body#page-home .container .foot {
	background:url(../images/container-foot-small.png) top center no-repeat;
	height:20px;
	width:630px;
}

/* CONTENT: Headings */

.container h4 {
	background-position:top center;
	background-repeat:no-repeat;
	height:110px;
	text-indent:-9999px;
	width:950px;
}
h4#h-photo-updates {background-image:url(../images/h-photo-updates.png);}
h4#h-candid-photos {background-image:url(../images/h-candid-photos.png);}
h4#h-candid-videos {background-image:url(../images/h-candid-videos.png);}
h4#h-video-updates {background-image:url(../images/h-video-updates.png);}
h4#h-webcam-updates {background-image:url(../images/h-webcam-updates.png);}

.container h4#page-title {
	background:url(../images/h-bg.png) top center no-repeat;
	color:#ebebeb;
	font-size:60px;
	font-weight:bold;
	height:110px;
	letter-spacing:-2px;
	line-height:110px;
	text-indent:150px;
	width:950px;
}

/* CONTENT: Latest Photo Updates */

#latest-photo-updates {
	height:310px;
	margin-bottom:10px;
	overflow:hidden;
	width:950px;
}
#latest-photo-updates img.updates-img {
	display:block;
	float:left;
	height:310px;
	width:310px;
}
#latest-photo-updates .container {
	float:right;
	height:310px;
	position:relative;
	width:630px;
}
#latest-photo-updates a.link-ribbon {
	background:url(../images/link-ribbon-photos.png) top left no-repeat;
	behavior:url(iepngfix.htc);
	height:123px;
	position:absolute;
	right:-1px;
	text-indent:-9999px;
	top:-1px;
	width:123px;
}
#latest-photo-updates .thumbs .update {
	overflow:hidden;
}
#latest-photo-updates .thumbs .update {
	float:left;
	padding-left:30px;
}
#latest-photo-updates .thumbs {
	color:#aaa;
	font-size:11px;
	font-weight:bold;
	padding-top:20px;
	text-align:center;
}
#latest-photo-updates .thumbs img {
	background:#ececec;
	border-bottom:1px solid #bdbdbd;
	border-left:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
	display:block;
	padding:5px;
}
#latest-photo-updates .thumbs img:hover {
	background:#ececec;
	border-bottom:1px solid #848484;
	border-left:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
}

/* CONTENT: Latest Video Updates */

#latest-video-updates {
	height:310px;
	margin-bottom:10px;
	overflow:hidden;
	width:950px;
}
#latest-video-updates img.updates-img {
	display:block;
	float:right;
	height:310px;
	width:310px;
}
#latest-video-updates .container {
	float:left;
	height:310px;
	position:relative;
	width:630px;
}
#latest-video-updates a.link-ribbon {
	background:url(../images/link-ribbon-videos.png) top left no-repeat;
	behavior:url(iepngfix.htc);
	height:123px;
	left:-1px;
	position:absolute;
	text-indent:-9999px;
	top:-1px;
	width:123px;
}
#latest-video-updates .thumbs {
	overflow:hidden;
}
#latest-video-updates .thumbs .update {
	float:right;
	padding-right:50px;
}
#latest-video-updates .thumbs {
	color:#aaa;
	font-size:11px;
	font-weight:bold;
	padding-top:50px;
	text-align:center;
}
#latest-video-updates .thumbs img {
	background:#ececec;
	border-bottom:1px solid #bdbdbd;
	border-left:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
	display:block;
	padding:5px;
}
#latest-video-updates .thumbs img:hover {
	background:#ececec;
	border-bottom:1px solid #848484;
	border-left:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
}

/* CONTENT: Text and Images */

img#photo-collage {
	margin-bottom:10px;
}
h3#text-home {
	background:url(../images/text-home.png) top center no-repeat;
	height:110px;
	text-indent:-9999px;
	width:950px;
}
img.img-large {
	display:block;
	height:310px;
	margin-bottom:10px;
	width:950px;
}
body#page-webcam .img-large {
	background:url(../images/img-large-webcam.png) top center no-repeat;
	behavior:url(iepngfix.htc);
	height:375px;
	position:relative;
	width:930px;
}
.img-large p#webcam-info {
	left:500px;
	height:85px;
	line-height:18px;
	position:absolute;
	top:235px;
	width:270px;
}
.img-large p#webcam-link {
	color:#aaa;
	font-size:24px;
	height:28px;
	letter-spacing:-0.5px;
	position:absolute;
	right:0;
	top:335px;
	width:777px;
}
.img-large p#webcam-link a {
	font-weight:bold;
}
.img-large p#webcam-link a:hover {
	color:#5f8e0c;
}
body#page-diary .img-large {
	background:url(../images/img-large-diary.png) top center no-repeat;
	behavior:url(iepngfix.htc);
	height:375px;
	position:relative;
	width:930px;
}
.img-large p#diary-info {
	left:640px;
	height:85px;
	line-height:18px;
	position:absolute;
	top:275px;
	width:265px;
}
body#page-join #photo-collage {
	background:url(../images/photos-join.jpg) top center no-repeat;
	height:310px;
	width:950px;
}

/* CONTENT: Browse Updates */

.browse-updates .thumbs {
	color:#aaa;
	font-size:11px;
	font-weight:bold;
	margin:0 -50px 0 0;
	overflow:hidden;
	padding-left:20px;
	text-align:center;
	width:990px;
}
.browse-updates .thumbs .update {
	float:left;
	margin:0 10px 10px 0;
}
.browse-updates .thumbs img {
	background:#ececec;
	border-bottom:1px solid #bdbdbd;
	border-left:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
	display:block;
	padding:5px;
}
.browse-updates .thumbs img:hover {
	background:#ececec;
	border-bottom:1px solid #848484;
	border-left:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
}

/* CONTENT: Pagination */

.pagination {
	padding:20px 0;
	height:24px;
	text-align:right;
	width:828px;
}
.pagination a {
	background:#f0f0f0;
	border:1px solid #dfdfdf;
	color:#777;
	line-height:24px;
	margin:0 2px;
	padding:3px 6px;
	text-decoration:none;
}
.pagination a:hover, 
.pagination a.selected {
	background:#dfdfdf;
	border:1px solid #5f8e0c;
	color:#333;
}

/* CONTENT: Bottom Nav */

#bottom-links {
	background:url(../images/divider.png) top center no-repeat;
	height:110px;
	overflow:hidden;
	width:950px;
}
body#page-diary #bottom-links {
	background:none;
}
a#link-join {
	background:url(../images/bottom-nav-join.png) top left no-repeat;
	behavior:url(iepngfix.htc);
	display:block;
	float:left;
	height:110px;
	text-indent:-9999px;
	width:469px;
}
body#page-diary a#link-join {
	float:none;
	margin:0 auto;
}
a#link-continue {
	background-position:top right;
	background-repeat:no-repeat;
	behavior:url(iepngfix.htc);
	display:block;
	float:right;
	height:110px;
	text-indent:-9999px;
	width:469px;
}
body#page-home a#link-continue {background-image:url(../images/bottom-nav-home.png);}
body#page-photos a#link-continue {background-image:url(../images/bottom-nav-photos.png);}
body#page-candids a#link-continue {background-image:url(../images/bottom-nav-candids.png);}
body#page-video a#link-continue {background-image:url(../images/bottom-nav-video.png);}
body#page-webcam a#link-continue {background-image:url(../images/bottom-nav-webcam.png);}

a#link-join:hover, 
a#link-continue:hover {
	background-position:bottom left;
}

/* CONTENT: Members' Benefits */

body#page-join #intro ul {
	margin-left:30px;
}
body#page-join #intro ul li {
	background:url(../images/bullet-star.png) left no-repeat;
	font-size:18px;
	letter-spacing:-0.5px;
	margin:8px;
	padding-left:25px;
}

/* CONTENT: CCBill button */

a#link-ccbill {
	background:url(../images/link-ccbill.png) top center no-repeat;
	display:block;
	height:150px;
	margin:0 auto;
	text-indent:-9999px;
	width:310px;
}
a#link-ccbill:hover {
	background-position:bottom center;
}

/* FOOTER */

#footer {
	height:280px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	text-align:left;
	text-shadow:1px 1px #40001d;
	width:980px;
}
body#page-template #footer {
	background:url(../images/black-overlay.png) top left no-repeat;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	color:#e63f85;
	font-size:10px;
	height:auto;
	margin:20px auto;
	padding:10px;
	text-align:center;
	width:500px;
}
#footer a {
	color:#e1e1e1;
	font-weight:bold;
}
#footer a:hover {
	color:#fff;
}
#footer-nav {
	background:url(../images/black-overlay.png) top left no-repeat;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	left:0;
	overflow:hidden;
	padding:10px;
	position:absolute;
	top:20px;
	width:275px;
}
#footer-nav ul.col {
	float:left;
	overflow:hidden;
	width:130px;
}
#footer-nav ul.col li {
	background:url(../images/bullet-heart.png) left no-repeat;
	behavior:url(iepngfix.htc);
	font-size:16px;
	letter-spacing:-0.5px;
	margin-bottom:5px;
	padding:0 5px 0 20px;
}
#footer-info {
	background:url(../images/black-overlay.png) top left no-repeat;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	color:#e63f85;
	font-size:10px;
	padding:10px;
	position:absolute;
	right:0;
	top:20px;
	width:275px;
}
#footer-info a {
	font-size:12px;
	line-height:18px;
}
#footer-logo {
	background:url(../images/logo-footer.png) top center no-repeat;
	behavior:url(iepngfix.htc);
	height:150px;
	left:315px;
	position:absolute;
	text-indent:-9999px;
	top:30px;
	width:352px;
	z-index:10;
}