/* 	VEM
		Design by: Micheal Edwards, http://www.fgzr.net
		Coding and stuff by: Rafal Dittwald, http://rafal.dittwald.com
*/
/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
/*   THE BASICS   */
* {
	margin: 0;
	padding: 0;
}

html {
	background: url(images2/bg.png);
}

body {
	width:800px;
	margin: -10px auto 0;
	padding: 110px 78px 75px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #000 url(images2/background.png) top center no-repeat;	
	font-size: 75%;
	color: #000;
}

/*   HEADER (on top)   */
h1 a {
	overflow: hidden;
	text-indent: -1000px;
	height: 100px;
	width: 800px;
	display: block;
	background: url(images2/header.png) no-repeat center top;
	border-bottom: 1px #000 solid;
}

/*   MAIN MENU (on left)  */
#menu {
	list-style: none;
	float: left;
	padding: 30px 0 35px 0;
	width: 200px;
	/*background: url(images/menu_bg.gif);*/
	background: url(images2/menu_bg_bottom_.gif) bottom no-repeat;
	height: 320px;
	}	
	#menu li{
		float: left;
	}
	#menu li a {
		display: block;
		/*background: url(images/button_bg.gif) repeat-x;*/
		}
		#menu li a.active,
		#menu li a:hover { background: #828282 url(images/menu_bg_hover.gif); }
		
		#menu li a span{
			border-top: 1px solid #5a5a5a;
			border-bottom: 1px solid #5a5a5a;
			display: block;
			height: 35px;
			width: 200px;
			overflow: hidden;
			text-indent: -1000px;
			margin-bottom: -1px;
			background: url(images2/menu_items.gif);
			padding-top:20px;
			}
			#menu li.index a span,
			#menu li.index a:hover,
			#menu li.index a.active { background-position: 0 -30px;  }
		
			#menu li.news a span,
			#menu li.news a:hover,
			#menu li.news a.active { background-position: 0 -120px; }
		
			#menu li.videos a span,
			#menu li.videos a:hover,
			#menu li.videos a.active { background-position: 0 -80px; }
		
			#menu li.stills a span,
			#menu li.stills a:hover,
			#menu li.stills a.active { background-position: 0 -150px; }
		
			#menu li.press_room a span,
			#menu li.press_room a:hover,
			#menu li.press_room a.active  { background-position: 0 -120px; }
	
			#menu li.links a span,
			#menu li.links a:hover,
			#menu li.links a.active  { background-position: 0 -210px; }
		
			#menu li.biography a span,
			#menu li.biography a:hover,
			#menu li.biography a.active  { background-position: 0 -270px; }
		
			#menu li.contact a span,
			#menu li.contact a:hover,
			#menu li.contact a.active  { background-position: 0 -165px; }
			

			
/*   MAIN CONTENT (on right)   */		
#content{
	width: 600px;
	height: 385px;
	position: relative;
	overflow: hidden;
	float: right;
	background: #dcdcdc url(images2/main_bg.png) repeat-x;
	}
	
	#contentblog{
	width: 600px;
	height: 325px;
	position: relative;
	overflow: hidden;
	float: right;
	background: #dcdcdc url(images2/main_bg.png) repeat-x;
	}
	
	h2 {
		font-size: 2em;
		font-style:italic;
		margin: 0.5em 0 0.3em 15px;
		}
		h2.links, h2.contact_us, h2.about_us, h2.editor_reels, h2.welcome {
			text-indent: -1000px;
			overflow: hidden;
			height: 47px;
			}
			h2.welcome { background: url(images/titles/welcome.gif) no-repeat; }
			h2.editor_reels { background: url(images/titles/editor_reels.gif) no-repeat; }
			h2.about_us { background: url(images/titles/about_us.gif) no-repeat; }
			h2.contact_us { background: url(images/titles/contact_us.gif) no-repeat; }
			h2.links {	background: url(images/titles/links.gif) no-repeat; }
		
	h3{
		font-size: 1.4em;
		margin: 1em 0 0 20px;
		}
		
	div.press_room{
		width: 585px;
		height: 320px;
		overflow: auto;
	}
	
	div.biocontact{
		width: 585px;
		height: 220px;
		overflow: auto;
	}
	
	p {
		font-size: 1em;
		line-height: 1.5em;
		margin: 1em 30px;
		}
		.center{
			text-align: center;
		}
	
	#content ul{
		list-style: none;
		}
		#content ul li{
			margin: 0.25em 2em;
		}
	a{ color: #c60; }
	a:hover { color: #f60; }
	a img{ border: 0; }
	
	a.h2blog{color:#000000}
	a.h2blog:hover{ color: #f60; }



/*   VIDEOS   */
	#video_info{
		width: 560px;
		height: 182px;
		overflow: auto;
		padding: 20px 20px 0;
		position: relative;
		}
		#video_info img{
			width: 250px;
			height: 165px;
			float: left;
			margin-right: 25px;
			}
		#video_info h2{
			font-size: 1.1em;
			margin: 0;
			}
		#video_info h3{
			font-size: 1em;
			margin: 0;
			}
		#video_info p{
			font-size: 0.8em;
			margin: 1em 0;
			}
		#video_info li{
			font-size: 0.8em;
			}
	
		#video_info .play{
			display: block;
			text-indent: -1000px;
			overflow: hidden;
			width: 115px;
			height: 20px;
			background: url(images2/play.gif) no-repeat;
			position: absolute;
			right: 15px;
			bottom: 2px;
			}
			
