/* --------------------------------------------------
Shooting People MAKE Style Sheet
Author:  Giles @ Pixeco.com
Created:  12/11/08
Modified: 12/11/08
-------------------------------------------------- */



/***************************************************** 
* Layout
*****************************************************/

div#diagonalsBar{ /*Christmas */
	height:50px;
	background-image:url("/images/splash/christmasPattern.png"); /*CHANGE AFTER CHRISTMAS*/
	position: relative;
	z-index:1;
}

#makeWrapper {
	width: 930px;
	/* height: 950px; */  
	padding: 0;
	margin: 50px auto 0;	
	text-align: left;
	position: relative;
/*	background: url(../images/make/grid.gif) no-repeat top center;*/
	}
	#makeWrapper:after { /* clearing */
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		}
	#makeWrapper p { font-size:0.8em; line-height:1.1; margin:0 0 5px 0; padding:0; }
	#makeWrapper h3 { font-size:15px; color:#000; margin:0 0 7px 0; padding:0; letter-spacing:-1px; }
	
	
	
	#makeWrapper p.welcome { 
		display: block;
		width: 100%;
		height: 25px;
		padding-top: 5px;
		margin-bottom: 30px;
		font-size: 13px;
		position: absolute;
		top: -55px;
		left: 0;
		border-bottom: 1px solid #bbb;
		}
		#makeWrapper p.welcome span { color:#000; font-weight:bold; font-size:16px; letter-spacing:-1px; }
	#makeWrapper div.topWrapper{
		height:420px;
	}
	
	
	
	#makeWrapper div#skyscraper { 
		position: absolute;
		top: 0;
		right: 0;
		}
	
	
	
	#makeWrapper div#videoPlayerPanel { 
		width: 504px; /* 390px */
		/* height: 284px; 300px */
		padding: 7px;
		float:left;
		margin-right:36px;
		/* border: 1px solid #bbb; */
		}
		#makeWrapper div#videoPlayerPanel div#FlashVideo { 
			/* width: 420px; */
			height: 320px;
			margin-bottom: 12px;
			background: #000;
			}
		#makeWrapper div#videoPlayerPanel h1 { font-size:24px; margin:0; padding:0; }
		#makeWrapper div#videoPlayerPanel h2 { font-size:12px; margin:0; padding:0; color:#7f7f7f; }
	
	div.dividerIndex {
		padding:;
	    border-left: 1px solid #424242;
	    margin-left: -20px;
	    padding-left: 20px;
	}
	
	div.dividerIndex#twit {
		padding:;
	    border-left: 1px solid #424242;
	    margin-left: -20px;
	    padding: 12px 7px 7px 20px;
	}
	
	#makeWrapper div#blog { 
		width: 215px; /* 120px */
		height: 390px; /* 300px */
		/* padding: 4px; */
		float:left;
		top: 0;
		left: 405px;
		/* border: 1px solid #bbb; */

		}
		#makeWrapper div#blog img { 
			margin-bottom: 8px;
			width:100%;
			text-align:center;
			} 
			
	#makeWrapper div.featureWrapper{
		float:left;
		margin-top:40px;
		width:210px;
		
	}
	#makeWrapper div.featureWrapper div.featureBox {
		width: 200px;
		/* height: 132px; */ 
		padding: 4px;
		float:left;
		/* border: 1px solid #bbb; */
		}
		#makeWrapper div.featureWrapper div.featureBox h4 { font-size:15px; margin:0; padding:0; letter-spacing:-1px; }
		#makeWrapper div.featureWrapper div.featureBox h3 { margin-top:4px; }
		#makeWrapper div.featureWrapper div.featureBox img {
			margin-right: 10px;
			float: left;
			}
		#makeWrapper div.featureWrapper div.featureBox.one { right: 405px; top: 315px; }
		#makeWrapper div.featureWrapper div.featureBox.two { right: 405px; top:473px; }
		#makeWrapper div.featureWrapper div.featureBox.three { right: 405px; top:631px; }
		#makeWrapper div.featureWrapper div.featureBox.four { right: 405px; top:789px; }
		#makeWrapper div.featureWrapper div.featureBox.five { right: 405px; top:947px; }
                                        
			#makeWrapper div.featureWrapper div.featureBox.one p, 
			#makeWrapper div.featureWrapper div.featureBox.two p,
			#makeWrapper div.featureWrapper div.featureBox.three p,
			#makeWrapper div.featureWrapper div.featureBox.four p,
			#makeWrapper div.featureWrapper div.featureBox.five p,
			#makeWrapper div.featureWrapper div.featureBox.six p {
				font-size: 11px;
				}

			#makeWrapper div.featureWrapper div.featureBox.one div.memberImage,
			#makeWrapper div.featureWrapper div.featureBox.two div.memberImage,
			#makeWrapper div.featureWrapper div.featureBox.three div.memberImage,
			#makeWrapper div.featureWrapper div.featureBox.four div.memberImage,
			#makeWrapper div.featureWrapper div.featureBox.five div.memberImage,
			#makeWrapper div.featureWrapper div.featureBox.six div.memberImage {
				width: 100%;
				height: 150px;
				margin-right: 10px;
				float: left;
				background: no-repeat center center #000;
				      
				}
				#makeWrapper div.featureWrapper div.featureBox.two div.memberImage a:hover,
				#makeWrapper div.featureWrapper div.featureBox.three div.memberImage a:hover,
				#makeWrapper div.featureWrapper div.featureBox.four div.memberImage a:hover,
				#makeWrapper div.featureWrapper div.featureBox.five div.memberImage a:hover,
				#makeWrapper div.featureWrapper div.featureBox.six div.memberImage a:hover, { background-color: transparent; }




	#makeWrapper div.promoBoxHalf { 
		width: 245px; /* 255px */
		height: 80px; /* 90px */
		padding: 4px;
		top: 376px;
		/* position:absolute; */
		float:left;
		left: 0;
		border: 1px solid #bbb;		
		}
		#makeWrapper div.promoBoxHalf h3,
		#makeWrapper div.promoBoxHalf p { position:absolute; left:-7777px; }
			#makeWrapper div.promoBoxHalf.right { 
				left: 270px;
				}

	
	
