/*************************************************************************/
/****************************** global ***********************************/

html, body{
	margin:0;
	padding:0;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#E4E4E4;
	background:#000000;
	behavior: url("/assets/csshover.htc"); /* IE hover support */
}
#outer{
	width:100%;
}
#container{
	width:960px;
	margin:0 auto;
}

/*************************************************************************/
/***************************** SLU logos *********************************/

a.logo-green, a.logo-orange, a.logo-yellow, a.logo-beige{
	width:210px;
	height:70px;
	float:left;
	display:block;
	background:transparent url(/images/logo-green.png) no-repeat;
}
a.logo-orange{
	background:transparent url(/images/logo-orange.png) no-repeat;
}
a.logo-yellow{
	background:transparent url(/images/logo-yellow.png) no-repeat;
}
a.logo-beige{
	background:transparent url(/images/logo-beige.png) no-repeat;
}

/*************************************************************************/
/**************************** copy styles ********************************/

p{
	padding:0;
	margin-top:0;
	margin-bottom:18px;
}
h1, h2, h3{
	margin:0 0 18px 0;
	font-size:21px;
}
h2{
	text-shadow:0px -2px 1px #222222;
}
h3{
	font-size:16px;
	color:#DEDDAB;
	border-bottom:1px solid #727272;
}
blockquote{
	margin:0 20px 20px 20px;
	padding:20px 20px 5px 20px;
	background:#2F2F2F;
	border:1px solid #3C3C3C;
	font-size:14px;
}
ul{
	margin-top:0;
	margin-bottom:18px;
	list-style:url(/images/li-bullet.png);
}
.floatLeft{
	float:left;
	margin:2px 15px 10px 0;
}
.floatRight{
	float:right;
	margin:2px 0 10px 15px;
}

/*************************************************************************/
/***************************** header nav ********************************/

#header, #header-blog{ /* #header name conflicts with wordpress - just a name change */
	width:960px;
	height:70px;
	background:transparent url(/images/bg-header.png) no-repeat;
}
.nav{
	padding:25px 25px 0 0;
	float:right;
	font-size:13px;
}
.nav a{
	padding-left:15px;
}

/*************************************************************************/
/******************************* HOME ************************************/

#outer.home{
	background:url(/images/bodyBg-home.jpg) no-repeat top center fixed;
}
#hero{
	width:960px;
	height:375px;
	margin-top:40px;
	background:transparent url(/images/home-hero.png) no-repeat;
}
a.hero-lifestyle{
	width:230px;
	height:50px;
	position:relative;
	top:205px;
	left:180px;
	display:block;
	background:transparent url(/images/btn-hero-lifestyle.png) no-repeat 0 0;
}
a.hero-lifestyle:hover{
	background-position:0 -50px;
}
a.hero-sports{
	width:230px;
	height:50px;
	position:relative;
	top:155px;
	left:570px;
	display:block;
	background:transparent url(/images/btn-hero-sports.png) no-repeat 0 0;
}
a.hero-sports:hover{
	background-position:0 -50px;
}

/*************************************************************************/
/**************** LIFESTYLE MODELS / SPORTS TALENT / KIDS ****************/

/*************/
/* lifestyle */
#outer.lifestyle{
	background:url(/images/bodyBg-lifestyle.jpg) no-repeat top center fixed;
}
#title-lifestyle{
	width:910px;
	height:30px;
	padding:7px 25px 0 25px;
	background:transparent url(/images/bg-title-lifestyle.png) no-repeat;
}
#title-lifestyle h1{
	padding-top:3px;
	color:#496900;
}
a.login-lifestyle{
	width:128px;
	height:24px;
	float:right;
	background:transparent url(/images/btn-login-lifestyle.png) no-repeat top;
}
a.login-lifestyle:hover{
	background-position:0 -24px;
}

/*************/
/*  sports   */
#outer.sports{
	background:url(/images/bodyBg-sports.jpg) no-repeat top center fixed;
}
#title-sports{
	width:910px;
	height:30px;
	padding:7px 25px 0 25px;
	background:transparent url(/images/bg-title-sports.png) no-repeat;
}
#title-sports h1{
	padding-top:3px;
	color:#805500;
}
a.login-sports{
	width:128px;
	height:24px;
	float:right;
	background:transparent url(/images/btn-login-sports.png) no-repeat top;
}
a.login-sports:hover{
	background-position:0 -24px;
}

