@charset "utf-8";

/*

Contents:

1. 
2. 
3. 
4. 
5. 
6. 
7. 
8. 

*/

/* BODY */

body {
	background-color:#fff;
	color:#333;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	text-align:center;
}
body#bg-1 {
	background:#fff url(../images/background.php) top center no-repeat;
}
body#bg-2 {
	background:#fff url(../images/bg-body-2.jpg) top center no-repeat;
}
body#bg-3 {
	background:#fff url(../images/bg-body-3.jpg) top center no-repeat;
}
body#bg-wam {
	background:#fff url(../images/bg-body-wam.jpg) top center no-repeat;
}

a {
	color:#fff;
	text-decoration:none;
}


a:hover {
	color:#ceedf3;
	text-decoration:none;
}

/* LAYOUT */

#page {
	margin:0 auto;
	text-align:center;
	padding-left:300px;
	width:700px;
}



/* HEADER: Blog Link */

#page {
   position:relative;
}
a#blog-link {
   background:url(../images/blog-link-pink-heart.gif) top right no-repeat;
   /*background:url(../images/blog-link-blue-heart.gif) top right no-repeat;*/
   /*background:url(../images/blog-link-pink-star.gif) top right no-repeat;*/
   /*background:url(../images/blog-link-blue-star.gif) top right no-repeat;*/
   display:block;
   height:152px;
   left:300px;
   position:absolute;
   text-decoration:none;
   text-indent:-9999px;
   top:20px;
   width:175px;

}



/* HEADER: Top Line */

#top {
	background:url(../images/bg-top.jpg) top left repeat-x;
	height:49px;
}
#top-line {
	background:url(../images/bg-header.jpg) top center no-repeat;
	color:#fff;
	height:49px;
	margin:0 auto;
	text-align:left;
	width:1000px;
}
#top-line p {
	margin:0;
	padding-top:16px;
	text-indent:15px;
}
#top-line a {
	color:#fff;
	text-decoration:none;
}
#top-line a:hover {
	color:#ceedf3;
	text-decoration:none;
}

/* HEADER: Logo */

h1#logo {
	background:url(../images/logo.png) top right no-repeat;
	behavior:url(iepngfix.htc);
	height:175px;
	text-indent:-9999px;
	width:700px;
}

/* HEADER: Menu */

ul#menu {
	height:51px;
	list-style:none;
	margin:0 0 0 18px;
	overflow:hidden;
	padding:0;
	width:682px;
}
ul#menu li {
	float:left;
	height:51px;
	margin:0;
	padding:0;
}
ul#menu li a {
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:51px;
	text-indent:-9999px;
}
ul#menu li a:hover, 
ul#menu li a#selected {
	background-position:bottom left;
}
li#menu-home a { background-image:url(../images/menu-home.gif); width:105px; }
li#menu-bio a { background-image:url(../images/menu-bio.gif); width:75px; }
li#menu-photo a { background-image:url(../images/menu-photos.gif); width:125px; }
li#menu-video a { background-image:url(../images/menu-videos.gif); width:125px; }
li#menu-webcam a { background-image:url(../images/menu-webcam.gif); width:155px; }
li#menu-join a { background-image:url(../images/menu-join.gif); width:97px; }

/* CONTENT */

#content {
	margin:20px 0 10px;
	overflow:hidden;
	text-align:left;
	width:700px;
}

/* CONTENT: Left Sidebar */

#side-left {
	float:left;
	width:243px;
}

/* CONTENT: Right Sidebar */

#side-right {
	float:right;
	width:448px;
}

/* CONTENT: Home Page Specific */