#select_video{
	overflow: hidden;
	text-indent:-1000px;
	background: url(images2/select_video.gif) no-repeat;
	width: 107px;
	height: 20px;
	margin: 30px 0 -50px;
	padding: 0;
	}
	
ul.video_thumbs {
	background: url(images2/video_bg.gif) bottom no-repeat;
	width: 570px;
	height: 183px;
	padding: 0 15px;
	} 
	ul.video_thumbs li{
		float: left;
		margin: 0 !important;
		}
		sul.video_thumbs li a{
			float: left;
			}
			ul.video_thumbs li a img{
				width: 120px;
				height: 80px;
				margin: 60px 10px 0;
			}
.choices{
	margin: 60px 60px;
	width: 360px;
	padding-top: 20px;
	padding-left: 30px;
	}
	.choices li {
		float: left;
		padding-bottom: 15px;
	}
	.choices li a{
		display: block;
		text-indent: -1000px;
		overflow: hidden;
		width: 100px;
		height: 40px;
		margin: 10px 5px;
		background-repeat: no-repeat;
		}
		.choices li a:hover{
			background-position: 0 -40px;
			}
		.choices .music_videos {
			background-image: url(videos/categories/music_videos.png);
			width: 340px;
			}
		.choices .other_works {
			background-image: url(videos/categories/other_work.png);
			width: 320px;
			}
		.choices .commercials {
			background-image: url(videos/categories/commercials.png);
			width: 350px;
			}
		.choices .tv {
			background-image: url(videos/categories/tv.png);
			width: 220px;
			}
		.choices .film {
			background-image: url(videos/categories/film.png);
			width: 120px;
			}

/*   Next/Prev links */
	.next, .prev {
		text-indent: -1000px;
		overflow: hidden;
		width: 75px;
		height: 17px;
		position: absolute;
		margin-top: -27px;
		}
		.next {
			background: url(images2/next.gif) right no-repeat;
			right: 10px;
		}
		.prev {
			background: url(images2/prev.gif) no-repeat;
			left: 10px;
		}

/*  FOOTER   */	
#footer{
	clear: left;
	/*background: url(images/footer.gif) no-repeat; */
	padding: 5px 0 0 0;
	}
	#footer li{
		display: inline;
		}
	#footer a{
		color: #ccc;
		text-decoration: none;
		font-weight: bold;
		}
		#footer a:hover {
			color: #fff;
			}
	#footer p{
		margin: 1px 0;
		text-indent: 10px;
		font-size: 0.8em;
		color: #666;
		}
	
	#add_vem {
		float: right;
	}
	
	/* Web Social Links */
	#social_links a{
		display: block;
		float:left;
		height: 16px;
		width: 16px;
		text-indent: -1000px;
		overflow: hidden;
		margin: 0 5px 0 0;
		background-image: url(images2/social_links.gif);
		}
		#facebook {
			
			}
		#digg {
			background-position: 48px 0;
			}
		#reddit{
			background-position: 32px 0;
			}
		#delicious{
			background-position: 16px 0;
			}
	

/* FRONT PAGE */
	a.front_page{	
		display: block;
		width: 580px;
		height: 60px;
		padding: 325px 10px 10px;	
		font-size: 2em;
		text-align: right;
		line-height: 1em;
		font-variant:small-caps;
		letter-spacing: 1px;
		color: #FFF;
		text-decoration: none;
	}
	a.front_page:hover{
		color: #FFF;
	}
	a.front_page span{
		font-size: .6em;
		display: block;
		text-transform:uppercase;
	}
	
/* VIDEO */
	#content object {
		margin: -2px 0 0 60px;
		}
		#content object object{
			margin-left: 0;
			}
/* STILLS */
	#stills {
		margin: 15px 27px;
		}
		#stills li{
			float: left;
			margin: 0 !important;
			}
			#stills a{
				display: block;
				width: 75px;			
				height: 75px;
				margin: 8px;
				overflow: hidden;
				/* text-indent: -21px; */
				}
				#stills img{
				
				}
				
/* TEMP */
#add_vem, #social_links, #footer p {
	display: none;
}