@import url(new_css.css);

/* THIS IS THE MAIN CSS I DID FOR SITE */





/* Body content */

body {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px;
	line-height: normal;

	background-color: black;
	
}

h1 {					/* All page titles are in the h1 tag */
	font-style: normal;
	font-size: 26px;
	font-variant: small-caps;
	text-transform: capitalize;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	letter-spacing: 2px;
}

h2 {					/* This is used only on the index page for the Editor.Producer. txt */
	font-style: normal;
	font-size: 26px;
	font-variant: small-caps;
	text-transform: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	letter-spacing: 2px;
}

.titleRedLine {
	width: 80px;
	border-top: 3px #5e0303 solid;
	position: relative;
	top: -20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -15px;
}

#container {
	background-color: #FFFFFF;
	position: relative;
	width: 880px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	overflow: hidden;
	border: 2px solid black;
	min-height: 400px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	

	
}

.subindent {				/* Used on Services page to indent the Digital Effects sub-menue */
	margin-left: 20px;
	list-style-type: circle;
	}
	
/* About */

.about {
	margin: 0px 40px 10px 40px;
}

.aboutImage1 {
	float: left;
	padding: 0px 30px 10px 0px;
}

.aboutImage2 {
	float: left;
	padding: 15px;
	margin: 5px 25px 10px 0px;
	background-color: #C39e70;
	border: 1px black solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


/* Services */

.services {
	margin: 0px 40px 10px 40px;
}

.servicesImage {
	float: right;
	padding: 15px;
	margin: 20px 10px 10px 25px;
	background-color: #C39e70;	
	border: 1px black solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


/* Header  */

.headerPic {
	border-color: #00FF00;
}

headerName a:hover, a:visited, a:link {
	color: #000000;
	text-decoration: none;
}

/* Footer */

.footer {
	position: relative;
	width: 800px;

	border: 0px solid #000000;
	margin-left: auto;
	margin-right: auto;

	font-size: 10px;
	font-weight: bold;
	color: #868686;

	text-align: center;
	letter-spacing: 4px;
}

/* Writing List pages (Scripts and Poetry) */

#writingList {
	position: relative;
	margin: 0px 0px 30px 0px;
	background-color: #C39e70;
	padding: 8px 15px 8px 15px;
	width: 620px;
	left: 80px;
	border: 3px solid #996600;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#writingList a:hover {
	background-color: #AAAAAA;
}

/* Font lists for Scripts, Poetry and Projects */

.copywriteYear {
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: right;
	line-height: 20px;
}

.title {
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
	font-family: Verdana, Geneva, sans-serif;
}

.description {
	font-size: 12px;
	letter-spacing:normal;
	text-indent: 24px;
	line-height: 1.1em;
}

.vidType {
	font-size: 14px;
	line-height: 20px;
	font-variant: small-caps;

}

/* CSS statements for picture thumbnails and detail page*/

/*
#contentImage3 {
	position: absolute;
	width: 640px;
	text-align: center;
	border: 1px solid #000000;
	top: 220px;
	left: 70px;
	font-weight: bold;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #C39e70;
}*/

#contentImage3 img{
/*	margin: 0px 10px 5px 10px;
/*	border: 1px solid #000000; */
}


#indexPics {
	position: relative;
	margin-left:auto;
	margin-right:auto;
	padding: 20px;
	width: 540px;
	border: 1px solid #000000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #C39e70;
}

#indexPics img {
	border: 0px solid #33CC33;
}

#indexNav img {
	border: 0px solid #33CC33;
}

#indexNav {
	border: 0px solid #33FFCC;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	width: 116px;
	text-align: center;
}

#indexNav .L {
	position: absolute;
	left: 320px;
}

#indexNav .R {
	position: absolute;
	right: 320px;
}

#detail #image {
	text-align: center;
	margin: -20px 0px 15px 0px;
}

#detail #image img {
	border: 1px solid #000;
	max-height: 600px;
	max-width: 600px;
	min-width: 300px;
}

#detail .prev {
	position: relative;
	right: 250px;
}

#detail .next {
	position: relative;
	left: 250px;
}

#detail #navigation {
	text-align: center;
	border: 0px solid #33FFCC;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 550px;
	height: 30px;
	top: -13px;
	position: relative;
	}

#detail #info {
	text-align: center;
	border: 0px solid #33FFCC;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 550px;
	height: 70px;
}

#detail #info .picTitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 5px;
	width: 300px;
}

#detail #info .picLocal {
	letter-spacing: 5px;
}

/* Contact Page */

.contact {
	margin-left: auto;
	margin-right: auto;
	border: 0px solid #33FFCC;
	width: 740px;
}

.contact .contactBlurb, .contactPhone, .contactForm {
	width: 440px;

	left: 0px;
	position: relative;
	margin: 0px 0px 10px 0px; 
	padding: 8px;

	border: 3px solid  #5e0303;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #FFF;
}

