@import url(global.css);
@import url(nav.css);

/* HOME */

.home #page {
	background-image: url('../_img/home-page-bg.jpg');
}

.home #main {
	margin: 75px 0 0 auto;
	width: 342px;
	height: 502px;
}

.home h2 {
	margin-bottom: 14px;
}

.home .player {
	margin-bottom: 15px;
}

.home #updates {
	height: 130px;
	padding: 0 5px;
	overflow: auto;
}

.home dt {
	padding: .2em  0 .5em;
	font-weight: bold;
	border-top: 1px dotted #d30567;
}

.home dd {
	margin-bottom: 15px;
}

/* ABOUT */

.about #page {
	background-image: url('../_img/about-page-bg.jpg');
}

.about #main {
	position: relative;
	width: 475px;
	height: 475px;
	margin-top: 120px;
}

.about #subnav {
	width: 200px;
	margin-bottom: 35px;
}

.about #main #bio,
.about #main #resume,
.about #main #links {
	position: relative;
	padding-right: 10px;
	height: 426px;
	overflow: auto;
}

.about #main #resume {
	padding-right: 0;
}

/* ABOUT - Resume */

.about .dl {
	float: right;
	margin-right: 60px;
	margin-left: 50px;
}

#resume h3 {
	margin-bottom: .75em;
	padding-bottom: .75em;
	font-size: .9em;
	font-weight: normal;
	text-transform: uppercase;
	color: #eb197c;
	border-bottom: 1px dotted #d30567;
}

#resume table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
}

#resume td {
	width: 33%;
	padding: .25em 10px .25em 0;
	vertical-align: top;
	font-size: .9em;
}

#resume ul {
	margin-bottom: 1em;
}

#resume ul li {
	margin-bottom: 4px;
}

/* ABOUT - Links */

#links ul {
	width: 300px;
}

#links li {
	line-height: 2.5em;
	border-bottom: 1px dotted #d30567;
}

#links li.last {
	border-bottom-width: 0;
}

#links a {
	color: #b0b0b0;
}

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

/* GALLERY */

.gallery #page {
	background-image: url('../_img/gallery-page-bg.jpg');
}

.gallery #main {
	width: 900px;
	height: 550px;
	margin-top: 120px;
	padding-top: 30px;
}

.gallery #photo {
	position: relative;
	display: inline;
	float: right;
	margin-right: 34px;
}

.gallery #photo .slide {
    display: table-cell;
    vertical-align: middle;
	width: 540px;
	height: 540px;
}

.gallery #photo img {
	display: block;
	margin: 0 auto;
	border: 3px solid #fff;
}

.gallery #photo ol a {
	position: absolute;
	top: 258px;
	display: block;
	width: 24px;
	height: 0;
	font-size: 1em;
	padding-top: 35px;
	text-indent: -2000px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.gallery #photo ol .prev a {
	left: -34px;
	background-image: url('../_img/gallery-a-prev-bg.png');
}

.gallery #photo ol .next a {
	right: -35px;
	background-image: url('../_img/gallery-a-next-bg.png');
}

.gallery #photo ol a:hover {
	background-position: 0 -35px;
}

.gallery h2 {
	margin: 35px 0 20px 0;
}

.gallery #thumbs img {
	display: block;
}

.gallery #thumbs {
	position: relative;
	width: 260px;
	height: 350px;
	overflow: hidden;
}

.gallery #thumbs a {
	float: left;
	margin: 0 4px 4px 0;
	border: 3px solid #111;
}

.gallery #thumbs a:hover,
.gallery #thumbs .selected a {
	border-color: #fff;
}

.gallery .pagination {
	position: absolute;
	bottom: 0;
	left: 0;
	clear: both;
	margin-top: 20px;
}

.gallery #thumbs .pagination a, .gallery .pagination strong {
	float: left;
	line-height: 1em;
	padding: 0 .5em;
	border-width: 0;
	font-weight: normal;
	border-right: 1px solid #b0b0b0;
}

.gallery #thumbs .pagination a.last, .gallery .pagination strong.last {
	border-right-width: 0;
}

/* NEWS */

.news #page {
	background-image: url('../_img/news-page-bg.jpg');
}

.news #main {
	width: 345px;
	height: 520px;
	margin-top: 120px;
}

.news h2 {
	margin: 35px 0 20px 0;
}

.news h3 {
	font-size: 1em;
	margin: .25em 0 .5em;
}

#news_listing {
	height: 425px;
	padding-right: 5px;
	overflow: auto;
}

#news_listing li {
	border-top: 1px dotted #d30567;
}

#news_listing li img {
	display: block;
	margin-bottom: 1em;
}

/* VIDEO */

.videos #page {
	background-image: url('../_img/video-page-bg.jpg');
}

.videos #main {
	width: 900px;
	height: 530px;
	margin-top: 120px;
	padding-top: 30px;
}

.videos h2 {
	margin-bottom: .5em;
}

.videos #video {
	float: left;
	width: 475px;
}

.videos #video .player {
	margin-bottom: 25px;
}

.videos #video h3 {
	margin-bottom: .25em;
	font-size: 1em;
	color: #eb197c;
}

.videos #video p {
	line-height: 1.7em;
	font-size: .9em;
	text-transform: uppercase;
}

.videos #video_listing {
	float: left;
	width: 375px;
	height: 375px;
	padding-right: 5px;
	overflow: auto;
}

.videos #video_listing .vid {
	padding: 20px 0;
	overflow: hidden;
	font-size: .9em;
	border-bottom: 1px dotted #d30567;
}

.videos #video_listing .last {
	border-bottom-width: 0;
}

.videos #video_listing img {
	float: left;
	margin-right: 10px;
	border: 3px solid #fff;
}

.videos #video_listing a:hover {
	color: #fff;
}

.videos #video_listing ul {
	float: left;
}

.videos #video_listing ol img {
	float: left;
	margin-right: 10px;
	border: 3px solid #fff;
}

.videos #video_listing .type {
	margin-bottom: .5em;
	text-transform: uppercase;
	font-size: .8em;
}

/* STORE */

/*nothing yet!*/

/* CONTACT */

.contact #page {
	background-image: url('../_img/contact-page-bg.jpg');
}

.contact #main {
	margin: 80px 30px 0 auto;
	padding: 15px 25px 25px;
	width: 285px;
}

.contact #main .section {
	padding: 10px 0;
	overflow: hidden;
	border-bottom: 1px dotted #d30567;
}

.contact #main .last {
	border-bottom-width: 0;
}

.contact #main a {
	color: #b0b0b0;
}

.contact #main a:hover {
	color: #eb197c;
}

.contact #main form {
	margin-bottom: 10px;
}

.contact #main_sign_up {
	width: 196px;
	margin: 0 5px 0 0;
	padding: 1px 3px;
	border: 1px solid #ffd;
	font: 1em/1em "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	color: #eb197c;
}

.contact #main li {
	float: left;
}

.contact #main li a {
	float: left;
	width: 80px;
	height: 0;
	font-size: 1em;
	margin: 5px 8px 0 0;
	padding-top: 19px;
	text-indent: -2000px;
	overflow: hidden;
}

.contact #main .twitter a {
	background: url('../_img/contact-a-twitter.png') no-repeat;
}

.contact #main .facebook a {
	background: url('../_img/contact-a-facebook.png') no-repeat;
}

.contact #main .myspace a {
	background: url('../_img/contact-a-myspace.png') no-repeat;
}