#side-updates {
	background:url(../images/h-updates.png) top left no-repeat;
	behavior:url(iepngfix.htc);
	padding-top:52px;
	width:243px;
}
.update {
	behavior:url(iepngfix.htc);
	height:210px;
	margin-bottom:5px;
	padding:10px 10px 10px 29px;
	text-align:center;
	width:204px;
}
#side-updates .update#photo { background:url(../images/bg-update-photo.png) top left no-repeat; }
#side-updates .update#video { background:url(../images/bg-update-video.png) top left no-repeat; }
#side-updates .update#webcam { background:url(../images/bg-update-webcam.png) top left no-repeat; }
.update .date {
	color:#fff;
	font-size:10px;
	font-weight:bold;
	padding-top:5px;
	text-align:right;
}
.update .thumb {
	height:154px;
	margin:15px auto 6px;
	position:relative;
	width:204px;
}
.update .thumb img {
	display:block;
	height:150px;
	margin:2px;
	width:200px;
}
.update .thumb .overlay {
	background:url(../images/overlay-200x150.png) top left no-repeat;
	behavior:url(iepngfix.htc);
	height:154px;
	left:0;
	position:absolute;
	top:0;
	width:204px;
	z-index:2;
}
.update a.title {
	background:#fff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#21a5c0;
	font-size:11px;
	font-weight:bold;
	padding:1px 5px;
	text-align:center;
}
#side-nav {
	margin-left:19px;
	width:224px;
}
#side-nav a {
	display:block;
	height:55px;
	text-indent:-9999px;
	width:224px;
}
#side-nav #sn-store { background:url(../images/link-zipstore.png) top left no-repeat; }
#side-nav #sn-members { background:url(../images/link-members.png) top left no-repeat; }
#side-nav #sn-joinme { background:url(../images/link-joinme.png) top left no-repeat; }
#side-nav #sn-support { background:url(../images/link-support.png) top left no-repeat; }
#side-nav #sn-tour { background:url(../images/link-tour.png) top left no-repeat; }
#side-nav a.first {
	border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
}
#side-nav a.last {
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
}
#trailer {
	background:url(../images/bg-trailer.png) top left no-repeat;
	behavior:url(iepngfix.htc);
	height:278px;
	position:relative;
	width:447px;
}
#player {
	height:258px;
	padding:10px;
	width:426px;
}
#trailer-corner {
	background:url(../images/corner-trailer.png) top left no-repeat;
	behavior:url(iepngfix.htc);
	height:63px;
	left:0;
	position:absolute;
	top:0;
	width:63px;
	z-index:2;
}
#tweets {
	background:url(../images/bg-tweets.png) top left no-repeat;
	behavior:url(iepngfix.htc);
	height:315px;
	margin-top:5px;
	padding:47px 13px 0 133px;
	width:301px;
}
.tweet {
	height:85px;
	margin-bottom:5px;
	padding:0 5px 5px 5px;
	width:291px;
}
p.tweet-text {
	font:12px "Courier New", Courier, monospace;
	height:75px;
	margin:0;
}
p.tweet-date {
	color:#fff;
	font-size:10px;
	font-weight:bold;
	margin:0;
}
a#tweet-link {
	background:#fff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#e15c91;
	font-size:11px;
	font-weight:bold;
	padding:1px 5px;
}
#benefits {
}
#benefits h3 {
	background:url(../images/h-benefits.png) top left no-repeat;
	behavior:url(iepngfix.htc);
	height:55px;
	margin:0;
	text-indent:-9999px;
	width:447px;
}
#benefits div {
	height:100px;
	text-indent:-9999px;
	width:447px;
}
#benefits #mb-forum { background:url(../images/benefit-forum.png) top left no-repeat; }
#benefits #mb-exclusive { background:url(../images/benefit-exclusive.png) top left no-repeat; }
#benefits #mb-zipstore { background:url(../images/benefit-zipstore.png) top left no-repeat; }
#benefits #mb-content { background:url(../images/benefit-content.png) top left no-repeat; }
#benefits #mb-discount { background:url(../images/benefit-discount.png) top left no-repeat; }
#benefits .first {
	border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
}
#benefits .last {
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
}

/* CONTENT: Preview Page Specific */