/*************/
/*   kids    */
#outer.kids{
	background:url(/images/bodyBg-kids.jpg) no-repeat top center fixed;
}
#title-kids{
	width:910px;
	height:30px;
	padding:7px 25px 0 25px;
	background:transparent url(/images/bg-title-kids.png) no-repeat;
}
#title-kids h1{
	padding-top:3px;
	color:#636100;
}
a.login-kids{
	width:128px;
	height:24px;
	float:right;
	background:transparent url(/images/btn-login-kids.png) no-repeat top;
}
a.login-kids:hover{
	background-position:0 -24px;
}

/*************/
/* both */
.login-prompt{
	margin-left:10px;
	font-weight:normal;
}
#main{
	margin:310px 0 45px 0;
	float:left;
}
#copy{
	width:910px;
	padding:25px;
	float:left;
	clear:both;
	
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;	
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;	
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	
	background:#262626 url(/images/bg-copy.png) repeat-x top;
}
.column1, .column2, .column3{
	width:285px;
	padding-right:25px;
	float:left;
}
.column3{
	padding:40px 0 0 0;
}
.column2 ul{
	margin:0 0 20px 0;
	padding-left:15px;
	padding-right:15px;
	float:left;
}

/*************************************************************************/
/*************************** teaser talent *******************************/


#teaserFrame{ /* container for iframes */
	width:960px;
	height:440px;
}
.filter-lifestyle, .filter-sports, .filter-kids{
	width:910px;
	height:28px;
	padding:6px 25px 0 25px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-shadow:0px -1px 1px #404040;
	background:transparent url(/images/bg-filter-lifestyle.png) no-repeat;
}
.filter-sports{
	background:transparent url(/images/bg-filter-sports.png) no-repeat;
}
.filter-kids{
	background:transparent url(/images/bg-filter-kids.png) no-repeat;
}
.filter-lifestyle table td, .filter-sports table td, .filter-kids table td{
	padding-right:12px;
}
.teaser{
	width:960px;
	height:430px;
	padding-bottom:15px;
	background:url(/images/bg-teaser.jpg) no-repeat;
}

/*************************************************************************/
/*************************** GENERAL PAGES *******************************/

#title{
	width:910px;
	height:30px;
	padding:7px 25px 0 25px;
	background:transparent url(/images/bg-title.png) no-repeat;
}
#title h1{
	padding-top:3px;
	color:#5F5F53;
}
.left{
	width:190px;
	float:left;
	font-size:14px;
	line-height:21px;
}
.left a{
	display:block;
}
.right{
	width:700px;
	float:right;
}
a.new-talent{
	width:250px;
	height:24px;
	display:block;
	margin:0 auto;
	background:transparent url(/images/btn-submission.png) no-repeat 0 0;
}
a.new-talent:hover{
	background-position:0 -24px;
}
.credit{
	width:220px;
	padding-right:12px;
	float:left;
}
.credit img{
	margin-bottom:15px;
}

/* form submit page */
#form-submit-message{
	width:350px;
	margin:40px auto 200px auto;
	padding:20px;
	background:#262626 url(/images/bg-copy.png) repeat-x top;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

/*************************************************************************/
/****************************** footer ***********************************/

#footer{
	width:960px;
	height:135px;
	padding-top:20px;
	clear:both;
	color:#717171;
	line-height:16px;
	background:transparent url(/images/bg-footer.png) no-repeat;
}
#footer h3{
	margin:0 0 8px 0;
	font-size:17px;
	color:#CBCBCB;
	border:none;
	text-shadow:0px -1px 1px #000000;
}
#footer p{
	margin:0 0 8px 0;
}
.bucket1, .bucket2, .bucket3, .bucket4{
	width:190px;
	height:110px;
	padding:0 23px 0 25px;
	float:left;
}

/* bucket 1 */
.bucket1 a.submissions{
	padding-left:20px;
	background:transparent url(/images/icon-star.png) no-repeat bottom left;
}

/* bucket 2 */
.bucket2 a.client-login{
	width:190px;
	height:30px;
	margin:12px 0 6px 0;
	display:block;
	background:transparent url(/images/footer-client-login.png) no-repeat top;
}
.bucket2 a.client-login:hover{
	background-position:0 -30px;
}
.bucket2 a.talent-login{
	width:190px;
	height:30px;
	display:block;
	background:transparent url(/images/footer-talent-login.png) no-repeat top;
}
.bucket2 a.talent-login:hover{
	background-position:0 -30px;
}

