/*	==================================
		Game Projects
    ==================================	*/
div.game_showcase
{
	padding-top: 1em;
}

div.game_showcase .project_item
{
	padding: 20px 0px 20px 0px;
}

div.game_showcase .project_item:not(:last-child)
{

}


div.game_showcase > .project_item > .thumbs
{
	float: right;
	width: 250px;
	text-align: right;
}

div.game_showcase > .project_item > .thumbs img
{
	width: 200px;
}


div.game_showcase > .project_item > .content 
{
	width: 550px;
	padding-bottom: 20px;
}

div.game_showcase .project_item > .content > .title
{
	padding: 0;
	margin: 0;
	font-size: 1.3em;
}	
	
div.game_showcase .project_item  > .content h3
{
	color: #5169b6;
	font-size: 1.3em;
	font-weight: bold;
}

div.game_showcase  .dev_publisher,
div.game_showcase .dev_publisher a,
div.game_showcase .platform,
div.game_showcase .platform a

{
	margin: 0;
	padding: 0;
	color: gray;
}

div.game_showcase ul.features
{
	list-style: none;
	margin: 0;
	padding: 0;
}

div.game_showcase .project_item .thumbs img
{
	max-width: 200px;
	height: auto;
}


.project_item_separator
{
	clear: both;
	display: block;
	width: 100%;
	height: 2px;
	background-color: #5169b6;
	margin: 5em 0 2em 0;
}


/*	==================================
		Web Projects
    ==================================	*/
div.web_showcase
{
	padding-top: 1em;
}

div.web_showcase .project_item
{
	padding: 20px 0px 20px 0px;
	height: 500px;
}

div.web_showcase .project_item:not(:last-child)
{
	border-bottom: 2px solid #5169b6;
}

div.web_showcase > .project_item > .thumbs
{
	float: left;	
	padding: 0 10px 0 10px;	
	overflow: hidden;	
}

div.web_showcase > .project_item > .thumbs a
{
	display: block;	
	padding: 3px;
	border: 1px solid gray;
	margin: 0 15px 10px 15px;
	box-shadow:2px 2px 5px #333;-moz-box-shadow:2px 2px 5px #333;-webkit-box-shadow:2px 2px 5px #333;
}
div.web_showcase > .project_item > .thumbs a:hover 
{
	background: #AAAAAA;
}

div.web_showcase > .project_item > .thumbs img 
{ 
	border: 1px solid #BBBBBB;

}

div.web_showcase > .project_item > .content 
{
	float: right;
	width: 330px;
	padding-bottom: 20px;
}
div.web_showcase > .project_item > .content p
{
	padding: 0;
	margin: 0;
}

div.web_showcase .project_item > .content > .title
{
	padding: 0;
	margin: 0;
	font-size: 1.3em;
}	


div.web_showcase .project_item > .content > .client,
div.web_showcase .project_item > .content > .client a
{
	margin: 0;
	padding: 0;
	color: gray;
	font-style: italic;
}
div.web_showcase .project_item > .content > .url,
div.web_showcase .project_item > .content > .url a
{
	margin: 0;
	padding: 0;
	color: gray;
	display: none;
}
div.web_showcase .project_item > .content > .description
{
	padding-top: 1em;
}
div.web_showcase .project_item > .content > ul.features
{
	padding-left: 1.5em;
}

body.section_dfdintro #content
{	
	background-image: url("../webdesigner/dfd_intro_sand_bg.jpg");
}

body.section_phatvu #content
{	
	background: black;
}

body.section_5thrbyearbook #content
{	
	background: #6c6b62;
}

body.section_phatvu div.flash_showcase .flash_embedded_object
{
	border: 2px solid white;
	margin: 50px auto 50px auto;
}


/*	
==================================
	Movies Reels Page
==================================
*/
.reel_list
{
	text-align: center;	
}
.reel_list .item
{
	display: inline-block;	
	width: 40%;
	padding: 20px;
	margin: 10px;
	text-align: center;	
	/*
	border: 1px solid #888;
	background: white;
	box-shadow: 5px 5px 10px #BBB;
	border-radius: 15px;
	*/
}
.reel_list .item .description
{
	padding-bottom: 10px;
}
.reel_list .item .description > h2
{
	display: inline;
	font-size: 14px;
	margin-bottom:
}
.reel_list .item .description > .genre
{
	font-weight: bold;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #888;
}
.reel_list .item .description > .title
{
	font-weight: normal;	
}

.reel_list .item > .video_play_btn
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	cursor: pointer;
	text-align: center;
}
.reel_list .item > .video_play_btn .caption
{
	display: block;
	position: absolute;
	top: 130px;
	left: 40px;
	color: white;
	background: black;
	opacity: 0.7;
	filter: alpha(opacity=70);
	border-radius: 25px;
	padding: 5px;
	text-align: center;
	width: 120px;
	font-size: 30px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
}
.reel_list .item > .video_play_btn img
{
	height: 200px;	
	border-radius: 15px;
	border: 2px solid #888;
	box-shadow: 5px 5px 10px #BBB;
}
.section_reel .video_overlay .shades
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);	
}
.section_reel .video_overlay .video_box
{
	position: absolute;	
	top: 100px;
	left: 0;
	width: 100%;
	z-index: 10000;	
}

