/* CSS Document */

	body {
		font-family: Trebuchet MS, Trebuchet, Arial, sans-serif;
		font-size: 100%; /* 16px */
		line-height: 1.125em; /* 16×1.125=18 */
		margin: 0;
		padding: 0;
		background: #fa1890 url(/images/site/body_bg.jpg) center top no-repeat fixed;
		color: #bdbfbf;
		}
	body.body_learn,
	body.body_member { background-color: #07b826; background-image: url(/images/site/body_bg_greenstripes.jpg); }
	body.body_terms-and-conditions,
	body.body_privacy-policy { background-color: #453b26; background-image: url(/images/site/body_bg_brownstripes.jpg); }
	body.body_community,
	body.weblog_blog { background-color: #26b5d3; background-image: url(/images/site/body_bg_bluestripes.jpg); }
	
	
  .clearfix:after {
  	visibility: hidden;
  	display: block;
  	font-size: 0;
  	content: " ";
  	clear: both;
  	height: 0;
  	}
  .clearfix { display: inline-table; }
  /* Hides from IE-mac \*/
  * html .clearfix { height: 1%; }
  .clearfix { display: block; }
  /* End hide from IE-mac */
	
	
	/* Font Sizes:
	36px: 2em
	24px: 1.5em
	20px: 1.25em
	16px: 1em
	14px: 0.875em
	13px: 0.8125em
	12px: 0.75em
	*/
	
	a, a:active, a:visited { color: #07b826; }
	a:hover { color: #fff; } 
	
	img { padding: 0; marging: 0; }
	img, a img { border: 0; text-decoration: none; }
	
	/* Titles */
	h1, h2, h3, h4, h5, h6 { text-align: left; color: #ec268f; }
	h1 { font-size: 2em; font-weight: normal; }
	h2 { font-size: 1.5em; line-height: 1.25em; color: #fff; }
	h3 { font-size: 1.25em; font-weight: bold; }
	h4 { font-size: 1em; }
	
	h2 a, h2 a:active, h2 a:visited { color: #ec268f; text-decoration: none; }
	h2 a:hover { text-decoration: underline; }
	
	/* Text base */
	p, li, td { font-size: 0.875em; line-height: 1.75em; text-align: left; }
	li li, li p, td p { font-size: 1em; }
	
	#page {
		margin: 0 auto;
		/* background: url(blueprint/lib/grid.png); */
		background: #000;
		}
	table, tr, td {
		border: 0;
		border-collapse: collapse;
		}
	fieldset {
	 padding: 0;
	 margin: 0;
	 border: 0;
	 }
		
/***** Header *****/
	
	/* Header */
	#header {
		height: 106px;
		}
	.splashpage #header {
		height: 35px;
		}
	#header h2 {
		background: url(/images/site/header_logo.png) no-repeat;
		height: 106px;
		width: 125px;
		float: left;
		margin: 0;
		padding: 0;
		}
	#header h2 em { display: none; }
	
	/* Member */
	#member {
		color: #808080;
		list-style: none;
		float: right;
		padding: 10px 15px 5px 0;
		height: 35px;
		margin: 0;
		}
	#member li {
		display: inline;
		margin: 0 0 0 15px;
		}
	
	/* Menu */
	#menu {
		list-style: none;
		margin: 0 15px 0 0;
		background: #000 url(/images/site/menu_bg.png) 0 -2px repeat-x;
		height: 36px;
		float: right;
		}
	#menu li {
		float: left;
		margin: 0;
		padding: 0;
		font-size: 1.25em;
		}
	#menu li a {
		float: left;
		display: block;
		height: 36px;
		padding: 0;
		margin: 0 10px 0 0;
		}
	#menu li a:hover{ text-decoration: underline; }
	#menu li.active a,
	#menu li a:hover {
		}
	#menu li a em { margin-top: -200px; position: absolute; }
	
	#menu li a.home { background: url(/images/site/menu.png); height:34px; width:61px; }
	#menu li a.home:hover { background-position: 0 34px; }
	#menu li a.about { background: url(/images/site/menu.png) -61px 0; height:34px; width:68px; }
	#menu li a.about:hover { background-position: -61px 34px; }
	#menu li a.profiles { background: url(/images/site/menu.png) -129px 0; height:34px; width:98px; }
	#menu li a.profiles:hover { background-position: -129px 34px; }
	#menu li a.learn { background: url(/images/site/menu.png) -227px 0; height:34px; width:72px; }
	#menu li a.learn:hover { background-position: -227px 34px; }
	#menu li a.blog { background: url(/images/site/menu.png) -299px 0; height:34px; width:65px; }
	#menu li a.blog:hover { background-position: -299px 34px; }
	#menu li a.casting { background: url(/images/site/menu.png) -364px 0; height:34px; width:91px; }
	#menu li a.casting:hover { background-position: -364px 34px; }
	#menu li a.community { background: url(/images/site/menu.png) -455px 0; height:34px; width:109px; }
	#menu li a.community:hover { background-position: -455px 34px; }
	#menu li a.watch { background: url(/images/site/menu.png) -564px 0; height:34px; width:74px; }
	#menu li a.watch:hover { background-position: -564px 34px; }
	#menu li a.join { background: url(/images/site/menu.png) -638px 0; height:34px; width:64px; margin-right: 0; }
	#menu li a.join:hover { background-position: -638px 34px; }
	#menu.nojoin li a.watch { margin-right: 0; }
	

	#page.splashpage { background: #000 url(/images/site/splashpage.jpg) 0px 45px no-repeat; min-height: 650px; }
	
	#casting-promo h2 {
	 text-align: right;
	 margin-top: 129px;
	 }
	#casting-promo h2 a {
	 display: block;
	 height: 420px;
	 width: 853px;
	 background: url(/images/site/home_casting-promo.png) no-repeat;
	 float: right;
	 margin: 0 0 45px 0;
	 }
 #casting-promo h2 a em { position: absolute; margin-top: -1000px; }
 
 #casting-promo-side {
   height: 287px;
   width: 93px;
   position: absolute;
   top: 225px;
   margin: 0 0 0 950px;
   background: url(/images/site/home_casting-promo_side.png) no-repeat;
   z-index: 100;
   }