.contact .contactForm label {font-style:normal; font-weight:bold;}
.contact table {
	padding: 10px; 
	text-align: left;

	}

.contact table td {
	padding: 2px;
}

.contact img {
	position: absolute;

}

.contactImage {
	right: 70px;
	position: relative;
	padding: 15px;
	margin: 0px 0px 10px 0px;


	border: 3px solid  #5e0303;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #FFF;
	}
	
.contactImage img{

	
}

/* Title pages for sections - Production, Photography, Writing  */

#contentImage {
	position: absolute;
	width: auto;
	text-align: center;
	border: 1px solid #000000;
	top: 220px;
	left: 70px;
	font-weight: bold;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #C39e70;
	
	visibility: hidden;
}

#contentImage img{
	margin: 0px 10px 5px 10px;
	border: 1px solid #000000;
}


#contentText {
	position: relative;
	margin-bottom: 40px;
	width: 460px;
	border: 0px solid #33FFCC;
	top: 0px;
	right: -275px;
}

#contentImage2 {
	position: absolute;
	width: auto;
	text-align: center;
	border: 1px solid #000000;
	top: 380px;
	left: 70px;
	font-weight: bold;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #C39e70;


	visibility: hidden;
}

#contentImage2 img{
	margin: 0px 10px 5px 10px;
	border: 0px solid #000000;
}

/* Projects list and detail page */


#projects {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;		/* Sets spacing between videos */
	width: 700px;
	border: 0px solid #33FFCC;
	min-height: 100px;
}

#projects a:hover {
	background-color: #AAAAAA;
}

#projectsImage {
	position: absolute;
	border: 1px solid #999999;
	background-color: #C39e70;
	padding: 5px;
	left: 20px;
	width: 130px;
	text-align: center;
	line-height: 25px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#projectsImage img {
	width: 100px;
	text-align: center;
}

#projectsDescription {
	position: absolute;
	border: 2px solid #999999;
	background-color: #C39e70;
	padding: 5px 10px 5px 10px;
	left: 185px;
	width: 470px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.video_container {
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	border: 3px solid  #5e0303;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #FFF;
	width: 688px;
	position: relative;
	top: -5px;

}

.video {

}

#videoDetail {
	position: relative;
	top: -10px;

}

#videoDetail #info {
	width: auto;
	border: 0px solid #000000;
	text-align: center;

}

#videoDetail #details {  /* Adjusts the video details underneith the videos */
	width: 500px;
	margin-left: 100px;
	margin-right: auto;
	border: 2px solid #C39e70;
	padding: 5px 5px 5px 10px;
	margin-top: 25px;
	background-color:  #FFFFFF;
	top: 0px;
}

/* Home Page */

.homeCont{
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	border: 0px solid black;
	}

#myheadshot img {
	float: right;
	right: -20px;
	top: -45px;
	position: relative;
	padding: 15px;
	background-color: #C39e70;	
	border: 1px black solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;}

.quotes {
	font-weight: normal;
	width: 450px;
}

/* Filmography Page */
#filmography {
	position: relative;
	top: 0px;
	}	

#filmography .filmogUpdate { 			 /* Controls the look of the "Updated" line */
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
}


#filmography .positionTitle { 			 /* Controls the look of the Position Titles (editor, producer) */
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}

#filmography .filmogTitle {				/* This is a duplicate of H1*/
	font-style: normal;
	font-weight: bold;
	font-size: 26px;
	font-variant: small-caps;
	text-transform: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	}

#filmography .movieDate {				/* Controls the look of the movie date on filmography page */
	}
#filmography .movieTitle {				/* Controls the look of the movie titles on filmography page */ 
	font-style: italic;}

/*  */






/* THIS IS ALL THE CSS FOR THE MENUE FUNCTIONALITY  */

/* ######### Chrome Main Menu Bar CSS ######### */

.chromemenu{
	width: 100%;
	font-weight: bold;
}

.chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.chromemenu ul{
	border: 1px solid #BBB;
	background: url(../images/chromebg.gif) center center repeat-x;
	margin: 0;
	padding: 7px 0;

	text-align: center; /*set value to "right" for example to align menu to the left of page*/

	letter-spacing: 2px;
	font-variant:normal;
	text-transform: capitalize;
	font-size: 12px;

}

.chromemenu ul li{
	display: inline;
}

.chromemenu ul li a{
	color: #1E0B0B;
	padding: 7px;
	margin: 0;
	text-decoration: none;
	border-right: 1px solid #DADADA;
}

.chromemenu ul li a:hover{
	background: url(../images/chromebg2.gif) center center repeat-x;
}

.chromemenu ul li a.selected{
	background: url(../images/chromebg2.gif) center center repeat-x;
}