/* 	#makeWrapper div#calendar { 
		width: 515px; 525px
		height: 80px; 90px
		padding: 4px;
		position: absolute;
		top: 315px;
		left: 0;
		border: 1px solid #bbb;		
		}
		#makeWrapper div#calendar h3,
		#makeWrapper div#calendar p { position:absolute; left:-7777px; }
	
 */

	#makeWrapper img#promoBoxMiniOne { 
		float:left;
		/* position:absolute; */
		top: 420px;
		left: 0;
		}
	#makeWrapper img#promoBoxMiniTwo { 
		float:left;
		/* position:absolute; */
		top: 511px;
		left: 0;
		}
	#makeWrapper img.promoBoxOne,
	#makeWrapper img.promoBoxTwo { 
		position: absolute;
		top: 420px;
		left: 135px;
		} 
	#makeWrapper img.promoBoxTwo { 
		left: 338px;
		}

	#makeWrapper #VwP21976Div { /* Adobe Advertising Div */
		float:left;
		top: 420px;
		left: 139px;
		} 


	#makeWrapper div.feedBox {
		width: 239px;
/*		height: 590px; */
		padding: 12px 7px 7px 7px;
		float:left;
		margin-top:40px;
		margin-right:40px;
		/* border: 1px solid #bbb; */
		}
		#makeWrapper div.feedBox h3,  { 
			margin-bottom: 10px;
			}
		#makeWrapper div.feedBox p { 
			font-size: 0.9em;
			line-height: 1.1;
			}
		#makeWrapper div.feedBox ul { 
			list-style: none;
			margin: 0;
			padding: 2px 0 0 0;
			border-top: 1px dotted #bbb;
			}
			#makeWrapper div.feedBox ul li { 
				margin: 10px 0 15px 0;
				padding: 0 0 10px 0;
				border-bottom: 1px dotted #bbb;
				}
				#makeWrapper div.feedBox ul li.last { 
					border-bottom: none;
					margin-bottom: 0;
					}

		#makeWrapper div.feedBox.blog { 
			right: 135px;
			top: 0;
			}
		#makeWrapper div.twitfeedBox {
			width: 239px;
	/*		height: 590px; */
			float:left;
			margin-top:40px;
			margin-right:40px;
			/* border: 1px solid #bbb; */
			}
			#makeWrapper div.twitfeedBox h3,  { 
				margin-bottom: 10px;
				}
			#makeWrapper div.twitfeedBox p { 
				font-size: 0.9em;
				line-height: 1.1;
				}
			#makeWrapper div.twitfeedBox ul { 
				list-style: none;
				margin: 0;
				padding: 2px 0 0 0;
				border-top: 1px dotted #bbb;
				}
				#makeWrapper div.twitfeedBox ul li { 
					margin: 10px 0 15px 0;
					padding: 0 0 10px 0;
					border-bottom: 1px dotted #bbb;
					}
					#makeWrapper div.twitfeedBox ul li.last { 
						border-bottom: none;
						margin-bottom: 0;
						}
		#makeWrapper div.twitfeedBox.twitter { 
			left: 0;
			top: 315px;
			width:206px;
			}
			#makeWrapper div.twitfeedBox.twitter ul li img.thumb { 
				float: left;
				}
			#makeWrapper div.twitfeedBox.twitter ul li p { 
				width: 180px;
				float: right;
				}
		


	#makeWrapper .actingJobsBox {
		padding: 4px;
		width:245px;
		/* border: 1px solid BBBBBB; */
		position: absolute;
		right: 135px;
	}
#makeWrapper .actingJobsBox .headerBox {
	font-size: 1.2em;
	color: #000000;
	font-weight: bold;
	background-image: url(../images/castcrew/titleline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.column {
margin-top:5px;
padding-bottom:3px;
border-bottom:dotted 1px #999999;
margin-bottom:5px;
}

.editorialBox {
	border:1px solid #BBBBBB;
	padding:12px 7px 7px;
	margin-bottom: 15px;
	width: 110px;
}

.editorialBox h3 {
	color:#000000;
	font-size:15px;
	letter-spacing:-1px;
	margin:0 0 10px;
	padding:0;
}

.editorialBox p {
	border-top: 1px dotted rgb(187, 187, 187); 
	padding-top: 10px; 
	font-size: 1em !important;
}