h2 {
	color:#ec6da0;
	font-size:60px;
	font-weight:bold;
	line-height:60px;
	margin:15px 0 10px 48px;
}
#updates {
	margin-right:-5px;
	padding-left:18px;
	overflow:hidden;
}
#updates .update { 
	background:url(../images/bg-update.png) top left no-repeat;
	behavior:url(iepngfix.htc);
	height:210px;
	float:left;
	margin:0 5px 5px 0;
	padding:10px;
	text-align:center;
	width:204px;
}
#updates .update .thumb {
	margin:10px auto 5px;
}
#updates .update .date {
	padding-top:10px;
}
p.quote {
	background:url(../images/bg-quote.png) top left no-repeat;
	behavior:url(iepngfix.htc);
	color:#21a5c0;
	font-size:24px;
	font-weight:bold;
	margin:10px 0 10px 20px;
	padding-left:70px;
}
#preview-gallery {
	margin-left:15px;
	overflow:hidden;
}
#preview-gallery div {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float:right;
	margin:0 0 5px 5px;
}
p.preview-row {
	clear:both;
	margin:0;
	overflow:hidden;
}
#preview-gallery #pg-one { background:url(../images/img-preview-1.jpg) top left no-repeat; height:500px; width:400px; }
#preview-gallery #pg-two { background:url(../images/img-preview-2.jpg) top left no-repeat; height:245px; margin-bottom:10px; width:275px; }
#preview-gallery #pg-three { background:url(../images/img-preview-3.jpg) top left no-repeat; height:245px; width:275px; }
#preview-gallery #pg-four { background:url(../images/img-preview-4.jpg) top left no-repeat; height:130px; margin-left:7px; width:130px; }
#preview-gallery #pg-five { background:url(../images/img-preview-5.jpg) top left no-repeat; height:130px; margin-left:7px; width:130px; }
#preview-gallery #pg-six { background:url(../images/img-preview-6.jpg) top left no-repeat; height:130px; margin-left:8px; width:130px; }
#preview-gallery #pg-seven { background:url(../images/img-preview-7.jpg) top left no-repeat; height:130px; margin-left:8px; width:130px; }
#preview-gallery #pg-eight { background:url(../images/img-preview-8.jpg) top left no-repeat; height:130px; width:130px; }
.tour-link {
	height:50px;
	margin:10px 0;
	text-align:right;
}
.tour-link a {
	background:#f7e48d;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#52c3da;
	font-size:36px;
	font-weight:bold;
	padding:5px 20px;
}
.tour-link a:hover {
	background:#52c3da;
	color:#f7e48d;
}

/* CONTENT: Join Page Specific */

h3#why-join {
	background:url(../images/h-whyjoin.png) top left no-repeat;
	behavior:url(iepngfix.htc);
	height:60px;
	margin:0;
	width:700px;
}
#join {
	background:url(../images/bg-whyjoin.png) top left no-repeat;
	behavior:url(iepngfix.htc);
	height:261px;
	overflow:hidden;
	padding:20px 0 0 30px;
	width:670px;
}
#join ul {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:310px;
}
#join ul li {
	margin:0 0 8px;
	padding:0;
}
#join ul li span {
	background:#21a5c0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	padding:2px 7px;
}
#join #forms {
	float:right;
	overflow:hidden;
	padding-right:10px;
	width:306px;
}
#join form {
	margin:0 0 10px;
	overflow:hidden;
	padding:0;
	width:306px;
}
input#button-card {
	background:url(../images/join-buttons-card.gif) top left no-repeat;
	border:none;
	cursor:pointer;
	display:block;
	height:88px;
	width:306px;
}
input#button-check {
	background:url(../images/join-buttons-check.gif) top left no-repeat;
	border:none;
	cursor:pointer;
	display:block;
	height:88px;
	width:306px;
}
input#button-card:hover {
	background:url(../images/join-buttons-card.gif) bottom left no-repeat;
}
input#button-check:hover {
	background:url(../images/join-buttons-check.gif) bottom left no-repeat;
}
#join-imgs {
	margin:20px 0 70px 20px;
	overflow:hidden;
}
#join-imgs div {
	border:2px solid #fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;
	float:right;
	height:350px;
	margin-left:2px;
	width:220px;
}
#join-imgs #ji-one { background:url(../images/img-join-1.jpg) top left no-repeat; }
#join-imgs #ji-two { background:url(../images/img-join-2.jpg) top left no-repeat; }
#join-imgs #ji-three { background:url(../images/img-join-3.jpg) top left no-repeat; }

/* CONTENT: Template Page Specific */

.template-content {
	background:#53C3DB;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#fff;
	margin-left:20px;
	min-height:700px;
	padding:10px 15px;
}
* html #template-content {
	height: 300px;
}

/* FOOTER: Bottom Line */

#bottom {
	background:url(../images/bg-bottom.jpg) top left repeat-x;
	height:51px;
}
#bottom-line {
	background:url(../images/bg-footer.jpg) top center no-repeat;
	color:#fff;
	height:51px;
	margin:0 auto;
	text-align:left;
	width:1000px;
}
#bottom-line p {
	margin:0;
	padding-top:20px;
	text-indent:330px;
}
#bottom-line a {
	color:#fff;
	text-decoration:none;
}
#bottom-line a:hover {
	color:#ceedf3;
	text-decoration:none;
}

/* MISC */

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