/*
	#page.splashpage #menu {
		height: 650px;
		float: none;
		margin: 0;
		display: block;
		background: none;
		}
	#page.splashpage #menu li a { position: absolute; }
	#page.splashpage #menu li a.about { top: 95px; margin-left: 139px; }
	#page.splashpage #menu li a.profiles { top: 294px; margin-left: 790px; }
	#page.splashpage #menu li a.learn { top: 59px; margin-left: 697px; }
	#page.splashpage #menu li a.blog { top: 611px; margin-left: 171px; }
	#page.splashpage #menu li a.community { top: 342px; margin-left: 25px; }
	#page.splashpage #menu li a.watch { top: 646px; margin-left: 735px; }
*/

		
/***** Content *****/
	
	/* Content */
	#content, #sidebar, #footer {
		background: #000;
		}
	#content {
		width: 595px;
		margin: 15px 0 15px 25px;
		min-height: 500px;
		}
	#page.community #content,
	#page.profile #content {
		width: 900px;
		}
		
	#system_message {
		margin: 15px 0;
		padding: 10px 15px;
		background: #1a1a1a;
		border: 1px solid #404040;
		}
		
	/* Page */
	#page_leftbg,
	#page_rightbg {
		height: 556px;
		width: 266px;
		position: absolute;
		top: 0;
		margin: 0 0 0 -266px;
		background: url(/images/site/page_leftbg.png);
		}
	#page_rightbg {
		height: 406px;
		width: 269px;
		margin: 0 0 0 950px;
		background: url(/images/site/page_rightbg.png);
		display: none;
		}
	/* #page.splashpage #page_leftbg, */
	#page.splashpage #page_rightbg { display: none; }
	
	#page_btmbg {
		height: 173px;
		width: 950px;
		position: absolute;
		margin: 0 0 30px 0;
		background: url(/images/site/page_btmbg.png);
		}
	#page_rightbtmbg {
		height: 550px;
		width: 299px;
		position: absolute;
		margin: -505px 0 0 950px;
		background: url(/images/site/page_rightbtmbg.png) no-repeat;
		}
		
	/* Splashpage */
	#page.splashpage {
		
		}
	
	/* Forms */
	label {
		display: block;
		font-weight: normal;
		}
	input[type=submit] {
		background: #ec268f;
		color: #fff;
		padding: 3px 10px;
		font-size: 1.25em;
		text-align: right;
		border: 0;
		margin: 10px 0;
		}  
	input[type=text],
	textarea,
	textarea:focus,
	input[type=password] {
		background: #404040;
		border: 1px solid #666;
		color: #bdbfbf;
		font-size: 1em;
		padding: 3px 5px;
		}
	textarea { font-family: Trebuchet MS, Trebuchet, Arial, sans-serif; }
		
		