.section_reel .video_overlay .video_box .inner
{
	margin: 100px auto 0 auto;	
	display: block;
	padding: 30px 30px 20px 30px;
	background: #CCC;
	border: 2px solid gray;
	border-radius: 15px;
	box-shadow: 5px 5px 10px #1A1818;
	z-index: 1000;
	width: 650px;
	text-align: center;	
}
.section_reel .video_overlay .video_box .inner .close_btn
{
	text-align: center;	
	display: inline-block;
	margin-top: 20px;
	padding: 0;
	text-decoration: none;
	font-weight: bold;
	font-family: monospace;
	font-size: 20px;
	color: #333;
	cursor: pointer;
}
.section_reel .video_overlay .video_box .inner .the_video
{
	display: block;
}
/*	
==================================
	Movies Page
==================================
*/

.movie_list .item_embedded
{
	height: 440px;
	margin-bottom: 40px;
}

.movie_list .item_embedded:not(:last-child)
{
	border-bottom: 2px solid black;
}

.movie_list .item_embedded  .description
{
	float: right; 
	width: 325px;
	padding-left: 10px;
}

.movie_list .item_embedded  .description .title
{
	padding: 0;
	margin: 0;
}

.movie_list .item_embedded  .description .genre
{
	padding: 0;
	margin: 0;
	padding-top: 4px;
	padding-bottom: 1em;
	color: #666666;
	font-size: 0.9em;
}
.movie_list .item_embedded  .description .length,
.movie_list .item_embedded  .description .role,
.movie_list .item_embedded  .description .software,
.movie_list .item_embedded  .description .team
{
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

.movie_list .item_embedded  .description .screenshots 
{
	
}
.movie_list .item_embedded  .description .screenshots img
{
	padding: 3px;
	border: 1px solid gray;
	margin: 0 15px 10px 15px;
	box-shadow:2px 2px 5px #333;-moz-box-shadow:2px 2px 5px #333;-webkit-box-shadow:2px 2px 5px #333;
}
.movie_list .item_embedded  .description .screenshots a:hover img
{
	background: #AAAAAA;
}


.movie_list .item_embedded  .video
{
	width: 650px;
}


/* Table of programming items */
.movie_list table.movies_table
{
 border-collapse: collapse;
}


.movie_list .item td
{
 padding: 10px;
 padding-bottom: 30px;
 border-bottom: 4px solid black;
}

.movie_list .item .text
{
 /*width: 750px;*/
}

.movie_list .item .screenshots
{
 text-align: left;
}

.movie_list .item .screenshots .bordered_images img
{
 border: 1px solid black;
}


.movie_list .item .text p
{
 padding: 0;
 margin: 0; 
}

.movie_list .item .text .title
{
 font-size: 2em;
 font-weight: bold;
}

.movie_list .item .text .description
{
 padding-top: 1em;
}

.movie_list .item .text .specs
{
 padding-left: 2em;
 padding-top: 1em;
 padding-bottom: 1em;
}

.movie_list .item .text .specs ul
{
 padding-top: 0;
 margin-top: 0;
}

.movie_list .item .text .screenshots 
{
 padding: 0;
 margin: 0;
}


	
/*	==================================
		Resume 
    ==================================	*/
	

div.resume
{
	margin-left: auto;
	margin-right: auto;
	width: 750px;
}

div.resume > p,
div.resume > table,
div.resume > .indent,
div.resume > .work_experience
{
	margin-left: 20px;
}

div.resume h2
{
	font-size: 1em;
}

div.resume .section_header h2
{
	padding-top: 10px;
	padding-bottom: 0;
	margin-bottom: 0.5em;
	border-bottom: 1px solid black;
}


div.resume ul
{
	padding-top: 0;
	margin-top: 0;
}

/* work experience */
div.resume  .work_experience
{
	margin-top: 1em;
	margin-bottom: 1em;
}
div.resume  .work_experience .work_dates
{
	float: right;
	padding-right: 10px;
}
div.resume  .work_experience p,
div.resume  .work_experience span,
div.resume  .work_experience ul
{
	padding: 0;
	margin: 0;
}
div.resume  .work_experience ul
{
	padding-left: 1.5em;
}

div.resume .work_experience .title
{
	font-weight: bold;
}
div.resume .work_experience .company
{
	font-style: italic;
	color: #555555;
}

/* work listing (film) */
div.resume table.work_listing
{
	padding: 0;
	margin: 0;
	margin-left: 20px;
	border-collapse: collapse;
}

div.resume table.work_listing td
{
	padding: 0;
	margin: 0;
	padding-bottom: 0.5em;
	vertical-align: top;
}

div.resume table.work_listing td.title 	{	width: 350px; }
div.resume table.work_listing td.role 	{	width: 250px; }
div.resume table.work_listing td.for	{	width: 250px; }
div.resume table.work_listing td.date {	width: 50px; }

div.resume table.my_shorts td.title {	width: 350px; }
div.resume table.my_shorts td.role {	width: 500px; }
div.resume table.my_shorts td.date {	width: 50px; }


/*	==================================
		LP: Backend WebDev for WebDesigner
    ==================================	*/
	
.lp_webdesigner_helper h2
{
	color: #faa808;
}

.lp_webdesigner_helper p
{
	max-width: 700px;
}

.lp_webdesigner_helper h2 a
{
	font-weight: bold;
	font-size: 1.2em;
}

.lp_webdesigner_helper .profile_pic
{
	float: right;
	margin-left: 10px;
	height: 200px;
	border-radius: 15px;
	border: 2px solid #faa808;
}