/* bucket 3 */
.bucket3 a.join-newsletter{
	width:190px;
	height:30px;
	display:block;
	background:transparent url(/images/footer-join-newsletter.png) no-repeat top;
}
.bucket3 a.join-newsletter:hover{
	background-position:0 -30px;
}


/* bucket 4 */
.bucket4 p{
	color:#CBCBCB;
}
.bucket4 a.youtube, .bucket4 a.blog, .bucket4 a.facebook, .bucket4 a.linkedin{
	width:70px;
	margin-bottom:4px;
	padding-left:22px;
	float:left;
	display:block;
	font-size:11px;
	font-weight:bold;
}
.bucket4 a.youtube{
	clear:both;
	background:transparent url(/images/icon-youtube.png) no-repeat bottom left;
}
.bucket4 a.blog{
	background:transparent url(/images/icon-blog.png) no-repeat bottom left;
}
.bucket4 a.facebook{
	background:transparent url(/images/icon-facebook.png) no-repeat bottom left;
}
.bucket4 a.linkedin{
	background:transparent url(/images/icon-linkedin.png) no-repeat bottom left;
}

/* newsletter signup */
form.newsletter{
	margin:0;
	padding:0;
}
form.newsletter input{
	width:250px;
	height:26px;
	margin:0 0 5px 0;
	padding-left:5px;
	float:left;
	border:1px solid #212121;
	outline:none;
	background:#3A3A3A;
	color:#A9A9A9;
	line-height:26px;
	vertical-align:middle;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
form.newsletter .submit{
	width:auto;
	height:auto;
	padding:0;
	border:none;
}

/* credits */
.credits{
	width:230px;
	height:25px;
	margin:0 auto;
	clear:both;
}
a.photo-credits{
	width:90px;
	height:22px;
	float:left;
}
a.development{
	width:85px;
	height:22px;
	float:left;
}
a.design{
	width:55px;
	height:22px;
	float:left;
}

/*************************************************************************/
/**************************** form styles ********************************/

select{
	font-size:11px;
	background:#FFFFFF;
}
select.multiple{
	height:50px;
}

/* request talent */
#request-talent select, #request-talent input, #request-talent textarea{
	width:250px;
	border:1px solid #727272;
}
#request-talent input{
	height:20px;
}



/*************************************************************************/
/***************************** linkage ***********************************/

/* default */
a:link, a:visited, a:active {color:#E4E4E4; text-decoration:underline;}
a:hover {color:#DEDDAB; text-decoration:underline;}

/* nav */
.nav a:link, .nav a:visited, .nav a:active {color:#FFFFFF; text-decoration:none;}

.nav a.lifestyle:hover, .nav a.lifestyleOn{color:#89C900;}
.nav a.sports:hover,    .nav a.sportsOn{color:#FFA900;}
.nav a.kids:hover,    	.nav a.kidsOn{color:#D8D500;}
.nav a.blog:hover,      .nav a.blogOn{color:#DEDDAB;}
.nav a.about:hover,     .nav a.aboutOn{color:#DEDDAB;}
.nav a.request:hover,   .nav a.requestOn{color:#DEDDAB;}

/* subnav */
.left a:link, .left a:visited, .left a:active {color:#E4E4E4; text-decoration:none;}
.left a:hover, .left a.on {color:#DEDDAB;}

/* blog */
.left-blog a:link, .left-blog a:visited, .left-blog a:active {color:#E4E4E4; text-decoration:none;}
.left-blog a:hover, .left-blog a.on {color:#DEDDAB;}

.right-blog h3 a:link, .right-blog h3 a:visited, .right-blog h3 a:active {color:#DEDDAB; text-decoration:none;}
.right-blog h3 a:hover {color:#E4E4E4; text-decoration:underline;}

/* footer */
#footer a:link, #footer a:visited, #footer a:active {color:#CBCBCB; text-decoration:none;}
#footer a:hover{color:#DEDDAB;}

#footer h3 a:link, #footer h3 a:visited, #footer h3 a:active {color:#CBCBCB; text-decoration:none;}
#footer h3 a:hover{color:#DEDDAB;}

/*************************************************************************/
/*************************** IE6 PNG support *****************************/

img, div, a, input{behavior: url(/assets/iepngfix.htc);}