/***** Sidebar *****/
	
	#sidebar {
		width: 290px;
		margin: 15px 25px 15px 0;
		float: right;
		}
	
	/* Titles */
	#sidebar h2 {
		border-bottom: 3px solid #000;
		margin: 0 0 15px 0;
		padding: 0 0 3px 0;
		}
	#sidebar h3 {
		padding: 0 0 3px 0;
		margin: 15px 0 10px 0;
		border-bottom: 3px solid #000;
		}
		
	/* Lists */
	#sidebar ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
	#sidebar ul li {
		padding: 5px 0 5px 0;
		}
	#sidebar ul li em {
		background: #fff;
		font-size: 0.75em;
		}

/***** Profiles *****/

	#profiles {
		list-style: none;
		margin: 15px 0;
		padding: 0;
		}
	#profiles li {
		clear: left;
		margin: 15px 0;
		padding: 0;
		}


/***** Blog *****/
	
	.blog_index h2,
	.blog_category h2 {
		margin-top: 1em;
		}
	.blog_category h1 {
		margin-top: -0.5em;
		}
	
	.blog_attribution {
		margin: -1em 0 1em 2em;
		padding-top: 0;
		}
	
	
	/* Comments */
	#comments_box {
		background: #1a1a1a;
		border: 1px solid #404040;
		margin: 15px 0;
		padding: 10px 15px;
		}
		
	#comments_box textarea {
		width: 550px;
		height: 225px;
		background: #404040;
		border: 1px solid #666;
		display: block;
		margin: 5px 0 15px 0;
		font-size: 1.25em;
		}
	#comments {
		list-style: none;
		border: 1px solid #404040;
		border-width: 0 0 0 1px;
		margin: 25px 0;
		}
	#comments li {
		font-size: 0.875em;
		padding: 15px 15px 5px 15px;
		}
	#comments li.even {
		background: #1a1a1a;
		}
	#comments li p {
		font-size: 1em;
		}

@import url('/css/_casting.css');


/***** Footer *****/
	
	#footer {
		clear: both;
		text-align: center;
		margin: 45px 0 0 0;
		border-top: 1px solid #404040;
		padding: 15px 0;
		}

  /* Social */
  #footer #social { }
  #footer #social div { float: left; }
  #footer #social #twitter-badge { margin-left: 50px; }
  #footer #social #facebook-badge { margin-left: 50px; }
  #footer #social #facebook-like { margin-left: 50px; }

  /* Main links */
	#footer ul {
		list-style: none;
		clear: both;
		margin: 5px 0 0 0;
		}
	#footer li {
		display: inline;
		margin: 0 5px;
		padding: 0;
		}

	#footer #copyright {
		margin: 8px 0;
		text-align: center;
		display: block;
		padding: 0;		
		}